<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
     xmlns:content="http://purl.org/rss/1.0/modules/content/"
     xmlns:dc="http://purl.org/dc/elements/1.1/"
     xmlns:dcterms="http://purl.org/dc/terms/"
     xmlns:media="http://search.yahoo.com/mrss/"
     xmlns:atom="http://www.w3.org/2005/Atom"
     xmlns:cf="https://www.futureplc.com/rss/content-flags"
>
    <channel>
                    <atom:link href="https://www.tomsguide.com/feeds/tag/gaming" rel="self" type="application/rss+xml" />
                            <title><![CDATA[ Latest from Tom's Guide in Gaming ]]></title>
                <link>https://www.tomsguide.com/gaming</link>
        <description><![CDATA[ All the latest gaming content from the Tom's Guide team ]]></description>
                                    <lastBuildDate>Mon, 07 Sep 2026 11:13:18 +0000</lastBuildDate>
                            <language>en</language>
                                <item>
                                                            <title><![CDATA[ 13 Nintendo Switch Labor Day sales worth shopping now, with up to 50% off games and accessories ]]></title>
                                                                                                <dc:content><![CDATA[ <p>The Nintendo Switch 2 now costs $499. That's right, the $50 price hike that was announced earlier this year has hit. If you already bought one, congrats! If not, there's still plenty of fun to be had with your original Nintendo Switch.</p><p>To help you get the most for your money, I'm sharing the best Labor Day Nintendo Switch deals. <a href="https://www.amazon.com/b/?_encoding=UTF8&node=206234610011&ref_=Oct_d_odnav_d_206234609011_1&pd_rd_w=50IPp&content-id=amzn1.sym.ed470844-7314-4717-8e3f-b384c77cdbd8&pf_rd_p=ed470844-7314-4717-8e3f-b384c77cdbd8&pf_rd_r=C2WM797X2CCD15MPWHAT&pd_rd_wg=3ucU8&pd_rd_r=ed395d6b-1d81-4eec-b82a-b3e613d8ce3f" target="_blank" rel="nofollow">Essential games are discounted</a>, and you can also find <a href="https://www.amazon.com/b/?_encoding=UTF8&node=206234611011&ref_=Oct_d_odnav_d_206234609011_0&pd_rd_w=50IPp&content-id=amzn1.sym.ed470844-7314-4717-8e3f-b384c77cdbd8&pf_rd_p=ed470844-7314-4717-8e3f-b384c77cdbd8&pf_rd_r=C2WM797X2CCD15MPWHAT&pd_rd_wg=3ucU8&pd_rd_r=ed395d6b-1d81-4eec-b82a-b3e613d8ce3f" target="_blank" rel="nofollow">Switch accessories on sale from $13 at Amazon</a>.</p><p>Keep scrolling for all my favorite deals!</p><h3 class="article-body__section" id="section-quick-links"><span>Quick Links</span></h3><ul><li><strong></strong><a href="https://www.amazon.com/b?node=16227133011" target="_blank" rel="nofollow"><strong>shop Nintendo Switch game deals at Amazon</strong></a></li><li><strong>Turtle Beach Airlite Fit Gaming Headset: </strong><a href="https://www.amazon.com/Turtle-Beach-Airlite-Wired-Gaming-Headset/dp/B0FDVFQCFR" target="_blank" rel="nofollow"><strong>was $27 now $17</strong></a></li><li><strong>PDP Afterglow Wave Wired Controller: </strong><a href="https://www.amazon.com/AfterglowTM-Wave-Wired-Controller-Gaming-Console/dp/B0CBNMWFQL" target="_blank" rel="nofollow"><strong>was $29 now $24</strong></a></li><li><strong>Sonic X Shadow Generations: </strong><a href="https://www.amazon.com/Sonic-Shadow-Generations-Nintendo-Switch-2/dp/B0F663CWT8/" target="_blank" rel="nofollow"><strong>was $49 now $24</strong></a></li><li><strong>RDS Game Traveler Deluxe Case: </strong><a href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow"><strong>was $29 now $26</strong></a></li><li><strong>Nintendo Switch Sports: </strong><a href="https://www.amazon.com/Nintendo-Switch-Sports/dp/B09KRK6C82" target="_blank" rel="nofollow"><strong>was $49 now $37</strong></a></li><li><strong>Pokémon Legends Z-A: </strong><a href="https://www.amazon.com/Pok%C3%A9monTM-Legends-Z-Nintendo-Switch/dp/B0FC6HRNFT/" target="_blank" rel="nofollow"><strong>was $59 now $49</strong></a></li><li><strong>Kirby Air Riders: </strong><a href="https://www.amazon.com/Kirby-Air-Riders-Nintendo-Switch-2/dp/B0FN13VMCC/" target="_blank" rel="nofollow"><strong>was $69 now $51</strong></a></li><li><strong>Nintendo Switch 2: </strong><a href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow"><strong>now $499</strong></a><strong></strong></li></ul><h3 class="article-body__section" id="section-nintendo-switch-2-consoles"><span>Nintendo Switch 2 consoles</span></h3><div class="product"><a data-dimension112="5ad5c11a-aaa6-11f1-8433-f599c93117aa" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$499" href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1240px;"><p class="vanilla-image-block" style="padding-top:56.29%;"><img id="8oL9ux5FsYhxFBSJKtkUU3" name="switch-2-box-deal-block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/8oL9ux5FsYhxFBSJKtkUU3.jpg" mos="" align="middle" fullscreen="" width="1240" height="698" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review" data-dimension112="5ad5c11a-aaa6-11f1-8433-f599c93117aa" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$499">Nintendo Switch 2</a> takes what worked about its best-selling predecessor and makes impactful upgrades across the board. From the excellent, and noticeably larger, 7.9-inch display to the more powerful internal specs, the Switch 2 is a full leap forward and the best hybrid console you can buy.<br><strong>Price check: </strong><a href="https://www.bestbuy.com/site/switch-2-system-nintendo-switch-2/6614313.p" target="_blank" rel="nofollow"><strong>$499 @ Best Buy</strong></a><a class="view-deal button" href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow" data-dimension112="5ad5c11a-aaa6-11f1-8433-f599c93117aa" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$499">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c17e-aaa6-11f1-b42d-992caa37cd10" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449" href="https://electronics.woot.com/offers/grade-a-refurbished-nintendo-switch-2z-0" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1240px;"><p class="vanilla-image-block" style="padding-top:56.29%;"><img id="8oL9ux5FsYhxFBSJKtkUU3" name="switch-2-box-deal-block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/8oL9ux5FsYhxFBSJKtkUU3.jpg" mos="" align="middle" fullscreen="" width="1240" height="698" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Woot is selling refurbished <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review" data-dimension112="5ad5c17e-aaa6-11f1-b42d-992caa37cd10" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449">Nintendo Switch 2</a> consoles for $449. These Grade A refurbished consoles ensure like-new functionality.<a class="view-deal button" href="https://electronics.woot.com/offers/grade-a-refurbished-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="5ad5c17e-aaa6-11f1-b42d-992caa37cd10" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-accessory-deals"><span>Nintendo Switch accessory deals</span></h3><div class="product"><a data-dimension112="5ad5c246-aaa6-11f1-a6ca-9bb5ac6d1313" data-action="Deal Block" data-label="Slim Case for Nintendo Switch 2" data-dimension48="Slim Case for Nintendo Switch 2" data-dimension25="$16" href="https://www.amazon.com/PowerA-Slim-Nintendo-Switch-Built-2/dp/B0FQCLW4HB/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="YrSzkWgunpQsNgzA8fBRoi" name="Slim Case for Nintendo Switch 2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/YrSzkWgunpQsNgzA8fBRoi.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/PowerA-Slim-Nintendo-Switch-Built-2/dp/B0FQCLW4HB/" target="_blank" rel="nofollow" data-dimension112="5ad5c246-aaa6-11f1-a6ca-9bb5ac6d1313" data-action="Deal Block" data-label="Slim Case for Nintendo Switch 2" data-dimension48="Slim Case for Nintendo Switch 2" data-dimension25="$16">Slim Case for Nintendo Switch 2: was $19 now $16</a></strong><br>For just $16, you won't get much better protection for your Nintendo Switch 2. Plus, this case has a fun design featuring Mario and friends. This slim case can store your Nintendo Switch 2 console and cartridges, as well as having a built-in stand for tabletop gaming sessions.<a class="view-deal button" href="https://www.amazon.com/PowerA-Slim-Nintendo-Switch-Built-2/dp/B0FQCLW4HB/" target="_blank" rel="nofollow" data-dimension112="5ad5c246-aaa6-11f1-a6ca-9bb5ac6d1313" data-action="Deal Block" data-label="Slim Case for Nintendo Switch 2" data-dimension48="Slim Case for Nintendo Switch 2" data-dimension25="$16">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c2aa-aaa6-11f1-b02d-7de8fd13b95c" data-action="Deal Block" data-label="Airlite Fit" data-dimension48="Airlite Fit" data-dimension25="$17" href="https://www.amazon.com/Turtle-Beach-Airlite-Wired-Gaming-Headset/dp/B0FDVFQCFR" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:466px;"><p class="vanilla-image-block" style="padding-top:124.25%;"><img id="3juWaVDxW3AHhHMMSM2sjQ" name="Turtle Beach Airlite Fit" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/3juWaVDxW3AHhHMMSM2sjQ.jpg" mos="" align="middle" fullscreen="" width="466" height="579" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The <a href="https://www.tomsguide.com/gaming/gaming-peripherals/turtle-beach-airlite-fit-nintendo-switch-headset-review" data-dimension112="5ad5c2aa-aaa6-11f1-b02d-7de8fd13b95c" data-action="Deal Block" data-label="Airlite Fit" data-dimension48="Airlite Fit" data-dimension25="$17">Turtle Beach Airlite Fit</a> headset offers a fantastic (and affordable) elevated gaming experience. Its 40mm drivers create immersive soundscapes, and it comes with a flip-to-mute mic that makes you sound loud and clear. This is a budget headset that performs like a premium one.<a class="view-deal button" href="https://www.amazon.com/Turtle-Beach-Airlite-Wired-Gaming-Headset/dp/B0FDVFQCFR" target="_blank" rel="nofollow" data-dimension112="5ad5c2aa-aaa6-11f1-b02d-7de8fd13b95c" data-action="Deal Block" data-label="Airlite Fit" data-dimension48="Airlite Fit" data-dimension25="$17">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c39a-aaa6-11f1-bbc6-1f981e16df17" data-action="Deal Block" data-label="Afterglow Wave Wired Controller" data-dimension48="Afterglow Wave Wired Controller" data-dimension25="$24" href="https://www.amazon.com/AfterglowTM-Wave-Wired-Controller-Gaming-Console/dp/B0CBNMWFQL" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:900px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="gLMrUJHKVSbmVpxCg3Xk43" name="pdp-afterglow-wave-controller" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/gLMrUJHKVSbmVpxCg3Xk43.jpg" mos="" align="middle" fullscreen="" width="900" height="900" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/AfterglowTM-Wave-Wired-Controller-Gaming-Console/dp/B0CBNMWFQL" target="_blank" rel="nofollow" data-dimension112="5ad5c39a-aaa6-11f1-bbc6-1f981e16df17" data-action="Deal Block" data-label="Afterglow Wave Wired Controller" data-dimension48="Afterglow Wave Wired Controller" data-dimension25="$24">Afterglow Wave Wired Controller: was $29 now $24</a></strong><br>If you want to add some flair to your Switch 2 setup, this PDP Afterglow Wave controller comes with eight RGB zones with four preset modes. It is a wired controller, but its price makes it a great pick if you're looking for an extra Switch 2 controller without spending the pricy sums on a Pro controller. Plus, it's compatible with the original Switch. <a class="view-deal button" href="https://www.amazon.com/AfterglowTM-Wave-Wired-Controller-Gaming-Console/dp/B0CBNMWFQL" target="_blank" rel="nofollow" data-dimension112="5ad5c39a-aaa6-11f1-bbc6-1f981e16df17" data-action="Deal Block" data-label="Afterglow Wave Wired Controller" data-dimension48="Afterglow Wave Wired Controller" data-dimension25="$24">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c44e-aaa6-11f1-8b75-59ef86a89485" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="rRmoBGCGfLKa4YNM75662m" name="rds-game-traveler-deluxe-for-switch-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/rRmoBGCGfLKa4YNM75662m.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="5ad5c44e-aaa6-11f1-8b75-59ef86a89485" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">Game Traveler Deluxe Case: was $29 now $26</a></strong><br>The Switch 2 was made to be portable, so you'll want a case to keep it protected on your travels. This officially licensed accessory comes with space to not only sort your Switch 2, but also a Pro controller and power adapter. It also comes with 12 slots to hold Switch game cards.<a class="view-deal button" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="5ad5c44e-aaa6-11f1-8b75-59ef86a89485" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-game-deals"><span>Nintendo Switch game deals</span></h3><div class="product"><a data-dimension112="5ad5c516-aaa6-11f1-9815-ade7b154d183" data-action="Deal Block" data-label="Sonic X Shadow Generations" data-dimension48="Sonic X Shadow Generations" data-dimension25="$24" href="https://www.amazon.com/Sonic-Shadow-Generations-Nintendo-Switch-2/dp/B0F663CWT8/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:71.47%;"><img id="9ZrMt2Hq2yhZU6NMDPtQmc" name="sonic-x-shadow-switch-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/9ZrMt2Hq2yhZU6NMDPtQmc.jpg" mos="" align="middle" fullscreen="" width="1500" height="1072" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/sonic-x-shadow-generations-review" data-dimension112="5ad5c516-aaa6-11f1-9815-ade7b154d183" data-action="Deal Block" data-label="Sonic X Shadow Generations" data-dimension48="Sonic X Shadow Generations" data-dimension25="$24">Sonic X Shadow Generations</a> remasters the classic game and bundles it with a new chapter where you play as beloved anti-hero Shadow. It's a fun mix of 2D and 3D Sonic, and with shorter, replayable levels, it fits perfectly on the portable Nintendo Switch 2.<a class="view-deal button" href="https://www.amazon.com/Sonic-Shadow-Generations-Nintendo-Switch-2/dp/B0F663CWT8/" target="_blank" rel="nofollow" data-dimension112="5ad5c516-aaa6-11f1-9815-ade7b154d183" data-action="Deal Block" data-label="Sonic X Shadow Generations" data-dimension48="Sonic X Shadow Generations" data-dimension25="$24">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c57a-aaa6-11f1-abe5-e9ab13d15295" data-action="Deal Block" data-label="Nintendo Switch Sports" data-dimension48="Nintendo Switch Sports" data-dimension25="$37" href="https://www.amazon.com/Nintendo-Switch-Sports/dp/B09KRK6C82" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:840px;"><p class="vanilla-image-block" style="padding-top:148.69%;"><img id="GE89YEyBi2qeXh6X5oXpmg" name="Nintendo Switch Sports deal block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/GE89YEyBi2qeXh6X5oXpmg.jpg" mos="" align="middle" fullscreen="" width="840" height="1249" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Nintendo Switch Sports is one of the most fun games on the console, especially for casual multiplayer sessions. It's also pretty cheap thanks to a discount. Enjoy eight unique sports — including bowling, tennis, golf, basketball and soccer — at your leisure.<a class="view-deal button" href="https://www.amazon.com/Nintendo-Switch-Sports/dp/B09KRK6C82" target="_blank" rel="nofollow" data-dimension112="5ad5c57a-aaa6-11f1-abe5-e9ab13d15295" data-action="Deal Block" data-label="Nintendo Switch Sports" data-dimension48="Nintendo Switch Sports" data-dimension25="$37">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c5de-aaa6-11f1-b457-97519ff08f0e" data-action="Deal Block" data-label="Kirby Air Riders" data-dimension48="Kirby Air Riders" data-dimension25="$51" href="https://www.amazon.com/Kirby-Air-Riders-Nintendo-Switch-2/dp/B0FN13VMCC/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:900px;"><p class="vanilla-image-block" style="padding-top:133.33%;"><img id="9yX8r4GTvQ83qyQxqGtEBg" name="Kirby Air Riders" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/9yX8r4GTvQ83qyQxqGtEBg.jpg" mos="" align="middle" fullscreen="" width="900" height="1200" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/Kirby-Air-Riders-Nintendo-Switch-2/dp/B0FN13VMCC/" target="_blank" rel="nofollow" data-dimension112="5ad5c5de-aaa6-11f1-b457-97519ff08f0e" data-action="Deal Block" data-label="Kirby Air Riders" data-dimension48="Kirby Air Riders" data-dimension25="$51">Kirby Air Riders: was $69 now $51</a></strong><br>Mario Kart World gets all the attention, but the true Nintendo fans know that Kirby Air Rider is actually the Switch 2 racer you need to play. This lightning-fast racing title sees Kirby and pals compete in breakneck races, with a steep learning curve for players who want to master each track. There's also a battle mode to add some variety. It's one of the Switch 2's more underrated games.<a class="view-deal button" href="https://www.amazon.com/Kirby-Air-Riders-Nintendo-Switch-2/dp/B0FN13VMCC/" target="_blank" rel="nofollow" data-dimension112="5ad5c5de-aaa6-11f1-b457-97519ff08f0e" data-action="Deal Block" data-label="Kirby Air Riders" data-dimension48="Kirby Air Riders" data-dimension25="$51">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c642-aaa6-11f1-9e01-9523b21e6a1c" data-action="Deal Block" data-label="Metroid Prime 4: Beyond" data-dimension48="Metroid Prime 4: Beyond" data-dimension25="$51" href="https://www.amazon.com/gp/product/B0FQXR2NPH" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:667px;"><p class="vanilla-image-block" style="padding-top:161.92%;"><img id="KLs9JURTVpSwCScXNRpgEC" name="metroid-prime-4-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/KLs9JURTVpSwCScXNRpgEC.webp" mos="" align="middle" fullscreen="" width="667" height="1080" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>In Metroid Prime 4: Beyond, intergalactic bounty hunter Samus Aran finds herself transported to the planet Viewros after a clash with deadly sharpshooter, Sylux. As Samus, you'll explore this strange new world, uncover and deploy Samus' new psychic powers, and drive across the landscape on her futuristic new bike, Vi-O-La, solving puzzles and doing battle with the strange creatures that reside on Viewros as you try to make your way home.<a class="view-deal button" href="https://www.amazon.com/gp/product/B0FQXR2NPH" target="_blank" rel="nofollow" data-dimension112="5ad5c642-aaa6-11f1-9e01-9523b21e6a1c" data-action="Deal Block" data-label="Metroid Prime 4: Beyond" data-dimension48="Metroid Prime 4: Beyond" data-dimension25="$51">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c71e-aaa6-11f1-a8b6-ff5cd1170279" data-action="Deal Block" data-label="Pokémon Legends Z-A" data-dimension48="Pokémon Legends Z-A" data-dimension25="$49" href="https://www.amazon.com/Pok%C3%A9monTM-Legends-Z-Nintendo-Switch/dp/B0FC6HRNFT/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="mVQRW64mvVstFVQjwGe5gP" name="Pokémon Legends Z-A (Nintendo Switch)" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/mVQRW64mvVstFVQjwGe5gP.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/pokemon-legends-z-a-review" data-dimension112="5ad5c71e-aaa6-11f1-a8b6-ff5cd1170279" data-action="Deal Block" data-label="Pokémon Legends Z-A" data-dimension48="Pokémon Legends Z-A" data-dimension25="$49">Pokémon Legends Z-A</a> reworks the franchise's traditional turn-based combat, but the thrill of capturing powerful pocket-sized monsters remains as compelling as ever. It's one of the best Nintendo Switch games, for sure.<a class="view-deal button" href="https://www.amazon.com/Pok%C3%A9monTM-Legends-Z-Nintendo-Switch/dp/B0FC6HRNFT/" target="_blank" rel="nofollow" data-dimension112="5ad5c71e-aaa6-11f1-a8b6-ff5cd1170279" data-action="Deal Block" data-label="Pokémon Legends Z-A" data-dimension48="Pokémon Legends Z-A" data-dimension25="$49">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c78c-aaa6-11f1-98f0-d1ac78a65e2b" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:786px;"><p class="vanilla-image-block" style="padding-top:161.96%;"><img id="Rdc6R4sXktvbq4VMebzq6P" name="zelda-botw-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/Rdc6R4sXktvbq4VMebzq6P.jpg" mos="" align="middle" fullscreen="" width="786" height="1273" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="5ad5c78c-aaa6-11f1-98f0-d1ac78a65e2b" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59">Breath of the Wild - Nintendo Switch 2 Edition: was $69 now $59</a></strong><br>The original Switch's definitive launch game has returned for the Switch 2, and now it's been enhanced for Nintendo's new hardware. It's the masterpiece you (probably) know, but looking and running better than ever. If you've never played Breath of the Wild, there really isn't a better time to jump into Hyrule than via this Switch 2 Edition. <br><strong>Price check: </strong><a href="https://www.bestbuy.com/site/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2-edition-nintendo-switch-2/6414096.p?skuId=6414096" target="_blank" rel="nofollow"><strong>$69 @ Best Buy</strong></a><a class="view-deal button" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="5ad5c78c-aaa6-11f1-98f0-d1ac78a65e2b" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c7f0-aaa6-11f1-a849-71885d57f373" data-action="Deal Block" data-label="Kirby and the Forgotten Land" data-dimension48="Kirby and the Forgotten Land" data-dimension25="$64" href="https://electronics.woot.com/offers/nintendo-kirby-045496905811-kirby-045496905811z-1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="qxt9hMcmxwNmQkk2umV4nQ" name="Kirby-forgotten-land-star-crossed-world-switch2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/qxt9hMcmxwNmQkk2umV4nQ.jpg" mos="" align="middle" fullscreen="" width="1600" height="1600" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Kirby and the Forgotten Land takes the adorable pink puffball to mysterious new worlds in this 3D platforming adventure. At your disposal are multiple new copy abilities, as well as the new Mouthful Mode that lets you interact with objects in often strange and hilarious ways. In between levels you can relax in the charming Waddle Dee Town and play a selection of mini-games. The Switch 2 version features bonus levels, improved visuals and more.<br><strong>Price check: </strong><a href="https://www.amazon.com/KirbyTM-Forgotten-Land-Nintendo-Star-Crossed-Switch/dp/B0F66GWKZS" target="_blank" rel="nofollow" data-dimension112="5ad5c7f0-aaa6-11f1-a849-71885d57f373" data-action="Deal Block" data-label="Kirby and the Forgotten Land" data-dimension48="Kirby and the Forgotten Land" data-dimension25="$64"><strong>$79 @ Amazon</strong></a><a class="view-deal button" href="https://electronics.woot.com/offers/nintendo-kirby-045496905811-kirby-045496905811z-1" target="_blank" rel="nofollow" data-dimension112="5ad5c7f0-aaa6-11f1-a849-71885d57f373" data-action="Deal Block" data-label="Kirby and the Forgotten Land" data-dimension48="Kirby and the Forgotten Land" data-dimension25="$64">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c854-aaa6-11f1-93bd-790170369eea" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64" href="https://www.gamestop.com/video-games/nintendo-switch-2/products/donkey-kong-bananza---nintendo-switch-2/20021654.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1650px;"><p class="vanilla-image-block" style="padding-top:133.27%;"><img id="f57YgiDNACvGEeuFuZr3EL" name="Donkey Kong Bananza" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/f57YgiDNACvGEeuFuZr3EL.jpg" mos="" align="middle" fullscreen="" width="1650" height="2199" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/nintendo/donkey-kong-bananza-review" data-dimension112="5ad5c854-aaa6-11f1-93bd-790170369eea" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64">Donkey Kong Bananza</a> allows DK to smash his way through (and down into) the surrounding terrain. He can punch his way through mountains or head underground in search of collectibles. It's hands-down one of the Switch 2's biggest titles and our current choice for the <a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">best Nintendo Switch 2 game</a> on the shelves.<br><strong>Price check: </strong><a href="https://www.amazon.com/Donkey-Kong-Bananza-Nintendo-Switch-2/dp/B0F66KLYVH" target="_blank" rel="nofollow"><strong>$69 @ Amazon</strong></a><a class="view-deal button" href="https://www.gamestop.com/video-games/nintendo-switch-2/products/donkey-kong-bananza---nintendo-switch-2/20021654.html" target="_blank" rel="nofollow" data-dimension112="5ad5c854-aaa6-11f1-93bd-790170369eea" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64">View Deal</a></p></div><div class="vizualizer-embed"><div class="tg-df-widget-host" data-widget-config="?search=Gaming&min_discount_ratio=0.95&offer_type=all&view_mode=carousel&widget_title=Top+Deals+Handpicked+by+Our+Editors&widget_subtitle=Discover+the+best+discounts+currently+available%2C+curated+daily+by+the+Tom%27s+Guide+Savings+Squad.&bg_color=transparent" data-vizualizer-embed="true"></div>    <script>    /**     * Tom's Guide Deals Finder - Vanilla JS Encapsulated Engine     */    (function() {      // --- Freyr Analytics Adapter ---      function initAnalytics() {        window.dataLayer = window.dataLayer || [];        window.googletag = window.googletag || {};        window.googletag.cmd = window.googletag.cmd || [];        window.hawk = window.hawk || { analytics: { freyr: [] } };        window.hawk.analytics = window.hawk.analytics || { freyr: [] };        window.hawk.analytics.freyr = window.hawk.analytics.freyr || [];        window.freyr = window.freyr || { cmd: [] };        const scriptSrc = 'https://freyr.futurecdn.net/freyr.js';        const hostname = typeof window !== 'undefined' ? window.location.hostname : '';        const isTestEnv = typeof window.navigator !== 'undefined' && (window.navigator.webdriver || window.navigator.userAgent.includes('Headless'));        const shouldSendRealAnalytics = !isTestEnv && hostname && hostname !== 'localhost' && hostname !== '127.0.0.1' && !hostname.includes('run.app');        if (shouldSendRealAnalytics && !document.querySelector(`script[src="${scriptSrc}"]`)) {          const script = document.createElement('script');          script.src = scriptSrc;          script.async = true;          document.head.appendChild(script);        }      }      function storeEventForDebug(name, data) {        if (!window.hawk || !window.hawk.analytics || !window.hawk.analytics.freyr) return;        window.hawk.analytics.freyr.push({ name, data });        try {          if (typeof window !== 'undefined' && window.localStorage) {            window.localStorage.setItem("hawk", JSON.stringify(window.hawk));          }        } catch (e) {          // Ignore storage issues        }        try {          window.dispatchEvent(new CustomEvent("hawk-analytics-update"));        } catch (e) {}      }      function sendToFreyr(eventName, data) {        if (typeof window === 'undefined') return;        window.freyr = window.freyr || { cmd: [] };        window.freyr.cmd.push(() => {          if (window.freyr && window.freyr.pushAndUpdate) {            window.freyr.pushAndUpdate(eventName, data);          }        });      }      function sendEvent(event, skip = false) {        try {          storeEventForDebug(event.name, event.data);          if (!skip) {            sendToFreyr(event.name, event.data);          }        } catch (e) {          // Ensure tracking errors don't surface to the user        }      }      function getCookie(name) {        try {          const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));          return match ? match[2] : null;        } catch (e) {          return null;        }      }      function normalizeCurrency(symbol) {        const map = {          '£': 'GBP',          '$': 'USD',          'A$': 'AUD',          'CA$': 'CAD',          '€': 'EUR'        };        return map[symbol] || symbol;      }      function trackElementInteraction(props) {        sendEvent({          name: 'elementInteraction',          data: {            element: {              action: props.action || "click",              id: props.id || undefined,              class: props.class || undefined,              name: props.name || undefined,              text: props.text || undefined,              label: props.label || undefined,              container: props.container || undefined,              url: props.url || undefined,              articleId: props.articleId || undefined            }          }        });      }      function generateRevenueId(url, productName, merchantName, modelId) {        const str = `${window.location.href}|${productName}|${merchantName}|${modelId || ''}|${new Date().toDateString()}|tomsguide`;        let hash = 0;        for (let i = 0; i < str.length; i++) {          const char = str.charCodeAt(i);          hash = ((hash << 5) - hash) + char;          hash = hash & hash;        }        let numericStr = Math.abs(hash).toString();        while (numericStr.length < 19) {          numericStr += Math.floor(Math.random() * 10).toString();        }        return numericStr.substring(0, 19);      }      function rewriteAffiliateLink(url, territory, revenueId) {        if (!url) return url;        const t = (territory || 'gb').toLowerCase();        return url.replace(/hawk-custom-tracking/g, `tomsguide-${t}-${revenueId}`);      }      function trackHawkEvent(params) {        const { clickType, widgetId, productCategoryName, product, productsArray, zeroBasedProductIndexOrNull, totalDealsOrProducts, areaClicked, merchant, revenueId, isoCurrencyCode, queryName, widgetTypeName } = params;        const data = {          event: "hawkEvent",          category: "Affiliates",          affiliate: {            action: {              type: clickType,              id: widgetId,              event: clickType === "appeared" ? "viewed" : "Click from",              timestamp: Date.now()            },            component: {              flag: "Editor",              product: productCategoryName || "deals",              category: `Signal Deal Finder ${widgetTypeName || "Carousel"} widget`,              type: clickType === "appeared" ? "review" : "signal product",              label: queryName || (product ? (product.name || "") : ""),              index: zeroBasedProductIndexOrNull === null || zeroBasedProductIndexOrNull === undefined ? -1 : zeroBasedProductIndexOrNull,              linkCount: totalDealsOrProducts || 0,              blockLayout: "",              areaClicked: areaClicked || ""            }          },          products: productsArray || (product && merchant ? [            {              product: {                primary: {                  id: product.id || product.matchId || null,                  name: product.name,                  type: "deal",                  price: product.price,                  previousPrice: product.previousPrice || null,                  currency: isoCurrencyCode || "USD",                  preorder: false,                  labels: [],                  link: product.link,                  originalLink: product.originalLink || null,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: null,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: product.globalId || null,                  inStock: product.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: isoCurrencyCode || "USD"                }              },              merchant: {                id: merchant.id || null,                name: merchant.name,                url: merchant.url || null,                network: merchant.network || null              },              model: {                id: product.modelId || null,                brand: product.brand || null,                name: product.name,                parent: product.parent || null              }            }          ] : []),          reviews: [],          _clear: true,          "gtm.uniqueEventId": Date.now() % 10000        };        sendEvent({ name: 'hawkEvent', data });      }      function trackDealClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card" });      }      function trackViewSimilarClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card View Similar" });      }      function trackPriceComparisonClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Price Comparison" });      }      function trackReviewClick(params) {        trackHawkEvent({ ...params, clickType: "review", areaClicked: "Signal Product Card Review Link" });      }      function trackShare(params) {        trackHawkEvent({ ...params, clickType: "share", areaClicked: "Signal Product Card Share" });      }      function trackDealsAppeared(widgetId, deals, revenueId, currency, queryName, widgetTypeName) {         if (!deals || deals.length === 0) return;                  const productsArray = deals.slice(0, 50).map((deal) => {            let voucherPct = null;            let rawPrice = parseFloat(deal.rawPrice) || parseFloat(deal.price) || null;            let rawMsrp = parseFloat(deal.rawMsrp) || parseFloat(deal.msrp) || null;            if (rawMsrp > rawPrice && rawPrice > 0) {              voucherPct = Math.round((1 - (rawPrice / rawMsrp)) * 100);            }            let numId = null;            if (deal.externalProductId && !isNaN(parseInt(deal.externalProductId))) {              numId = parseInt(deal.externalProductId);            } else if (deal.id && !isNaN(parseInt(deal.id))) {              numId = parseInt(deal.id);            } else {              numId = deal.matchId || null;            }            return {              product: {                primary: {                  id: numId,                  name: deal.productName || deal.title || "",                  type: "deal",                  price: rawPrice,                  previousPrice: rawMsrp,                  currency: currency || 'USD',                  preorder: false,                  labels: deal.modelBrand || deal.brand ? [                     { type: "brand", value: deal.modelBrand || deal.brand }                  ] : [],                  link: deal.url,                  originalLink: deal.url,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: voucherPct,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: deal.productKey || null,                  inStock: deal.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: currency || 'USD'                }              },              merchant: {                id: deal.merchantId ? parseInt(deal.merchantId) : null,                name: deal.merchant || "Retailer",                url: deal.merchantUrl || null,                network: deal.merchantNetwork || null              },              model: {                id: deal.modelId ? parseInt(deal.modelId) : null,                brand: deal.modelBrand || deal.brand || null,                name: deal.productName || deal.title || "",                parent: deal.modelParent || null              }            };         });                  trackHawkEvent({             clickType: "appeared",             widgetId: widgetId,             productCategoryName: "deals",             zeroBasedProductIndexOrNull: null,             totalDealsOrProducts: deals.length,             productsArray: productsArray,             queryName: queryName,             widgetTypeName: widgetTypeName         });      }      // 1. Setup Shadow DOM Sandbox      const currentScript = document.currentScript;      let hostContainer = null;      let template = null;            if (currentScript) {        let prev = currentScript.previousElementSibling;        while (prev) {          if (prev.tagName === 'TEMPLATE' && prev.classList.contains('tg-df-widget-template')) {            template = prev;          } else if (prev.tagName === 'DIV' && prev.classList.contains('tg-df-widget-host') && !prev.hasAttribute('data-initialized')) {            hostContainer = prev;            break;          }          prev = prev.previousElementSibling;        }      }            // Fallbacks in case script is deferred      if (!hostContainer) {        const hosts = document.querySelectorAll('.tg-df-widget-host:not([data-initialized])');        if (hosts.length > 0) hostContainer = hosts[0];      }            // Safely embedded template for CMS environments      const rawTemplate = `  \x3Cstyle>    /* --- Shadow DOM Base Reset --- */    *, *::before, *::after {      box-sizing: border-box;    }    img, picture, svg, video {      max-width: 100%;      height: auto;      display: block;    }    /*       1. Scoped CSS for Tom's Guide Deals Widget       All classes are prefixed with \`tg-df-\` to prevent CMS style leakage.    */    .tg-df-container {      container-type: inline-size;      container-name: tg-df;      --tg-df-blue: #1F69FF;      --tg-df-blue-hover: #004d8c;      --tg-df-text: #222222;      --tg-df-text-muted: #555555;      --tg-df-bg: #ffffff;      --tg-df-bg-secondary: #f4f4f4;      --tg-df-border: #e2e8f0;      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;      color: var(--tg-df-text);      background-color: transparent;       width: 100%;      max-width: 1200px;      margin: 0 auto;      padding-bottom: 24px;    }    .tg-df-container *, .tg-df-container *::before, .tg-df-container *::after {      margin: 0;      padding: 0;      box-sizing: border-box;    }    .tg-df-container img {      border: none;      margin: 0;      padding: 0;    }    .tg-df-container a {      text-decoration: none;      color: inherit;    }    /*       2. Search & Filter Bar    */    .tg-df-controls {      display: flex;      flex-direction: column;      align-items: center;      gap: 20px;      margin-bottom: 32px;      width: 100%;    }    .tg-df-top-bar {      display: flex;      width: 100%;      max-width: 760px;      gap: 12px;      align-items: center;    }    .tg-df-search-wrapper {      position: relative;      flex: 1;      width: 100%;      box-shadow: 0 8px 24px rgba(0,0,0,0.06);      border-radius: 40px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      z-index: 100;    }    .tg-df-autocomplete-dropdown {      position: absolute;      top: calc(100% + 4px);      left: 0;      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      max-height: 300px;      overflow-y: auto;      z-index: 200;      display: none;    }    .tg-df-autocomplete-dropdown.active {      display: block;    }    .tg-df-autocomplete-item {      padding: 12px 24px;      cursor: pointer;      font-size: 14px;      color: var(--tg-df-text);      transition: background 0.1s ease;    }    .tg-df-autocomplete-item:hover {      background: var(--tg-df-bg-secondary);    }    .tg-df-search-input {      width: 100%;      padding: 16px 64px 16px 24px;      font-size: 16px;      border: 2px solid transparent;      border-radius: 40px;      outline: none;      transition: border-color 0.2s ease, box-shadow 0.2s ease;      color: var(--tg-df-text);      background: transparent;    }    .tg-df-search-input:focus {      border-color: transparent;      box-shadow: 0 0 0 3px rgba(0, 108, 196, 0.15);    }    .tg-df-search-input::placeholder {      color: #999999;    }        .tg-df-search-btn {      position: absolute;      right: 8px;      top: 50%;      transform: translateY(-50%);      width: 40px;      height: 40px;      border-radius: 50%;      background: #222;      border: none;      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: background 0.2s ease;    }        .tg-df-search-btn:hover {      background: #000;    }    .tg-df-search-icon {      width: 16px;      height: 16px;      fill: #fff;    }    .tg-df-settings-wrapper {      position: relative;    }        .tg-df-settings-btn {      width: 48px;      height: 48px;      border-radius: 50%;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      box-shadow: 0 4px 12px rgba(0,0,0,0.04);      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: all 0.2s ease;      color: var(--tg-df-text-muted);      flex-shrink: 0;    }    .tg-df-settings-btn:hover {      background: var(--tg-df-bg-secondary);      border-color: #0000ff;      color: var(--tg-df-text);    }    .tg-df-settings-btn svg {      width: 24px;      height: 24px;      fill: currentColor;    }    .tg-df-settings-dropdown {      position: absolute;      top: calc(100% + 8px);      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      width: 280px;      padding: 20px;      display: none;      z-index: 100;      flex-direction: column;      gap: 20px;    }    .tg-df-settings-dropdown.active {      display: flex;    }        .tg-df-settings-dropdown-backdrop {      display: none;      position: fixed;      inset: 0;      z-index: 99;    }        .tg-df-settings-dropdown-backdrop.active {      display: block;    }    .tg-df-setting-item {      display: flex;      flex-direction: column;      gap: 10px;    }    .tg-df-setting-label {      font-size: 11px;      font-weight: 700;      color: var(--tg-df-text-muted);      text-transform: uppercase;      letter-spacing: 0.5px;    }        .tg-df-region-select {        padding: 10px 12px;        border-radius: 8px;        border: 1px solid var(--tg-df-border);        font-size: 15px;        outline: none;        background: var(--tg-df-bg-secondary);        color: var(--tg-df-text);        cursor: pointer;        width: 100%;    }    .tg-df-toggle {        position: relative;        display: inline-block;        width: 44px;        height: 24px;        flex-shrink: 0;    }    .tg-df-toggle input {        opacity: 0;        width: 0;        height: 0;    }    .tg-df-slider {        position: absolute;        cursor: pointer;        top: 0; left: 0; right: 0; bottom: 0;        background-color: #ccc;        transition: .2s;        border-radius: 24px;    }    .tg-df-slider:before {        position: absolute;        content: "";        height: 18px;        width: 18px;        left: 3px;        bottom: 3px;        background-color: white;        transition: .2s;        border-radius: 50%;    }    .tg-df-toggle input:checked + .tg-df-slider {        background-color: #1F69FF;    }    .tg-df-toggle input:checked + .tg-df-slider:before {        transform: translateX(20px);    }    .tg-df-dl-row {        flex-direction: row;        align-items: center;        justify-content: space-between;    }    .tg-df-dl-row-text {        font-size: 14px;        font-weight: 600;        color: var(--tg-df-text);    }    .tg-df-dl-row-subtext {        font-size: 12px;        font-weight: 400;        line-height: 1.3;        color: var(--tg-df-text-muted);        margin-top: 4px;        display: block;    }    .tg-df-filters {      display: flex;      gap: 12px;      justify-content: center;      flex-wrap: wrap;    }    .tg-df-sort-wrapper {      position: relative;      display: flex;      align-items: center;    }        .tg-df-sort-icon {      position: absolute;      left: 14px;      width: 14px;      height: 14px;      fill: var(--tg-df-text-muted);      pointer-events: none;    }    .tg-df-sort-select, .tg-df-filter-select {      padding: 10px 36px 10px 38px;      font-size: 14px;      border: 1px solid var(--tg-df-border);      border-radius: 100px;      outline: none;      appearance: none;      background-color: var(--tg-df-bg-secondary);      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");      background-repeat: no-repeat;      background-position: right 14px center;      color: var(--tg-df-text);      cursor: pointer;      font-weight: 500;      transition: all 0.2s ease;    }        .tg-df-price-input::-webkit-outer-spin-button,    .tg-df-price-input::-webkit-inner-spin-button {      -webkit-appearance: none;      margin: 0;    }    .tg-df-price-input {      -moz-appearance: textfield;    }    .tg-df-sort-select:hover, .tg-df-filter-select:hover {      background-color: #e2e8f0;    }    .tg-df-multiselect-container {      position: relative;    }        .tg-df-multiselect-trigger {      display: block;      background: #fff;      user-select: none;      width: 100%;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis;    }        .tg-df-multiselect-dropdown {      display: none;      position: absolute;      top: calc(100% + 4px);      left: 0;      width: 100%;      min-width: 220px;      max-height: 300px;      overflow-y: auto;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);      z-index: 100;      padding: 8px 0;    }    .tg-df-multiselect-dropdown.active {      display: block;    }    .tg-df-ms-option {      padding: 8px 16px;      display: flex;      align-items: center;      gap: 8px;      cursor: pointer;      font-size: 14px;    }    .tg-df-ms-option:hover {      background-color: var(--tg-df-bg-secondary);    }        .tg-df-ms-option input {      cursor: pointer;      accent-color: #1f69ff;    }    .tg-df-sort-select:focus, .tg-df-filter-select:focus {      border-color: #0000ff;      box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.2);      background-color: var(--tg-df-bg);    }    /*       3. Deal Grid Layout    */    .tg-df-grid.tg-df-grid-auto {      padding-top: 24px;    }    .tg-df-grid, .tg-df-grid.layout-grid {      display: grid;      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      gap: 10px;    }    .tg-df-grid.layout-row {      grid-template-columns: 1fr;      gap: 16px;    }        .tg-df-grid.layout-row .tg-df-card {      flex-direction: row;      align-items: stretch;      height: auto;      box-shadow: none;      border-bottom: 1px solid var(--tg-df-border);    }    .tg-df-grid.layout-row .tg-df-card:hover {      box-shadow: none;    }    .tg-df-grid.layout-row .tg-df-card-image-box {      width: 140px;      min-width: 140px;      aspect-ratio: 3/4;      border-right: none;      padding: 16px 16px 16px 32px;    }    .tg-df-grid.layout-row .tg-df-card-body {      padding: 16px;      justify-content: space-between;    }    .tg-df-grid.layout-row .tg-df-card-title {      font-size: 15px;      margin-bottom: 16px;    }    .tg-df-grid.layout-row .tg-df-card-stars { margin-bottom: 8px; }    .tg-df-grid.layout-row .tg-df-card-footer {      flex-direction: column;      align-items: flex-start;      gap: 0;    }    .tg-df-grid.layout-row .tg-df-card-merchant-pill {      margin-bottom: 4px;    }    .tg-df-grid.layout-row .tg-df-card-price-group {      margin-bottom: 8px;    }    .tg-df-grid.layout-row .tg-df-price-group {      width: auto;    }    .tg-df-grid.layout-row .tg-df-card-cta {      width: 100%;      max-width: 200px;      padding: 10px 24px;      font-size: 13px;      flex-shrink: 0;      text-align: center;      justify-content: center;    }    /*       4. Deal Card Design    */    .tg-df-card {      position: relative;      display: flex;      flex-direction: column;      background-color: #ffffff;      border-radius: 0;      overflow: hidden;      transition: transform 0.2s ease, box-shadow 0.2s ease;      text-decoration: none;      color: inherit;      height: 100%;      box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);      border: 1px solid var(--tg-df-border);    }    .tg-df-card:hover {      box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);    }    .tg-df-card-image-box {      width: 100%;      aspect-ratio: 3/4;      background-color: #f8f8f8;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      padding: 32px;      flex: 0 0 auto;    }    .tg-df-card-image {      max-width: 100%;      max-height: 100%;      width: auto;      height: auto;      object-fit: contain;      mix-blend-mode: multiply; /* Helps white background images blend into secondary bg */      transition: transform 0.3s ease;    }    .tg-df-card:hover .tg-df-card-image {      transform: scale(1.05); /* Zoom in on hover */    }    .tg-df-card-discount-badge {      position: absolute;      top: 12px;      left: 12px;      background: #dc2626; /* Red */      color: #ffffff;      padding: 6px 8px;      font-size: 11px;      font-weight: 500;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      z-index: 10;    }        .tg-df-card-merchant-pill {      display: block;      padding: 0;      font-size: 11px;      font-weight: 600;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      color: var(--tg-df-text-muted);      margin-bottom: 8px;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }    .tg-df-card-body {      padding: 16px;      display: flex;      flex-direction: column;      flex-grow: 1;      min-width: 0;    }    .tg-df-card-badges {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-bottom: 8px;    }    .tg-df-tag {      display: inline-flex;      align-items: center;      padding: 4px 6px;      font-size: 11px;      font-weight: 700;      text-transform: uppercase;      border-radius: 4px;      gap: 4px;    }    .tg-df-tag-prime {      background-color: #00A8E1;      color: #fff;    }    .tg-df-tag-coupons {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-coupons:hover {      background-color: #e2e8f0;    }        .tg-df-tag-outline {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-outline:hover {      background-color: #e2e8f0;    }        @keyframes tg-df-spin {      0% { transform: rotate(0deg); }      100% { transform: rotate(360deg); }    }    .tg-df-coupon-spinner {      border: 2px solid #e2e8f0;      border-top: 2px solid #3b82f6;      border-radius: 50%;      width: 14px;      height: 14px;      animation: tg-df-spin 1s linear infinite;      margin: 4px 8px;      display: inline-block;    }        /* Vouchers Modal */    .tg-df-modal-backdrop {      position: fixed;      top: 0; left: 0; right: 0; bottom: 0;      background: rgba(0,0,0,0.5);      z-index: 10000;      display: flex;      align-items: center;      justify-content: center;      opacity: 0;      pointer-events: none;      transition: opacity 0.3s;    }    .tg-df-modal-backdrop.active {      opacity: 1;      pointer-events: auto;    }    .tg-df-modal {      background: #fff;      border-radius: 12px;      width: 90%;      max-width: 400px;      max-height: 80vh;      display: flex;      flex-direction: column;      box-shadow: 0 10px 40px rgba(0,0,0,0.2);      transform: translateY(20px);      transition: transform 0.3s;    }    .tg-df-modal-backdrop.active .tg-df-modal {      transform: translateY(0);    }    .tg-df-modal-header {      padding: 16px;      border-bottom: 1px solid #e2e8f0;      display: flex;      align-items: center;      justify-content: space-between;    }    .tg-df-modal-title {      font-size: 16px;      font-weight: 600;      margin: 0;    }    .tg-df-modal-close {      background: none;      border: none;      cursor: pointer;      padding: 4px;      color: #64748b;    }    .tg-df-modal-body {      padding: 16px;      overflow-y: auto;    }    .tg-df-voucher-item {      padding: 12px;      border: 1px dashed #cbd5e1;      border-radius: 8px;      margin-bottom: 10px;      background: #f8fafc;      display: flex;      align-items: center;      gap: 12px;      text-decoration: none;      color: inherit;      transition: background-color 0.2s, border-color 0.2s;    }    .tg-df-voucher-item:hover {      background: #f1f5f9;      border-color: #94a3b8;    }    .tg-df-voucher-item:last-child {      margin-bottom: 0;    }    .tg-df-voucher-logo {      width: 48px;      height: 48px;      object-fit: contain;      border-radius: 4px;      background: #fff;      border: 1px solid #e2e8f0;      flex-shrink: 0;    }    .tg-df-voucher-content {      flex: 1;      min-width: 0;    }    .tg-df-voucher-title {      font-size: 14px;      font-weight: 600;      margin: 0 0 4px 0;      line-height: 1.3;      color: #0f172a;    }    .tg-df-voucher-expiry {      font-size: 12px;      color: #64748b;      display: flex;      align-items: center;      gap: 4px;      margin-top: 6px;    }    .tg-df-voucher-code {      display: inline-flex;      align-items: center;      background: #f1f5f9;      border: 1px dashed #cbd5e1;      padding: 6px 10px;      font-family: monospace;      font-weight: 700;      font-size: 14px;      color: #0f172a;      border-radius: 4px;      margin-top: 8px;      cursor: pointer;      transition: all 0.2s ease;    }    .tg-df-voucher-code:hover {      background: #e2e8f0;      border-color: #94a3b8;    }    .tg-df-voucher-code.copied {      background: #ecfdf5;      border-color: #10b981;      color: #10b981;    }    .tg-df-voucher-cta {      display: inline-block;      margin-top: 8px;      font-size: 13px;      font-weight: 600;      color: #2563eb;      text-decoration: none;    }    .tg-df-card-title {      font-size: 15px;      font-weight: 400;      line-height: 1.4;      margin: 0 0 12px 0;      color: var(--tg-df-text);      display: -webkit-box;      -webkit-line-clamp: 2;      -webkit-box-orient: vertical;      overflow: hidden;    }    .tg-df-card-footer {      margin-top: auto;      display: flex;      flex-direction: column;      width: 100%;    }    .tg-df-card-price-group {      display: flex;      flex-direction: row;      align-items: center;      gap: 8px;      margin-bottom: 12px;    }    .tg-df-card-price {      font-size: 16px;      font-weight: 700;      color: #dc2626; /* Red price */      line-height: 1;    }        .tg-df-card-msrp {      font-size: 13px;      color: var(--tg-df-text-muted);      text-decoration: line-through;    }    .tg-df-container .tg-df-card-cta {      display: flex;      align-items: center;      justify-content: center;      width: 100%;      box-sizing: border-box;      background-color: #1f69ff;      color: #ffffff;      font-size: 12px;      font-weight: 700;      text-transform: uppercase;      letter-spacing: 0.5px;      padding: 12px 16px;      border-radius: 0;      border: none;      cursor: pointer;      transition: background-color 0.2s ease;    }    .tg-df-card:hover .tg-df-card-cta,    .tg-df-card-cta:hover {      background-color: #1555cc;    }    .tg-df-container .tg-df-card-cta.tg-df-cta-savings-squad {      background-color: #3c8d0d;    }    .tg-df-card:hover .tg-df-card-cta.tg-df-cta-savings-squad,    .tg-df-card-cta.tg-df-cta-savings-squad:hover {      background-color: #2b6509;    }    /*       5. State & Skeleton Styles    */    .tg-df-message {      grid-column: 1 / -1;      text-align: center;      padding: 48px 24px;      color: var(--tg-df-text-muted);      font-size: 16px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;    }    @keyframes tg-df-shimmer {      0% { background-position: -200% 0; }      100% { background-position: 200% 0; }    }    .tg-df-skeleton {      background: linear-gradient(90deg, var(--tg-df-bg-secondary) 25%, #e2e8f0 50%, var(--tg-df-bg-secondary) 75%);      background-size: 200% 100%;      animation: tg-df-shimmer 1.5s infinite;      border-radius: 4px;    }    .tg-df-skeleton-img {      width: 100%;      height: 100%;      position: absolute;      top: 0; left: 0;    }        .tg-df-skeleton-text {      height: 16px;      margin-bottom: 8px;      width: 100%;    }    .tg-df-skeleton-text.short { width: 40%; }    .tg-df-skeleton-text.title { height: 20px; margin-bottom: 16px; }    /* Editor Floating Bar & Elements */    .tg-df-editor-bar {      position: sticky;      top: 0;      z-index: 1000;      background: #111827;      color: #fff;      padding: 12px 16px;      border-radius: 8px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: space-between;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);    }    .tg-df-editor-bar-text {      font-weight: 600;      font-size: 14px;    }    .tg-df-editor-copy-btn {      background: #10b981;      color: #fff;      padding: 6px 16px;      border: none;      border-radius: 4px;      font-weight: 600;      cursor: pointer;      display: flex;      align-items: center;      font-size: 13px;    }    .tg-df-editor-copy-btn:hover { background: #059669; }        .tg-df-deal-checkbox {      position: absolute;      top: 12px;      right: 12px;      z-index: 10;      width: 20px;      height: 20px;      cursor: pointer;      pointer-events: auto;    }    /*       6. Mobile List View (Stacks into a cleaner horizontal row/list)    */    @container tg-df (max-width: 599px) {      .tg-df-controls {        padding: 0 16px;      }            .tg-df-top-bar {        width: 100%;      }            .tg-df-settings-dropdown {        position: fixed;        top: auto;        bottom: 0;        left: 0;        right: 0;        width: 100%;        border-radius: 20px 20px 0 0;        padding: 24px;        box-shadow: 0 -8px 32px rgba(0,0,0,0.15);        z-index: 1000;        border: none;        border-top: 1px solid var(--tg-df-border);      }            .tg-df-settings-dropdown-backdrop.active {        background: rgba(0,0,0,0.4);      }            .tg-df-search-wrapper {        box-shadow: 0 0 16px rgba(0,0,0,0.08);      }            .tg-df-filters {        width: calc(100% + 32px);        margin: 0 -16px;        padding: 0 16px 4px 16px;        display: flex;        justify-content: flex-start;        gap: 8px;        flex-wrap: nowrap;        overflow-x: auto;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;      }      .tg-df-filters::after {        content: "";        display: block;        flex: 0 0 8px;      }      .tg-df-filters::-webkit-scrollbar {        display: none;      }            .tg-df-sort-wrapper {        flex: 0 0 max(42%, 130px);        min-width: 0;      }      .tg-df-sort-wrapper.tg-df-price-range-wrapper {        flex: 0 0 auto;        min-width: max-content;      }            .tg-df-sort-select, .tg-df-filter-select {        width: 100%;        text-align: left;        padding: 10px 24px 10px 32px;        background-position: right 8px center;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;      }      .tg-df-sort-icon {        left: 10px;      }      .tg-df-grid:not(.layout-grid):not(.layout-row),      .tg-df-grid.layout-row {        grid-template-columns: 1fr;        gap: 16px;      }            .tg-df-grid.tg-df-grid-auto {        padding-top: 24px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card,      .tg-df-grid.layout-row .tg-df-card {        flex-direction: row;        align-items: stretch;        height: auto;        box-shadow: none; /* simple line on mobile if preferred, or keep */        border-bottom: 1px solid var(--tg-df-border);      }      .tg-df-grid.tg-df-grid-auto .tg-df-card:hover,      .tg-df-grid.layout-row .tg-df-card:hover {        box-shadow: none;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-image-box,      .tg-df-grid.layout-row .tg-df-card-image-box {        width: 120px;        min-width: 120px;        aspect-ratio: 3/4;        border-right: none;        padding: 12px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-body,      .tg-df-grid.layout-row .tg-df-card-body {        padding: 12px;        justify-content: space-between;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-title,      .tg-df-grid.layout-row .tg-df-card-title {        font-size: 14px;        margin-bottom: 12px;        -webkit-line-clamp: 3;      }      /* Single column mobile grid override */      .tg-df-grid.layout-grid {        grid-template-columns: 1fr;        gap: 16px;      }      .tg-df-grid.layout-grid .tg-df-card-image-box {        padding: 12px;      }      .tg-df-grid.layout-grid .tg-df-card-body {        padding: 10px;      }      .tg-df-grid.layout-grid .tg-df-card-title {        font-size: 13px;        -webkit-line-clamp: 3;        margin-bottom: 8px;      }      .tg-df-grid.layout-grid .tg-df-card-price {        font-size: 14px;      }            .tg-df-card-footer {        flex-direction: column;        align-items: stretch;        gap: 0;        width: 100%;        min-width: 0;      }      .tg-df-card-merchant-pill {        margin-bottom: 4px;      }      .tg-df-card-price-group {        flex: 1 1 auto;        margin-bottom: 8px;      }      .tg-df-card-price {        font-size: 16px;      }      .tg-df-card-msrp {        display: block;       }      .tg-df-grid.layout-row .tg-df-card-cta,      .tg-df-container .tg-df-card-cta {        width: 100%;        max-width: none;        min-width: 0;        box-sizing: border-box;        padding: 8px 16px;        font-size: 12px;        flex: 0 0 auto;        text-align: center;        white-space: normal;        line-height: 1.2;      }    }    .tg-df-container.is-carousel {      min-height: 760px;      background-color: #E7F0FF;      padding: 0 0 24px 0;      border-radius: 24px;    }    .tg-df-container.is-carousel.hide-header-details {      min-height: 480px;    }    /*       7. Carousel View Mode    */    .tg-df-container .tg-df-carousel-host {      /* Layout is now handled by container wrapper */    }    .tg-df-container .tg-df-carousel-eyebrow {      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      padding: 24px 16px 0 16px;      display: none;    }    .tg-df-container .tg-df-carousel-query-title {      color: #011535;      font-size: 28px;      font-weight: 600;      padding: 0 16px 24px 16px;      line-height: 1.2;      display: none;    }    .tg-df-container .tg-df-carousel-blue-box {      background-color: transparent;      border-radius: 0;      padding: 24px 24px 0 24px;      margin: 0;      color: #1F69FF;          position: relative;      overflow: hidden;    }    .tg-df-container .tg-df-carousel-bg-circle-1 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-2 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-3 {      display: none;    }    .tg-df-container .tg-df-carousel-box-content {      position: relative;      z-index: 10;    }    .tg-df-container .tg-df-carousel-box-eyebrow {      background-color: transparent;      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      display: inline-block;      padding: 0;      border-radius: 0;    }    .tg-df-container .tg-df-carousel-box-title {      font-size: 28px;      font-weight: 600;      line-height: 1.2;      margin-top: 8px;      color: #1e293b;    }    .tg-df-container .tg-df-countdown-wrapper {      position: absolute;      top: 0;      right: 0;      display: flex;      flex-direction: column;      align-items: flex-end;      gap: 12px;      transform: scale(0.67);      transform-origin: top right;    }    .tg-df-container .tg-df-countdown-title {      font-size: 16px;      text-align: center;      width: 100%;      font-weight: 600;      color: #011535;      margin: 0;    }    .tg-df-container .tg-df-countdown-blocks {      display: flex;      gap: 16px;    }    .tg-df-container .tg-df-countdown-item {      display: flex;      flex-direction: column;      align-items: center;      gap: 4px;    }    .tg-df-container .tg-df-countdown-box {      width: 59px;      height: 59px;      background: #03FE9E;      border-radius: 15px;      display: flex;      align-items: center;      justify-content: center;    }    .tg-df-container .tg-df-countdown-num {      font-family: 'Inter', sans-serif;      font-weight: 700;      font-size: 20px;      line-height: normal;      color: #011535;    }    .tg-df-container .tg-df-countdown-label {      font-family: 'Inter', sans-serif;      font-weight: 500;      font-size: 16px;      line-height: normal;      color: #1e293b;      text-transform: uppercase;    }    .tg-df-container .tg-df-carousel-box-subtitle {      font-size: 16px;      margin-top: 8px;      font-weight: 300;      color: #1e293b;      line-height: 24px;    }    .tg-df-container .tg-df-carousel-roundels-wrapper {      position: relative;      margin-top: 24px;      margin-left: -24px;      margin-right: -24px;    }    .tg-df-container .tg-df-carousel-roundels {      display: flex;      gap: 16px;      overflow-x: auto;            scrollbar-width: none;      padding-top: 12px;      padding-bottom: 24px;      padding-left: 24px;      padding-right: 24px;      margin-left: 0;      margin-right: 0;    }        .tg-df-container .tg-df-carousel-scroll-left,    .tg-df-container .tg-df-carousel-scroll-right {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 36px;      width: 36px;      display: flex;      align-items: center;      justify-content: center;      border-radius: 50%;      background-color: #ffffff;      border: 1px solid #e2e8f0;      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);      color: #1F69FF;      cursor: pointer;      transition: all 0.2s;      margin-top: -4px;      z-index: 20;    }    .tg-df-container .tg-df-carousel-scroll-left { left: 8px; }    .tg-df-container .tg-df-carousel-scroll-right { right: 8px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left { left: 0px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right { right: 0px; }    .tg-df-carousel-filters-outer { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }    @container tg-df (max-width: 599px) { .tg-df-carousel-filters-outer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } }        .tg-df-container .tg-df-carousel-scroll-left:hover,    .tg-df-container .tg-df-carousel-scroll-right:hover {      background-color: #f8fafc;      border-color: #cbd5e1;    }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right {      background-color: rgba(255, 255, 255, 0.4);      border: none;      box-shadow: none;      backdrop-filter: blur(4px);      -webkit-backdrop-filter: blur(4px);    }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right { right: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-right { right: 0; }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left:hover,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right:hover {      background-color: rgba(255, 255, 255, 0.6);      border: none;    }    .tg-df-container .tg-df-carousel-roundels::-webkit-scrollbar {      display: none;    }    .tg-df-container .tg-df-carousel-roundels::after {      content: "";      flex: 0 0 32px;    }    .tg-df-container .tg-df-roundel {      display: flex;      flex-direction: column;      align-items: center;      gap: 8px;      cursor: pointer;      min-width: 120px;      flex-shrink: 0;    }    .tg-df-container .tg-df-roundel-img-box {      width: 120px;      height: 120px;      border-radius: 50%;      background: white;      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: 0px 3px 14px 0px rgba(30, 41, 59, 0.08);      transition: box-shadow 0.2s;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box img {      transform: scale(1.08);    }    .tg-df-container .tg-df-roundel-img-box img {      width: 100%;      height: 100%;      object-fit: contain;      padding: 10px;      box-sizing: border-box;      transition: transform 0.3s ease;    }    .tg-df-container .tg-df-roundel-label {      font-size: 13px;      font-weight: 400;      color: #1e293b;      text-align: center;      transition: font-weight 0.2s;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-label {      font-weight: 700;    }    .tg-df-container .tg-df-carousel-filters-label {      font-size: 16px;      font-weight: 400;      color: #1e293b;      white-space: nowrap;      margin-right: 4px;    }    .tg-df-container .tg-df-carousel-filters-wrap {      display: flex;      align-items: center;      flex-wrap: nowrap;      gap: 8px;      margin-top: 8px;      overflow-x: auto;      scrollbar-width: none;      -webkit-overflow-scrolling: touch;      padding-bottom: 8px;      margin-left: -24px;      margin-right: -24px;      padding-left: 24px;      padding-right: 24px;    }    .tg-df-container .tg-df-carousel-filters-wrap::-webkit-scrollbar {      display: none;    }        .tg-df-container .tg-df-carousel-filter-btn img,    .tg-df-container .tg-df-carousel-filter-btn picture {      height: 20px;      width: 20px;      object-fit: contain;      object-position: center;      display: inline-flex;      align-items: center;      justify-content: center;      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn picture img {      margin-right: 0;      height: 100%;      width: 100%;    }    .tg-df-container .tg-df-carousel-filter-btn img.active-img,    .tg-df-container .tg-df-carousel-filter-btn picture:has(.active-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.inactive-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.inactive-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.active-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.active-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.active-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.active-img) {      display: inline-flex;    }    .tg-df-container .tg-df-carousel-filter-btn {      background: #ffffff;      border: 2px solid #1e293b;      color: #1e293b;      border-radius: 24px;      padding: 6px 16px;      font-size: 14px;      font-weight: 600;      cursor: pointer;      transition: all 0.2s;      flex-shrink: 0;      white-space: nowrap;      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 36px;      box-sizing: border-box;    }    .tg-df-container .tg-df-carousel-filter-btn svg {      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn:hover {      background: #1e293b;      color: white;      border-color: #1e293b;    }    .tg-df-container .tg-df-carousel-filter-btn.active {      background: #1e293b;      color: white;      border-color: #1e293b;    }        .tg-df-grid.carousel-compact {      display: flex;      flex-wrap: nowrap;      overflow-x: auto;      gap: 16px;      padding: 16px 24px;      align-items: stretch;      scrollbar-width: none;    }    .tg-df-grid.carousel-compact::after {      content: "";      flex: 0 0 32px;    }    .tg-df-grid-wrapper {      position: relative;    }    .tg-df-grid.carousel-compact::-webkit-scrollbar {      display: none;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card {      flex: 0 0 auto;      width: 100px;      border-radius: 15px;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      border: 2px solid #1e293b;      background: white;      color: #1e293b;      display: flex;      flex-direction: column;      justify-content: center;      align-items: center;      font-weight: 600;      font-size: 14px;      cursor: pointer;      padding: 16px;      text-align: center;      transition: all 0.2s;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card:hover {      background: #1e293b;      color: white;    }    .tg-df-grid.carousel-compact .tg-df-card {      flex: 0 0 auto;      width: 200px;      min-height: auto;      height: auto;      display: flex;      flex-direction: column;      border-radius: 15px;      border: none;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      overflow: visible;    }    .tg-df-grid.carousel-compact .tg-df-card-image-box {      padding: 12px;      background-color: transparent;      border-radius: 15px 15px 0 0;      height: 130px;    }    .tg-df-grid.carousel-compact .tg-df-card-image {      mix-blend-mode: normal;    }    .tg-df-grid.carousel-compact .tg-df-card-discount-badge {      border-radius: 0;      top: 0px;      left: 0px;      padding: 4px 8px;      font-size: 11px;    }    .tg-df-grid.carousel-compact .tg-df-card-body {      padding: 8px 12px 12px 12px;    }    .tg-df-grid.carousel-compact .tg-df-card-title {      font-size: 14px;      font-weight: 400;      -webkit-line-clamp: 2;      margin-bottom: 8px;      color: #011535;    }    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):not(:has(.tg-df-tag-prime)):not(:has(.tg-df-coupon-wrapper:not([style*="none"]))) > .tg-df-card-title,    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):has(> .tg-df-card-title:first-child) > .tg-df-card-title {      -webkit-line-clamp: 3;    }    .tg-df-grid.carousel-compact .tg-df-card-cta {      border-radius: 5px;      padding: 8px 10px;      margin-top: 4px;      background-color: #1F69FF;    }    .tg-df-grid.carousel-compact .tg-df-card-price-group {      margin-bottom: 2px;    }    .tg-df-grid.carousel-compact .tg-df-card-merchant-pill {      margin-bottom: 2px;    }    @container tg-df (max-width: 599px) {      .tg-df-container .tg-df-carousel-blue-box-title {        font-size: 24px;      }      .tg-df-container .tg-df-countdown-title {        display: none;      }      .tg-df-container .tg-df-countdown-wrapper {        position: absolute;        top: 0;        right: 0;        align-items: flex-end;        transform: scale(0.45);        transform-origin: top right;      }      .tg-df-container .tg-df-roundel {        min-width: 88px;      }      .tg-df-container .tg-df-roundel-img-box {        width: 88px;        height: 88px;      }    }    /* REPLICA BLOCK STYLES */    .tg-df-grid.layout-replica-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px; }    .tg-df-grid.layout-replica-1 { grid-template-columns: 1fr !important; gap: 20px; }        .tg-df-container .hawk-deal-widget-container { border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: inherit; }    .tg-df-container .hawk-deal-widget-wrap { display: flex; flex-direction: row; align-items: flex-start; width: 100%; gap: 24px; }    .tg-df-container .hawk-deal-widget-image-container { display: flex; flex-shrink: 0; justify-content: center; width: 160px; height: 160px; align-items: center; background: white; margin-bottom: 0px; }    .tg-df-container .hawk-deal-widget-title-product-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.4; display: inline; }    .tg-df-container .hawk-deal-widget-title-price { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-price-now { font-weight: 700; }    .tg-df-container .hawk-deal-widget-title-retailer-price:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-title-retailer { font-size: 18px; font-weight: 700; line-height: 1.4; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-was-price { color: #dc2626; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: line-through; white-space: nowrap; margin-left: 8px; margin-right: 8px; }    .tg-df-container .hawk-deal-widget-text-body-container { position: relative; width: 100%; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-text-body-main { font-size: 16px; width: 100%; margin-bottom: 12px; }    .tg-df-container .hawk-deal-widget-text-body-description { display: block; font-size: 15px; margin-top: 12px; color: #4b5563; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-body-description p { margin: 0; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-cta-container { display: flex; flex-direction: column; gap: 12px; width: 100%; flex: 1; min-width: 0; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-footer { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }    .tg-df-container .hawk-deal-widget-button-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; }    .tg-df-container .hawk-deal-widget-preferred-partner-wrapper { display: flex; flex-direction: row; }        @container tg-df (min-width: 600px) {      .tg-df-mobile-only { display: none !important; }    }    @container tg-df (max-width: 599px) {      .tg-df-desktop-only { display: none !important; }      .tg-df-grid.layout-replica-2 { grid-template-columns: 1fr !important; }      .tg-df-grid.savings-squad-cards { grid-template-columns: 1fr !important; display: flex; flex-direction: column; }    }    .tg-df-grid.savings-squad-cards .tg-df-card-title {      -webkit-line-clamp: unset !important;      display: block !important;      overflow: visible !important;    }    @container tg-df (max-width: 500px) {      .tg-df-container .hawk-deal-widget-wrap { display: block; }      .tg-df-container .hawk-deal-widget-image-container { display: block; float: left; margin: 0 16px 8px 0; width: 120px; max-width: 120px; height: auto; align-items: normal; justify-content: normal; }      .tg-df-container .hawk-deal-widget-text-cta-container { display: block; text-align: left; }      .tg-df-container .hawk-deal-widget-footer { display: block; margin-top: 16px; clear: both; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper .hawk-deal-widget-preferred-partner-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-affiliate-link-deal-button { box-sizing: border-box !important; display: flex !important; max-width: none !important; width: 100% !important; margin: 0 !important; }    }        .tg-df-container .hawk-affiliate-link-deal-button {       align-items: center; background-color: #5aaf0b; box-sizing: border-box; color: #ffffff !important; display: flex; font-size: 14px; font-weight: 700; justify-content: center; letter-spacing: 0.5px; line-height: 1; min-width: 160px; padding: 14px 24px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; word-break: normal; border-radius: 4px; border: 0; transition: background-color 0.2s;     }    .tg-df-container .hawk-affiliate-link-deal-button:hover { background-color: #4a9109; text-decoration: none; }    .tg-df-container .hawk-lazy-image-deal-widget { display: block; height: auto; margin: auto; max-height: 160px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; }    .tg-df-container .hawk-deal-widget-text-cta-container a { color: #2563eb; text-decoration: none; display: inline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:has(.hawk-deal-widget-title-product-title) { color: #111827; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-product-title,    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-retailer-price { text-decoration: underline; }  \x3C/style>  \x3C!-- Widget Container --\x3E  \x3Cdiv class="tg-df-container" id="signal-deals-finder-root">    \x3C!-- Editor Floating Bar --\x3E    \x3Cdiv class="tg-df-editor-bar" id="tg-df-editor-bar" style="display:none;">      \x3Cdiv class="tg-df-editor-bar-text" style="display: flex; align-items: center;">        \x3Cspan id="tg-df-selected-count">0\x3C/span>\x26nbsp;Deals Selected        \x3Cbutton class="tg-df-editor-clear-btn" id="tg-df-editor-clear" type="button" style="margin-left: 12px; font-size: 13px; color: #9ca3af; background: none; border: none; cursor: pointer; text-decoration: underline;">Clear All\x3C/button>      \x3C/div>      \x3Cbutton class="tg-df-editor-copy-btn" id="tg-df-editor-copy" type="button">        \x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">\x3C/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">\x3C/path>\x3C/svg>        Copy to CMS      \x3C/button>    \x3C/div>    \x3Cdiv class="tg-df-carousel-host" id="tg-df-carousel-host" style="display: none;">      \x3Cdiv class="tg-df-carousel-eyebrow">DEAL FINDER\x3C/div>      \x3Cdiv class="tg-df-carousel-query-title" id="tg-df-carousel-title-label">Best Deals\x3C/div>            \x3Cdiv class="tg-df-carousel-blue-box">        \x3Cdiv class="tg-df-carousel-bg-circle-1" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-2" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-3" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-box-content">          \x3Cdiv class="tg-df-countdown-wrapper" id="tg-df-countdown-wrapper" style="display:none;">            \x3Cdiv class="tg-df-countdown-title" id="tg-df-countdown-title">Prime Day starts in\x3C/div>            \x3Cdiv class="tg-df-countdown-blocks">              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-days">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">DAYS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-hrs">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">HRS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-min">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">MIN\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-sec">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">SEC\x3C/div>\x3C/div>            \x3C/div>          \x3C/div>          \x3Cdiv class="tg-df-carousel-box-eyebrow">DEAL FINDER\x3C/div>          \x3Cdiv class="tg-df-carousel-box-title">Find Deals Fast\x3C/div>          \x3Cdiv class="tg-df-carousel-box-subtitle">The latest deals from the biggest retailers, all in one place\x3C/div>                    \x3Cdiv class="tg-df-carousel-roundels-wrapper">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-roundels">            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>          \x3C/div>          \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-carousel-filters-outer" style="position: relative;">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-filters-wrap">                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="0">All\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_lightning">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_prime">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-d="10">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 10% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="15">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 15% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="25">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 25% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-pr="under50">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>            Under $50\x3C/button>        \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3C/div>    \x3C/div>    \x3C/div>      \x3C!-- Search & Filter Controls --\x3E    \x3Cdiv class="tg-df-controls" id="tg-df-controls" style="display:flex;">      \x3Cdiv class="tg-df-top-bar">        \x3Cdiv class="tg-df-search-wrapper">          \x3Cinput type="text" class="tg-df-search-input" placeholder="Search for deals, products, or brands...">          \x3Cbutton type="button" class="tg-df-search-btn" aria-label="Search">              \x3Csvg class="tg-df-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">                \x3Cpath d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-autocomplete-dropdown" id="tg-df-autocomplete">\x3C/div>        \x3C/div>                \x3Cdiv class="tg-df-settings-wrapper">          \x3Cbutton type="button" class="tg-df-settings-btn" aria-label="Settings" id="tg-df-settings-toggle">            \x3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20">                \x3Cpath d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.73 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.49-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>            \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-settings-dropdown-backdrop" id="tg-df-settings-backdrop">\x3C/div>          \x3Cdiv class="tg-df-settings-dropdown" id="tg-df-settings-panel">            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Search Region\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-region-select">                \x3Coption value="auto">🌍 Auto-detect\x3C/option>                \x3Coption value="US">🇺🇸 United States (US)\x3C/option>                \x3Coption value="GB">🇬🇧 United Kingdom (UK)\x3C/option>                \x3Coption value="CA">🇨🇦 Canada (CA)\x3C/option>                \x3Coption value="AU">🇦🇺 Australia (AU)\x3C/option>                \x3Coption value="DE">🇩🇪 Germany (DE)\x3C/option>                \x3Coption value="FR">🇫🇷 France (FR)\x3C/option>                \x3Coption value="IT">🇮🇹 Italy (IT)\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Retailer\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-retailer-select">                \x3Coption value="">All Retailers\x3C/option>                \x3Coption value="Amazon">Amazon\x3C/option>                \x3Coption value="Walmart">Walmart\x3C/option>                \x3Coption value="Best Buy">Best Buy\x3C/option>                \x3Coption value="Target">Target\x3C/option>                \x3Coption value="John Lewis">John Lewis\x3C/option>                \x3Coption value="Currys">Currys\x3C/option>                \x3Coption value="Argos">Argos\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Offer Type\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-offer-type-select">                \x3Coption value="">All Offers\x3C/option>                \x3Coption value="amazon_prime">Amazon Prime\x3C/option>                \x3Coption value="recommended_promo">Recommended Promo\x3C/option>                \x3Coption value="amazon_lightning">Amazon Lightning Deal\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Result Count\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-rows-select">                \x3Coption value="3">3 Items\x3C/option>                \x3Coption value="4">4 Items\x3C/option>                \x3Coption value="6">6 Items\x3C/option>                \x3Coption value="12" selected>12 Items\x3C/option>                \x3Coption value="24">24 Items\x3C/option>                \x3Coption value="48">48 Items\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Deal Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Only show products with active offers or previous prices (was_price)\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-deal-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Editor Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Enable multi-select to copy deals to CMS\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-editor-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">View Mode\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-view-mode-select">                \x3Coption value="auto">Auto Collection\x3C/option>                \x3Coption value="carousel">Carousel\x3C/option>                \x3Coption value="savings_squad">Savings Squad\x3C/option>                \x3Coption value="grid">Grid (Columns)\x3C/option>                \x3Coption value="row">Row (List)\x3C/option>              \x3C/select>            \x3C/div>          \x3C/div>        \x3C/div>      \x3C/div>      \x3Cdiv class="tg-df-filters">        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-category-filter-wrapper" style="display: none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-category-filter" aria-label="Category">            \x3Coption value="all">All Categories\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-multiselect-container" id="tg-df-brand-filter-wrapper" style="display:none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/>          \x3C/svg>          \x3Cdiv class="tg-df-filter-select tg-df-multiselect-trigger" id="tg-df-brand-trigger" tabindex="0">            Any Brand          \x3C/div>          \x3Cdiv class="tg-df-multiselect-dropdown" id="tg-df-brand-dropdown">            \x3C!-- Populated via script --\x3E          \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>          \x3C/svg>          \x3Cselect class="tg-df-sort-select" aria-label="Sort Deals">            \x3Coption value="date_desc">Newest First\x3C/option>            \x3Coption value="best_match">Sort by: Match\x3C/option>            \x3Coption value="price_asc">Price Low to High\x3C/option>            \x3Coption value="price_desc">Price High to Low\x3C/option>            \x3Coption value="discount_desc">Biggest Discount\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-price-range-wrapper" id="tg-df-custom-price-wrapper" style="display: flex; align-items:center; justify-content:center; padding: 10px 20px; gap: 8px; border: 1px solid var(--tg-df-border); border-radius: 100px; background-color: var(--tg-df-bg);">          \x3Cspan style="font-size:14px; font-weight:500; color:var(--tg-df-text-primary);">Price\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-min" placeholder="Min" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">          \x3Cspan style="color:var(--tg-df-text-muted)">-\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-max" placeholder="Max" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-legacy-price-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-price-filter" aria-label="Filter Prices">            \x3Coption value="all">All Prices\x3C/option>            \x3Coption value="under50">Under $50\x3C/option>            \x3Coption value="50_100">$50 - $100\x3C/option>            \x3Coption value="100_200">$100 - $200\x3C/option>            \x3Coption value="200_500">$200 - $500\x3C/option>            \x3Coption value="over500">Over $500\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-discount-filter-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-discount-filter" aria-label="Discount Amount">            \x3Coption value="all">Any discount\x3C/option>            \x3Coption value="5">Min 5%\x3C/option>            \x3Coption value="10">Min 10%\x3C/option>            \x3Coption value="15">Min 15%\x3C/option>            \x3Coption value="20">Min 20%\x3C/option>            \x3Coption value="25">Min 25%\x3C/option>            \x3Coption value="30">Min 30%\x3C/option>            \x3Coption value="40">Min 40%\x3C/option>            \x3Coption value="50">Min 50%\x3C/option>            \x3Coption value="60">Min 60%\x3C/option>            \x3Coption value="70">Min 70%\x3C/option>          \x3C/select>        \x3C/div>      \x3C/div>    \x3C/div>    \x3C!-- Deals Grid Wrapper --\x3E    \x3Cdiv class="tg-df-grid-wrapper tg-df-carousel-cards-wrapper" id="tg-df-grid-wrapper">      \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3Cdiv class="tg-df-grid" id="tg-df-grid">        \x3C!-- Content populated by JavaScript --\x3E      \x3C/div>      \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>    \x3C/div>        \x3C!-- Vouchers Modal --\x3E    \x3Cdiv class="tg-df-modal-backdrop" id="tg-df-vouchers-modal">      \x3Cdiv class="tg-df-modal">        \x3Cdiv class="tg-df-modal-header">          \x3Ch3 class="tg-df-modal-title" id="tg-df-vouchers-title">Available Coupons & Deals\x3C/h3>          \x3Cbutton class="tg-df-modal-close" id="tg-df-vouchers-close">            \x3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">              \x3Cline x1="18" y1="6" x2="6" y2="18">\x3C/line>              \x3Cline x1="6" y1="6" x2="18" y2="18">\x3C/line>            \x3C/svg>          \x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-modal-body" id="tg-df-vouchers-content">          \x3C!-- Vouchers injected here --\x3E        \x3C/div>      \x3C/div>    \x3C/div>  \x3C/div>`;      if (!template) {        template = document.createElement('template');        template.innerHTML = rawTemplate;      }      let shadowRoot = null;      if (hostContainer && template) {        hostContainer.setAttribute('data-initialized', 'true');        shadowRoot = hostContainer.attachShadow({ mode: 'open' });        shadowRoot.appendChild(template.content.cloneNode(true));      }      class DealsFinderWidget {        constructor(config) {          this.rootNode = config.rootNode || document;          this.hostContainer = config.hostContainer || null;          this.rootId = config.rootId || 'signal-deals-finder-root';          this.root = this.rootNode.querySelector('#' + this.rootId);          if (!this.root) return;          this.widgetId = (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'widget-' + Date.now() + '-' + Math.random().toString(36).slice(2);          this.grid = this.root.querySelector('#tg-df-grid');          this.tagsContainer = this.root.querySelector('#tg-df-tags-container');          this.categoryFilter = this.root.querySelector('#tg-df-category-filter');          this.categoryFilterWrapper = this.root.querySelector('#tg-df-category-filter-wrapper');          this.searchInput = this.root.querySelector('.tg-df-search-input');          this.autocompleteDropdown = this.root.querySelector('#tg-df-autocomplete');          this.sortSelect = this.root.querySelector('.tg-df-sort-select');          this.searchBtn = this.root.querySelector('.tg-df-search-btn');                    this.settingsToggle = this.root.querySelector('#tg-df-settings-toggle');          this.settingsPanel = this.root.querySelector('#tg-df-settings-panel');          this.settingsBackdrop = this.root.querySelector('#tg-df-settings-backdrop');          this.regionSelect = this.root.querySelector('#tg-df-region-select');          this.retailerSelect = this.root.querySelector('#tg-df-retailer-select');          this.offerTypeSelect = this.root.querySelector('#tg-df-offer-type-select');          this.viewModeSelect = this.root.querySelector('#tg-df-view-mode-select');          this.rowsSelect = this.root.querySelector('#tg-df-rows-select');          this.dealModeToggle = this.root.querySelector('#tg-df-deal-mode');          this.editorModeToggle = this.root.querySelector('#tg-df-editor-mode');          this.priceFilter = this.root.querySelector('#tg-df-price-filter');          this.discountFilter = this.root.querySelector('#tg-df-discount-filter');                    this.editorBar = this.root.querySelector('#tg-df-editor-bar');          this.editorSelectedCount = this.root.querySelector('#tg-df-selected-count');          this.editorCopyBtn = this.root.querySelector('#tg-df-editor-copy');          this.editorClearBtn = this.root.querySelector('#tg-df-editor-clear');                    this.apiUrl = 'https://search-api.fie.future.net.uk/widget.php';          this.deals = [];          this.displayLimit = 12;          this.airedaleArticles = null;          this.airedaleTags = [];          this.airedaleTagCounts = {};          this.activeDealTag = null;          this.selectedBrands = [];          this.currentQuery = '';          this.editorMode = this.hostContainer ? this.hostContainer.hasAttribute('data-editor-mode') : false;          this.viewModeOverride = this.hostContainer ? this.hostContainer.getAttribute('data-view-mode') : null;          this.selectedDeals = new Map();                    this.brandFilterWrapper = this.root.querySelector('#tg-df-brand-filter-wrapper');          this.brandTrigger = this.root.querySelector('#tg-df-brand-trigger');          this.brandDropdown = this.root.querySelector('#tg-df-brand-dropdown');                    this.customPriceWrapper = this.root.querySelector('#tg-df-custom-price-wrapper');          this.customPriceMin = this.root.querySelector('#tg-df-custom-price-min');          this.customPriceMax = this.root.querySelector('#tg-df-custom-price-max');          this.legacyPriceWrapper = this.root.querySelector('#tg-df-legacy-price-wrapper');          this.discountFilterWrapper = this.root.querySelector('#tg-df-discount-filter-wrapper');          this.initResizeObserver();          this.init();            if (['carousel', 'carousel-compact', 'auto', 'grid', 'row'].includes(this.getViewMode())) { this.loadCarouselSpreadsheet(); }        }        getViewMode() {          if (this.viewModeOverride && (!this.editorMode || !this.viewModeSelect)) {            return this.viewModeOverride;          }          return (this.viewModeSelect && this.viewModeSelect.value) ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');        }        applyLayoutMode() {          if (!this.grid) return;          const mode = this.getViewMode();          this.grid.classList.remove('layout-row', 'layout-grid', 'tg-df-grid-auto', 'carousel-compact', 'layout-replica-1', 'layout-replica-2');                    const carouselHost = this.root.querySelector('#tg-df-carousel-host');          const controlsDiv = this.root.querySelector('#tg-df-controls');          if (mode === 'carousel' || mode === 'auto' || mode === 'grid' || mode === 'row') {             if (mode === 'carousel') this.grid.classList.add('carousel-compact');             if (carouselHost) carouselHost.style.display = 'block';             if (controlsDiv) controlsDiv.style.display = 'none';             if (this.root.classList.contains('tg-df-container') && mode === 'carousel') {               this.root.classList.add('is-carousel');             } else if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          } else {             if (carouselHost) carouselHost.style.display = 'none';             if (controlsDiv) controlsDiv.style.display = 'flex';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          }          if (mode === 'grid') {            this.grid.classList.add('layout-grid');          } else if (mode === 'row') {            this.grid.classList.add('layout-row');          } else if (mode === 'savings_squad') {            this.grid.classList.add('tg-df-grid-auto', 'savings-squad-cards');          } else if (mode !== 'carousel') {            this.grid.classList.add('tg-df-grid-auto');          }                    const settingsWrapper = this.root.querySelector('.tg-df-settings-wrapper');          if (settingsWrapper) {            settingsWrapper.style.display = mode === 'auto' ? 'none' : 'block';          }          if (this.customPriceWrapper) {             this.customPriceWrapper.style.display = mode === 'auto' ? 'flex' : 'none';          }          if (this.legacyPriceWrapper) {             this.legacyPriceWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }          if (this.discountFilterWrapper) {             this.discountFilterWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }        }        initResizeObserver() {          try {            if (window.parent === window) return;          } catch (e) {            // cross origin frame check threw          }          const emitHeight = () => {            try {              const height = document.documentElement.scrollHeight || document.body.scrollHeight;              const msg = { type: 'embed-size', height: height };              if (window.parent && window.parent !== window) {                window.parent.postMessage(msg, '*');                window.parent.postMessage(JSON.stringify({ ...msg, sentinel: 'amp' }), '*');              }            } catch (e) {}          };                    if (window.ResizeObserver) {            try {              const ro = new ResizeObserver(() => emitHeight());              ro.observe(document.body);              if (this.root) ro.observe(this.root);            } catch(e){ console.warn(e); }          }          window.addEventListener('resize', emitHeight);          setTimeout(emitHeight, 300);        }        initCountdown() {          this.cdWrapper = this.root.querySelector('#tg-df-countdown-wrapper');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          this.showCountdown = params.get('show_countdown') === 'true';          const showHeaderDetails = params.get('show_header_details') !== 'false';          const eyebrow = this.root.querySelector('.tg-df-carousel-box-eyebrow');          const title = this.root.querySelector('.tg-df-carousel-box-title');          const subtitle = this.root.querySelector('.tg-df-carousel-box-subtitle');          if (!showHeaderDetails) {            let containerElement = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (containerElement) containerElement.classList.add('hide-header-details');            if (eyebrow) eyebrow.style.display = 'none';            if (title) title.style.display = 'none';            if (subtitle) subtitle.style.display = 'none';          }          if (!this.cdWrapper) return;          this.cdTitle = this.root.querySelector('#tg-df-countdown-title');          this.cdDays = this.root.querySelector('#tg-df-cd-days');          this.cdHrs = this.root.querySelector('#tg-df-cd-hrs');          this.cdMin = this.root.querySelector('#tg-df-cd-min');          this.cdSec = this.root.querySelector('#tg-df-cd-sec');          this.updateCountdown();          this.cdInterval = setInterval(() => this.updateCountdown(), 1000);        }        updateCountdown() {          if (!this.cdWrapper) return;          if (!this.showCountdown) {            this.cdWrapper.style.display = 'none';            return;          }          const area = this.getAreaCode();          let offset = '-04:00';          if (['DE', 'FR', 'IT', 'ES', 'NL'].includes(area)) {             offset = '+02:00';          } else if (['GB', 'IE', 'UK'].includes(area)) {             offset = '+01:00';          }          const startTime = new Date('2026-06-23T00:00:00' + offset).getTime();          const endTime = new Date('2026-06-26T00:00:00' + offset).getTime();          const now = Date.now();          let targetTime = 0;          if (now < startTime) {             targetTime = startTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day starts in';             this.cdWrapper.style.display = 'flex';          } else if (now < endTime) {             targetTime = endTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day ends in';             this.cdWrapper.style.display = 'flex';          } else {             this.cdWrapper.style.display = 'none';             if (this.cdInterval) clearInterval(this.cdInterval);             return;          }          const diff = Math.max(0, targetTime - now);          const d = Math.floor(diff / (1000 * 60 * 60 * 24));          const h = Math.floor((diff / (1000 * 60 * 60)) % 24);          const m = Math.floor((diff / 1000 / 60) % 60);          const s = Math.floor((diff / 1000) % 60);          if (this.cdDays) this.cdDays.textContent = d;          if (this.cdHrs) this.cdHrs.textContent = h;          if (this.cdMin) this.cdMin.textContent = m;          if (this.cdSec) this.cdSec.textContent = s;        }        init() {          this.initCountdown();          try {            initAnalytics();          } catch (e) {            console.warn('Deals Widget Analytics Error:', e);          }                    this.bindEvents();                    let initialQuery = '';                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          let initialViewMode = params.get('view_mode');          if (!params.has('search') && !params.has('q') && !params.has('query') && initialViewMode !== 'savings_squad') {             initialQuery = 'Everything';             if (this.discountFilter && !params.has('min_discount_ratio')) {               this.discountFilter.value = '5';             }          }          const website = params.get('website') || 'tomsguide';          this.website = website;          if (website === 'techradar') {            const squadHeader = this.root.querySelector('.tg-df-savings-squad-header');            if (squadHeader) {               const pic = squadHeader.querySelector('picture');               if (pic) pic.style.display = 'none';            }            const style = document.createElement('style');            style.innerHTML = `              .tg-df-container .hawk-affiliate-link-deal-button, .tg-df-container .tg-df-card-cta { background-color: #5DAF08 !important; }              .tg-df-container .hawk-affiliate-link-deal-button:hover, .tg-df-container .tg-df-card-cta:hover { background-color: #4a8c06 !important; }            `;            this.root.appendChild(style);          }                    if (this.regionSelect) {            this.regionSelect.value = params.get('region') || 'auto';            this.updatePriceDropdownCurrency();          }                    if (this.retailerSelect && params.has('retailer')) {            this.retailerSelect.value = params.get('retailer');          }                    if (params.has('brands')) {            const b = params.get('brands');            if (b) {              this.selectedBrands = b.split(',');            }          }                    if (this.offerTypeSelect && params.has('offer_type')) {            this.offerTypeSelect.value = params.get('offer_type');          }          if (params.has('bg_color')) {            const bg = params.get('bg_color');            if (bg === 'white') {              this.root.style.setProperty('background-color', '#ffffff', 'important');            } else if (bg === 'transparent') {              this.root.style.setProperty('background-color', 'transparent', 'important');            } else if (bg === 'light_blue') {              this.root.style.setProperty('background-color', '#E7F0FF', 'important');            }          } else {             this.root.style.removeProperty('background-color');          }                    if (params.has('view_mode')) {            if (this.viewModeSelect) {              this.viewModeSelect.value = params.get('view_mode');            } else {              this.viewModeOverride = params.get('view_mode');            }          }          if (this.rowsSelect && params.has('rows')) {            this.rowsSelect.value = params.get('rows');          }          if (params.has('price')) {            const priceVal = params.get('price');            if (this.priceFilter) {               // Try assigning it directly to select. If it's not present implicitly ignores               this.priceFilter.value = priceVal;            }            if (priceVal.includes('_')) {               const parts = priceVal.split('_');               if (this.customPriceMin && parts[0]) this.customPriceMin.value = parts[0];               if (this.customPriceMax && parts[1]) this.customPriceMax.value = parts[1];            }          }          if (this.discountFilter && params.has('min_discount_ratio')) {            // Need to convert back from ratio (e.g. 0.8) to select value (e.g. "20")            const ratioStr = params.get('min_discount_ratio');            const ratioFloat = parseFloat(ratioStr);            if (!isNaN(ratioFloat)) {               const percentage = Math.round((1 - ratioFloat) * 100);               this.discountFilter.value = percentage.toString();            }          }          if (this.sortSelect) {            this.sortSelect.value = params.get('sort') || 'discount_desc';          }          if (this.dealModeToggle && params.has('deal_mode')) {            this.dealModeToggle.checked = params.get('deal_mode') === 'true' || params.get('deal_mode') === '1';          }                    // Re-apply layout after params have updated control values          this.applyLayoutMode();                    if (params.get('search')) {            initialQuery = params.get('search');          } else if (params.get('q')) {            initialQuery = params.get('q');          } else if (params.get('query')) {            initialQuery = params.get('query');          }                    this.currentQuery = initialQuery;          if (this.searchInput) {            this.searchInput.value = this.currentQuery;          }                    if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {            this.fetchDeals(this.currentQuery);          } else {            this.render();          }        }        updatePriceDropdownCurrency() {          if (!this.priceFilter || !this.regionSelect) return;          const currencySymbols = {            'US': '$',            'GB': '£',            'CA': '$CA',            'AU': '$AU',            'DE': '€',            'FR': '€',            'IT': '€',          };          const area = this.getAreaCode();          const cur = currencySymbols[area || 'US'] || '$';                    const options = this.priceFilter.options;          for (let i = 0; i < options.length; i++) {            const opt = options[i];            if (opt.value === 'all') {              opt.innerText = 'All Prices';            } else if (opt.value === 'under50') {              opt.innerText = `Under ${cur}50`;            } else if (opt.value === '50_100') {              opt.innerText = `${cur}50 - ${cur}100`;            } else if (opt.value === '100_200') {              opt.innerText = `${cur}100 - ${cur}200`;            } else if (opt.value === '200_500') {              opt.innerText = `${cur}200 - ${cur}500`;            } else if (opt.value === 'over500') {              opt.innerText = `Over ${cur}500`;            }          }        }        populateBrandDropdown(values) {          if (!this.brandDropdown || !this.brandFilterWrapper) return;          this.brandFilterWrapper.style.display = 'flex'; // show the wrapper                    let html = '';          const allChecked = this.selectedBrands.length === 0 ? 'checked' : '';          const _div = '<' + '/div>';          const _span = '<' + '/span>';          html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="" ${allChecked} class="tg-df-brand-chk"> Any Brand${_div}`;                    values.forEach(v => {             if (!v.formatted_value || v.formatted_value === 'Any Brand') return;             const isChecked = this.selectedBrands.includes(v.formatted_value) ? 'checked' : '';             html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="${this.escapeHTML(v.formatted_value)}" ${isChecked} class="tg-df-brand-chk"> ${this.escapeHTML(v.formatted_value)} \x3Cspan style="color:var(--tg-df-text-muted);font-size:12px">(${v.count || 0})${_span}${_div}`;          });                    this.brandDropdown.innerHTML = html;                    // Re-bind listeners          const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');          chks.forEach(chk => {            chk.addEventListener('change', (e) => {              const val = e.target.value;              if (val === '') {                this.selectedBrands = [];              } else {                if (e.target.checked) {                   if (!this.selectedBrands.includes(val)) this.selectedBrands.push(val);                } else {                   this.selectedBrands = this.selectedBrands.filter(b => b !== val);                }              }                            if (this.selectedBrands.length === 0) {                 this.brandTrigger.innerText = 'Any Brand';              } else if (this.selectedBrands.length === 1) {                 this.brandTrigger.innerText = this.selectedBrands[0];              } else {                 this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;              }                            // Only call API if changed from UI interactions              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.updateURLParams();                 this.fetchDeals(this.currentQuery);              }            });          });                    // Update button text on load          if (this.selectedBrands.length === 0) {             this.brandTrigger.innerText = 'Any Brand';          } else if (this.selectedBrands.length === 1) {             this.brandTrigger.innerText = this.selectedBrands[0];          } else {             this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;          }        }        updateURLParams() {          const url = new URL(window.location);          if (this.currentQuery && this.currentQuery !== 'Gaming laptops') {            url.searchParams.set('q', this.currentQuery);          } else {            url.searchParams.delete('q');            url.searchParams.delete('search');            url.searchParams.delete('query');          }                    if (this.regionSelect && this.regionSelect.value !== 'auto') {            url.searchParams.set('region', this.regionSelect.value);          } else {            url.searchParams.delete('region');          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.set('retailer', this.retailerSelect.value);          } else {            url.searchParams.delete('retailer');          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.set('brands', this.selectedBrands.join(','));          } else {            url.searchParams.delete('brands');          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.set('offer_type', this.offerTypeSelect.value);          } else {            url.searchParams.delete('offer_type');          }                    if (this.viewModeSelect && this.viewModeSelect.value !== 'auto') {            url.searchParams.set('view_mode', this.viewModeSelect.value);          } else {            url.searchParams.delete('view_mode');          }                    if (this.rowsSelect && this.rowsSelect.value !== '12') {            url.searchParams.set('rows', this.rowsSelect.value);          } else {            url.searchParams.delete('rows');          }                    const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             url.searchParams.set('price', `${min}_${max}`);          } else if (this.priceFilter && this.priceFilter.value !== 'all') {            url.searchParams.set('price', this.priceFilter.value);          } else {            url.searchParams.delete('price');          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {               const ratio = (100 - v) / 100;               url.searchParams.set('min_discount_ratio', ratio.toString());            }          } else {            url.searchParams.delete('min_discount_ratio');          }                    if (this.sortSelect && this.sortSelect.value !== 'discount_desc') {            url.searchParams.set('sort', this.sortSelect.value);          } else {            url.searchParams.delete('sort');          }                    if (this.dealModeToggle && this.dealModeToggle.checked) {            url.searchParams.set('deal_mode', 'true');          } else {            url.searchParams.delete('deal_mode');          }                    window.history.replaceState({}, '', url);        }        bindEvents() {          const roundels = this.root.querySelectorAll('.tg-df-carousel-cat.original-hardcoded');          roundels.forEach(r => {             r.addEventListener('click', () => {                const q = r.getAttribute('data-query');                const pr = r.getAttribute('data-pr');                if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: q,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = q;                const label = this.root.querySelector('#tg-df-carousel-title-label');                if (label) label.textContent = 'Best ' + q;                if (this.priceFilter) this.priceFilter.value = pr || 'all';                if (this.discountFilter) this.discountFilter.value = '5';                if (this.searchInput) this.searchInput.value = q;                                roundels.forEach(ro => ro.classList.remove('active'));                r.classList.add('active');                this.fetchDeals(this.currentQuery);             });          });          const discBtns = this.root.querySelectorAll('.tg-df-carousel-filter-btn');          discBtns.forEach(b => {             b.addEventListener('click', () => {                const d = b.getAttribute('data-d');                const pr = b.getAttribute('data-pr');                const ot = b.getAttribute('data-ot');                let label = b.innerText ? b.innerText.trim() : '';                let filterType = 'unknown';                let filterVal = 'unknown';                if (d !== null) { filterType = 'discount'; filterVal = d; }                else if (pr !== null) { filterType = 'price'; filterVal = pr; }                else if (ot !== null) { filterType = 'offertype'; filterVal = ot; }                if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-${filterType}-${filterVal}`, name: 'Filter Button', label: label });                                if (d !== null) {                   if (this.discountFilter) this.discountFilter.value = this.discountFilter.value === d ? '0' : d;                } else if (pr !== null) {                   if (this.priceFilter) this.priceFilter.value = this.priceFilter.value === pr ? 'all' : pr;                } else if (ot !== null) {                   if (this.offerTypeSelect) this.offerTypeSelect.value = this.offerTypeSelect.value === ot ? 'all' : ot;                } else {                   if (this.discountFilter) this.discountFilter.value = '0';                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.offerTypeSelect) this.offerTypeSelect.value = 'all';                }                if (d === null && pr === null && ot === null && b.getAttribute("data-type") !== "custom") {                   discBtns.forEach(ro => ro.classList.remove('active'));                   b.classList.add('active');                } else if (b.getAttribute("data-type") !== "custom") {                   // Only operate on hardcoded buttons (those without data-type)                   discBtns.forEach(ro => {                      if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active');                   });                                      let makeActive = true;                   if (d !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-d') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (pr !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-pr') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (ot !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-ot') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   }                                      if (makeActive) b.classList.add('active');                                      // Check if anything is active, if not activate "All"                   let anyActive = false;                   discBtns.forEach(ro => { if (ro.classList.contains('active') && ro.getAttribute('data-type') !== 'custom') anyActive = true; });                   if (!anyActive) {                       discBtns.forEach(ro => { if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.add('active'); });                   }                }                                this.fetchDeals(this.currentQuery);             });          });          if (this.brandTrigger && this.brandDropdown) {            this.brandTrigger.addEventListener('click', () => {              this.brandDropdown.classList.toggle('active');            });            document.addEventListener('click', (e) => {              if (this.brandFilterWrapper && !e.composedPath().includes(this.brandFilterWrapper)) {                this.brandDropdown.classList.remove('active');              }            });          }          let debounceTimer;          if(this.searchInput) {            this.searchInput.addEventListener('input', (e) => {              clearTimeout(debounceTimer);              const query = e.target.value.trim();              this.currentQuery = query;              if (this.getViewMode() === 'savings_squad' && this.autocompleteDropdown && this.airedaleTags && query.length > 0) {                 const matches = this.airedaleTags.filter(t => t.toLowerCase().includes(query.toLowerCase()) && t.toLowerCase() !== query.toLowerCase()).slice(0, 5);                 if (matches.length > 0) {                    this.autocompleteDropdown.innerHTML = matches.map(m => `\x3Cdiv class="tg-df-autocomplete-item" data-tag="${this.escapeHTML(m)}">${this.escapeHTML(m)}<` + `/div>`).join('');                    this.autocompleteDropdown.classList.add('active');                 } else {                    this.autocompleteDropdown.classList.remove('active');                 }              } else if (this.autocompleteDropdown) {                 this.autocompleteDropdown.classList.remove('active');              }              debounceTimer = setTimeout(() => {                this.updateURLParams();                if (query.length > 2) {                  this.fetchDeals(query);                } else if (query.length === 0) {                  this.deals = [];                  this.render();                }              }, 400);            });            this.searchInput.addEventListener('keypress', (e) => {              if (e.key === 'Enter') {                if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');                clearTimeout(debounceTimer);                const query = e.target.value.trim();                this.currentQuery = query;                this.activeDealTag = null;                trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                this.updateURLParams();                if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                   this.fetchDeals(query);                }              }            });          }          if (this.autocompleteDropdown) {             this.autocompleteDropdown.addEventListener('click', (e) => {                const item = e.target.closest('.tg-df-autocomplete-item');                if (item) {                   const tag = item.getAttribute('data-tag');                   this.currentQuery = tag;                   if (this.searchInput) this.searchInput.value = tag;                   this.activeDealTag = tag;                   this.autocompleteDropdown.classList.remove('active');                   this.updateURLParams();                   this.fetchDeals(tag);                }             });             document.addEventListener('click', (e) => {               if (this.autocompleteDropdown && this.searchInput && !e.composedPath().includes(this.searchInput) && !e.composedPath().includes(this.autocompleteDropdown)) {                 this.autocompleteDropdown.classList.remove('active');               }             });          }          if (this.searchBtn) {            this.searchBtn.addEventListener('click', () => {              if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');              clearTimeout(debounceTimer);              const query = this.searchInput.value.trim();              trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });              this.activeDealTag = null;              this.currentQuery = query;              this.updateURLParams();              if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.fetchDeals(query);              }            });          }          if(this.sortSelect) this.sortSelect.addEventListener('change', () => {            trackElementInteraction({ id: `sort-option-${this.sortSelect.value}`, name: 'Sort', label: `Sort: ${this.sortSelect.options[this.sortSelect.selectedIndex].text}` });            this.updateURLParams();            if (this.deals.length > 0) {              this.sortData();              this.render();            }          });                    const priceFilter = this.root.querySelector('#tg-df-price-filter');          if (priceFilter) {            this.priceFilter = priceFilter;            this.priceFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-price-${this.priceFilter.value}`, name: 'Price', label: this.priceFilter.options[this.priceFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          const updateCustomPrice = () => {             this.updateURLParams();             if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);             } else {                this.render();             }          };          if (this.customPriceMin) {             this.customPriceMin.addEventListener('change', updateCustomPrice);             this.customPriceMin.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          if (this.customPriceMax) {             this.customPriceMax.addEventListener('change', updateCustomPrice);             this.customPriceMax.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          const discountFilter = this.root.querySelector('#tg-df-discount-filter');          if (discountFilter) {            this.discountFilter = discountFilter;            this.discountFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-discount-${this.discountFilter.value}`, name: 'Discount', label: this.discountFilter.options[this.discountFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          if (this.categoryFilter) {            this.categoryFilter.addEventListener('change', (e) => {               const val = e.target.value === 'all' ? null : e.target.value;               this.activeDealTag = val;               this.fetchSavingsSquad();            });          }                    if (this.settingsToggle) {            this.settingsToggle.addEventListener('click', () => {              const o = this.settingsPanel.classList.toggle('active');              this.settingsBackdrop.classList.toggle('active');              if (o) trackElementInteraction({ id: 'filter-open', name: 'Filters', label: 'Open filters' });            });          }                    if (this.settingsBackdrop) {            this.settingsBackdrop.addEventListener('click', () => {              this.settingsPanel.classList.remove('active');              this.settingsBackdrop.classList.remove('active');            });          }                    if (this.regionSelect) {            this.regionSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-region-${this.regionSelect.value}`, name: 'Region', label: this.regionSelect.options[this.regionSelect.selectedIndex].text });              this.updateURLParams();              this.updatePriceDropdownCurrency();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.retailerSelect) {            this.retailerSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-merchant-${this.retailerSelect.value}`, name: 'Retailer', label: this.retailerSelect.options[this.retailerSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.offerTypeSelect) {            this.offerTypeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-offertype-${this.offerTypeSelect.value}`, name: 'Offer Type', label: this.offerTypeSelect.options[this.offerTypeSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.viewModeSelect) {            this._prevViewMode = this.viewModeSelect.value;            this.viewModeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-viewmode-${this.viewModeSelect.value}`, name: 'View Mode', label: this.viewModeSelect.options[this.viewModeSelect.selectedIndex].text });                            // Reset all active toggles and filters to prevent config carry-over              this.selectedBrands = [];              if (this.brandTrigger) this.brandTrigger.innerText = 'Select Brands';              if (this.brandDropdown) {                const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                chks.forEach(chk => { chk.checked = false; });              }              if (this.priceFilter) this.priceFilter.value = 'all';              if (this.customPriceMin) this.customPriceMin.value = '';              if (this.customPriceMax) this.customPriceMax.value = '';              if (this.sortSelect) this.sortSelect.value = this.viewModeSelect.value === 'savings_squad' ? 'date_desc' : 'discount_desc';              if (this.discountFilter) this.discountFilter.value = '0';              if (this.retailerSelect) this.retailerSelect.value = '';              if (this.offerTypeSelect) this.offerTypeSelect.value = '';              if (this.rowsSelect) this.rowsSelect.value = '12';              if (this.categoryFilter) this.categoryFilter.value = 'all';              this.activeDealTag = null;              this.updateURLParams();              this.applyLayoutMode();                            if (this.getViewMode() === 'savings_squad' || this._prevViewMode === 'savings_squad') {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }              this._prevViewMode = this.viewModeSelect.value;            });          }                    if (this.rowsSelect) {            this.rowsSelect.addEventListener('change', () => {              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.dealModeToggle) {            this.dealModeToggle.addEventListener('change', () => {              this.updateURLParams();              this.render();            });          }          if (this.editorModeToggle) {             this.editorModeToggle.addEventListener('change', (e) => {                this.editorMode = e.target.checked;                this.render();                this.updateFloatingCopyBar();             });          }          if (this.editorCopyBtn) {             this.editorCopyBtn.addEventListener('click', () => {                this.copySelectedDealsToCMS();             });          }          if (this.editorClearBtn) {             this.editorClearBtn.addEventListener('click', () => {                this.selectedDeals.clear();                this.render();                this.updateFloatingCopyBar();             });          }          if (this.grid) {            this.grid.addEventListener('change', (e) => {               if (e.target.classList.contains('tg-df-deal-checkbox')) {                  const dealId = e.target.getAttribute('data-id');                  if (e.target.checked) {                     const dealObj = this.deals.find(d => d.id === dealId);                     if (dealObj) this.selectedDeals.set(dealId, dealObj);                  } else {                     this.selectedDeals.delete(dealId);                  }                  this.updateFloatingCopyBar();               }            });            this.grid.addEventListener('click', (e) => {              const dealCard = e.target.closest('[data-action="deal-click"]');              const similarCard = e.target.closest('[data-action="view-similar-click"]');              const cardLink = dealCard || similarCard;              if (cardLink) {                const productName = cardLink.getAttribute('data-product-name');                const merchantName = cardLink.getAttribute('data-merchant-name');                const productId = cardLink.getAttribute('data-analytics-id');                const price = parseFloat(cardLink.getAttribute('data-price')) || null;                const prevPriceStr = cardLink.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = cardLink.getAttribute('data-original-link');                const rewrittenLink = cardLink.getAttribute('href');                const revenueId = cardLink.getAttribute('data-revenue-id');                const index = parseInt(cardLink.getAttribute('data-index'), 10) || 0;                const inStock = cardLink.getAttribute('data-in-stock') === 'true';                const totalText = cardLink.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: cardLink.getAttribute('data-model-id') || null,                    matchId: cardLink.getAttribute('data-match-id') || null,                    brand: cardLink.getAttribute('data-model-brand') || null,                    parent: cardLink.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: cardLink.getAttribute('data-merchant-id') || null,                    network: cardLink.getAttribute('data-merchant-network') || null,                    url: cardLink.getAttribute('data-merchant-url') || null,                    name: merchantName                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: normalizeCurrency(this.escapeHTML(cardLink.getAttribute('data-currency') || '$'))                };                if (dealCard) {                  trackDealClick(trackingParams);                } else {                  trackViewSimilarClick(trackingParams);                }              }              const couponsBtn = e.target.closest('[data-action="coupons-click"]');              if (couponsBtn) {                trackElementInteraction({                  id: 'product-card-show-coupons',                  name: 'Coupons',                  label: `Product card coupons: ${couponsBtn.getAttribute('data-merchant')}`                });              }            });          }          this.setupScrollListeners();        }        setupScrollListeners() {          const containers = [             this.root.querySelector('.tg-df-carousel-roundels'),             this.root.querySelector('.tg-df-carousel-filters-wrap'),             this.root.querySelector('#tg-df-grid')          ];                    containers.forEach(container => {             if (!container) return;                          const checkScroll = () => {                if (!container.parentElement) return;                const leftBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-left');                const rightBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-right');                                if (leftBtn) {                   if (container.scrollLeft <= 5) leftBtn.style.display = 'none';                   else leftBtn.style.display = 'flex';                }                                if (rightBtn) {                   if (container.scrollWidth <= container.clientWidth) {                       rightBtn.style.display = 'none';                   } else if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 5) {                       rightBtn.style.display = 'none';                   } else {                       rightBtn.style.display = 'flex';                   }                }             };                          container.addEventListener('scroll', checkScroll);             checkScroll();                          window.addEventListener('resize', checkScroll);                          const observer = new MutationObserver(checkScroll);             observer.observe(container, { childList: true, subtree: true, characterData: false });          });        }        get widgetTypeName() {          const mode = this.viewModeSelect ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');          switch(mode) {              case 'carousel': return 'Carousel';              case 'savings_squad': return 'Savings Squad';              case 'grid': return 'Grid';              case 'row': return 'Row';              default: return 'Auto Collection';          }        }        getRowsLimit() {          if (this.rowsSelect && this.rowsSelect.value) return parseInt(this.rowsSelect.value, 10);          let configSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {             configSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {             configSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(configSource);          if (params.has('rows')) return parseInt(params.get('rows'), 10) || 12;          return 12;        }        getAreaCode() {          if (this.regionSelect && this.regionSelect.value) {            if (this.regionSelect.value === 'auto') return null;            return this.regionSelect.value;          }          let area = null;          try {            const locale = window.navigator.language || window.navigator.userLanguage;            if (locale && locale.includes('-')) {              area = locale.split('-')[1].toUpperCase();            } else if (locale && locale.length === 2) {              if (locale.toUpperCase() === 'EN') { area = 'US'; }              else { area = locale.toUpperCase(); }            }          } catch (e) { /* Ignore */ }                    // Map to known valid options or fallback to US          const valid = ['US', 'GB', 'CA', 'AU', 'DE', 'FR', 'IT'];          if (area === 'UK') area = 'GB';          if (valid.includes(area)) {             return area;          }          return 'US';        }                async loadCarouselSpreadsheet() {          try {              const parseCSVRow = (str) => {                  let result = [], cur = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (inQuotes) {                          if (char === '"') {                              if (str[i + 1] === '"') { cur += '"'; i++; }                              else { inQuotes = false; }                          } else { cur += char; }                      } else {                          if (char === '"') { inQuotes = true; }                          else if (char === ',') { result.push(cur); cur = ''; }                          else { cur += char; }                      }                  }                  result.push(cur); return result;              };              const parseCSV = (str) => {                  const rows = []; let curRow = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (char === '"') inQuotes = !inQuotes;                      if ((char === '\n' || char === '\r') && !inQuotes) {                          if (char === '\r' && str[i+1] === '\n') i++;                          if (curRow) rows.push(parseCSVRow(curRow));                          curRow = '';                      } else { curRow += char; }                  }                  if (curRow) rows.push(parseCSVRow(curRow));                  return rows;              };              const preloadedCSV = decodeURIComponent(escape(atob("LCwxLDIsMyw0LDUsNiw3LDgsOSwxMCwxMSwxMiwxMywxNCwxNQ0KUm91bmRlbCB0ZXh0LEFsbCxUVnMsRm9vdHdlYXIsQXBwYXJlbCxNYXR0cmVzZXMsQXBwbGlhbmNlcyxXZWFyYWJsZSB0ZWNoLEhlYWRwaG9uZXMsU21hcnQgSG9tZSxTcGVha2VycyxMYXB0b3BzLFRhYmxldHMsQ29tcHV0aW5nLFBob25lcyxHYW1pbmcsTGVnbw0KUm91bmRlbCBpbWFnZSxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL2FpLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3R2cy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvN2IzYTIyNGIwNzk2M2M2MjdiNmI5MDliZDc4MzM4MzZlMDJmZjgxOS5qcGcud2VicCxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy84NGRhYzVkNDhlZDJkNDQ4NTU5ZWJhNjdhY2U4MzE0Y2M2N2NjZDk0LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vcHJvZHVjdHMvY2Fyb3VzZWwvbWF0dHJlc3Nlcy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvNzY4ZTk3Y2ViMDcxODAxZmFlMjA5MTBkMDgyMGIxNmY3NDdhZjkzOS5qcGcud2VicCxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3dlbGxuZXNzLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL2hlYWRwaG9uZXMuanBnLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzg5NTM1YmVlYmUyMGRiYmQ0YTM0NmQ2ZDZiZGZlOTFkOGE4ODRhMjEuanBnLndlYnAsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9hdWRpby5qcGcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9sYXB0b3BzLmpwZyxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy8yMzk3NTY0ZWQ3YTVmZjk0N2U5YjZiMzBlNTRmNDc0OTRiODQxZjg5LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vcHJvZHVjdHMvY2Fyb3VzZWwvY29tcHV0aW5nLmpwZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3Bob25lcy5wbmcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9nYW1pbmcucG5nLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzRmNmM2MjFjYWMwYmMxYTg1ZDU5M2UzNTk0YmE1YjM0OWVmZmQyOTIuanBnLndlYnANClNlYXJjaCBRdWVyeSxFdmVyeXRoaW5nLFRlbGV2aXNpb25zLCJTbmVha2VycywgcnVubmluZyBzaG9lcywgc2FuZGFscyIsQ2xvdGhpbmcsTWF0dHJlc3NlcyxIb21lIEFwcGxpYW5jZXMsV2VhcmFibGVzICYgRml0bmVzcyBUZWNoLEhlYWRwaG9uZXMsSG9tZSBUZWNoLFNwZWFrZXJzLExhcHRvcHMsVGFibGV0cyxDb21wdXRpbmcsUGhvbmVzLEdhbWluZyxDb25zdHJ1Y3Rpb24gVG95cw0KRGlzY291bnQgQW1vdW50LG1pbiA1JSxtaW4gMTAlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUNClByaWNlIFJhbmdlLCwsLCxtaW4gJDQwMCwsLCxtaW4gJDI1LCxtaW4gJDMwMCwsLG1pbiAkMTAwLCwNCkJyYW5kIFNlbGVjdGlvbiwsLCwsLCwsLCwsLCwsLCwNCkZpbHRlciBidXR0b25zLCwsLCwsLCwsLCwsLCwsLA0KMSxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMNCjIsQW1hem9uIGRlYWxzLFVuZGVyICQxMDAwLDUwJSBvZmYsQWRpZGFzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsNTAlIG9mZixBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscw0KMyxPdmVyICQ0MDAsVW5kZXIgJDUwMCxIb2thLE5pa2UsU2FhdHZhLE5pbmphLDQwJSBvZmYsSkxhYiwsSkJMLERlbGwsLEFzdXMsQXBwbGUsQ29uc29sZXMsU3RhciBXYXJzDQo0LFVuZGVyICQxMDAwLDUwJSBvZmYsU2tlY2hlcnMsVW5kZXIgQXJtb3VyLEhlbGl4LFNoYXJrLEdhcm1pbixBbmtlciBTb3VuZGNvcmUsUmluZyxTb25vcyxBcHBsZSxBcHBsZSxUUC1saW5rLFNhbXN1bmcsQWNjZXNzb3JpZXMsVW5kZXIgJDI1DQo1LFVuZGVyICQ1MDAsTEcsQXNpY3MsQ29sdW1iaWEsRHJlYW1DbG91ZCxLZXVyaWcsQXBwbGUsU29ueSxHb3ZlZSxUcmliaXQsTGVub3ZvLFNhbXN1bmcsRWVybyxHb29nbGUsR2FtZXMsVW5kZXIgJDUwDQo2LDUwJSBvZmYsU2Ftc3VuZyxOaWtlLFBhdGFnb25pYSxOZWN0YXIsRGUnTG9uZ2hpLEFtYXpmaXQsQXBwbGUsS2FzYSBzbWFydCxTb255LEFsaWVud2FyZSxUQ0wsTmV0Z2VhcixNb3Rvcm9sYSxOaW50ZW5kbyxCb3RhbmljYWxzDQo3LEFtYXpvbixIaXNlbnNlLE5ldyBCYWxhbmNlLEFyYyd0ZXJ5eCxUZW1wdXItcGVkaWMsRHlzb24sRml0Yml0LEJlYXRzLFBoaWxpcHMgSHVlLEFua2VyLEFjZXIsT25lUGx1cyxEZWxsLE9uZVBsdXMsU29ueSxEaXNuZXkNCjgsQXBwbGUsVENMLEFkaWRhcyxDYXJoYXJ0dCxCZWFyLEJpc3NlbGwsU2Ftc3VuZyxFYXJmdW4sQmxpbmssQmVhdHMsTVNJLE1pY3Jvc29mdCxBY2VyLE5vdGhpbmcsWGJveCxNYXJ2ZWwNCjksLFNvbnksU2F1Y29ueSxUaGUgTm9ydGggRmFjZSxTaWVuYSxOdXRyaWJ1bGxldCxPdXJhLFNhbXN1bmcsR29vZ2xlIE5lc3QgLE1hcnNoYWxsLFNhbXN1bmcsTGVub3ZvLExlbm92bywsLFBva2Vtb24NCjEwLCxSb2t1LEJpcmtlbnN0b2NrLENSWiBZb2dhLFdpbmtCZWRzLEJsYWNrIGFuZCBEZWNrZXIsUmluZ2Nvbm4sQ01GLEV1ZnksU2Ftc3VuZyxNaWNyb3NvZnQsUmVNYXJrYWJsZSxBbGllbndhcmUsLCwNCjExLCwsQnJvb2tzLFRoZSBHeW0gUGVvcGxlLEJyb29rbHluIGJlZGRpbmcsTmVzcHJlc3NvLCwxTW9yZSxBcmxvLCxSYXplciwsQ29yc2FpciwsLA0KMTIsLCxDcm9jcywsRWlnaHQgU2xlZXAsQ3Vpc2luYXJ0LCxKQkwsLCwsLEhQLCwsDQpOb3RlcywsLCwsLCwsLCwsLCwsLCwNCiwsIlByaW9yaXRpc2UgYmlnZ2VzdCAlLyQgZGlzY291bnQsIFR2cyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiB0aGUgbW9zdCBwb3B1bGFyIGV2ZW4gaWYgdGhleSBhcmUgc3RpbGwgZXhwZW5zaXZlIiwiTm8gcGF0dGVybiB0byBwcmljaW5nL2Rpc2NvdW50LCByZWFkZXJzIG1haW5seSBzaG9wIGJ5IGJyYW5kL3JlY29nbmlzYWJsZSBzaG9lcyIsIk5vIHBhdHRlcm4gdG8gcHJpY2luZy9kaXNjb3VudCwgcmVhZGVycyBtYWlubHkgc2hvcCBieSBicmFuZCIsIkEgbGFiZWwgd2lsbCBkZWZpbml0ZWx5IGhlbHAgaGVyZSBlLmcuIGJlc3QgZm9yIHNpZGUgc2xlZXBlciwgYmVzdCBtZW1vcnkgZm9hbSIsIkFwcGxpYW5jZXMgaXMgYSBiaWcgY2F0ZWdvcnksIGlzIGl0IHBvc3NpYmxlIHRvIHNwbGl0IGludG8ga2l0Y2hlbiBhcHBsaWFuY2VzLCBmbG9vcmNhcmUsIGFpciBoZWFsdGgvY29vbGluZz8gT3Igc2ltaWxhciIsIkZvY3VzIG9uIHZhbHVlIGZvciBtb25leSwgR2FybWlucyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiBwb3B1bGFyIGV2ZW4gdGhvdWdoIHRoZXkgYXJlIHN0aWxsICQ1MDAiLCwsLCxJbmNsdWRlIEtpbmRsZXMsSSB3b3VsZCBpbmNsdWRlIHdpZmkgcm91dGVycyBoZXJlIGluc3RlYWQgb2Ygc21hcnQgaG9tZSxDYW4gd2Ugc3VyZmFjZSBwaG9uZSBwcm92aWRlciBkZWFscz8gVC1tb2JpbGUgYW5kIHZlcml6b24gd291bGQgbWFrZSBhIGxvdCBtb3JlIG1vbmV5IHRoYW4gQW1hem9uLCwNCiwsaGF2aW5nIGEgJ2Jlc3QgZm9yJyBsYWJlbCB3b3VsZCBiZSBoZWxwZnVsIGUuZy4gYmVzdCBmb3IgYnJpZ2h0IHJvb20sQ2FuIHdlIHN0b3Aga2lkcyBzaG9lcyBmcm9tIHB1bGxpbmcgdGhyb3VnaD8sIldpbGwgdGhpcyBpbmNsdWRlIGFjY2Vzc29yaWVzIGUuZy4gY2FwcywgYmFncywgaWYgc28gbWFrZSBzdXJlIHRoZXNlIGFyZSBtaXhlZCB0aHJvdWdob3V0IGNsb3RoaW5nIGRlYWxzIixXaWxsIHRoaXMgaW5jbHVkZSB0b3BwZXJzIGFuZCBwaWxsb3dzPyBTZWVpbmcgbW9yZSBtb21lbnR1bSB3aXRoIHRoaXMgY2F0ZWdvcnkgcmVjZW50bHkgc28gYSBiZWRkaW5nIHRhYiBtaWdodCB3b3JrLCwiTmVlZCB0byBtYWtlIHN1cmUgYmFuZHMsIHNjcmVlbiBwcm90ZWN0b3JzIGV0Yy4gZG9uJ3QgcHVsbCBpbnRvIGhlcmUiLCwsLCwsLCwsDQosLCJQcmlvcml0aXNlIDY1JycgYW5kIDU1JyBpbmNoIFRWcywgdGhlbiBiaWdnZXIgc2NyZWVucyBiZWZvcmUgdGhlIHNtYWxsZXIgc2l6ZXMiLCwsUXVlZW4gaXMgdGhlIG1vc3QgcG9wdWxhciBzaXplIGluIHRoZSBVUyAtIHByaW9yaXRpc2UgZGVhbHMgZm9yIHRoaXMgc2l6ZSwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpDYXRlZ29yaWVzIHRvIGNvbnNpZGVyLCxQcm9kdWN0cyBpbmNsdWRlZCwsLCwsLCwsLCwsLCwsDQpVbmRlciAkNTA/LCxBaXIgdGFncywsLCwsLCwsLCwsLCwsDQosLFBvcnRhYmxlIGNoYXJnZXJzL3dpcmVsZXNzIGNoYXJnZXJzLCwsLCwsLCwsLCwsLCwNCiwsIldhdGVyIGJvdHRsZXMgKHN0YW5sZXlzLCBPd2FsYSwgSHlkcm8gZmxhc2ssIFlldGkpIiwsLCwsLCwsLCwsLCwsDQosLEhhbmQgaGVsZCBmYW5zLCwsLCwsLCwsLCwsLCwNCiwsLCwsLCwsLCwsLCwsLCwNCmhvbWUgb2ZmaWNlLCxvZmZpY2UgY2hhaXJzLCwsLCwsLCwsLCwsLCwNCiwsc3RhbmRpbmcgZGVza3MsLCwsLCwsLCwsLCwsLA0KLCxtb25pdG9ycywsLCwsLCwsLCwsLCwsDQosLEtleWJvYXJkcywsLCwsLCwsLCwsLCwsDQosLGRvY2tpbmcgc3RhdGlvbiwsLCwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpHYW1pbmcsLENvbnNvbGVzLCwsLCwsLCwsLCwsLCwNCiwsQWNjZXNzb3JpZXMsLCwsLCwsLCwsLCwsLA0KLCxHYW1lcywsLCwsLCwsLCwsLCwsDQosLENvdWxkIGluY2x1ZGUgTGVnbz8sLCwsLCwsLCwsLCwsLA==")));              const text = preloadedCSV;              const parsed = parseCSV(text);                            const rowsByName = {};              let filterStart = -1;              parsed.forEach((rc, i) => {                 if (rc && rc.length > 0 && rc[0]) rowsByName[rc[0]] = rc;                 if (rc && rc.length > 0 && rc[0] === 'Filter buttons') filterStart = i;              });                            const cols = [];              if(rowsByName['Roundel text']) {                const headerRow = rowsByName['Roundel text'];                for(let col = 1; col < headerRow.length; col++) {                   let label = headerRow[col];                   if (!label) continue;                                      let q = rowsByName['Search Query'] && rowsByName['Search Query'][col] ? rowsByName['Search Query'][col] : '';                   let img = rowsByName['Roundel image'] && rowsByName['Roundel image'][col] ? rowsByName['Roundel image'][col] : '';                   let ds = rowsByName['Discount Amount'] && rowsByName['Discount Amount'][col] ? rowsByName['Discount Amount'][col] : '';                   let pr = rowsByName['Price Range'] && rowsByName['Price Range'][col] ? rowsByName['Price Range'][col] : '';                   let rt = rowsByName['Retailer'] && rowsByName['Retailer'][col] ? rowsByName['Retailer'][col] : '';                   let ot = rowsByName['Offer Type'] && rowsByName['Offer Type'][col] ? rowsByName['Offer Type'][col] : '';                                      let filters = [];                   if(filterStart > 0) {                     for(let r = filterStart + 1; r < parsed.length; r++) {                         if(!parsed[r] || parsed[r][0] === 'Notes' || parsed[r][0] === 'Categories to consider') break;                         let f = parsed[r][col];                         if(f) filters.push(f);                     }                   }                   cols.push({ label, img, q, ds, pr, rt, ot, filters });                }              }              this.carouselData = cols;              if (this.carouselData && this.carouselData.length > 0) {                 const isMatched = this.carouselData.some(c => c.q === this.currentQuery || c.label === this.currentQuery);                 if (!isMatched) {                    const first = this.carouselData[0];                    this.currentQuery = first.q || first.label;                    if (this.priceFilter) this.priceFilter.value = 'all';                    if (this.customPriceMin) this.customPriceMin.value = '';                    if (this.customPriceMax) this.customPriceMax.value = '';                    let dPr = first.pr || 'all';                    if (typeof dPr === 'string' && dPr !== 'all') {                       let prLower = dPr.toLowerCase();                       if (prLower.includes('min') || prLower.includes('over')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else if (prLower.includes('max') || prLower.includes('under')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       }                    }                    let dAm = '0';                    if(first.ds && typeof first.ds === 'string') {                       let m = first.ds.match(/(\d+)/);                       if(m) dAm = m[1];                    }                    if (this.discountFilter) this.discountFilter.value = dAm;                    if (this.offerTypeSelect) this.offerTypeSelect.value = first.ot || '';                    if (this.retailerSelect) this.retailerSelect.value = first.rt || '';                    this.selectedBrands = [];                    if (this.brandDropdown) {                        const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                        chks.forEach(chk => chk.checked = false);                    }                    if (this.searchInput) this.searchInput.value = this.currentQuery;                 }              }              this.renderCarouselUI();          } catch(e){ console.warn(e); }        }                renderCarouselUI() {           const roundelWrapper = this.root.querySelector('.tg-df-carousel-roundels');           if(!roundelWrapper || !this.carouselData) return;                      let html = '';           this.carouselData.forEach(r => {              const q = r.q || r.label;              const isActive = (this.currentQuery === q || this.currentQuery === r.label) ? 'active' : '';              const imgHtml = r.img ? `\x3Cimg src="${r.img}" alt="${r.label}" />` : `\x3Csvg width="32" height="32" fill="#1F69FF" viewBox="0 0 24 24">\x3Cpath d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\x3C/svg>`;              html += `                \x3Cdiv class="tg-df-roundel tg-df-carousel-cat ${isActive}" data-label="${this.escapeHTML(r.label)}">                  \x3Cdiv class="tg-df-roundel-img-box">${imgHtml}\x3C/div>                  \x3Cspan class="tg-df-roundel-label">${this.escapeHTML(r.label)}\x3C/span>                \x3C/div>              `;           });           roundelWrapper.innerHTML = html;                      // Rebind clicks           const roundels = this.root.querySelectorAll('.tg-df-carousel-cat');           roundels.forEach(rNode => {             rNode.addEventListener('click', () => {                const r = this.carouselData.find(c => c.label === rNode.getAttribute('data-label'));                 if(!r) return;                                  if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: r.label,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = r.q || r.label;                const labelTitle = this.root.querySelector('#tg-df-carousel-title-label');                if (labelTitle) labelTitle.textContent = 'Best ' + this.currentQuery;                if (this.priceFilter) this.priceFilter.value = 'all';                if (this.customPriceMin) this.customPriceMin.value = '';                if (this.customPriceMax) this.customPriceMax.value = '';                let dPr = r.pr || 'all';                if (typeof dPr === 'string' && dPr !== 'all') {                   let prLower = dPr.toLowerCase();                   if (prLower.includes('min') || prLower.includes('over')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMin) this.customPriceMin.value = m[1];                   } else if (prLower.includes('max') || prLower.includes('under')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMax) this.customPriceMax.value = m[1];                   }                }                                let discountAmount = '0';                if(r.ds && typeof r.ds === 'string') {                   let m = r.ds.match(/(\d+)/);                   if(m) discountAmount = m[1];                }                if (this.discountFilter) this.discountFilter.value = discountAmount;                if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                                // Clear brands                    this.selectedBrands = [];                    if (this.brandDropdown) {                    const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                    chks.forEach(chk => chk.checked = false);                }                                if (this.searchInput) this.searchInput.value = this.currentQuery;                                roundels.forEach(ro => ro.classList.remove('active'));                if (rNode) rNode.classList.add('active');                                this.renderCarouselFilters(r);                this.fetchDeals(this.currentQuery);             });           });                      // Auto-highlight active           const activeR = this.carouselData.find(c => c.q === this.currentQuery || c.label === this.currentQuery);           if(activeR) this.renderCarouselFilters(activeR);        }                renderCarouselFilters(r) {           const filtersWrap = this.root.querySelector('.tg-df-carousel-filters-wrap');           if(!filtersWrap) return;                      let html = `\x3Cbutton class="tg-df-carousel-filter-btn" data-type="all">All\x3C/button>`;                      r.filters.forEach(f => {              let fL = f.toLowerCase();              let icon = '';              let logic = `data-type="custom" data-v="${this.escapeHTML(f)}"`;              if (fL === 'amazon deals' || fL === 'prime deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>`;              } else if (fL === 'lightning deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>`;              } else {                 if (fL.includes('lightning')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap">\x3Cpolygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2">\x3C/polygon>\x3C/svg>`;                 } else if (fL.includes('% off')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>`;                 } else if (fL.includes('under') || fL.includes('min ')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>`;                 }                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>${icon} ${this.escapeHTML(f)}\x3C/button>`;              }           });                      filtersWrap.innerHTML = html;                      const btns = filtersWrap.querySelectorAll('button');           btns.forEach(b => {             b.addEventListener('click', () => {                const type = b.getAttribute('data-type');                if (type === 'custom') {                   const v = b.getAttribute('data-v');                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-custom-${(v||'').toLowerCase().replace(/[^a-z0-9]+/g, '-')}`, name: 'Custom Filter', label: v });                }                if (type === 'all') {                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: 'filter-clear-all', name: 'Clear all', label: 'Clear all filters' });                   // reset everything                   btns.forEach(btn => btn.classList.remove('active'));                   b.classList.add('active');                                      // Reset prices                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   if (this.brandDropdown) {                     const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                     chks.forEach(chk => chk.checked = false);                   }                } else {                   const v = b.getAttribute('data-v');                   const fL = v.toLowerCase();                                      let mapRet = ['amazon', 'walmart', 'best buy', 'target', 'john lewis', 'currys', 'argos'];                   const getCategory = (s) => {                      if (s === 'lightning deals' || s === 'amazon deals' || s === 'prime deals') return 'offer';                      if (s.includes('% off')) return 'discount';                      if (s.includes('under') || s.includes('over') || s.includes('min') || s.includes('max')) return 'price';                      if (mapRet.includes(s)) return 'retailer';                      return 'brand';                   };                   const cat = getCategory(fL);                   const wasActive = b.classList.contains('active');                   if (cat !== 'brand') {                      btns.forEach(btn => {                          if (btn === b) return;                          if (btn.getAttribute('data-type') === 'all') return;                          const bV = btn.getAttribute('data-v');                          if (!bV) return;                          if (getCategory(bV.toLowerCase()) === cat) btn.classList.remove('active');                      });                   }                   if (wasActive) b.classList.remove('active');                   else b.classList.add('active');                   let anyActive = Array.from(btns).some(btn => btn !== btns[0] && btn.classList.contains('active'));                   if (!anyActive) {                       btns[0].click();                       return;                   } else {                       btns[0].classList.remove('active');                   }                                      if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   btns.forEach(btn => {                       if (!btn.classList.contains('active') || btn.getAttribute('data-type') === 'all') return;                       const vv = btn.getAttribute('data-v');                       const vl = vv.toLowerCase();                                              if (vl === 'lightning deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_lightning';                       } else if (vl === 'amazon deals' || vl === 'prime deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_prime';                       } else if (vl.includes('% off')) {                          let m = vl.match(/(\d+)%/);                          if (m && this.discountFilter) this.discountFilter.value = m[1];                       } else if (vl.includes('under') || vl.includes('max')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       } else if (vl.includes('min') || vl.includes('over')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else {                          let foundR = mapRet.find(x => x === vl);                          if (foundR) {                             let realR = ['Amazon', 'Walmart', 'Best Buy', 'Target', 'John Lewis', 'Currys', 'Argos'].find(x => x.toLowerCase() === vl);                             if (this.retailerSelect) this.retailerSelect.value = realR;                          } else {                             this.selectedBrands.push(vv);                          }                       }                   });                                      if (this.brandDropdown) {                       const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                       chks.forEach(c => c.checked = this.selectedBrands.includes(c.value));                   }                                      if (r.pr && typeof r.pr === 'string') {                       let prL = r.pr.toLowerCase();                       if (prL.includes('under $')) {                           let m = prL.match(/under \$(\d+)/i);                           if (m && this.customPriceMax && !this.customPriceMax.value) this.customPriceMax.value = m[1];                       }                   }                }                                this.fetchDeals(this.currentQuery);             });           });                      // default to highlighting first           btns[0].classList.add('active');        }async fetchDeals(query, append = false) {          if (!append) {             this.showLoading();             this.deals = [];             this.displayLimit = this.getRowsLimit();          } else {             this.displayLimit += this.getRowsLimit();          }                    try {            if (this.getViewMode() === 'savings_squad') {               await this.fetchSavingsSquad(append);            } else {               if (this.isBroadQuery(query)) {                 await this.fetchAdviserDeals(query, append);               } else {                 await this.fetchHawkDeals(query, append);                 if (this.deals.length === 0) {                   await this.fetchAdviserDeals(query, append);                 }               }            }          } catch (error) {            console.warn("[Tom's Guide Widget] Fetch error:", error);            this.showError();          }        }        async fetchSavingsSquad() {          let topArticles = this.airedaleArticles;          if (!topArticles) {            const airedaleUrl = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`;            let res;            try {               res = await fetch(airedaleUrl);            } catch(e) {               try { res = await fetch(`https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`); } catch (err) { console.warn("Fallback fetch failed", err); return; }            }            if (!res.ok) throw new Error('Airedale API Error');            const articles = await res.json();            topArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);            this.airedaleArticles = topArticles;                        let tagCounts = {};            topArticles.forEach((a) => {              let articleTags = new Set();              if (a.articlecategory && Array.isArray(a.articlecategory)) {                 a.articlecategory.forEach((t) => articleTags.add(t));              }              articleTags.forEach(t => {                 tagCounts[t] = (tagCounts[t] || 0) + 1;              });            });                        this.airedaleTags = Object.keys(tagCounts).sort((a, b) => tagCounts[b] - tagCounts[a]);            this.airedaleTagCounts = tagCounts;          }                    let targetArticles = topArticles;          if (this.activeDealTag) {             const cleanTag = this.activeDealTag.toLowerCase().replace(/&/g, '').replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');             const encodedTag = encodeURIComponent(cleanTag);             const url = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50&articleCategoryHandle=${encodedTag}`;             try {                const res = await fetch(url);                if (res.ok) {                   const articles = await res.json();                   targetArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);                }             } catch(e) {                console.warn("Failed to fetch by activeDealTag", e);             }          }          let extractedDeals = [];          let dynamicBrandsCounts = {};                    targetArticles.forEach((article) => {             if (!article.articlepage) return;                          let pageData = [];             try {                pageData = JSON.parse(article.articlepage[0]);             } catch(e){ console.warn(e); }                          const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');                          savingsSquad.forEach((block, idx) => {                const data = block.data || {};                const isFeatured = block.type === 'featured-product';                                const link = data.link || {};                const priceObj = data.price || {};                const image = data.image || {};                                if (data.brand) {                   data.brand = data.brand.replace(/^\d+\.\s*/, '').trim();                   dynamicBrandsCounts[data.brand] = (dynamicBrandsCounts[data.brand] || 0) + 1;                }                const externalUrl = isFeatured ? data.url : (link.href || null);                let summaryTitle = isFeatured ? (data.name || data.brand) : (data.productName || link.label || article.articlename);                let description = isFeatured ? (data.strapline || '') : (data.text || '');                                if (!isFeatured && !data.productName && data.text) {                   const brSplit = data.text.split(new RegExp('\x3Cbr\\s*\\/?\\x3E', 'i'));                   if (brSplit.length > 1) {                     summaryTitle = brSplit[0].replace(/<[^>]+>/g, '').trim();                     description = brSplit.slice(1).join(' ').replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();                   } else {                     const match = data.text.match(/\x3Cstrong>(.*?)<\/strong>/);                     if (match) {                       summaryTitle = match[1].replace(/<[^>]+>/g, '').trim();                       if (summaryTitle.endsWith(':')) summaryTitle = summaryTitle.slice(0, -1);                     }                   }                }                                let imageUrl = isFeatured ? image.mos : (image.src || null);                if (imageUrl && imageUrl.startsWith('//')) imageUrl = 'https:' + imageUrl;                                description = description.replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').replace(/View Deal$/i, '').trim();                                let merchantName = data.retailer || '';                if (!merchantName && externalUrl) {                   try {                     merchantName = new URL(externalUrl).hostname.replace('www.', '').split('.')[0];                     merchantName = merchantName.charAt(0).toUpperCase() + merchantName.slice(1);                   }catch(e){ console.warn(e); }                }                if (!merchantName) merchantName = 'Retailer';                const q = (this.currentQuery || '').toLowerCase();                const activeTagLogic = (this.activeDealTag || '').toLowerCase();                if (q.length > 2 && q !== activeTagLogic) {                   const searchTarget = `${summaryTitle || ''} ${description || ''}`.toLowerCase();                   if (!searchTarget.includes(q)) return;                }                let rawPrice = 0;                let rawMsrp = 0;                let currencyStr = '$';                if (isFeatured) {                   rawPrice = typeof data.salePrice === 'number' && data.salePrice > 0 ? data.salePrice : (typeof data.price === 'number' ? data.price : 0);                   rawMsrp = typeof data.salePrice === 'number' && typeof data.price === 'number' && data.price > data.salePrice ? data.price : 0;                   currencyStr = data.currency === 'GBP' ? '£' : '$';                } else {                   rawPrice = priceObj.amount ? parseFloat(priceObj.amount) : 0;                   rawMsrp = priceObj.amountWas ? parseFloat(priceObj.amountWas) : 0;                   currencyStr = priceObj.currency === 'GBP' ? '£' : '$';                }                                let savingAmt = 0;                let savingLabel = '';                if (rawPrice > 0 && rawMsrp > rawPrice) {                   savingAmt = parseFloat((rawMsrp - rawPrice).toFixed(2));                   savingLabel = `Save ${currencyStr}${savingAmt}`;                }                                // Apply Brand filter                if (this.selectedBrands && this.selectedBrands.length > 0) {                   const itemBrand = (data.brand || '').toLowerCase();                   const hasMatch = this.selectedBrands.some(sb => sb.toLowerCase() === itemBrand);                   if (!hasMatch) return;                }                // Apply Price filter                let priceFilterVal = null;                const min = this.customPriceMin ? this.customPriceMin.value : '';                const max = this.customPriceMax ? this.customPriceMax.value : '';                if (min || max) {                   priceFilterVal = `${min}_${max}`;                } else if (this.priceFilter && this.priceFilter.value !== 'all') {                   priceFilterVal = this.priceFilter.value;                }                if (priceFilterVal && rawPrice > 0) {                   if (priceFilterVal === 'under50' && rawPrice >= 50) return;                   if (priceFilterVal === 'over50' && rawPrice <= 50) return;                   if (priceFilterVal === 'over30' && rawPrice <= 30) return;                   if (priceFilterVal === 'over500' && rawPrice <= 500) return;                   if (priceFilterVal.includes('_')) {                      const parts = priceFilterVal.split('_');                      const min = parseFloat(parts[0]);                      const max = parseFloat(parts[1]);                      if (!isNaN(min) && rawPrice < min) return;                      if (!isNaN(max) && rawPrice > max) return;                   }                }                // Apply Discount filter                if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {                   const requiredDiscount = parseInt(this.discountFilter.value);                   if (!isNaN(requiredDiscount) && requiredDiscount > 0) {                      if (!rawMsrp || rawMsrp <= rawPrice) return;                      const ratio = Math.round((1 - (rawPrice / rawMsrp)) * 100);                      if (ratio < requiredDiscount) return;                   }                }                                extractedDeals.push({                   id: `airedale-${article.id || Math.random()}-${idx}`,                   url: externalUrl,                   image: imageUrl,                   fallbackImage: imageUrl,                   title: summaryTitle,                   brand: data.brand || '',                   productName: data.productName || '',                   merchant: merchantName,                   rawPrice: rawPrice,                   rawMsrp: rawMsrp,                   price: rawPrice > 0 ? rawPrice.toString() : '',                   msrp: rawMsrp > 0 ? rawMsrp.toString() : '',                   currency: currencyStr,                   isCheckPrice: !rawPrice,                   savingLabel: savingLabel,                   savingType: rawMsrp > rawPrice ? 'amount' : 'none',                   isPrime: false,                   starRating: null,                   description: description,                   text: data.text || ''                });             });          });                    const airedaleBrandsList = Object.keys(dynamicBrandsCounts).map(b => ({              formatted_value: b,              count: dynamicBrandsCounts[b]          })).sort((a,b) => b.count - a.count);                    if (this.getViewMode() === 'savings_squad') {             this.populateBrandDropdown(airedaleBrandsList.slice(0, 15));             if (this.brandFilterWrapper) {                if (airedaleBrandsList.length === 0) {                    this.brandFilterWrapper.style.display = 'none';                } else {                    this.brandFilterWrapper.style.display = 'flex';                }             }          }                    this.deals = extractedDeals;          this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        isBroadQuery(query) {          const q = query.toLowerCase();          const intentModifiers = ['deals', 'best', 'sale', 'under', 'cheap', 'offers', 'discount'];          return intentModifiers.some(term => q.includes(term));        }        async fetchHawkDeals(query, append = false) {          const url = new URL(this.apiUrl);          url.searchParams.append('model_name', query);          const areaCode = this.getAreaCode();          if (areaCode) {            url.searchParams.append('area', areaCode);          }                    if (append && this.deals.length > 0) {            url.searchParams.append('offset', this.deals.length.toString());          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.append('filter_merchant_name', this.retailerSelect.value);          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.append('filter_label[text_brand]', this.selectedBrands.join(','));          }                    let priceVal = null;          const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             priceVal = `${min}_${max}`;          } else if (this.priceFilter && this.priceFilter.value !== 'all') {             priceVal = this.priceFilter.value;          }          if (priceVal) {            if (priceVal === 'under50') {              url.searchParams.append('filter_max_price', '50');            } else if (priceVal === 'over50') {              url.searchParams.append('filter_min_price', '50');            } else if (priceVal === 'over30') {              url.searchParams.append('filter_min_price', '30');            } else if (priceVal === 'over500') {              url.searchParams.append('filter_min_price', '500');            } else if (priceVal.includes('_')) {              const parts = priceVal.split('_');              if (parts[0]) url.searchParams.append('filter_min_price', parts[0]);              if (parts[1]) url.searchParams.append('filter_max_price', parts[1]);            }          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {              const ratio = (100 - v) / 100;              url.searchParams.append('min_discount_ratio', ratio.toString());            }          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.append('offer', this.offerTypeSelect.value);          }                    url.searchParams.append('filter_product_types', 'deals');                    url.searchParams.append('rows', this.getRowsLimit().toString());          let response;          try {             response = await fetch(url.toString());          } catch(e) {             if (window.location.protocol === 'file:') {                console.warn("[Tom's Guide Widget] fetch from file:// blocked by local CORS policy, falling back to Adviser mock.");                await this.fetchAdviserDeals(query);                return;             }             console.warn("Hawk fetch failed", e);             this.deals = [];             this.render();             return;          }          if (!response.ok) {            throw new Error('Hawk API Response Error');          }          const rawData = await response.json();          // Safely locate data array from potentially wrapped response          let offers = [];          let modelInfoArray = [];                    let brandFilterData = null;          if (rawData && rawData.widget && rawData.widget.data && Array.isArray(rawData.widget.data.filters)) {             brandFilterData = rawData.widget.data.filters.find(f => f.type === 'label_text_brand');          } else if (rawData && rawData.data && Array.isArray(rawData.data.filters)) {             brandFilterData = rawData.data.filters.find(f => f.type === 'label_text_brand');          }          if (brandFilterData && Array.isArray(brandFilterData.values) && brandFilterData.values.length > 0) {             this.populateBrandDropdown(brandFilterData.values);          } else {             if (this.brandFilterWrapper && this.selectedBrands.length === 0) {                this.brandFilterWrapper.style.display = 'none';             }          }                    if (rawData && rawData.widget && rawData.widget.data) {            if (Array.isArray(rawData.widget.data.offers)) offers = rawData.widget.data.offers;            if (rawData.widget.data.model_info && typeof rawData.widget.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.widget.data.model_info) ? rawData.widget.data.model_info : Object.values(rawData.widget.data.model_info);            }          } else if (rawData && rawData.data) {            if (Array.isArray(rawData.data.offers)) offers = rawData.data.offers;            if (rawData.data.model_info && typeof rawData.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.data.model_info) ? rawData.data.model_info : Object.values(rawData.data.model_info);            }          } else {            if (Array.isArray(rawData)) offers = rawData;            else if (rawData && Array.isArray(rawData.offers)) offers = rawData.offers;            else if (rawData && rawData.offers && Array.isArray(rawData.offers.offer)) offers = rawData.offers.offer;            else if (rawData && rawData.offers) offers = [].concat(rawData.offers);                        if (rawData && rawData.model_info && typeof rawData.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.model_info) ? rawData.model_info : Object.values(rawData.model_info);            }          }          let modelDetails = {};          modelInfoArray.forEach(m => {            const mId = m.model_id || m.id;            if (mId) {              modelDetails[mId] = {                score: m.score != null ? parseFloat(m.score) : null,                brand: m.brand || null,                parent: (m.parents && Array.isArray(m.parents) && m.parents.length > 0) ? m.parents[0].name : null              };            }          });          offers.forEach(item => {            let data = { ...item };            const mId = data.model_id;            if (mId && modelDetails[mId]) {              data.review_score = modelDetails[mId].score;              data.model_brand = modelDetails[mId].brand;              data.model_parent = modelDetails[mId].parent;            } else {              data.review_score = null;            }                        let itemOffers = [];            if (Array.isArray(item.offers)) itemOffers = item.offers;            else if (Array.isArray(item.offer)) itemOffers = item.offer;            else if (item.offers && typeof item.offers === 'object') itemOffers = [item.offers];            else if (item.offer && typeof item.offer === 'object') itemOffers = [item.offer];            if (itemOffers.length > 0) {              itemOffers.forEach(subItem => {                let subData = { ...item, ...subItem };                const subId = subData.model_id;                if (subId && modelDetails[subId]) {                  subData.review_score = modelDetails[subId].score;                  subData.model_brand = modelDetails[subId].brand;                  subData.model_parent = modelDetails[subId].parent;                } else if (data.review_score != null) {                  subData.review_score = data.review_score;                }                if (subData.merchant && typeof subData.merchant === 'object') {                  subData.merchant_name = subData.merchant.name;                }                this.deals.push(this.extractDealData(subData));              });              return;            }                        if (item.merchant && typeof item.merchant === 'object') {              data.merchant_name = item.merchant.name;            }                        this.deals.push(this.extractDealData(data));          });                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        async fetchAdviserDeals(query) {          // ======================================================================          // TODO: ADVISER API REPLACEMENT          // The code below simulates the Adviser API response using mock data.          // Once the real endpoint is ready, remove getAdviserMockData() and           // perform an actual fetch() request similar to fetchHawkDeals().          // Example:          // const area = this.getAreaCode();          // let apiUrl = `https://your-adviser-api.com/search?q=${query}&area=${area}`;          // if (this.priceFilter && this.priceFilter.value !== 'all') {          //   const val = this.priceFilter.value;          //   if (val === 'under50') apiUrl += '&filter_max_price=50';          //   else if (val === '50_100') apiUrl += '&filter_max_price=100';          //   else if (val === '100_200') apiUrl += '&filter_max_price=200';          //   else if (val === '200_500') apiUrl += '&filter_max_price=500';          // }          // const res = await fetch(apiUrl);          // const rawData = await res.json();          // ======================================================================          // Simulating network latency          await new Promise(resolve => setTimeout(resolve, 400));                    const rawData = this.getAdviserMockData();          let offers = [];                    if (rawData && rawData.data && rawData.data.Get && Array.isArray(rawData.data.Get.Deal)) {            offers = rawData.data.Get.Deal;          }                    // Basic client-side filtering for the mock if we want it to react to the query          const q = query.toLowerCase();          const selectedRetailer = (this.retailerSelect && this.retailerSelect.value) ? this.retailerSelect.value.toLowerCase() : null;                    offers.forEach(item => {            const dataObj = item;                        // Apply retailer filter            const itemRetailer = (dataObj.dataRetailer || '').toLowerCase();            if (selectedRetailer && itemRetailer !== selectedRetailer && !itemRetailer.includes(selectedRetailer)) {              return;            }                        // Apply mock price filter            let price = dataObj.dataDiscountedPrice || 0;            if (typeof price === 'string') {              price = parseFloat(price.replace(/[^0-9.]/g, ''));            }            let priceVal = null;            const min = this.customPriceMin ? this.customPriceMin.value : '';            const max = this.customPriceMax ? this.customPriceMax.value : '';            if (min || max) {               priceVal = `${min}_${max}`;            } else if (this.priceFilter && this.priceFilter.value !== 'all') {               priceVal = this.priceFilter.value;            }            if (priceVal) {              if (priceVal === 'under50' && price >= 50) return;              if (priceVal === 'over50' && price <= 50) return;              if (priceVal === 'over30' && price <= 30) return;              if (priceVal === 'over500' && price <= 500) return;              if (priceVal.includes('_')) {                 const parts = priceVal.split('_');                 if (parts[0] && price < parseFloat(parts[0])) return;                 if (parts[1] && price > parseFloat(parts[1])) return;              }            }                        // Map Adviser schema to our widget's expected schema            const mappedData = {              url: dataObj.linkHREF || dataObj.dataLink || '#',              image: dataObj.imageURL || (dataObj.image && dataObj.image.src) || '',              title: dataObj.dataProduct || (dataObj.product && dataObj.product.name) || 'Product Deal',              merchant: dataObj.dataRetailer || 'Retailer',              price: dataObj.dataDiscountedPrice || 0,              currency: dataObj.dataCurrency === 'USD' ? '$' : (dataObj.dataCurrency || '$'),              msrp: dataObj.dataOriginalPrice || null            };                        const titleLow = mappedData.title.toLowerCase();            const merchLow = mappedData.merchant.toLowerCase();                        // Smarter mock filtering            let isMatch = false;            if (q === '' || this.isBroadQuery(q)) {              isMatch = true;            } else if (titleLow.includes(q) || merchLow.includes(q)) {              isMatch = true;            } else if ((q.includes('laptop') || q.includes('mac') || q.includes('pc')) && (titleLow.includes('macbook') || titleLow.includes('laptop'))) {              isMatch = true;            } else if ((q.includes('tv') || q.includes('television')) && (titleLow.includes('tv') || titleLow.includes('oled') || titleLow.includes('qled'))) {              isMatch = true;            } else if ((q.includes('phone') || q.includes('smartphone')) && (titleLow.includes('galaxy') || titleLow.includes('phone'))) {              isMatch = true;            } else if ((q.match(/watch|fitness|run|shoe/)) && (titleLow.includes('forerunner') || titleLow.includes('saucony') || titleLow.includes('watch'))) {              isMatch = true;            }                        if (isMatch) {               this.deals.push(this.extractDealData(mappedData));            }          });                    let rowLimit = this.getRowsLimit();          // Intentionally omitting the slice here to allow "Load More" to work if the API returns more                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        getAdviserMockData() {          return {            "data": {              "Get": {                "Deal": [                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 300,                    "dataOriginalPrice": 399,                    "dataProduct": "Samsung Galaxy A36",                    "dataRetailer": "Samsung",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/MqDYsukV3JBG54te6dEs7j.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 14,                    "dataOriginalPrice": 24,                    "dataProduct": "Blink Mini",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/3JurmAjHsDa5tPdaHAwEV8.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 59,                    "dataOriginalPrice": 99,                    "dataProduct": "Ring Video Doorbell",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/rAh4uR7AsAsALCCLTXnLNJ.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 10,                    "dataOriginalPrice": 599,                    "dataProduct": "MacBook Neo",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/Lg4Dvg68j9SbB5CPNrTEpH.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 749,                    "dataOriginalPrice": 849,                    "dataProduct": "65\\\" Fire TV Omni 4K QLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/SG34ZWodUkLTxJvMTbjPYR.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 71,                    "dataOriginalPrice": 160,                    "dataProduct": "Saucony Hurricane 24",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/vxf7UD5T2Am7guVzFoFcZ4.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 649,                    "dataOriginalPrice": 749,                    "dataProduct": "Garmin Forerunner 970",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/3GKnEu7CdhtxPMfnPCMCiA.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1049,                    "dataOriginalPrice": 1499,                    "dataProduct": "LG 48\\\" C4 4K OLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/imvwZV9zoMD6fn9Afuge35.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1499,                    "dataOriginalPrice": 2199,                    "dataProduct": "Samsung 49\\\" Odyssey Neo G9 4K Gaming Monitor",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/XWDEJ5dUAE2nhK8k3Jk7k7.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 299,                    "dataOriginalPrice": 699,                    "dataProduct": "EGOHOME Black Memory Foam Mattress (queen)",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/hMUemtAejNETLVYxNrktzm.jpg"                  }                ]              }            }          };        }        decodeHTML(html) {          if (!html) return '';          const txt = document.createElement("textarea");          txt.innerHTML = String(html);          return txt.value;        }        extractDealData(item) {          const priceRawStr = String(item.price || item.current_price || '0');          const msrpRawStr = String(item.was_price || item.msrp || item.original_price || '0');          const rawPrice = parseFloat(priceRawStr.replace(/[^\d.]/g, '')) || 0;          const rawMsrp = parseFloat(msrpRawStr.replace(/[^\d.]/g, '')) || 0;          const isCheckPrice = rawPrice === 0 || priceRawStr === '0.00' || priceRawStr === '0';                    let originalImageUrl = item.image || item.image_url || item.product_image || '';          let imageUrl = originalImageUrl;          if ((!imageUrl || isCheckPrice) && item.model_image_url) {             imageUrl = item.model_image_url;             originalImageUrl = imageUrl;          } else if ((!imageUrl || isCheckPrice) && item.model_image) {             imageUrl = item.model_image;             originalImageUrl = imageUrl;          }                    if (imageUrl) {            imageUrl = imageUrl.replace(/-(\d+)-(\d+)(\.[a-z.]+)$/i, '$3');          }                    let fallbackImage = '';          if (originalImageUrl && originalImageUrl !== imageUrl) {             fallbackImage = originalImageUrl;          } else if (item.model_image && item.model_image !== imageUrl) {             fallbackImage = item.model_image;          } else if (item.model_image_url && item.model_image_url !== imageUrl) {             fallbackImage = item.model_image_url;          }                    const rawCurrency = item.currency || item.currency_symbol || '$';                    let savingLabel = item.percentage_saving_label || '';          if (!savingLabel && rawMsrp > rawPrice && rawPrice > 0) {            const pct = Math.round(((rawMsrp - rawPrice) / rawMsrp) * 100);            if (pct > 0) {              savingLabel = `${pct}% OFF`;            }          }                    const isPrime = item.shipping && item.shipping.prime === true;                    let scoreRaw = (item.review_score !== undefined && item.review_score !== null && item.review_score > 0) ? parseFloat(item.review_score) : null;          let starRating = 0;          if (scoreRaw !== null) {            starRating = Math.round((scoreRaw > 10 ? scoreRaw / 20 : scoreRaw / 2) * 2) / 2;          }                    return {            id: item.offer_id || item.link || item.url || item.offer_link || Math.random().toString(),            url: item.link || item.url || item.offer_link || '#',            image: imageUrl,            fallbackImage: fallbackImage,            title: item.name || item.title || item.model_name || item.product_name || 'Unknown Product',            brand: item.brand || '',            productName: item.model_name || item.product_name || item.name || '',            merchant: item.merchant_name || item.merchant || item.retailer || 'Retailer',            price: item.price !== undefined ? String(item.price) : '0.00',            currency: this.decodeHTML(rawCurrency),            msrp: item.was_price || item.msrp || item.original_price || null,            rawPrice: rawPrice,            rawMsrp: rawMsrp,            hasWasPrice: (item.was_price !== undefined && item.was_price !== null),            isCheckPrice: isCheckPrice,            savingLabel: savingLabel,            isPrime: isPrime,            starRating: starRating > 0 ? starRating : null,            modelId: item.model_id || '',            productKey: item.product_key || '',            merchantId: (item.merchant && typeof item.merchant === 'object') ? item.merchant.id || '' : '',            matchId: item.match_id || '',            merchantNetwork: (item.merchant && typeof item.merchant === 'object') ? item.merchant.an || '' : '',            merchantUrl: (item.merchant && typeof item.merchant === 'object') ? item.merchant.url || '' : '',            modelBrand: item.model_brand || item.brand || '',            modelParent: item.model_parent || ''          };        }        sortData() {          const sortVal = this.sortSelect ? this.sortSelect.value : (this.getViewMode() === 'savings_squad' ? 'date_desc' : 'discount_desc');          if (sortVal === 'price_asc') {            this.deals.sort((a, b) => a.rawPrice - b.rawPrice);          } else if (sortVal === 'price_desc') {            this.deals.sort((a, b) => b.rawPrice - a.rawPrice);          } else if (sortVal === 'discount_desc') {            this.deals.sort((a, b) => {              const aDiscount = a.rawMsrp > a.rawPrice ? (a.rawMsrp - a.rawPrice) : 0;              const bDiscount = b.rawMsrp > b.rawPrice ? (b.rawMsrp - b.rawPrice) : 0;              return bDiscount - aDiscount;            });          } else if (sortVal === 'date_desc') {             this.deals.sort((a, b) => {                let dateA = 0;                let dateB = 0;                if (a && a.modifiedDate) {                   const valA = Array.isArray(a.modifiedDate) ? a.modifiedDate[0] : a.modifiedDate;                   dateA = new Date(valA).getTime();                   if (isNaN(dateA)) dateA = 0;                }                if (b && b.modifiedDate) {                   const valB = Array.isArray(b.modifiedDate) ? b.modifiedDate[0] : b.modifiedDate;                   dateB = new Date(valB).getTime();                   if (isNaN(dateB)) dateB = 0;                }                return dateB - dateA;             });          }        }        getFilteredDeals() {          let filteredDeals = [...this.deals];                    if (this.dealModeToggle && this.dealModeToggle.checked) {            filteredDeals = filteredDeals.filter(d => d.hasWasPrice || (d.msrp && d.rawMsrp > d.rawPrice));          }                    return filteredDeals;        }        showLoading() {          const _div = '<' + '/div>';          const skeletonCardHtml = `            \x3Cdiv class="tg-df-card">              \x3Cdiv class="tg-df-card-image-box">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-img">${_div}              ${_div}              \x3Cdiv class="tg-df-card-body">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-card-footer mt-auto">                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="height:24px;">${_div}                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text" style="height:44px; margin-top:8px;">${_div}                ${_div}              ${_div}            ${_div}`;          this.grid.innerHTML = Array(4).fill(skeletonCardHtml).join('');        }        showError() {          const _div = '<' + '/div>';          this.grid.innerHTML = `\x3Cdiv class="tg-df-message">            An error occurred while finding deals. Please check your connection and try again.          ${_div}`;        }        escapeHTML(str) {          if (!str) return '';          return String(str).replace(/[&<>'"]/g, tag => ({              '&': '&', '<': '<', '>': '>', "'": ''', '"': '"'          }[tag] || tag));        }                bindCouponButtons() {          const btns = this.root.querySelectorAll('.tg-df-tag-coupons');          btns.forEach(btn => {            btn.addEventListener('click', (e) => {              e.preventDefault();              e.stopPropagation();              const merchant = btn.getAttribute('data-merchant');              this.openVouchersModal(merchant);            });          });                    const closeBtn = this.root.querySelector('#tg-df-vouchers-close');          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (closeBtn) {            closeBtn.onclick = () => this.closeVouchersModal();          }          if (backdrop) {            backdrop.onclick = (e) => {              if (e.target === backdrop) this.closeVouchersModal();            };          }        }                closeVouchersModal() {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (backdrop) backdrop.classList.remove('active');        }                async checkMerchantsCouponsBulk(merchants) {          if (!merchants || merchants.length === 0) return {};          const controller = new AbortController();          const timeoutId = setTimeout(() => controller.abort(), 4000);          try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchants.join(','));            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '120');            url.searchParams.append('origin', 'widgets-clientside');                        let res; try { res = await fetch(url.toString(), { signal: controller.signal }); } catch (e) { return {}; }            clearTimeout(timeoutId);            if (!res.ok) return {};            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        const foundMerchants = new Set();            offers.forEach(o => {              let mName = o.merchant_name || o.merchant || o.retailer;              if (mName && typeof mName === 'object') mName = mName.name;              if (mName) foundMerchants.add(String(mName).toLowerCase());            });            const resultMap = {};            merchants.forEach(m => {              if (m) resultMap[m] = foundMerchants.has(String(m).toLowerCase());            });            return resultMap;          } catch (e) {            return {};          }        }                async openVouchersModal(merchantName) {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          const title = this.root.querySelector('#tg-df-vouchers-title');          const content = this.root.querySelector('#tg-df-vouchers-content');                    if (!backdrop || !content) return;                    // HACK: Hide closing tags          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h4 = '<' + '/h4>';          const _svg = '<' + '/svg>';          const _circle = '<' + '/circle>';          const _polyline = '<' + '/polyline>';          const _rect = '<' + '/rect>';          const _path = '<' + '/path>';                    title.innerText = `${merchantName} Coupons & Deals`;          content.innerHTML = `\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}                               \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}`;          backdrop.classList.add('active');                    try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchantName);            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '50');            url.searchParams.append('origin', 'widgets-clientside');                        const res = await fetch(url.toString());            if (!res.ok) throw new Error('API Error');            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        if (offers.length === 0) {              content.innerHTML = `\x3Cdiv class="tg-df-message">No vouchers currently available for ${this.escapeHTML(merchantName)}.${_div}`;              return;            }                        content.innerHTML = offers.map((v, idx) => {              let offerObj = v;              if (v.offers && v.offers.offer) {                offerObj = Array.isArray(v.offers.offer) ? v.offers.offer[0] : v.offers.offer;              } else if (v.offer) {                offerObj = Array.isArray(v.offer) ? v.offer[0] : v.offer;              }              let logoUrl = v.logo_url || offerObj.logo_url || '';              if (!logoUrl && v.merchant) {                if (Array.isArray(v.merchant) && v.merchant.length > 0) logoUrl = v.merchant[0].logo_url || '';                else logoUrl = v.merchant.logo_url || '';              }                            const offerName = offerObj.name || offerObj.title || v.name || v.title || 'Special Offer';              const endTime = offerObj.end_time || v.end_time || '';              const linkUrl = offerObj.link || offerObj.url || v.link || v.url || '#';                            let foundVoucherCode = '';              const findVoucherCode = (obj) => {                if (!obj || typeof obj !== 'object') return;                if (obj.type === 'voucher_code' && obj.display_value) {                  foundVoucherCode = obj.display_value;                  return;                }                if (Array.isArray(obj)) {                  for (const item of obj) {                    findVoucherCode(item);                    if (foundVoucherCode) return;                  }                } else {                  for (const k in obj) {                    if (Object.prototype.hasOwnProperty.call(obj, k)) {                      findVoucherCode(obj[k]);                      if (foundVoucherCode) return;                    }                  }                }              };              findVoucherCode(offerObj);              if (!foundVoucherCode) findVoucherCode(v);                            const voucherCode = foundVoucherCode || offerObj.voucher_code || v.voucher_code || '';              const codeHtml = voucherCode ? `\x3Cspan class="tg-df-voucher-code" data-action="copy-code" data-code="${this.escapeHTML(voucherCode)}" title="Copy to clipboard">                \x3Cspan class="tg-df-voucher-code-text">${this.escapeHTML(voucherCode)}${_span}                \x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:6px;flex-shrink:0;" class="tg-df-voucher-copy-icon">                  \x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">${_rect}                  \x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">${_path}                ${_svg}              ${_span}` : '';                            const logoHtml = logoUrl                 ? `\x3Cimg src="${this.escapeHTML(logoUrl)}" alt="${this.escapeHTML(offerName)}" class="tg-df-voucher-logo" />`                 : `\x3Cdiv class="tg-df-voucher-logo" style="background:#e2e8f0;">${_div}`;                            let expiryHtml = '';              if (endTime) {                let dStr = endTime;                if (!isNaN(dStr) && String(dStr).length === 10) dStr = Number(dStr) * 1000;                const d = new Date(dStr);                if (!isNaN(d.getTime())) {                  const options = { year: 'numeric', month: 'short', day: 'numeric' };                  expiryHtml = `                    \x3Cdiv class="tg-df-voucher-expiry">                      \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                        \x3Ccircle cx="12" cy="12" r="10">${_circle}                        \x3Cpolyline points="12 6 12 12 16 14">${_polyline}                      ${_svg}                      Expires ${d.toLocaleDateString(undefined, options)}                    ${_div}`;                }              }              const revenueIdVal = generateRevenueId(linkUrl, offerName, merchantName, null);              const rewrittenLinkUrl = rewriteAffiliateLink(linkUrl, area, revenueIdVal);              return `                \x3Ca href="${this.escapeHTML(rewrittenLinkUrl)}" target="_blank" rel="noopener nofollow" class="tg-df-voucher-item"                  data-action="voucher-click"                  data-product-name="${this.escapeHTML(offerName)}"                  data-merchant-name="${this.escapeHTML(merchantName)}"                  data-analytics-id="${this.escapeHTML(offerObj.offer_id || offerObj.id || v.id || '')}"                  data-price=""                  data-previous-price=""                  data-original-link="${this.escapeHTML(linkUrl)}"                  data-revenue-id="${revenueIdVal}"                  data-index="${idx}"                  data-total="${offers.length}"                  data-in-stock="true"                  data-currency="USD"                  data-model-id="${this.escapeHTML(offerObj.model_id || v.model_id || offerObj.id || v.id || '')}"                  data-merchant-id="${this.escapeHTML(offerObj.merchant_id || offerObj.merchant?.id || '')}"                >                  ${logoHtml}                  \x3Cdiv class="tg-df-voucher-content">                    \x3Ch4 class="tg-df-voucher-title">${this.escapeHTML(offerName)}${_h4}                    ${codeHtml}                    ${expiryHtml}                  ${_div}                ${_a}              `;            }).join('');                        // Attach copy functionality            const copyBtns = content.querySelectorAll('[data-action="copy-code"]');            copyBtns.forEach(btn => {              btn.addEventListener('click', async (e) => {                e.preventDefault();                e.stopPropagation();                                const code = btn.getAttribute('data-code');                if (!code) return;                                try {                  const copyToClipboard = async (text) => {                     if (window.navigator.clipboard && window.isSecureContext) {                        try { await window.navigator.clipboard.writeText(text); return; } catch (e) {}                     }                     const textArea = document.createElement("textarea");                     textArea.value = text;                     textArea.style.position = "fixed";                     document.body.appendChild(textArea);                     textArea.focus();                     textArea.select();                     document.execCommand('copy');                     textArea.remove();                  };                  await copyToClipboard(code);                                    // Visual feedback                  btn.classList.add('copied');                  const textSpan = btn.querySelector('.tg-df-voucher-code-text');                  const iconSvg = btn.querySelector('.tg-df-voucher-copy-icon');                                    const origText = textSpan.innerText;                  const origIcon = iconSvg.innerHTML;                                    textSpan.innerText = 'Copied!';                  iconSvg.innerHTML = `\x3Cpolyline points="20 6 9 17 4 12">${_polyline}`;                                    setTimeout(() => {                    if (btn) {                      btn.classList.remove('copied');                      if (textSpan) textSpan.innerText = origText;                      if (iconSvg) iconSvg.innerHTML = origIcon;                    }                  }, 2000);                                    trackElementInteraction({                    id: 'voucher-code-copy',                    name: 'Copy Voucher Code',                    label: `Copied ${code} for ${merchantName}`                  });                } catch (err) {                  console.warn('Failed to copy text: ', err);                }              });            });            // Attach voucher click tracking            const voucherBtns = content.querySelectorAll('[data-action="voucher-click"]');            voucherBtns.forEach(btn => {              btn.addEventListener('click', (e) => {                if (e.target.closest('[data-action="copy-code"]')) return;                                const productName = btn.getAttribute('data-product-name');                const merchantNameAttr = btn.getAttribute('data-merchant-name');                const productId = btn.getAttribute('data-analytics-id');                const price = parseFloat(btn.getAttribute('data-price')) || null;                const prevPriceStr = btn.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = btn.getAttribute('data-original-link');                const rewrittenLink = btn.getAttribute('href');                const revenueId = btn.getAttribute('data-revenue-id');                const index = parseInt(btn.getAttribute('data-index'), 10) || 0;                const inStock = btn.getAttribute('data-in-stock') === 'true';                const totalText = btn.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: btn.getAttribute('data-model-id') || null,                    matchId: btn.getAttribute('data-match-id') || null,                    brand: btn.getAttribute('data-model-brand') || null,                    parent: btn.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: btn.getAttribute('data-merchant-id') || null,                    network: btn.getAttribute('data-merchant-network') || null,                    url: btn.getAttribute('data-merchant-url') || null,                    name: merchantNameAttr                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: btn.getAttribute('data-currency') || 'USD'                };                if (typeof trackDealClick === 'function') {                  trackDealClick(trackingParams);                }              });            });                                  } catch (e) {            console.warn(e);            content.innerHTML = `\x3Cdiv class="tg-df-message">Failed to load vouchers.${_div}`;          }        }        render() {          try {            if (this.getViewMode() === 'savings_squad' && this.airedaleTags.length > 0) {              if (this.categoryFilterWrapper) {                 this.categoryFilterWrapper.style.display = 'flex';              }              if (this.categoryFilter) {                 const _option = '<' + '/option>';                 let optionsHtml = `\x3Coption value="all">All Categories${_option}`;                 this.airedaleTags.forEach(tag => {                    const isSelected = this.activeDealTag === tag ? 'selected' : '';                    optionsHtml += `\x3Coption value="${this.escapeHTML(tag)}" ${isSelected}>${this.escapeHTML(tag)} (${this.airedaleTagCounts[tag] || 0})${_option}`;                 });                 this.categoryFilter.innerHTML = optionsHtml;                 this.categoryFilter.value = this.activeDealTag || 'all';              }            } else {               if (this.categoryFilterWrapper) {                  this.categoryFilterWrapper.style.display = 'none';               }            }            const displayDeals = this.getFilteredDeals();          // HACK: Hide closing tags from the CMS HTML sanitizer so it doesn't strip them during in-page injection          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h3 = '<' + '/h3>';          const _p = '<' + '/p>';          const _strong = '<' + '/strong>';          const _sup = '<' + '/sup>';          const _button = '<' + '/button>';          if (displayDeals.length === 0) {            if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {              if (this.deals.length > 0) {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No deals match your selected filters.                ${_div}`;              } else if (this.getViewMode() === 'savings_squad' && this.currentQuery.length <= 2) {                 // Do not show "no exact matches" if query is empty for savings_squad                 this.grid.innerHTML = '';              } else {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No exact matches found for "\x3Cstrong>${this.escapeHTML(this.currentQuery)}${_strong}". Try adjusting your search term.                ${_div}`;              }            } else {              this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                Search product or category names to discover the best deals from across the web.              ${_div}`;            }            return;          }          let dealsHtml = displayDeals.slice(0, this.displayLimit).map((deal, index) => {            try {               const currencySym = this.escapeHTML(deal.currency);               const isoCurrencyCode = normalizeCurrency(currencySym);               const escapedPrice = this.escapeHTML(deal.price);               const escapedMsrp = this.escapeHTML(deal.msrp);               const areaCode = this.getAreaCode();                              const revenueId = generateRevenueId(deal.url, deal.title, deal.merchant, null);               const originalLink = deal.url;               const rewrittenLink = rewriteAffiliateLink(deal.url, areaCode, revenueId);                        const productCategoryName = 'deals';            const dataAttr = `              data-action="${deal.isCheckPrice ? 'view-similar-click' : 'deal-click'}"              data-analytics-id="${this.escapeHTML(deal.externalProductId || deal.id || '')}"              data-product-name="${this.escapeHTML(deal.title)}"              data-merchant-name="${this.escapeHTML(deal.merchant)}"              data-price="${deal.rawPrice || ''}"              data-previous-price="${deal.rawMsrp || ''}"              data-original-link="${this.escapeHTML(originalLink)}"              data-revenue-id="${revenueId}"              data-index="${index}"              data-total="${displayDeals.length}"              data-in-stock="${deal.inStock !== false}"              data-currency="${this.escapeHTML(isoCurrencyCode)}"              data-model-id="${this.escapeHTML(deal.modelId || '')}"              data-product-key="${this.escapeHTML(deal.productKey || '')}"              data-merchant-id="${this.escapeHTML(deal.merchantId || '')}"            `;                        let priceGroupHtml = '';            let isSavingsSquadMode = this.getViewMode() === 'savings_squad';            let ctaText = 'View Deal';            let formattedPrice = '';            let msrpHtml = '';                        if (deal.isCheckPrice) {              ctaText = isSavingsSquadMode ? 'View Deal' : 'Check Price';              if (isSavingsSquadMode) {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                  ${_div}                `;              } else {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                    \x3Cspan class="tg-df-card-price" style="font-size: 15px; font-weight: 500; font-style: italic;">See price at retailer${_span}                  ${_div}                `;              }            } else {              // Format Price              formattedPrice = escapedPrice.includes(currencySym)                 ? escapedPrice                 : `${currencySym}${escapedPrice}`;                              // Format MSRP              msrpHtml = deal.msrp && deal.rawMsrp > deal.rawPrice                ? `\x3Cspan class="tg-df-card-msrp">${escapedMsrp.includes(currencySym) ? escapedMsrp : currencySym + escapedMsrp}${_span}`                : '';                              priceGroupHtml = `                \x3Cdiv class="tg-df-card-merchant-wrapper">                  \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                ${_div}                \x3Cdiv class="tg-df-card-price-group">                  ${isSavingsSquadMode ? '' : `                  \x3Cspan class="tg-df-card-price">${formattedPrice}${_span}                  ${msrpHtml}                  `}                ${_div}              `;            }                        const discountBadgeHtml = deal.savingLabel && !deal.isCheckPrice              ? `\x3Cspan class="tg-df-card-discount-badge">${this.escapeHTML(deal.savingLabel)}${_span}`              : '';                          // HACK for CMS            const _button = '<' + '/button>';            const _svg = '<' + '/svg>';            const _path = '<' + '/path>';            const _rect = '<' + '/rect>';            const _circle = '<' + '/circle>';            const _polyline = '<' + '/polyline>';            const _line = '<' + '/line>';                        let badgesHtml = '';            const primeBadge = deal.isPrime ? `              \x3Cspan class="tg-df-tag tg-df-tag-prime">                \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="currentColor">                  \x3Cpath d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">${_path}                ${_svg} Prime              ${_span}            ` : '';                        const couponsBadge = deal.merchant && deal.merchant.toLowerCase().includes('amazon') ? '' : `              \x3Cdiv class="tg-df-coupon-wrapper" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:inline-flex; align-items:center;">                \x3Cdiv class="tg-df-coupon-spinner">${_div}                \x3Cbutton type="button" class="tg-df-tag tg-df-tag-coupons" data-action="coupons-click" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:none;">                  \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                    \x3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z">${_path}                    \x3Cline x1="7" y1="7" x2="7.01" y2="7">${_line}                  ${_svg} Coupons                ${_button}              ${_div}            `;                        // Note: We always add coupons badge if there's a chance, but to allow 3-line titles we check wrapper display state            badgesHtml = `              \x3Cdiv class="tg-df-card-badges">                ${primeBadge}                ${couponsBadge}              ${_div}            `;            const _linearGradient = '<' + '/linearGradient>';            const _polygon = '<' + '/polygon>';            const _stop = '<' + '/stop>';            const _defs = '<' + '/defs>';                        let starHtml = '';            if (deal.starRating) {              let rating = deal.starRating;                            if (rating > 0) {                const fullStars = Math.floor(rating);                const halfStar = (rating - fullStars) >= 0.5 ? 1 : 0;                const emptyStars = Math.max(0, 5 - fullStars - halfStar);                const blue = '#1f69ff'; // Tom's guide brand color from VIEW DEAL button                const gray = '#cbd5e1';                                const starSvgFull = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="${blue}" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                const gradId = 'half_grad_' + Math.floor(Math.random()*1000000);                const starSvgHalf = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cdefs>\x3ClinearGradient id="${gradId}" x1="0" x2="1" y1="0" y2="0">\x3Cstop offset="50%" stop-color="${blue}">${_stop}\x3Cstop offset="50%" stop-color="transparent">${_stop}${_linearGradient}${_defs}                  \x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26" fill="url(#${gradId})">${_polygon}${_svg}`;                                  const starSvgEmpty = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${gray}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                let stars = [];                for (let i=0; i<fullStars; i++) stars.push(starSvgFull);                if (halfStar) stars.push(starSvgHalf);                for (let i=0; i<emptyStars; i++) stars.push(starSvgEmpty);                                starHtml = `\x3Cdiv class="tg-df-card-stars" style="display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--tg-df-text-muted);">                  \x3Cspan style="margin-right:6px;">Tom's Guide:${_span}                  \x3Cdiv style="display:flex;gap:2px;">                    ${stars.join('')}                  ${_div}                ${_div}`;              }            }            let htmlOutput = '';            if (isSavingsSquadMode) {              htmlOutput += `              \x3Cdiv class="hawk-deal-widget-container tg-df-mobile-only" data-collapsible="true">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''} style="margin-bottom: 10px;">` : ''}                \x3Cdiv class="hawk-deal-widget-wrap">                  \x3Cdiv class="hawk-deal-widget-image-container">                    \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" rel="sponsored noopener" target="_blank" class="hawk-affiliate-link-deal-widget" ${dataAttr}>                      \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="hawk-lazy-image-deal-widget" loading="lazy" width="140" height="160" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                    ${_a}                  ${_div}                  \x3Cdiv class="hawk-deal-widget-text-cta-container">                    \x3Cdiv class="hawk-deal-widget-text-body-container">                      \x3Cdiv class="hawk-deal-widget-text-body-main">                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          ${deal.isCheckPrice ? `                            \x3Cspan class="hawk-deal-widget-title-product-title">${this.escapeHTML(deal.title)}${_span}                          ` : `                            \x3Cspan class="hawk-deal-widget-title-product-title">${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_span}                          `}                        ${_a}                        ${!deal.isCheckPrice && deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan class="hawk-deal-widget-title-was-price">was ${currencySym}${escapedMsrp}${_span}                          ${_a}                        ` : ''}                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          \x3Cspan class="hawk-deal-widget-title-retailer-price">                            ${!deal.isCheckPrice ? `                              \x3Cspan class="hawk-deal-widget-title-price">now ${formattedPrice}${_span}                              \x3Cspan class="hawk-deal-widget-title-retailer"> at ${this.escapeHTML(deal.merchant)}${_span}                            ` : `                              \x3Cspan class="hawk-deal-widget-title-price">See price at ${this.escapeHTML(deal.merchant)}${_span}                            `}                          ${_span}                        ${_a}                        ${deal.description ? `\x3Cdiv class="hawk-deal-widget-text-body-description">\x3Cp>${this.escapeHTML(deal.description)}${_p}${_div}` : ''}                      ${_div}                    ${_div}                    \x3Cdiv class="hawk-deal-widget-footer">                      \x3Cdiv class="hawk-deal-widget-button-wrapper">                        \x3Cdiv class="hawk-deal-widget-preferred-partner-wrapper">                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-deal-button" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan>${deal.isCheckPrice ? 'Check Price' : 'View Deal'}${_span}                          ${_a}                        ${_div}                      ${_div}                    ${_div}                  ${_div}                ${_div}              ${_div}              `;            }            htmlOutput += `              \x3Cdiv class="tg-df-card ${isSavingsSquadMode ? 'tg-df-desktop-only' : ''}">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''}>` : ''}                \x3Cdiv class="tg-df-card-image-box">                  ${discountBadgeHtml}                  \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">                    \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="tg-df-card-image" loading="lazy" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                  ${_a}                ${_div}                \x3Cdiv class="tg-df-card-body">                  ${starHtml}                  ${badgesHtml}                  \x3Ch3 class="tg-df-card-title tg-df-custom-savings-squad-title" title="${this.escapeHTML(deal.title)}">                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" disable-tracking="true" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit;">                      ${isSavingsSquadMode                         ? (deal.isCheckPrice                             ? (deal.title && deal.title.includes(':')                                 ? `\x3Cstrong>${this.escapeHTML(deal.title.substring(0, deal.title.indexOf(':') + 1))}${_strong}\x3Cspan style="color: #1f69ff; font-weight: normal;">${this.escapeHTML(deal.title.substring(deal.title.indexOf(':') + 1))}${_span}`                                : this.escapeHTML(deal.title)                              )                             : `\x3Cstrong>${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_strong} ${deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `\x3Cspan style="color: #d0021b; text-decoration: line-through; font-weight: normal; margin-right: 4px;">was ${currencySym}${escapedMsrp}${_span} ` : ''}\x3Cspan style="color: #1f69ff; font-weight: normal;">now ${formattedPrice} at ${this.escapeHTML(deal.merchant)}${_span}`                          )                        : this.escapeHTML(deal.title)                      }                    ${_a}                  ${_h3}                  ${deal.description ? `\x3Cp style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 12px; line-height: 1.4;">${this.escapeHTML(deal.description)}${_p}` : ''}                  \x3Cdiv class="tg-df-card-footer">                    ${priceGroupHtml}                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" class="tg-df-card-cta ${isSavingsSquadMode ? 'tg-df-cta-savings-squad' : ''}" style="text-decoration: none;">${ctaText}${_a}                  ${_div}                ${_div}              ${_div}            `;                        return htmlOutput;            } catch (e) {               console.log("Error rendering deal in map for index", index, typeof deal === 'object' ? JSON.stringify(deal) : deal, "MSG:", e.message);               return '';            }          }).join('');                    if (displayDeals.length > this.displayLimit || ((this.getViewMode() === 'carousel' || this.getViewMode() === 'auto') && displayDeals.length > 0 && displayDeals.length % ((this.rowsSelect && this.rowsSelect.value) ? parseInt(this.rowsSelect.value, 10) : 12) === 0)) {            if (this.getViewMode() === 'carousel') {               dealsHtml += `                 \x3Cbutton type="button" class="tg-df-load-more-card tg-df-load-more">                   \x3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 8px;">\x3Cpath d="M5 12h14">\x3C/path>\x3Cpath d="m12 5 7 7-7 7">\x3C/path>\x3C/svg>                   Load More                 ${_button}               `;            } else {               dealsHtml += `                 \x3Cdiv style="width: 100%; display: flex; justify-content: center; margin-top: 16px; grid-column: 1 / -1;">                   \x3Cbutton type="button" class="tg-df-tag-outline tg-df-load-more" style="padding: 8px 24px; border-radius: 100px; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center;">Load More${_button}                 ${_div}               `;            }          }                    this.grid.innerHTML = dealsHtml;          // Inject JSON-LD          try {            let targetNode = this.hostContainer || document.head;            let jsonLdScript = targetNode.querySelector('#tg-df-json-ld-' + this.widgetId);            if (!jsonLdScript) {                jsonLdScript = document.createElement('script');                jsonLdScript.type = 'application/ld+json';                jsonLdScript.id = 'tg-df-json-ld-' + this.widgetId;                targetNode.appendChild(jsonLdScript);            }            const jsonLdData = {              "@context": "https://schema.org",              "@type": "ItemList",              "itemListElement": displayDeals.slice(0, this.displayLimit).map((deal, index) => {                 let isoCurrency = "USD";                 if (deal.currency === '£') isoCurrency = "GBP";                 else if (deal.currency === '€') isoCurrency = "EUR";                 else if (deal.currency === 'A$') isoCurrency = "AUD";                 else if (deal.currency === 'CA$') isoCurrency = "CAD";                 const areaCode = typeof this.getAreaCode === 'function' ? this.getAreaCode() : 'US';                 const revenueId = typeof generateRevenueId === 'function' ? generateRevenueId(deal.url, deal.title, deal.merchant, null) : '';                 const rewrittenLink = typeof rewriteAffiliateLink === 'function' ? rewriteAffiliateLink(deal.url, areaCode, revenueId) : deal.url;                 return {                   "@type": "ListItem",                   "position": index + 1,                   "item": {                     "@type": "Product",                     "name": deal.title,                     "image": deal.image || "",                     "description": deal.description || "",                     "brand": {                       "@type": "Brand",                       "name": deal.brand || ""                     },                     "offers": {                       "@type": "Offer",                       "priceCurrency": isoCurrency,                       "price": deal.rawPrice || 0,                       "url": rewrittenLink,                       "seller": {                         "@type": "Organization",                         "name": deal.merchant || ""                       }                     }                   }                 };              }).filter(item => item.item.name)            };            jsonLdScript.textContent = JSON.stringify(jsonLdData);          } catch(e) { console.warn("JSON-LD generation failed", e); }                    let gridWrapper = this.grid.parentElement;          if (gridWrapper && gridWrapper.classList.contains('tg-df-grid-wrapper')) {             let rightChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-right');             let leftChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-left');             if (this.getViewMode() === 'carousel') {                 // The observer set up in setupScrollListeners handles visibility.                 if (rightChevron) rightChevron.style.display = 'flex';                 if (leftChevron) leftChevron.style.display = 'none'; // reset correctly             } else {                 if (rightChevron) rightChevron.style.display = 'none';                 if (leftChevron) leftChevron.style.display = 'none';             }          }                    const loadMoreBtn = this.grid.querySelector('.tg-df-load-more');          if (loadMoreBtn) {            loadMoreBtn.addEventListener('click', async () => {              if (typeof trackElementInteraction === 'function') {                trackElementInteraction({ id: 'load-more', name: 'Load more', label: 'Load More Results' });              }              if (displayDeals.length <= this.displayLimit) {                 loadMoreBtn.innerHTML = `                  <svg class="tg-df-spinner" style="width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83"/></svg>                  Loading...                 `;                 loadMoreBtn.disabled = true;                 await this.fetchDeals(this.currentQuery, true);              } else {                 this.displayLimit += this.getRowsLimit();                 this.render();              }            });          }                      this.bindCouponButtons();            this.checkAndUpdateCoupons();                        // Allow hawklinks.js to discover and rewrite our widget links             // by appending the .article-body class and manually triggering processArticle.            let container = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (container && !container.classList.contains('article-body')) {               container.classList.add('article-body');            }            setTimeout(() => {               if (this.grid && !this.grid.classList.contains('article-body')) this.grid.classList.add('article-body');               document.dispatchEvent(new CustomEvent('processArticle', { detail: { element: this.root } }));            }, 50);          } catch(e) {            console.warn("Widget render error", e);          }        }                async checkAndUpdateCoupons() {          const wrappers = Array.from(this.root.querySelectorAll('.tg-df-coupon-wrapper'));          if (wrappers.length === 0) return;                    const merchants = [...new Set(wrappers.map(w => w.getAttribute('data-merchant')).filter(Boolean))];          if (merchants.length === 0) return;          const couponResultsMap = await this.checkMerchantsCouponsBulk(merchants);                    for (const merchant of merchants) {            const hasCoupons = !!couponResultsMap[merchant];            const merchantWrappers = wrappers.filter(w => w.getAttribute('data-merchant') === merchant);            merchantWrappers.forEach(wrapper => {              const spinner = wrapper.querySelector('.tg-df-coupon-spinner');              const btn = wrapper.querySelector('.tg-df-tag-coupons');                            if (spinner) spinner.style.display = 'none';                            if (hasCoupons && btn) {                btn.style.display = 'inline-flex';              } else if (!hasCoupons) {                wrapper.style.display = 'none';              }            });          }        }        updateFloatingCopyBar() {          if (!this.editorBar || !this.editorSelectedCount) return;          if (this.editorMode && this.selectedDeals.size > 0) {            this.editorBar.style.display = 'flex';            this.editorSelectedCount.innerText = this.selectedDeals.size;          } else {            this.editorBar.style.display = 'none';          }        }        async copySelectedDealsToCMS() {           function htmlToSlate(htmlString) {              if (!htmlString) return [{ type: 'paragraph', children: [{ text: '' }] }];              let doc;              if (typeof window !== 'undefined' && window.DOMParser) {                 doc = new DOMParser().parseFromString(htmlString, 'text/html');              } else {                 doc = document.implementation.createHTMLDocument('');                 doc.body.innerHTML = htmlString;              }                            function parseNode(node, marks = {}) {                  if (node.nodeType === 3) {                      const text = node.textContent;                      if (!text) return null;                      return { text: text, ...marks };                  }                  if (node.nodeType === 1) {                      const tagName = node.tagName.toLowerCase();                      if (tagName === 'br') {                          return { type: 'line-break', children: [{ text: '' }] };                      }                      if (tagName === 'p') {                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return { type: 'paragraph', children };                      }                      if (tagName === 'strong' || tagName === 'b') {                          const newMarks = { ...marks, bold: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'em' || tagName === 'i') {                          const newMarks = { ...marks, italic: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'a') {                          const href = node.getAttribute('href') || '';                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return {                              type: 'link',                              url: href,                              isNoFollow: (node.getAttribute('rel') || '').includes('nofollow'),                              isSponsored: (node.getAttribute('rel') || '').includes('sponsored'),                              isOpenNewTab: node.getAttribute('target') === '_blank',                              isPreventDataRewrite: false,                              children: children                          };                      }                      return Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                  }                  return null;              }                            let blocksArray = [];              let currentParagraphChildren = [];              function flushParagraph() {                  if (currentParagraphChildren.length > 0) {                      blocksArray.push({ type: 'paragraph', children: currentParagraphChildren });                      currentParagraphChildren = [];                  }              }              Array.from(doc.body.childNodes).forEach(node => {                  const parsed = parseNode(node, {});                  const parsedItems = Array.isArray(parsed) ? parsed : (parsed ? [parsed] : []);                  parsedItems.forEach(item => {                      if (item.type === 'paragraph') {                          flushParagraph();                          blocksArray.push(item);                      } else {                          currentParagraphChildren.push(item);                      }                  });              });              flushParagraph();              if (blocksArray.length === 0) {                  blocksArray = [{ type: 'paragraph', children: [{ text: '' }] }];              }              return blocksArray;           }           const blocks = [];                      this.editorCopyBtn.innerHTML = '\x3Cspan class="tg-df-coupon-spinner" style="display:inline-block; margin-right:8px; border-top-color:#fff;">' + '<' + '/span> Copying...';           for (const deal of Array.from(this.selectedDeals.values())) {              const url = deal.url;              const merchant = deal.merchant;              const title = deal.title;              const image = deal.image;              const currentPrice = deal.currency + deal.rawPrice;              const wasPrice = deal.hasWasPrice && deal.rawMsrp > deal.rawPrice ? deal.currency + deal.rawMsrp : '';                            let couponsChildren = [];              try {                  const area = this.getAreaCode();                  const apiUrl = new URL('https://search-api.fie.future.net.uk/widget.php');                  apiUrl.searchParams.append('model_name', 'Everything');                  apiUrl.searchParams.append('language', 'en-GB');                  apiUrl.searchParams.append('area', area);                  apiUrl.searchParams.append('combine_product_types', '1');                  apiUrl.searchParams.append('filter_merchant_name', merchant);                  apiUrl.searchParams.append('all_filters', 'false');                  apiUrl.searchParams.append('exclude_unlabelled', 'false');                  apiUrl.searchParams.append('include_specs', 'false');                  apiUrl.searchParams.append('sort', 'voucher');                  apiUrl.searchParams.append('distinct_merchants', 'natural');                  apiUrl.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');                  apiUrl.searchParams.append('rows', '3');                  apiUrl.searchParams.append('origin', 'widgets-clientside');                                    let res; try { res = await fetch(apiUrl.toString()); } catch (e) { return; }                  if (res.ok) {                      const data = await res.json();                      let offers = [];                      if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {                        offers = data.widget.data.offers;                      } else if (data && data.data && Array.isArray(data.data.offers)) {                        offers = data.data.offers;                      }                                            if (offers.length > 0) {                          couponsChildren.push({ text: "Also check out these coupons: ", bold: true });                          offers.slice(0, 3).forEach((offer, idx) => {                              const actualOffer = offer.offer || offer;                              const offerName = actualOffer.name || actualOffer.title || offer.model_name || offer.title || offer.name || 'Coupon';                              const linkUrl = actualOffer.link || actualOffer.url || actualOffer.offer_link || '#';                              couponsChildren.push({ type: "line-break", children: [{ text: "" }] });                              couponsChildren.push({ text: "🎟️ " });                              couponsChildren.push({                                  type: "link",                                  url: linkUrl,                                  isNoFollow: true,                                  isSponsored: false,                                  isOpenNewTab: true,                                  isPreventDataRewrite: false,                                  children: [{ text: offerName, bold: true }]                              });                          });                      }                  }              } catch (err) {                  console.warn('Failed to fetch coupons for', merchant, err);              }              let descriptionValue = [];              if (deal.text) {                 descriptionValue = htmlToSlate(deal.text);              } else {                 const dealDescriptions = [                   `Don't miss out on this fantastic deal for the ${title}. It is currently available at ${merchant} for a highly competitive price.`,                   `We've spotted an excellent price drop on the ${title}. Grab it now at ${merchant} before it's gone.`,                   `The ${title} is currently seeing a generous discount over at ${merchant}. This is a perfect time to buy if you've been holding out.`,                   `If you're in the market for the ${title}, ${merchant} has just the deal for you.`,                   `Score the ${title} for less at ${merchant} right now. This is a rare chance to save big.`,                   `Upgrade your setup with the ${title}, now available at a stellar price via ${merchant}.`                 ];                 const randomDescription = dealDescriptions[Math.floor(Math.random() * dealDescriptions.length)];                 descriptionValue = [                    { type: "paragraph", children: [{ text: randomDescription }] }                 ];              }                            if (couponsChildren.length > 0) {                 let lastBlock = descriptionValue[descriptionValue.length - 1];                 if (lastBlock && lastBlock.type === 'paragraph') {                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ text: "Also check out these coupons: ", bold: true });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children = lastBlock.children.concat(couponsChildren);                 } else {                     descriptionValue.push({                         type: "paragraph",                         children: [                             { type: "line-break", children: [{ text: "" }] },                             { type: "line-break", children: [{ text: "" }] },                             { text: "Also check out these coupons: ", bold: true },                             { type: "line-break", children: [{ text: "" }] },                             ...couponsChildren                         ]                     });                 }              }              function normalizeCurrencyToISO(symbol) {                const map = { '£': 'GBP', '$': 'USD', 'A$': 'AUD', 'CA$': 'CAD', '€': 'EUR' };                return map[symbol] || symbol;              }              const isoCurrency = normalizeCurrencyToISO(deal.currency);              blocks.push({                 id: (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'cms-' + Date.now() + Math.random(),                 blockTypeName: "deal",                 excludeFrom: [],                 collapsible: false,                 props: {                    description: {                       value: descriptionValue,                       touched: false,                       validationMessage: ""                    },                    image: {                       value: {                          credit: [{ type: "paragraph", children: [{ text: merchant }] }],                          dateCreated: Date.now(),                          dateModified: Date.now(),                          distribution: [],                          fileSize: 0,                          height: 1000,                          id: deal.id,                          imageRights: "",                          src: image,                          name: title + ".jpg",                          tags: [],                          width: 1000                       },                       touched: false,                       validationMessage: ""                    },                    showDealButton: { value: true, touched: false, validationMessage: "" },                    isPreferredPartner: { value: false, touched: false, validationMessage: "" },                    linkHref: { value: url, touched: false, validationMessage: "" },                    linkLabel: { value: "", touched: false, validationMessage: "" },                    linkIsNoFollow: { value: true, touched: false, validationMessage: "" },                    linkIsSponsored: { value: false, touched: false, validationMessage: "" },                    linkIsOpenNewWindow: { value: true, touched: false, validationMessage: "" },                    customPromoFlags: { value: [], touched: false, validationMessage: "" },                    showStarDeal: { value: false, touched: false, validationMessage: "" },                    savingType: { value: "none", touched: false, validationMessage: "" },                    starDealPromoFlag: { value: "", touched: false, validationMessage: "" },                    showEditorsChoice: { value: false, touched: false, validationMessage: "" },                    editorsChoiceTitle: { value: "", touched: false, validationMessage: "" },                    hawkPriceCurrency: { value: { value: isoCurrency, label: isoCurrency }, touched: false, validationMessage: "" },                    hawkPrice: { value: deal.hasWasPrice ? String(deal.rawMsrp) : String(deal.rawPrice), touched: false, validationMessage: "" },                    hawkSalePrice: { value: String(deal.rawPrice), touched: false, validationMessage: "" },                    lastCheckedPriceDate: { value: "", touched: false, validationMessage: "" },                    hawkModel: { touched: false, validationMessage: "" },                    productId: { value: "", touched: false, validationMessage: "" },                    voucherId: { value: "", touched: false, validationMessage: "" },                    brand: { value: deal.brand || merchant, touched: false, validationMessage: "" },                    productName: { value: title, touched: false, validationMessage: "" },                    label: { value: "", touched: false, validationMessage: "" },                    retailer: { value: merchant, touched: false, validationMessage: "" },                    priceCheckError: false                 },                 failedFetchError: ""              });           }           const payload = {              type: "articleBuilderPages",              data: blocks           };           const jsonStr = JSON.stringify(payload);                      if (navigator.clipboard && navigator.clipboard.writeText) {              navigator.clipboard.writeText(jsonStr).then(() => {                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              }).catch(err => {                 console.warn('Failed to copy text: ', err);                 alert('Failed to copy deals to clipboard. See console.');              });           } else {              // Fallback              const textArea = document.createElement("textarea");              textArea.value = jsonStr;              document.body.appendChild(textArea);              textArea.focus();              textArea.select();              try {                 document.execCommand('copy');                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              } catch (err) {                 console.warn('Fallback: Oops, unable to copy', err);                 alert('Fallback: Failed to copy deals to clipboard.');              }              document.body.removeChild(textArea);           }        }      }      // Initialize the Widget      if (document.readyState === 'loading') {        document.addEventListener('DOMContentLoaded', () => new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer }));      } else {        new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer });      }    })();  </script></div> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/nintendo/13-nintendo-switch-labor-day-sales-worth-shopping-now-with-up-to-50-percent-off-games-and-accessories</link>
                                                                            <description>
                            <![CDATA[ I'm sharing the best Labor Day deals for Nintendo Switch and Nintendo Switch 2. Now the Switch 2 price hike has happened, you can still find savings on games and accessories. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">4eDMohTJK3nURfJx69dKBJ</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/9iX57p4qrPD2KLYtBeVh3J-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Mon, 07 Sep 2026 11:13:18 +0000</pubDate>                                                                                                                                <updated>Mon, 07 Sep 2026 16:44:09 +0000</updated>
                                                                                                                                            <category><![CDATA[Nintendo]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ millie.daviswilliams@futurenet.com (Millie Davis-Williams) ]]></author>                    <dc:creator><![CDATA[ Millie Davis-Williams ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/WU6pa7hKuxs5ScCoqcXYWA.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Millie is a Deals Editor at Tom&#039;s Guide specializing in tech deals content. Based in London, Millie has spent a lifetime stubbornly refusing to pay full price on any possible purchase. She has years of searching for the best discounts on the latest and greatest phones, TVs and gadgets under her belt, and knows how to sort the best deals from the rest. Helping readers save on the products they want is her mission, whether it’s an Apple Watch or a new tablet.&lt;/p&gt;&lt;p&gt;Since working at Tom’s Guide, Millie has covered retail events like Prime Day, Black Friday and Cyber Monday extensively, meaning she knows the products readers are looking for and the best times of year to hit “purchase.”&lt;/p&gt;&lt;p&gt;When she’s not looking for discounts, Millie covers news and writes how-to articles about everything from phones, streaming devices, and headphones to apps and video games.&lt;/p&gt;&lt;p&gt;In her spare time, Millie enjoys reading, gaming on her Nintendo Switch and creating digital art. She’s also a fan of watching Disney movies and collecting plush (the latter having totally taken over her bedroom.)&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/9iX57p4qrPD2KLYtBeVh3J-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&#039;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Nintendo Switch 2 in hand, playing Mario Kart World]]></media:description>                                                            <media:text><![CDATA[Nintendo Switch 2 in hand, playing Mario Kart World]]></media:text>
                                <media:title type="plain"><![CDATA[Nintendo Switch 2 in hand, playing Mario Kart World]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/9iX57p4qrPD2KLYtBeVh3J-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>The Nintendo Switch 2 now costs $499. That's right, the $50 price hike that was announced earlier this year has hit. If you already bought one, congrats! If not, there's still plenty of fun to be had with your original Nintendo Switch.</p><p>To help you get the most for your money, I'm sharing the best Labor Day Nintendo Switch deals. <a href="https://www.amazon.com/b/?_encoding=UTF8&node=206234610011&ref_=Oct_d_odnav_d_206234609011_1&pd_rd_w=50IPp&content-id=amzn1.sym.ed470844-7314-4717-8e3f-b384c77cdbd8&pf_rd_p=ed470844-7314-4717-8e3f-b384c77cdbd8&pf_rd_r=C2WM797X2CCD15MPWHAT&pd_rd_wg=3ucU8&pd_rd_r=ed395d6b-1d81-4eec-b82a-b3e613d8ce3f" target="_blank" rel="nofollow">Essential games are discounted</a>, and you can also find <a href="https://www.amazon.com/b/?_encoding=UTF8&node=206234611011&ref_=Oct_d_odnav_d_206234609011_0&pd_rd_w=50IPp&content-id=amzn1.sym.ed470844-7314-4717-8e3f-b384c77cdbd8&pf_rd_p=ed470844-7314-4717-8e3f-b384c77cdbd8&pf_rd_r=C2WM797X2CCD15MPWHAT&pd_rd_wg=3ucU8&pd_rd_r=ed395d6b-1d81-4eec-b82a-b3e613d8ce3f" target="_blank" rel="nofollow">Switch accessories on sale from $13 at Amazon</a>.</p><p>Keep scrolling for all my favorite deals!</p><h3 class="article-body__section" id="section-quick-links"><span>Quick Links</span></h3><ul><li><strong></strong><a href="https://www.amazon.com/b?node=16227133011" target="_blank" rel="nofollow"><strong>shop Nintendo Switch game deals at Amazon</strong></a></li><li><strong>Turtle Beach Airlite Fit Gaming Headset: </strong><a href="https://www.amazon.com/Turtle-Beach-Airlite-Wired-Gaming-Headset/dp/B0FDVFQCFR" target="_blank" rel="nofollow"><strong>was $27 now $17</strong></a></li><li><strong>PDP Afterglow Wave Wired Controller: </strong><a href="https://www.amazon.com/AfterglowTM-Wave-Wired-Controller-Gaming-Console/dp/B0CBNMWFQL" target="_blank" rel="nofollow"><strong>was $29 now $24</strong></a></li><li><strong>Sonic X Shadow Generations: </strong><a href="https://www.amazon.com/Sonic-Shadow-Generations-Nintendo-Switch-2/dp/B0F663CWT8/" target="_blank" rel="nofollow"><strong>was $49 now $24</strong></a></li><li><strong>RDS Game Traveler Deluxe Case: </strong><a href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow"><strong>was $29 now $26</strong></a></li><li><strong>Nintendo Switch Sports: </strong><a href="https://www.amazon.com/Nintendo-Switch-Sports/dp/B09KRK6C82" target="_blank" rel="nofollow"><strong>was $49 now $37</strong></a></li><li><strong>Pokémon Legends Z-A: </strong><a href="https://www.amazon.com/Pok%C3%A9monTM-Legends-Z-Nintendo-Switch/dp/B0FC6HRNFT/" target="_blank" rel="nofollow"><strong>was $59 now $49</strong></a></li><li><strong>Kirby Air Riders: </strong><a href="https://www.amazon.com/Kirby-Air-Riders-Nintendo-Switch-2/dp/B0FN13VMCC/" target="_blank" rel="nofollow"><strong>was $69 now $51</strong></a></li><li><strong>Nintendo Switch 2: </strong><a href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow"><strong>now $499</strong></a><strong></strong></li></ul><h3 class="article-body__section" id="section-nintendo-switch-2-consoles"><span>Nintendo Switch 2 consoles</span></h3><div class="product"><a data-dimension112="5ad5c11a-aaa6-11f1-8433-f599c93117aa" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$499" href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1240px;"><p class="vanilla-image-block" style="padding-top:56.29%;"><img id="8oL9ux5FsYhxFBSJKtkUU3" name="switch-2-box-deal-block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/8oL9ux5FsYhxFBSJKtkUU3.jpg" mos="" align="middle" fullscreen="" width="1240" height="698" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review" data-dimension112="5ad5c11a-aaa6-11f1-8433-f599c93117aa" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$499">Nintendo Switch 2</a> takes what worked about its best-selling predecessor and makes impactful upgrades across the board. From the excellent, and noticeably larger, 7.9-inch display to the more powerful internal specs, the Switch 2 is a full leap forward and the best hybrid console you can buy.<br><strong>Price check: </strong><a href="https://www.bestbuy.com/site/switch-2-system-nintendo-switch-2/6614313.p" target="_blank" rel="nofollow"><strong>$499 @ Best Buy</strong></a><a class="view-deal button" href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow" data-dimension112="5ad5c11a-aaa6-11f1-8433-f599c93117aa" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$499">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c17e-aaa6-11f1-b42d-992caa37cd10" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449" href="https://electronics.woot.com/offers/grade-a-refurbished-nintendo-switch-2z-0" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1240px;"><p class="vanilla-image-block" style="padding-top:56.29%;"><img id="8oL9ux5FsYhxFBSJKtkUU3" name="switch-2-box-deal-block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/8oL9ux5FsYhxFBSJKtkUU3.jpg" mos="" align="middle" fullscreen="" width="1240" height="698" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Woot is selling refurbished <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review" data-dimension112="5ad5c17e-aaa6-11f1-b42d-992caa37cd10" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449">Nintendo Switch 2</a> consoles for $449. These Grade A refurbished consoles ensure like-new functionality.<a class="view-deal button" href="https://electronics.woot.com/offers/grade-a-refurbished-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="5ad5c17e-aaa6-11f1-b42d-992caa37cd10" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-accessory-deals"><span>Nintendo Switch accessory deals</span></h3><div class="product"><a data-dimension112="5ad5c246-aaa6-11f1-a6ca-9bb5ac6d1313" data-action="Deal Block" data-label="Slim Case for Nintendo Switch 2" data-dimension48="Slim Case for Nintendo Switch 2" data-dimension25="$16" href="https://www.amazon.com/PowerA-Slim-Nintendo-Switch-Built-2/dp/B0FQCLW4HB/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="YrSzkWgunpQsNgzA8fBRoi" name="Slim Case for Nintendo Switch 2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/YrSzkWgunpQsNgzA8fBRoi.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/PowerA-Slim-Nintendo-Switch-Built-2/dp/B0FQCLW4HB/" target="_blank" rel="nofollow" data-dimension112="5ad5c246-aaa6-11f1-a6ca-9bb5ac6d1313" data-action="Deal Block" data-label="Slim Case for Nintendo Switch 2" data-dimension48="Slim Case for Nintendo Switch 2" data-dimension25="$16">Slim Case for Nintendo Switch 2: was $19 now $16</a></strong><br>For just $16, you won't get much better protection for your Nintendo Switch 2. Plus, this case has a fun design featuring Mario and friends. This slim case can store your Nintendo Switch 2 console and cartridges, as well as having a built-in stand for tabletop gaming sessions.<a class="view-deal button" href="https://www.amazon.com/PowerA-Slim-Nintendo-Switch-Built-2/dp/B0FQCLW4HB/" target="_blank" rel="nofollow" data-dimension112="5ad5c246-aaa6-11f1-a6ca-9bb5ac6d1313" data-action="Deal Block" data-label="Slim Case for Nintendo Switch 2" data-dimension48="Slim Case for Nintendo Switch 2" data-dimension25="$16">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c2aa-aaa6-11f1-b02d-7de8fd13b95c" data-action="Deal Block" data-label="Airlite Fit" data-dimension48="Airlite Fit" data-dimension25="$17" href="https://www.amazon.com/Turtle-Beach-Airlite-Wired-Gaming-Headset/dp/B0FDVFQCFR" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:466px;"><p class="vanilla-image-block" style="padding-top:124.25%;"><img id="3juWaVDxW3AHhHMMSM2sjQ" name="Turtle Beach Airlite Fit" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/3juWaVDxW3AHhHMMSM2sjQ.jpg" mos="" align="middle" fullscreen="" width="466" height="579" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The <a href="https://www.tomsguide.com/gaming/gaming-peripherals/turtle-beach-airlite-fit-nintendo-switch-headset-review" data-dimension112="5ad5c2aa-aaa6-11f1-b02d-7de8fd13b95c" data-action="Deal Block" data-label="Airlite Fit" data-dimension48="Airlite Fit" data-dimension25="$17">Turtle Beach Airlite Fit</a> headset offers a fantastic (and affordable) elevated gaming experience. Its 40mm drivers create immersive soundscapes, and it comes with a flip-to-mute mic that makes you sound loud and clear. This is a budget headset that performs like a premium one.<a class="view-deal button" href="https://www.amazon.com/Turtle-Beach-Airlite-Wired-Gaming-Headset/dp/B0FDVFQCFR" target="_blank" rel="nofollow" data-dimension112="5ad5c2aa-aaa6-11f1-b02d-7de8fd13b95c" data-action="Deal Block" data-label="Airlite Fit" data-dimension48="Airlite Fit" data-dimension25="$17">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c39a-aaa6-11f1-bbc6-1f981e16df17" data-action="Deal Block" data-label="Afterglow Wave Wired Controller" data-dimension48="Afterglow Wave Wired Controller" data-dimension25="$24" href="https://www.amazon.com/AfterglowTM-Wave-Wired-Controller-Gaming-Console/dp/B0CBNMWFQL" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:900px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="gLMrUJHKVSbmVpxCg3Xk43" name="pdp-afterglow-wave-controller" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/gLMrUJHKVSbmVpxCg3Xk43.jpg" mos="" align="middle" fullscreen="" width="900" height="900" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/AfterglowTM-Wave-Wired-Controller-Gaming-Console/dp/B0CBNMWFQL" target="_blank" rel="nofollow" data-dimension112="5ad5c39a-aaa6-11f1-bbc6-1f981e16df17" data-action="Deal Block" data-label="Afterglow Wave Wired Controller" data-dimension48="Afterglow Wave Wired Controller" data-dimension25="$24">Afterglow Wave Wired Controller: was $29 now $24</a></strong><br>If you want to add some flair to your Switch 2 setup, this PDP Afterglow Wave controller comes with eight RGB zones with four preset modes. It is a wired controller, but its price makes it a great pick if you're looking for an extra Switch 2 controller without spending the pricy sums on a Pro controller. Plus, it's compatible with the original Switch. <a class="view-deal button" href="https://www.amazon.com/AfterglowTM-Wave-Wired-Controller-Gaming-Console/dp/B0CBNMWFQL" target="_blank" rel="nofollow" data-dimension112="5ad5c39a-aaa6-11f1-bbc6-1f981e16df17" data-action="Deal Block" data-label="Afterglow Wave Wired Controller" data-dimension48="Afterglow Wave Wired Controller" data-dimension25="$24">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c44e-aaa6-11f1-8b75-59ef86a89485" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="rRmoBGCGfLKa4YNM75662m" name="rds-game-traveler-deluxe-for-switch-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/rRmoBGCGfLKa4YNM75662m.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="5ad5c44e-aaa6-11f1-8b75-59ef86a89485" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">Game Traveler Deluxe Case: was $29 now $26</a></strong><br>The Switch 2 was made to be portable, so you'll want a case to keep it protected on your travels. This officially licensed accessory comes with space to not only sort your Switch 2, but also a Pro controller and power adapter. It also comes with 12 slots to hold Switch game cards.<a class="view-deal button" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="5ad5c44e-aaa6-11f1-8b75-59ef86a89485" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-game-deals"><span>Nintendo Switch game deals</span></h3><div class="product"><a data-dimension112="5ad5c516-aaa6-11f1-9815-ade7b154d183" data-action="Deal Block" data-label="Sonic X Shadow Generations" data-dimension48="Sonic X Shadow Generations" data-dimension25="$24" href="https://www.amazon.com/Sonic-Shadow-Generations-Nintendo-Switch-2/dp/B0F663CWT8/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:71.47%;"><img id="9ZrMt2Hq2yhZU6NMDPtQmc" name="sonic-x-shadow-switch-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/9ZrMt2Hq2yhZU6NMDPtQmc.jpg" mos="" align="middle" fullscreen="" width="1500" height="1072" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/sonic-x-shadow-generations-review" data-dimension112="5ad5c516-aaa6-11f1-9815-ade7b154d183" data-action="Deal Block" data-label="Sonic X Shadow Generations" data-dimension48="Sonic X Shadow Generations" data-dimension25="$24">Sonic X Shadow Generations</a> remasters the classic game and bundles it with a new chapter where you play as beloved anti-hero Shadow. It's a fun mix of 2D and 3D Sonic, and with shorter, replayable levels, it fits perfectly on the portable Nintendo Switch 2.<a class="view-deal button" href="https://www.amazon.com/Sonic-Shadow-Generations-Nintendo-Switch-2/dp/B0F663CWT8/" target="_blank" rel="nofollow" data-dimension112="5ad5c516-aaa6-11f1-9815-ade7b154d183" data-action="Deal Block" data-label="Sonic X Shadow Generations" data-dimension48="Sonic X Shadow Generations" data-dimension25="$24">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c57a-aaa6-11f1-abe5-e9ab13d15295" data-action="Deal Block" data-label="Nintendo Switch Sports" data-dimension48="Nintendo Switch Sports" data-dimension25="$37" href="https://www.amazon.com/Nintendo-Switch-Sports/dp/B09KRK6C82" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:840px;"><p class="vanilla-image-block" style="padding-top:148.69%;"><img id="GE89YEyBi2qeXh6X5oXpmg" name="Nintendo Switch Sports deal block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/GE89YEyBi2qeXh6X5oXpmg.jpg" mos="" align="middle" fullscreen="" width="840" height="1249" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Nintendo Switch Sports is one of the most fun games on the console, especially for casual multiplayer sessions. It's also pretty cheap thanks to a discount. Enjoy eight unique sports — including bowling, tennis, golf, basketball and soccer — at your leisure.<a class="view-deal button" href="https://www.amazon.com/Nintendo-Switch-Sports/dp/B09KRK6C82" target="_blank" rel="nofollow" data-dimension112="5ad5c57a-aaa6-11f1-abe5-e9ab13d15295" data-action="Deal Block" data-label="Nintendo Switch Sports" data-dimension48="Nintendo Switch Sports" data-dimension25="$37">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c5de-aaa6-11f1-b457-97519ff08f0e" data-action="Deal Block" data-label="Kirby Air Riders" data-dimension48="Kirby Air Riders" data-dimension25="$51" href="https://www.amazon.com/Kirby-Air-Riders-Nintendo-Switch-2/dp/B0FN13VMCC/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:900px;"><p class="vanilla-image-block" style="padding-top:133.33%;"><img id="9yX8r4GTvQ83qyQxqGtEBg" name="Kirby Air Riders" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/9yX8r4GTvQ83qyQxqGtEBg.jpg" mos="" align="middle" fullscreen="" width="900" height="1200" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/Kirby-Air-Riders-Nintendo-Switch-2/dp/B0FN13VMCC/" target="_blank" rel="nofollow" data-dimension112="5ad5c5de-aaa6-11f1-b457-97519ff08f0e" data-action="Deal Block" data-label="Kirby Air Riders" data-dimension48="Kirby Air Riders" data-dimension25="$51">Kirby Air Riders: was $69 now $51</a></strong><br>Mario Kart World gets all the attention, but the true Nintendo fans know that Kirby Air Rider is actually the Switch 2 racer you need to play. This lightning-fast racing title sees Kirby and pals compete in breakneck races, with a steep learning curve for players who want to master each track. There's also a battle mode to add some variety. It's one of the Switch 2's more underrated games.<a class="view-deal button" href="https://www.amazon.com/Kirby-Air-Riders-Nintendo-Switch-2/dp/B0FN13VMCC/" target="_blank" rel="nofollow" data-dimension112="5ad5c5de-aaa6-11f1-b457-97519ff08f0e" data-action="Deal Block" data-label="Kirby Air Riders" data-dimension48="Kirby Air Riders" data-dimension25="$51">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c642-aaa6-11f1-9e01-9523b21e6a1c" data-action="Deal Block" data-label="Metroid Prime 4: Beyond" data-dimension48="Metroid Prime 4: Beyond" data-dimension25="$51" href="https://www.amazon.com/gp/product/B0FQXR2NPH" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:667px;"><p class="vanilla-image-block" style="padding-top:161.92%;"><img id="KLs9JURTVpSwCScXNRpgEC" name="metroid-prime-4-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/KLs9JURTVpSwCScXNRpgEC.webp" mos="" align="middle" fullscreen="" width="667" height="1080" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>In Metroid Prime 4: Beyond, intergalactic bounty hunter Samus Aran finds herself transported to the planet Viewros after a clash with deadly sharpshooter, Sylux. As Samus, you'll explore this strange new world, uncover and deploy Samus' new psychic powers, and drive across the landscape on her futuristic new bike, Vi-O-La, solving puzzles and doing battle with the strange creatures that reside on Viewros as you try to make your way home.<a class="view-deal button" href="https://www.amazon.com/gp/product/B0FQXR2NPH" target="_blank" rel="nofollow" data-dimension112="5ad5c642-aaa6-11f1-9e01-9523b21e6a1c" data-action="Deal Block" data-label="Metroid Prime 4: Beyond" data-dimension48="Metroid Prime 4: Beyond" data-dimension25="$51">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c71e-aaa6-11f1-a8b6-ff5cd1170279" data-action="Deal Block" data-label="Pokémon Legends Z-A" data-dimension48="Pokémon Legends Z-A" data-dimension25="$49" href="https://www.amazon.com/Pok%C3%A9monTM-Legends-Z-Nintendo-Switch/dp/B0FC6HRNFT/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="mVQRW64mvVstFVQjwGe5gP" name="Pokémon Legends Z-A (Nintendo Switch)" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/mVQRW64mvVstFVQjwGe5gP.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/pokemon-legends-z-a-review" data-dimension112="5ad5c71e-aaa6-11f1-a8b6-ff5cd1170279" data-action="Deal Block" data-label="Pokémon Legends Z-A" data-dimension48="Pokémon Legends Z-A" data-dimension25="$49">Pokémon Legends Z-A</a> reworks the franchise's traditional turn-based combat, but the thrill of capturing powerful pocket-sized monsters remains as compelling as ever. It's one of the best Nintendo Switch games, for sure.<a class="view-deal button" href="https://www.amazon.com/Pok%C3%A9monTM-Legends-Z-Nintendo-Switch/dp/B0FC6HRNFT/" target="_blank" rel="nofollow" data-dimension112="5ad5c71e-aaa6-11f1-a8b6-ff5cd1170279" data-action="Deal Block" data-label="Pokémon Legends Z-A" data-dimension48="Pokémon Legends Z-A" data-dimension25="$49">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c78c-aaa6-11f1-98f0-d1ac78a65e2b" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:786px;"><p class="vanilla-image-block" style="padding-top:161.96%;"><img id="Rdc6R4sXktvbq4VMebzq6P" name="zelda-botw-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/Rdc6R4sXktvbq4VMebzq6P.jpg" mos="" align="middle" fullscreen="" width="786" height="1273" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="5ad5c78c-aaa6-11f1-98f0-d1ac78a65e2b" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59">Breath of the Wild - Nintendo Switch 2 Edition: was $69 now $59</a></strong><br>The original Switch's definitive launch game has returned for the Switch 2, and now it's been enhanced for Nintendo's new hardware. It's the masterpiece you (probably) know, but looking and running better than ever. If you've never played Breath of the Wild, there really isn't a better time to jump into Hyrule than via this Switch 2 Edition. <br><strong>Price check: </strong><a href="https://www.bestbuy.com/site/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2-edition-nintendo-switch-2/6414096.p?skuId=6414096" target="_blank" rel="nofollow"><strong>$69 @ Best Buy</strong></a><a class="view-deal button" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="5ad5c78c-aaa6-11f1-98f0-d1ac78a65e2b" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c7f0-aaa6-11f1-a849-71885d57f373" data-action="Deal Block" data-label="Kirby and the Forgotten Land" data-dimension48="Kirby and the Forgotten Land" data-dimension25="$64" href="https://electronics.woot.com/offers/nintendo-kirby-045496905811-kirby-045496905811z-1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="qxt9hMcmxwNmQkk2umV4nQ" name="Kirby-forgotten-land-star-crossed-world-switch2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/qxt9hMcmxwNmQkk2umV4nQ.jpg" mos="" align="middle" fullscreen="" width="1600" height="1600" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Kirby and the Forgotten Land takes the adorable pink puffball to mysterious new worlds in this 3D platforming adventure. At your disposal are multiple new copy abilities, as well as the new Mouthful Mode that lets you interact with objects in often strange and hilarious ways. In between levels you can relax in the charming Waddle Dee Town and play a selection of mini-games. The Switch 2 version features bonus levels, improved visuals and more.<br><strong>Price check: </strong><a href="https://www.amazon.com/KirbyTM-Forgotten-Land-Nintendo-Star-Crossed-Switch/dp/B0F66GWKZS" target="_blank" rel="nofollow" data-dimension112="5ad5c7f0-aaa6-11f1-a849-71885d57f373" data-action="Deal Block" data-label="Kirby and the Forgotten Land" data-dimension48="Kirby and the Forgotten Land" data-dimension25="$64"><strong>$79 @ Amazon</strong></a><a class="view-deal button" href="https://electronics.woot.com/offers/nintendo-kirby-045496905811-kirby-045496905811z-1" target="_blank" rel="nofollow" data-dimension112="5ad5c7f0-aaa6-11f1-a849-71885d57f373" data-action="Deal Block" data-label="Kirby and the Forgotten Land" data-dimension48="Kirby and the Forgotten Land" data-dimension25="$64">View Deal</a></p></div><div class="product"><a data-dimension112="5ad5c854-aaa6-11f1-93bd-790170369eea" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64" href="https://www.gamestop.com/video-games/nintendo-switch-2/products/donkey-kong-bananza---nintendo-switch-2/20021654.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1650px;"><p class="vanilla-image-block" style="padding-top:133.27%;"><img id="f57YgiDNACvGEeuFuZr3EL" name="Donkey Kong Bananza" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/f57YgiDNACvGEeuFuZr3EL.jpg" mos="" align="middle" fullscreen="" width="1650" height="2199" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/nintendo/donkey-kong-bananza-review" data-dimension112="5ad5c854-aaa6-11f1-93bd-790170369eea" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64">Donkey Kong Bananza</a> allows DK to smash his way through (and down into) the surrounding terrain. He can punch his way through mountains or head underground in search of collectibles. It's hands-down one of the Switch 2's biggest titles and our current choice for the <a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">best Nintendo Switch 2 game</a> on the shelves.<br><strong>Price check: </strong><a href="https://www.amazon.com/Donkey-Kong-Bananza-Nintendo-Switch-2/dp/B0F66KLYVH" target="_blank" rel="nofollow"><strong>$69 @ Amazon</strong></a><a class="view-deal button" href="https://www.gamestop.com/video-games/nintendo-switch-2/products/donkey-kong-bananza---nintendo-switch-2/20021654.html" target="_blank" rel="nofollow" data-dimension112="5ad5c854-aaa6-11f1-93bd-790170369eea" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64">View Deal</a></p></div><div class="vizualizer-embed"><div class="tg-df-widget-host" data-widget-config="?search=Gaming&min_discount_ratio=0.95&offer_type=all&view_mode=carousel&widget_title=Top+Deals+Handpicked+by+Our+Editors&widget_subtitle=Discover+the+best+discounts+currently+available%2C+curated+daily+by+the+Tom%27s+Guide+Savings+Squad.&bg_color=transparent" data-vizualizer-embed="true"></div>    <script>    /**     * Tom's Guide Deals Finder - Vanilla JS Encapsulated Engine     */    (function() {      // --- Freyr Analytics Adapter ---      function initAnalytics() {        window.dataLayer = window.dataLayer || [];        window.googletag = window.googletag || {};        window.googletag.cmd = window.googletag.cmd || [];        window.hawk = window.hawk || { analytics: { freyr: [] } };        window.hawk.analytics = window.hawk.analytics || { freyr: [] };        window.hawk.analytics.freyr = window.hawk.analytics.freyr || [];        window.freyr = window.freyr || { cmd: [] };        const scriptSrc = 'https://freyr.futurecdn.net/freyr.js';        const hostname = typeof window !== 'undefined' ? window.location.hostname : '';        const isTestEnv = typeof window.navigator !== 'undefined' && (window.navigator.webdriver || window.navigator.userAgent.includes('Headless'));        const shouldSendRealAnalytics = !isTestEnv && hostname && hostname !== 'localhost' && hostname !== '127.0.0.1' && !hostname.includes('run.app');        if (shouldSendRealAnalytics && !document.querySelector(`script[src="${scriptSrc}"]`)) {          const script = document.createElement('script');          script.src = scriptSrc;          script.async = true;          document.head.appendChild(script);        }      }      function storeEventForDebug(name, data) {        if (!window.hawk || !window.hawk.analytics || !window.hawk.analytics.freyr) return;        window.hawk.analytics.freyr.push({ name, data });        try {          if (typeof window !== 'undefined' && window.localStorage) {            window.localStorage.setItem("hawk", JSON.stringify(window.hawk));          }        } catch (e) {          // Ignore storage issues        }        try {          window.dispatchEvent(new CustomEvent("hawk-analytics-update"));        } catch (e) {}      }      function sendToFreyr(eventName, data) {        if (typeof window === 'undefined') return;        window.freyr = window.freyr || { cmd: [] };        window.freyr.cmd.push(() => {          if (window.freyr && window.freyr.pushAndUpdate) {            window.freyr.pushAndUpdate(eventName, data);          }        });      }      function sendEvent(event, skip = false) {        try {          storeEventForDebug(event.name, event.data);          if (!skip) {            sendToFreyr(event.name, event.data);          }        } catch (e) {          // Ensure tracking errors don't surface to the user        }      }      function getCookie(name) {        try {          const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));          return match ? match[2] : null;        } catch (e) {          return null;        }      }      function normalizeCurrency(symbol) {        const map = {          '£': 'GBP',          '$': 'USD',          'A$': 'AUD',          'CA$': 'CAD',          '€': 'EUR'        };        return map[symbol] || symbol;      }      function trackElementInteraction(props) {        sendEvent({          name: 'elementInteraction',          data: {            element: {              action: props.action || "click",              id: props.id || undefined,              class: props.class || undefined,              name: props.name || undefined,              text: props.text || undefined,              label: props.label || undefined,              container: props.container || undefined,              url: props.url || undefined,              articleId: props.articleId || undefined            }          }        });      }      function generateRevenueId(url, productName, merchantName, modelId) {        const str = `${window.location.href}|${productName}|${merchantName}|${modelId || ''}|${new Date().toDateString()}|tomsguide`;        let hash = 0;        for (let i = 0; i < str.length; i++) {          const char = str.charCodeAt(i);          hash = ((hash << 5) - hash) + char;          hash = hash & hash;        }        let numericStr = Math.abs(hash).toString();        while (numericStr.length < 19) {          numericStr += Math.floor(Math.random() * 10).toString();        }        return numericStr.substring(0, 19);      }      function rewriteAffiliateLink(url, territory, revenueId) {        if (!url) return url;        const t = (territory || 'gb').toLowerCase();        return url.replace(/hawk-custom-tracking/g, `tomsguide-${t}-${revenueId}`);      }      function trackHawkEvent(params) {        const { clickType, widgetId, productCategoryName, product, productsArray, zeroBasedProductIndexOrNull, totalDealsOrProducts, areaClicked, merchant, revenueId, isoCurrencyCode, queryName, widgetTypeName } = params;        const data = {          event: "hawkEvent",          category: "Affiliates",          affiliate: {            action: {              type: clickType,              id: widgetId,              event: clickType === "appeared" ? "viewed" : "Click from",              timestamp: Date.now()            },            component: {              flag: "Editor",              product: productCategoryName || "deals",              category: `Signal Deal Finder ${widgetTypeName || "Carousel"} widget`,              type: clickType === "appeared" ? "review" : "signal product",              label: queryName || (product ? (product.name || "") : ""),              index: zeroBasedProductIndexOrNull === null || zeroBasedProductIndexOrNull === undefined ? -1 : zeroBasedProductIndexOrNull,              linkCount: totalDealsOrProducts || 0,              blockLayout: "",              areaClicked: areaClicked || ""            }          },          products: productsArray || (product && merchant ? [            {              product: {                primary: {                  id: product.id || product.matchId || null,                  name: product.name,                  type: "deal",                  price: product.price,                  previousPrice: product.previousPrice || null,                  currency: isoCurrencyCode || "USD",                  preorder: false,                  labels: [],                  link: product.link,                  originalLink: product.originalLink || null,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: null,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: product.globalId || null,                  inStock: product.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: isoCurrencyCode || "USD"                }              },              merchant: {                id: merchant.id || null,                name: merchant.name,                url: merchant.url || null,                network: merchant.network || null              },              model: {                id: product.modelId || null,                brand: product.brand || null,                name: product.name,                parent: product.parent || null              }            }          ] : []),          reviews: [],          _clear: true,          "gtm.uniqueEventId": Date.now() % 10000        };        sendEvent({ name: 'hawkEvent', data });      }      function trackDealClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card" });      }      function trackViewSimilarClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card View Similar" });      }      function trackPriceComparisonClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Price Comparison" });      }      function trackReviewClick(params) {        trackHawkEvent({ ...params, clickType: "review", areaClicked: "Signal Product Card Review Link" });      }      function trackShare(params) {        trackHawkEvent({ ...params, clickType: "share", areaClicked: "Signal Product Card Share" });      }      function trackDealsAppeared(widgetId, deals, revenueId, currency, queryName, widgetTypeName) {         if (!deals || deals.length === 0) return;                  const productsArray = deals.slice(0, 50).map((deal) => {            let voucherPct = null;            let rawPrice = parseFloat(deal.rawPrice) || parseFloat(deal.price) || null;            let rawMsrp = parseFloat(deal.rawMsrp) || parseFloat(deal.msrp) || null;            if (rawMsrp > rawPrice && rawPrice > 0) {              voucherPct = Math.round((1 - (rawPrice / rawMsrp)) * 100);            }            let numId = null;            if (deal.externalProductId && !isNaN(parseInt(deal.externalProductId))) {              numId = parseInt(deal.externalProductId);            } else if (deal.id && !isNaN(parseInt(deal.id))) {              numId = parseInt(deal.id);            } else {              numId = deal.matchId || null;            }            return {              product: {                primary: {                  id: numId,                  name: deal.productName || deal.title || "",                  type: "deal",                  price: rawPrice,                  previousPrice: rawMsrp,                  currency: currency || 'USD',                  preorder: false,                  labels: deal.modelBrand || deal.brand ? [                     { type: "brand", value: deal.modelBrand || deal.brand }                  ] : [],                  link: deal.url,                  originalLink: deal.url,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: voucherPct,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: deal.productKey || null,                  inStock: deal.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: currency || 'USD'                }              },              merchant: {                id: deal.merchantId ? parseInt(deal.merchantId) : null,                name: deal.merchant || "Retailer",                url: deal.merchantUrl || null,                network: deal.merchantNetwork || null              },              model: {                id: deal.modelId ? parseInt(deal.modelId) : null,                brand: deal.modelBrand || deal.brand || null,                name: deal.productName || deal.title || "",                parent: deal.modelParent || null              }            };         });                  trackHawkEvent({             clickType: "appeared",             widgetId: widgetId,             productCategoryName: "deals",             zeroBasedProductIndexOrNull: null,             totalDealsOrProducts: deals.length,             productsArray: productsArray,             queryName: queryName,             widgetTypeName: widgetTypeName         });      }      // 1. Setup Shadow DOM Sandbox      const currentScript = document.currentScript;      let hostContainer = null;      let template = null;            if (currentScript) {        let prev = currentScript.previousElementSibling;        while (prev) {          if (prev.tagName === 'TEMPLATE' && prev.classList.contains('tg-df-widget-template')) {            template = prev;          } else if (prev.tagName === 'DIV' && prev.classList.contains('tg-df-widget-host') && !prev.hasAttribute('data-initialized')) {            hostContainer = prev;            break;          }          prev = prev.previousElementSibling;        }      }            // Fallbacks in case script is deferred      if (!hostContainer) {        const hosts = document.querySelectorAll('.tg-df-widget-host:not([data-initialized])');        if (hosts.length > 0) hostContainer = hosts[0];      }            // Safely embedded template for CMS environments      const rawTemplate = `  \x3Cstyle>    /* --- Shadow DOM Base Reset --- */    *, *::before, *::after {      box-sizing: border-box;    }    img, picture, svg, video {      max-width: 100%;      height: auto;      display: block;    }    /*       1. Scoped CSS for Tom's Guide Deals Widget       All classes are prefixed with \`tg-df-\` to prevent CMS style leakage.    */    .tg-df-container {      container-type: inline-size;      container-name: tg-df;      --tg-df-blue: #1F69FF;      --tg-df-blue-hover: #004d8c;      --tg-df-text: #222222;      --tg-df-text-muted: #555555;      --tg-df-bg: #ffffff;      --tg-df-bg-secondary: #f4f4f4;      --tg-df-border: #e2e8f0;      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;      color: var(--tg-df-text);      background-color: transparent;       width: 100%;      max-width: 1200px;      margin: 0 auto;      padding-bottom: 24px;    }    .tg-df-container *, .tg-df-container *::before, .tg-df-container *::after {      margin: 0;      padding: 0;      box-sizing: border-box;    }    .tg-df-container img {      border: none;      margin: 0;      padding: 0;    }    .tg-df-container a {      text-decoration: none;      color: inherit;    }    /*       2. Search & Filter Bar    */    .tg-df-controls {      display: flex;      flex-direction: column;      align-items: center;      gap: 20px;      margin-bottom: 32px;      width: 100%;    }    .tg-df-top-bar {      display: flex;      width: 100%;      max-width: 760px;      gap: 12px;      align-items: center;    }    .tg-df-search-wrapper {      position: relative;      flex: 1;      width: 100%;      box-shadow: 0 8px 24px rgba(0,0,0,0.06);      border-radius: 40px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      z-index: 100;    }    .tg-df-autocomplete-dropdown {      position: absolute;      top: calc(100% + 4px);      left: 0;      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      max-height: 300px;      overflow-y: auto;      z-index: 200;      display: none;    }    .tg-df-autocomplete-dropdown.active {      display: block;    }    .tg-df-autocomplete-item {      padding: 12px 24px;      cursor: pointer;      font-size: 14px;      color: var(--tg-df-text);      transition: background 0.1s ease;    }    .tg-df-autocomplete-item:hover {      background: var(--tg-df-bg-secondary);    }    .tg-df-search-input {      width: 100%;      padding: 16px 64px 16px 24px;      font-size: 16px;      border: 2px solid transparent;      border-radius: 40px;      outline: none;      transition: border-color 0.2s ease, box-shadow 0.2s ease;      color: var(--tg-df-text);      background: transparent;    }    .tg-df-search-input:focus {      border-color: transparent;      box-shadow: 0 0 0 3px rgba(0, 108, 196, 0.15);    }    .tg-df-search-input::placeholder {      color: #999999;    }        .tg-df-search-btn {      position: absolute;      right: 8px;      top: 50%;      transform: translateY(-50%);      width: 40px;      height: 40px;      border-radius: 50%;      background: #222;      border: none;      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: background 0.2s ease;    }        .tg-df-search-btn:hover {      background: #000;    }    .tg-df-search-icon {      width: 16px;      height: 16px;      fill: #fff;    }    .tg-df-settings-wrapper {      position: relative;    }        .tg-df-settings-btn {      width: 48px;      height: 48px;      border-radius: 50%;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      box-shadow: 0 4px 12px rgba(0,0,0,0.04);      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: all 0.2s ease;      color: var(--tg-df-text-muted);      flex-shrink: 0;    }    .tg-df-settings-btn:hover {      background: var(--tg-df-bg-secondary);      border-color: #0000ff;      color: var(--tg-df-text);    }    .tg-df-settings-btn svg {      width: 24px;      height: 24px;      fill: currentColor;    }    .tg-df-settings-dropdown {      position: absolute;      top: calc(100% + 8px);      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      width: 280px;      padding: 20px;      display: none;      z-index: 100;      flex-direction: column;      gap: 20px;    }    .tg-df-settings-dropdown.active {      display: flex;    }        .tg-df-settings-dropdown-backdrop {      display: none;      position: fixed;      inset: 0;      z-index: 99;    }        .tg-df-settings-dropdown-backdrop.active {      display: block;    }    .tg-df-setting-item {      display: flex;      flex-direction: column;      gap: 10px;    }    .tg-df-setting-label {      font-size: 11px;      font-weight: 700;      color: var(--tg-df-text-muted);      text-transform: uppercase;      letter-spacing: 0.5px;    }        .tg-df-region-select {        padding: 10px 12px;        border-radius: 8px;        border: 1px solid var(--tg-df-border);        font-size: 15px;        outline: none;        background: var(--tg-df-bg-secondary);        color: var(--tg-df-text);        cursor: pointer;        width: 100%;    }    .tg-df-toggle {        position: relative;        display: inline-block;        width: 44px;        height: 24px;        flex-shrink: 0;    }    .tg-df-toggle input {        opacity: 0;        width: 0;        height: 0;    }    .tg-df-slider {        position: absolute;        cursor: pointer;        top: 0; left: 0; right: 0; bottom: 0;        background-color: #ccc;        transition: .2s;        border-radius: 24px;    }    .tg-df-slider:before {        position: absolute;        content: "";        height: 18px;        width: 18px;        left: 3px;        bottom: 3px;        background-color: white;        transition: .2s;        border-radius: 50%;    }    .tg-df-toggle input:checked + .tg-df-slider {        background-color: #1F69FF;    }    .tg-df-toggle input:checked + .tg-df-slider:before {        transform: translateX(20px);    }    .tg-df-dl-row {        flex-direction: row;        align-items: center;        justify-content: space-between;    }    .tg-df-dl-row-text {        font-size: 14px;        font-weight: 600;        color: var(--tg-df-text);    }    .tg-df-dl-row-subtext {        font-size: 12px;        font-weight: 400;        line-height: 1.3;        color: var(--tg-df-text-muted);        margin-top: 4px;        display: block;    }    .tg-df-filters {      display: flex;      gap: 12px;      justify-content: center;      flex-wrap: wrap;    }    .tg-df-sort-wrapper {      position: relative;      display: flex;      align-items: center;    }        .tg-df-sort-icon {      position: absolute;      left: 14px;      width: 14px;      height: 14px;      fill: var(--tg-df-text-muted);      pointer-events: none;    }    .tg-df-sort-select, .tg-df-filter-select {      padding: 10px 36px 10px 38px;      font-size: 14px;      border: 1px solid var(--tg-df-border);      border-radius: 100px;      outline: none;      appearance: none;      background-color: var(--tg-df-bg-secondary);      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");      background-repeat: no-repeat;      background-position: right 14px center;      color: var(--tg-df-text);      cursor: pointer;      font-weight: 500;      transition: all 0.2s ease;    }        .tg-df-price-input::-webkit-outer-spin-button,    .tg-df-price-input::-webkit-inner-spin-button {      -webkit-appearance: none;      margin: 0;    }    .tg-df-price-input {      -moz-appearance: textfield;    }    .tg-df-sort-select:hover, .tg-df-filter-select:hover {      background-color: #e2e8f0;    }    .tg-df-multiselect-container {      position: relative;    }        .tg-df-multiselect-trigger {      display: block;      background: #fff;      user-select: none;      width: 100%;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis;    }        .tg-df-multiselect-dropdown {      display: none;      position: absolute;      top: calc(100% + 4px);      left: 0;      width: 100%;      min-width: 220px;      max-height: 300px;      overflow-y: auto;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);      z-index: 100;      padding: 8px 0;    }    .tg-df-multiselect-dropdown.active {      display: block;    }    .tg-df-ms-option {      padding: 8px 16px;      display: flex;      align-items: center;      gap: 8px;      cursor: pointer;      font-size: 14px;    }    .tg-df-ms-option:hover {      background-color: var(--tg-df-bg-secondary);    }        .tg-df-ms-option input {      cursor: pointer;      accent-color: #1f69ff;    }    .tg-df-sort-select:focus, .tg-df-filter-select:focus {      border-color: #0000ff;      box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.2);      background-color: var(--tg-df-bg);    }    /*       3. Deal Grid Layout    */    .tg-df-grid.tg-df-grid-auto {      padding-top: 24px;    }    .tg-df-grid, .tg-df-grid.layout-grid {      display: grid;      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      gap: 10px;    }    .tg-df-grid.layout-row {      grid-template-columns: 1fr;      gap: 16px;    }        .tg-df-grid.layout-row .tg-df-card {      flex-direction: row;      align-items: stretch;      height: auto;      box-shadow: none;      border-bottom: 1px solid var(--tg-df-border);    }    .tg-df-grid.layout-row .tg-df-card:hover {      box-shadow: none;    }    .tg-df-grid.layout-row .tg-df-card-image-box {      width: 140px;      min-width: 140px;      aspect-ratio: 3/4;      border-right: none;      padding: 16px 16px 16px 32px;    }    .tg-df-grid.layout-row .tg-df-card-body {      padding: 16px;      justify-content: space-between;    }    .tg-df-grid.layout-row .tg-df-card-title {      font-size: 15px;      margin-bottom: 16px;    }    .tg-df-grid.layout-row .tg-df-card-stars { margin-bottom: 8px; }    .tg-df-grid.layout-row .tg-df-card-footer {      flex-direction: column;      align-items: flex-start;      gap: 0;    }    .tg-df-grid.layout-row .tg-df-card-merchant-pill {      margin-bottom: 4px;    }    .tg-df-grid.layout-row .tg-df-card-price-group {      margin-bottom: 8px;    }    .tg-df-grid.layout-row .tg-df-price-group {      width: auto;    }    .tg-df-grid.layout-row .tg-df-card-cta {      width: 100%;      max-width: 200px;      padding: 10px 24px;      font-size: 13px;      flex-shrink: 0;      text-align: center;      justify-content: center;    }    /*       4. Deal Card Design    */    .tg-df-card {      position: relative;      display: flex;      flex-direction: column;      background-color: #ffffff;      border-radius: 0;      overflow: hidden;      transition: transform 0.2s ease, box-shadow 0.2s ease;      text-decoration: none;      color: inherit;      height: 100%;      box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);      border: 1px solid var(--tg-df-border);    }    .tg-df-card:hover {      box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);    }    .tg-df-card-image-box {      width: 100%;      aspect-ratio: 3/4;      background-color: #f8f8f8;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      padding: 32px;      flex: 0 0 auto;    }    .tg-df-card-image {      max-width: 100%;      max-height: 100%;      width: auto;      height: auto;      object-fit: contain;      mix-blend-mode: multiply; /* Helps white background images blend into secondary bg */      transition: transform 0.3s ease;    }    .tg-df-card:hover .tg-df-card-image {      transform: scale(1.05); /* Zoom in on hover */    }    .tg-df-card-discount-badge {      position: absolute;      top: 12px;      left: 12px;      background: #dc2626; /* Red */      color: #ffffff;      padding: 6px 8px;      font-size: 11px;      font-weight: 500;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      z-index: 10;    }        .tg-df-card-merchant-pill {      display: block;      padding: 0;      font-size: 11px;      font-weight: 600;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      color: var(--tg-df-text-muted);      margin-bottom: 8px;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }    .tg-df-card-body {      padding: 16px;      display: flex;      flex-direction: column;      flex-grow: 1;      min-width: 0;    }    .tg-df-card-badges {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-bottom: 8px;    }    .tg-df-tag {      display: inline-flex;      align-items: center;      padding: 4px 6px;      font-size: 11px;      font-weight: 700;      text-transform: uppercase;      border-radius: 4px;      gap: 4px;    }    .tg-df-tag-prime {      background-color: #00A8E1;      color: #fff;    }    .tg-df-tag-coupons {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-coupons:hover {      background-color: #e2e8f0;    }        .tg-df-tag-outline {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-outline:hover {      background-color: #e2e8f0;    }        @keyframes tg-df-spin {      0% { transform: rotate(0deg); }      100% { transform: rotate(360deg); }    }    .tg-df-coupon-spinner {      border: 2px solid #e2e8f0;      border-top: 2px solid #3b82f6;      border-radius: 50%;      width: 14px;      height: 14px;      animation: tg-df-spin 1s linear infinite;      margin: 4px 8px;      display: inline-block;    }        /* Vouchers Modal */    .tg-df-modal-backdrop {      position: fixed;      top: 0; left: 0; right: 0; bottom: 0;      background: rgba(0,0,0,0.5);      z-index: 10000;      display: flex;      align-items: center;      justify-content: center;      opacity: 0;      pointer-events: none;      transition: opacity 0.3s;    }    .tg-df-modal-backdrop.active {      opacity: 1;      pointer-events: auto;    }    .tg-df-modal {      background: #fff;      border-radius: 12px;      width: 90%;      max-width: 400px;      max-height: 80vh;      display: flex;      flex-direction: column;      box-shadow: 0 10px 40px rgba(0,0,0,0.2);      transform: translateY(20px);      transition: transform 0.3s;    }    .tg-df-modal-backdrop.active .tg-df-modal {      transform: translateY(0);    }    .tg-df-modal-header {      padding: 16px;      border-bottom: 1px solid #e2e8f0;      display: flex;      align-items: center;      justify-content: space-between;    }    .tg-df-modal-title {      font-size: 16px;      font-weight: 600;      margin: 0;    }    .tg-df-modal-close {      background: none;      border: none;      cursor: pointer;      padding: 4px;      color: #64748b;    }    .tg-df-modal-body {      padding: 16px;      overflow-y: auto;    }    .tg-df-voucher-item {      padding: 12px;      border: 1px dashed #cbd5e1;      border-radius: 8px;      margin-bottom: 10px;      background: #f8fafc;      display: flex;      align-items: center;      gap: 12px;      text-decoration: none;      color: inherit;      transition: background-color 0.2s, border-color 0.2s;    }    .tg-df-voucher-item:hover {      background: #f1f5f9;      border-color: #94a3b8;    }    .tg-df-voucher-item:last-child {      margin-bottom: 0;    }    .tg-df-voucher-logo {      width: 48px;      height: 48px;      object-fit: contain;      border-radius: 4px;      background: #fff;      border: 1px solid #e2e8f0;      flex-shrink: 0;    }    .tg-df-voucher-content {      flex: 1;      min-width: 0;    }    .tg-df-voucher-title {      font-size: 14px;      font-weight: 600;      margin: 0 0 4px 0;      line-height: 1.3;      color: #0f172a;    }    .tg-df-voucher-expiry {      font-size: 12px;      color: #64748b;      display: flex;      align-items: center;      gap: 4px;      margin-top: 6px;    }    .tg-df-voucher-code {      display: inline-flex;      align-items: center;      background: #f1f5f9;      border: 1px dashed #cbd5e1;      padding: 6px 10px;      font-family: monospace;      font-weight: 700;      font-size: 14px;      color: #0f172a;      border-radius: 4px;      margin-top: 8px;      cursor: pointer;      transition: all 0.2s ease;    }    .tg-df-voucher-code:hover {      background: #e2e8f0;      border-color: #94a3b8;    }    .tg-df-voucher-code.copied {      background: #ecfdf5;      border-color: #10b981;      color: #10b981;    }    .tg-df-voucher-cta {      display: inline-block;      margin-top: 8px;      font-size: 13px;      font-weight: 600;      color: #2563eb;      text-decoration: none;    }    .tg-df-card-title {      font-size: 15px;      font-weight: 400;      line-height: 1.4;      margin: 0 0 12px 0;      color: var(--tg-df-text);      display: -webkit-box;      -webkit-line-clamp: 2;      -webkit-box-orient: vertical;      overflow: hidden;    }    .tg-df-card-footer {      margin-top: auto;      display: flex;      flex-direction: column;      width: 100%;    }    .tg-df-card-price-group {      display: flex;      flex-direction: row;      align-items: center;      gap: 8px;      margin-bottom: 12px;    }    .tg-df-card-price {      font-size: 16px;      font-weight: 700;      color: #dc2626; /* Red price */      line-height: 1;    }        .tg-df-card-msrp {      font-size: 13px;      color: var(--tg-df-text-muted);      text-decoration: line-through;    }    .tg-df-container .tg-df-card-cta {      display: flex;      align-items: center;      justify-content: center;      width: 100%;      box-sizing: border-box;      background-color: #1f69ff;      color: #ffffff;      font-size: 12px;      font-weight: 700;      text-transform: uppercase;      letter-spacing: 0.5px;      padding: 12px 16px;      border-radius: 0;      border: none;      cursor: pointer;      transition: background-color 0.2s ease;    }    .tg-df-card:hover .tg-df-card-cta,    .tg-df-card-cta:hover {      background-color: #1555cc;    }    .tg-df-container .tg-df-card-cta.tg-df-cta-savings-squad {      background-color: #3c8d0d;    }    .tg-df-card:hover .tg-df-card-cta.tg-df-cta-savings-squad,    .tg-df-card-cta.tg-df-cta-savings-squad:hover {      background-color: #2b6509;    }    /*       5. State & Skeleton Styles    */    .tg-df-message {      grid-column: 1 / -1;      text-align: center;      padding: 48px 24px;      color: var(--tg-df-text-muted);      font-size: 16px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;    }    @keyframes tg-df-shimmer {      0% { background-position: -200% 0; }      100% { background-position: 200% 0; }    }    .tg-df-skeleton {      background: linear-gradient(90deg, var(--tg-df-bg-secondary) 25%, #e2e8f0 50%, var(--tg-df-bg-secondary) 75%);      background-size: 200% 100%;      animation: tg-df-shimmer 1.5s infinite;      border-radius: 4px;    }    .tg-df-skeleton-img {      width: 100%;      height: 100%;      position: absolute;      top: 0; left: 0;    }        .tg-df-skeleton-text {      height: 16px;      margin-bottom: 8px;      width: 100%;    }    .tg-df-skeleton-text.short { width: 40%; }    .tg-df-skeleton-text.title { height: 20px; margin-bottom: 16px; }    /* Editor Floating Bar & Elements */    .tg-df-editor-bar {      position: sticky;      top: 0;      z-index: 1000;      background: #111827;      color: #fff;      padding: 12px 16px;      border-radius: 8px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: space-between;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);    }    .tg-df-editor-bar-text {      font-weight: 600;      font-size: 14px;    }    .tg-df-editor-copy-btn {      background: #10b981;      color: #fff;      padding: 6px 16px;      border: none;      border-radius: 4px;      font-weight: 600;      cursor: pointer;      display: flex;      align-items: center;      font-size: 13px;    }    .tg-df-editor-copy-btn:hover { background: #059669; }        .tg-df-deal-checkbox {      position: absolute;      top: 12px;      right: 12px;      z-index: 10;      width: 20px;      height: 20px;      cursor: pointer;      pointer-events: auto;    }    /*       6. Mobile List View (Stacks into a cleaner horizontal row/list)    */    @container tg-df (max-width: 599px) {      .tg-df-controls {        padding: 0 16px;      }            .tg-df-top-bar {        width: 100%;      }            .tg-df-settings-dropdown {        position: fixed;        top: auto;        bottom: 0;        left: 0;        right: 0;        width: 100%;        border-radius: 20px 20px 0 0;        padding: 24px;        box-shadow: 0 -8px 32px rgba(0,0,0,0.15);        z-index: 1000;        border: none;        border-top: 1px solid var(--tg-df-border);      }            .tg-df-settings-dropdown-backdrop.active {        background: rgba(0,0,0,0.4);      }            .tg-df-search-wrapper {        box-shadow: 0 0 16px rgba(0,0,0,0.08);      }            .tg-df-filters {        width: calc(100% + 32px);        margin: 0 -16px;        padding: 0 16px 4px 16px;        display: flex;        justify-content: flex-start;        gap: 8px;        flex-wrap: nowrap;        overflow-x: auto;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;      }      .tg-df-filters::after {        content: "";        display: block;        flex: 0 0 8px;      }      .tg-df-filters::-webkit-scrollbar {        display: none;      }            .tg-df-sort-wrapper {        flex: 0 0 max(42%, 130px);        min-width: 0;      }      .tg-df-sort-wrapper.tg-df-price-range-wrapper {        flex: 0 0 auto;        min-width: max-content;      }            .tg-df-sort-select, .tg-df-filter-select {        width: 100%;        text-align: left;        padding: 10px 24px 10px 32px;        background-position: right 8px center;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;      }      .tg-df-sort-icon {        left: 10px;      }      .tg-df-grid:not(.layout-grid):not(.layout-row),      .tg-df-grid.layout-row {        grid-template-columns: 1fr;        gap: 16px;      }            .tg-df-grid.tg-df-grid-auto {        padding-top: 24px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card,      .tg-df-grid.layout-row .tg-df-card {        flex-direction: row;        align-items: stretch;        height: auto;        box-shadow: none; /* simple line on mobile if preferred, or keep */        border-bottom: 1px solid var(--tg-df-border);      }      .tg-df-grid.tg-df-grid-auto .tg-df-card:hover,      .tg-df-grid.layout-row .tg-df-card:hover {        box-shadow: none;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-image-box,      .tg-df-grid.layout-row .tg-df-card-image-box {        width: 120px;        min-width: 120px;        aspect-ratio: 3/4;        border-right: none;        padding: 12px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-body,      .tg-df-grid.layout-row .tg-df-card-body {        padding: 12px;        justify-content: space-between;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-title,      .tg-df-grid.layout-row .tg-df-card-title {        font-size: 14px;        margin-bottom: 12px;        -webkit-line-clamp: 3;      }      /* Single column mobile grid override */      .tg-df-grid.layout-grid {        grid-template-columns: 1fr;        gap: 16px;      }      .tg-df-grid.layout-grid .tg-df-card-image-box {        padding: 12px;      }      .tg-df-grid.layout-grid .tg-df-card-body {        padding: 10px;      }      .tg-df-grid.layout-grid .tg-df-card-title {        font-size: 13px;        -webkit-line-clamp: 3;        margin-bottom: 8px;      }      .tg-df-grid.layout-grid .tg-df-card-price {        font-size: 14px;      }            .tg-df-card-footer {        flex-direction: column;        align-items: stretch;        gap: 0;        width: 100%;        min-width: 0;      }      .tg-df-card-merchant-pill {        margin-bottom: 4px;      }      .tg-df-card-price-group {        flex: 1 1 auto;        margin-bottom: 8px;      }      .tg-df-card-price {        font-size: 16px;      }      .tg-df-card-msrp {        display: block;       }      .tg-df-grid.layout-row .tg-df-card-cta,      .tg-df-container .tg-df-card-cta {        width: 100%;        max-width: none;        min-width: 0;        box-sizing: border-box;        padding: 8px 16px;        font-size: 12px;        flex: 0 0 auto;        text-align: center;        white-space: normal;        line-height: 1.2;      }    }    .tg-df-container.is-carousel {      min-height: 760px;      background-color: #E7F0FF;      padding: 0 0 24px 0;      border-radius: 24px;    }    .tg-df-container.is-carousel.hide-header-details {      min-height: 480px;    }    /*       7. Carousel View Mode    */    .tg-df-container .tg-df-carousel-host {      /* Layout is now handled by container wrapper */    }    .tg-df-container .tg-df-carousel-eyebrow {      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      padding: 24px 16px 0 16px;      display: none;    }    .tg-df-container .tg-df-carousel-query-title {      color: #011535;      font-size: 28px;      font-weight: 600;      padding: 0 16px 24px 16px;      line-height: 1.2;      display: none;    }    .tg-df-container .tg-df-carousel-blue-box {      background-color: transparent;      border-radius: 0;      padding: 24px 24px 0 24px;      margin: 0;      color: #1F69FF;          position: relative;      overflow: hidden;    }    .tg-df-container .tg-df-carousel-bg-circle-1 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-2 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-3 {      display: none;    }    .tg-df-container .tg-df-carousel-box-content {      position: relative;      z-index: 10;    }    .tg-df-container .tg-df-carousel-box-eyebrow {      background-color: transparent;      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      display: inline-block;      padding: 0;      border-radius: 0;    }    .tg-df-container .tg-df-carousel-box-title {      font-size: 28px;      font-weight: 600;      line-height: 1.2;      margin-top: 8px;      color: #1e293b;    }    .tg-df-container .tg-df-countdown-wrapper {      position: absolute;      top: 0;      right: 0;      display: flex;      flex-direction: column;      align-items: flex-end;      gap: 12px;      transform: scale(0.67);      transform-origin: top right;    }    .tg-df-container .tg-df-countdown-title {      font-size: 16px;      text-align: center;      width: 100%;      font-weight: 600;      color: #011535;      margin: 0;    }    .tg-df-container .tg-df-countdown-blocks {      display: flex;      gap: 16px;    }    .tg-df-container .tg-df-countdown-item {      display: flex;      flex-direction: column;      align-items: center;      gap: 4px;    }    .tg-df-container .tg-df-countdown-box {      width: 59px;      height: 59px;      background: #03FE9E;      border-radius: 15px;      display: flex;      align-items: center;      justify-content: center;    }    .tg-df-container .tg-df-countdown-num {      font-family: 'Inter', sans-serif;      font-weight: 700;      font-size: 20px;      line-height: normal;      color: #011535;    }    .tg-df-container .tg-df-countdown-label {      font-family: 'Inter', sans-serif;      font-weight: 500;      font-size: 16px;      line-height: normal;      color: #1e293b;      text-transform: uppercase;    }    .tg-df-container .tg-df-carousel-box-subtitle {      font-size: 16px;      margin-top: 8px;      font-weight: 300;      color: #1e293b;      line-height: 24px;    }    .tg-df-container .tg-df-carousel-roundels-wrapper {      position: relative;      margin-top: 24px;      margin-left: -24px;      margin-right: -24px;    }    .tg-df-container .tg-df-carousel-roundels {      display: flex;      gap: 16px;      overflow-x: auto;            scrollbar-width: none;      padding-top: 12px;      padding-bottom: 24px;      padding-left: 24px;      padding-right: 24px;      margin-left: 0;      margin-right: 0;    }        .tg-df-container .tg-df-carousel-scroll-left,    .tg-df-container .tg-df-carousel-scroll-right {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 36px;      width: 36px;      display: flex;      align-items: center;      justify-content: center;      border-radius: 50%;      background-color: #ffffff;      border: 1px solid #e2e8f0;      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);      color: #1F69FF;      cursor: pointer;      transition: all 0.2s;      margin-top: -4px;      z-index: 20;    }    .tg-df-container .tg-df-carousel-scroll-left { left: 8px; }    .tg-df-container .tg-df-carousel-scroll-right { right: 8px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left { left: 0px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right { right: 0px; }    .tg-df-carousel-filters-outer { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }    @container tg-df (max-width: 599px) { .tg-df-carousel-filters-outer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } }        .tg-df-container .tg-df-carousel-scroll-left:hover,    .tg-df-container .tg-df-carousel-scroll-right:hover {      background-color: #f8fafc;      border-color: #cbd5e1;    }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right {      background-color: rgba(255, 255, 255, 0.4);      border: none;      box-shadow: none;      backdrop-filter: blur(4px);      -webkit-backdrop-filter: blur(4px);    }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right { right: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-right { right: 0; }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left:hover,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right:hover {      background-color: rgba(255, 255, 255, 0.6);      border: none;    }    .tg-df-container .tg-df-carousel-roundels::-webkit-scrollbar {      display: none;    }    .tg-df-container .tg-df-carousel-roundels::after {      content: "";      flex: 0 0 32px;    }    .tg-df-container .tg-df-roundel {      display: flex;      flex-direction: column;      align-items: center;      gap: 8px;      cursor: pointer;      min-width: 120px;      flex-shrink: 0;    }    .tg-df-container .tg-df-roundel-img-box {      width: 120px;      height: 120px;      border-radius: 50%;      background: white;      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: 0px 3px 14px 0px rgba(30, 41, 59, 0.08);      transition: box-shadow 0.2s;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box img {      transform: scale(1.08);    }    .tg-df-container .tg-df-roundel-img-box img {      width: 100%;      height: 100%;      object-fit: contain;      padding: 10px;      box-sizing: border-box;      transition: transform 0.3s ease;    }    .tg-df-container .tg-df-roundel-label {      font-size: 13px;      font-weight: 400;      color: #1e293b;      text-align: center;      transition: font-weight 0.2s;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-label {      font-weight: 700;    }    .tg-df-container .tg-df-carousel-filters-label {      font-size: 16px;      font-weight: 400;      color: #1e293b;      white-space: nowrap;      margin-right: 4px;    }    .tg-df-container .tg-df-carousel-filters-wrap {      display: flex;      align-items: center;      flex-wrap: nowrap;      gap: 8px;      margin-top: 8px;      overflow-x: auto;      scrollbar-width: none;      -webkit-overflow-scrolling: touch;      padding-bottom: 8px;      margin-left: -24px;      margin-right: -24px;      padding-left: 24px;      padding-right: 24px;    }    .tg-df-container .tg-df-carousel-filters-wrap::-webkit-scrollbar {      display: none;    }        .tg-df-container .tg-df-carousel-filter-btn img,    .tg-df-container .tg-df-carousel-filter-btn picture {      height: 20px;      width: 20px;      object-fit: contain;      object-position: center;      display: inline-flex;      align-items: center;      justify-content: center;      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn picture img {      margin-right: 0;      height: 100%;      width: 100%;    }    .tg-df-container .tg-df-carousel-filter-btn img.active-img,    .tg-df-container .tg-df-carousel-filter-btn picture:has(.active-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.inactive-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.inactive-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.active-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.active-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.active-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.active-img) {      display: inline-flex;    }    .tg-df-container .tg-df-carousel-filter-btn {      background: #ffffff;      border: 2px solid #1e293b;      color: #1e293b;      border-radius: 24px;      padding: 6px 16px;      font-size: 14px;      font-weight: 600;      cursor: pointer;      transition: all 0.2s;      flex-shrink: 0;      white-space: nowrap;      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 36px;      box-sizing: border-box;    }    .tg-df-container .tg-df-carousel-filter-btn svg {      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn:hover {      background: #1e293b;      color: white;      border-color: #1e293b;    }    .tg-df-container .tg-df-carousel-filter-btn.active {      background: #1e293b;      color: white;      border-color: #1e293b;    }        .tg-df-grid.carousel-compact {      display: flex;      flex-wrap: nowrap;      overflow-x: auto;      gap: 16px;      padding: 16px 24px;      align-items: stretch;      scrollbar-width: none;    }    .tg-df-grid.carousel-compact::after {      content: "";      flex: 0 0 32px;    }    .tg-df-grid-wrapper {      position: relative;    }    .tg-df-grid.carousel-compact::-webkit-scrollbar {      display: none;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card {      flex: 0 0 auto;      width: 100px;      border-radius: 15px;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      border: 2px solid #1e293b;      background: white;      color: #1e293b;      display: flex;      flex-direction: column;      justify-content: center;      align-items: center;      font-weight: 600;      font-size: 14px;      cursor: pointer;      padding: 16px;      text-align: center;      transition: all 0.2s;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card:hover {      background: #1e293b;      color: white;    }    .tg-df-grid.carousel-compact .tg-df-card {      flex: 0 0 auto;      width: 200px;      min-height: auto;      height: auto;      display: flex;      flex-direction: column;      border-radius: 15px;      border: none;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      overflow: visible;    }    .tg-df-grid.carousel-compact .tg-df-card-image-box {      padding: 12px;      background-color: transparent;      border-radius: 15px 15px 0 0;      height: 130px;    }    .tg-df-grid.carousel-compact .tg-df-card-image {      mix-blend-mode: normal;    }    .tg-df-grid.carousel-compact .tg-df-card-discount-badge {      border-radius: 0;      top: 0px;      left: 0px;      padding: 4px 8px;      font-size: 11px;    }    .tg-df-grid.carousel-compact .tg-df-card-body {      padding: 8px 12px 12px 12px;    }    .tg-df-grid.carousel-compact .tg-df-card-title {      font-size: 14px;      font-weight: 400;      -webkit-line-clamp: 2;      margin-bottom: 8px;      color: #011535;    }    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):not(:has(.tg-df-tag-prime)):not(:has(.tg-df-coupon-wrapper:not([style*="none"]))) > .tg-df-card-title,    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):has(> .tg-df-card-title:first-child) > .tg-df-card-title {      -webkit-line-clamp: 3;    }    .tg-df-grid.carousel-compact .tg-df-card-cta {      border-radius: 5px;      padding: 8px 10px;      margin-top: 4px;      background-color: #1F69FF;    }    .tg-df-grid.carousel-compact .tg-df-card-price-group {      margin-bottom: 2px;    }    .tg-df-grid.carousel-compact .tg-df-card-merchant-pill {      margin-bottom: 2px;    }    @container tg-df (max-width: 599px) {      .tg-df-container .tg-df-carousel-blue-box-title {        font-size: 24px;      }      .tg-df-container .tg-df-countdown-title {        display: none;      }      .tg-df-container .tg-df-countdown-wrapper {        position: absolute;        top: 0;        right: 0;        align-items: flex-end;        transform: scale(0.45);        transform-origin: top right;      }      .tg-df-container .tg-df-roundel {        min-width: 88px;      }      .tg-df-container .tg-df-roundel-img-box {        width: 88px;        height: 88px;      }    }    /* REPLICA BLOCK STYLES */    .tg-df-grid.layout-replica-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px; }    .tg-df-grid.layout-replica-1 { grid-template-columns: 1fr !important; gap: 20px; }        .tg-df-container .hawk-deal-widget-container { border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: inherit; }    .tg-df-container .hawk-deal-widget-wrap { display: flex; flex-direction: row; align-items: flex-start; width: 100%; gap: 24px; }    .tg-df-container .hawk-deal-widget-image-container { display: flex; flex-shrink: 0; justify-content: center; width: 160px; height: 160px; align-items: center; background: white; margin-bottom: 0px; }    .tg-df-container .hawk-deal-widget-title-product-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.4; display: inline; }    .tg-df-container .hawk-deal-widget-title-price { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-price-now { font-weight: 700; }    .tg-df-container .hawk-deal-widget-title-retailer-price:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-title-retailer { font-size: 18px; font-weight: 700; line-height: 1.4; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-was-price { color: #dc2626; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: line-through; white-space: nowrap; margin-left: 8px; margin-right: 8px; }    .tg-df-container .hawk-deal-widget-text-body-container { position: relative; width: 100%; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-text-body-main { font-size: 16px; width: 100%; margin-bottom: 12px; }    .tg-df-container .hawk-deal-widget-text-body-description { display: block; font-size: 15px; margin-top: 12px; color: #4b5563; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-body-description p { margin: 0; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-cta-container { display: flex; flex-direction: column; gap: 12px; width: 100%; flex: 1; min-width: 0; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-footer { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }    .tg-df-container .hawk-deal-widget-button-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; }    .tg-df-container .hawk-deal-widget-preferred-partner-wrapper { display: flex; flex-direction: row; }        @container tg-df (min-width: 600px) {      .tg-df-mobile-only { display: none !important; }    }    @container tg-df (max-width: 599px) {      .tg-df-desktop-only { display: none !important; }      .tg-df-grid.layout-replica-2 { grid-template-columns: 1fr !important; }      .tg-df-grid.savings-squad-cards { grid-template-columns: 1fr !important; display: flex; flex-direction: column; }    }    .tg-df-grid.savings-squad-cards .tg-df-card-title {      -webkit-line-clamp: unset !important;      display: block !important;      overflow: visible !important;    }    @container tg-df (max-width: 500px) {      .tg-df-container .hawk-deal-widget-wrap { display: block; }      .tg-df-container .hawk-deal-widget-image-container { display: block; float: left; margin: 0 16px 8px 0; width: 120px; max-width: 120px; height: auto; align-items: normal; justify-content: normal; }      .tg-df-container .hawk-deal-widget-text-cta-container { display: block; text-align: left; }      .tg-df-container .hawk-deal-widget-footer { display: block; margin-top: 16px; clear: both; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper .hawk-deal-widget-preferred-partner-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-affiliate-link-deal-button { box-sizing: border-box !important; display: flex !important; max-width: none !important; width: 100% !important; margin: 0 !important; }    }        .tg-df-container .hawk-affiliate-link-deal-button {       align-items: center; background-color: #5aaf0b; box-sizing: border-box; color: #ffffff !important; display: flex; font-size: 14px; font-weight: 700; justify-content: center; letter-spacing: 0.5px; line-height: 1; min-width: 160px; padding: 14px 24px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; word-break: normal; border-radius: 4px; border: 0; transition: background-color 0.2s;     }    .tg-df-container .hawk-affiliate-link-deal-button:hover { background-color: #4a9109; text-decoration: none; }    .tg-df-container .hawk-lazy-image-deal-widget { display: block; height: auto; margin: auto; max-height: 160px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; }    .tg-df-container .hawk-deal-widget-text-cta-container a { color: #2563eb; text-decoration: none; display: inline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:has(.hawk-deal-widget-title-product-title) { color: #111827; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-product-title,    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-retailer-price { text-decoration: underline; }  \x3C/style>  \x3C!-- Widget Container --\x3E  \x3Cdiv class="tg-df-container" id="signal-deals-finder-root">    \x3C!-- Editor Floating Bar --\x3E    \x3Cdiv class="tg-df-editor-bar" id="tg-df-editor-bar" style="display:none;">      \x3Cdiv class="tg-df-editor-bar-text" style="display: flex; align-items: center;">        \x3Cspan id="tg-df-selected-count">0\x3C/span>\x26nbsp;Deals Selected        \x3Cbutton class="tg-df-editor-clear-btn" id="tg-df-editor-clear" type="button" style="margin-left: 12px; font-size: 13px; color: #9ca3af; background: none; border: none; cursor: pointer; text-decoration: underline;">Clear All\x3C/button>      \x3C/div>      \x3Cbutton class="tg-df-editor-copy-btn" id="tg-df-editor-copy" type="button">        \x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">\x3C/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">\x3C/path>\x3C/svg>        Copy to CMS      \x3C/button>    \x3C/div>    \x3Cdiv class="tg-df-carousel-host" id="tg-df-carousel-host" style="display: none;">      \x3Cdiv class="tg-df-carousel-eyebrow">DEAL FINDER\x3C/div>      \x3Cdiv class="tg-df-carousel-query-title" id="tg-df-carousel-title-label">Best Deals\x3C/div>            \x3Cdiv class="tg-df-carousel-blue-box">        \x3Cdiv class="tg-df-carousel-bg-circle-1" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-2" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-3" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-box-content">          \x3Cdiv class="tg-df-countdown-wrapper" id="tg-df-countdown-wrapper" style="display:none;">            \x3Cdiv class="tg-df-countdown-title" id="tg-df-countdown-title">Prime Day starts in\x3C/div>            \x3Cdiv class="tg-df-countdown-blocks">              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-days">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">DAYS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-hrs">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">HRS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-min">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">MIN\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-sec">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">SEC\x3C/div>\x3C/div>            \x3C/div>          \x3C/div>          \x3Cdiv class="tg-df-carousel-box-eyebrow">DEAL FINDER\x3C/div>          \x3Cdiv class="tg-df-carousel-box-title">Find Deals Fast\x3C/div>          \x3Cdiv class="tg-df-carousel-box-subtitle">The latest deals from the biggest retailers, all in one place\x3C/div>                    \x3Cdiv class="tg-df-carousel-roundels-wrapper">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-roundels">            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>          \x3C/div>          \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-carousel-filters-outer" style="position: relative;">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-filters-wrap">                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="0">All\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_lightning">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_prime">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-d="10">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 10% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="15">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 15% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="25">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 25% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-pr="under50">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>            Under $50\x3C/button>        \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3C/div>    \x3C/div>    \x3C/div>      \x3C!-- Search & Filter Controls --\x3E    \x3Cdiv class="tg-df-controls" id="tg-df-controls" style="display:flex;">      \x3Cdiv class="tg-df-top-bar">        \x3Cdiv class="tg-df-search-wrapper">          \x3Cinput type="text" class="tg-df-search-input" placeholder="Search for deals, products, or brands...">          \x3Cbutton type="button" class="tg-df-search-btn" aria-label="Search">              \x3Csvg class="tg-df-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">                \x3Cpath d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-autocomplete-dropdown" id="tg-df-autocomplete">\x3C/div>        \x3C/div>                \x3Cdiv class="tg-df-settings-wrapper">          \x3Cbutton type="button" class="tg-df-settings-btn" aria-label="Settings" id="tg-df-settings-toggle">            \x3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20">                \x3Cpath d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.73 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.49-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>            \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-settings-dropdown-backdrop" id="tg-df-settings-backdrop">\x3C/div>          \x3Cdiv class="tg-df-settings-dropdown" id="tg-df-settings-panel">            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Search Region\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-region-select">                \x3Coption value="auto">🌍 Auto-detect\x3C/option>                \x3Coption value="US">🇺🇸 United States (US)\x3C/option>                \x3Coption value="GB">🇬🇧 United Kingdom (UK)\x3C/option>                \x3Coption value="CA">🇨🇦 Canada (CA)\x3C/option>                \x3Coption value="AU">🇦🇺 Australia (AU)\x3C/option>                \x3Coption value="DE">🇩🇪 Germany (DE)\x3C/option>                \x3Coption value="FR">🇫🇷 France (FR)\x3C/option>                \x3Coption value="IT">🇮🇹 Italy (IT)\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Retailer\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-retailer-select">                \x3Coption value="">All Retailers\x3C/option>                \x3Coption value="Amazon">Amazon\x3C/option>                \x3Coption value="Walmart">Walmart\x3C/option>                \x3Coption value="Best Buy">Best Buy\x3C/option>                \x3Coption value="Target">Target\x3C/option>                \x3Coption value="John Lewis">John Lewis\x3C/option>                \x3Coption value="Currys">Currys\x3C/option>                \x3Coption value="Argos">Argos\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Offer Type\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-offer-type-select">                \x3Coption value="">All Offers\x3C/option>                \x3Coption value="amazon_prime">Amazon Prime\x3C/option>                \x3Coption value="recommended_promo">Recommended Promo\x3C/option>                \x3Coption value="amazon_lightning">Amazon Lightning Deal\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Result Count\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-rows-select">                \x3Coption value="3">3 Items\x3C/option>                \x3Coption value="4">4 Items\x3C/option>                \x3Coption value="6">6 Items\x3C/option>                \x3Coption value="12" selected>12 Items\x3C/option>                \x3Coption value="24">24 Items\x3C/option>                \x3Coption value="48">48 Items\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Deal Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Only show products with active offers or previous prices (was_price)\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-deal-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Editor Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Enable multi-select to copy deals to CMS\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-editor-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">View Mode\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-view-mode-select">                \x3Coption value="auto">Auto Collection\x3C/option>                \x3Coption value="carousel">Carousel\x3C/option>                \x3Coption value="savings_squad">Savings Squad\x3C/option>                \x3Coption value="grid">Grid (Columns)\x3C/option>                \x3Coption value="row">Row (List)\x3C/option>              \x3C/select>            \x3C/div>          \x3C/div>        \x3C/div>      \x3C/div>      \x3Cdiv class="tg-df-filters">        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-category-filter-wrapper" style="display: none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-category-filter" aria-label="Category">            \x3Coption value="all">All Categories\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-multiselect-container" id="tg-df-brand-filter-wrapper" style="display:none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/>          \x3C/svg>          \x3Cdiv class="tg-df-filter-select tg-df-multiselect-trigger" id="tg-df-brand-trigger" tabindex="0">            Any Brand          \x3C/div>          \x3Cdiv class="tg-df-multiselect-dropdown" id="tg-df-brand-dropdown">            \x3C!-- Populated via script --\x3E          \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>          \x3C/svg>          \x3Cselect class="tg-df-sort-select" aria-label="Sort Deals">            \x3Coption value="date_desc">Newest First\x3C/option>            \x3Coption value="best_match">Sort by: Match\x3C/option>            \x3Coption value="price_asc">Price Low to High\x3C/option>            \x3Coption value="price_desc">Price High to Low\x3C/option>            \x3Coption value="discount_desc">Biggest Discount\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-price-range-wrapper" id="tg-df-custom-price-wrapper" style="display: flex; align-items:center; justify-content:center; padding: 10px 20px; gap: 8px; border: 1px solid var(--tg-df-border); border-radius: 100px; background-color: var(--tg-df-bg);">          \x3Cspan style="font-size:14px; font-weight:500; color:var(--tg-df-text-primary);">Price\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-min" placeholder="Min" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">          \x3Cspan style="color:var(--tg-df-text-muted)">-\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-max" placeholder="Max" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-legacy-price-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-price-filter" aria-label="Filter Prices">            \x3Coption value="all">All Prices\x3C/option>            \x3Coption value="under50">Under $50\x3C/option>            \x3Coption value="50_100">$50 - $100\x3C/option>            \x3Coption value="100_200">$100 - $200\x3C/option>            \x3Coption value="200_500">$200 - $500\x3C/option>            \x3Coption value="over500">Over $500\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-discount-filter-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-discount-filter" aria-label="Discount Amount">            \x3Coption value="all">Any discount\x3C/option>            \x3Coption value="5">Min 5%\x3C/option>            \x3Coption value="10">Min 10%\x3C/option>            \x3Coption value="15">Min 15%\x3C/option>            \x3Coption value="20">Min 20%\x3C/option>            \x3Coption value="25">Min 25%\x3C/option>            \x3Coption value="30">Min 30%\x3C/option>            \x3Coption value="40">Min 40%\x3C/option>            \x3Coption value="50">Min 50%\x3C/option>            \x3Coption value="60">Min 60%\x3C/option>            \x3Coption value="70">Min 70%\x3C/option>          \x3C/select>        \x3C/div>      \x3C/div>    \x3C/div>    \x3C!-- Deals Grid Wrapper --\x3E    \x3Cdiv class="tg-df-grid-wrapper tg-df-carousel-cards-wrapper" id="tg-df-grid-wrapper">      \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3Cdiv class="tg-df-grid" id="tg-df-grid">        \x3C!-- Content populated by JavaScript --\x3E      \x3C/div>      \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>    \x3C/div>        \x3C!-- Vouchers Modal --\x3E    \x3Cdiv class="tg-df-modal-backdrop" id="tg-df-vouchers-modal">      \x3Cdiv class="tg-df-modal">        \x3Cdiv class="tg-df-modal-header">          \x3Ch3 class="tg-df-modal-title" id="tg-df-vouchers-title">Available Coupons & Deals\x3C/h3>          \x3Cbutton class="tg-df-modal-close" id="tg-df-vouchers-close">            \x3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">              \x3Cline x1="18" y1="6" x2="6" y2="18">\x3C/line>              \x3Cline x1="6" y1="6" x2="18" y2="18">\x3C/line>            \x3C/svg>          \x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-modal-body" id="tg-df-vouchers-content">          \x3C!-- Vouchers injected here --\x3E        \x3C/div>      \x3C/div>    \x3C/div>  \x3C/div>`;      if (!template) {        template = document.createElement('template');        template.innerHTML = rawTemplate;      }      let shadowRoot = null;      if (hostContainer && template) {        hostContainer.setAttribute('data-initialized', 'true');        shadowRoot = hostContainer.attachShadow({ mode: 'open' });        shadowRoot.appendChild(template.content.cloneNode(true));      }      class DealsFinderWidget {        constructor(config) {          this.rootNode = config.rootNode || document;          this.hostContainer = config.hostContainer || null;          this.rootId = config.rootId || 'signal-deals-finder-root';          this.root = this.rootNode.querySelector('#' + this.rootId);          if (!this.root) return;          this.widgetId = (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'widget-' + Date.now() + '-' + Math.random().toString(36).slice(2);          this.grid = this.root.querySelector('#tg-df-grid');          this.tagsContainer = this.root.querySelector('#tg-df-tags-container');          this.categoryFilter = this.root.querySelector('#tg-df-category-filter');          this.categoryFilterWrapper = this.root.querySelector('#tg-df-category-filter-wrapper');          this.searchInput = this.root.querySelector('.tg-df-search-input');          this.autocompleteDropdown = this.root.querySelector('#tg-df-autocomplete');          this.sortSelect = this.root.querySelector('.tg-df-sort-select');          this.searchBtn = this.root.querySelector('.tg-df-search-btn');                    this.settingsToggle = this.root.querySelector('#tg-df-settings-toggle');          this.settingsPanel = this.root.querySelector('#tg-df-settings-panel');          this.settingsBackdrop = this.root.querySelector('#tg-df-settings-backdrop');          this.regionSelect = this.root.querySelector('#tg-df-region-select');          this.retailerSelect = this.root.querySelector('#tg-df-retailer-select');          this.offerTypeSelect = this.root.querySelector('#tg-df-offer-type-select');          this.viewModeSelect = this.root.querySelector('#tg-df-view-mode-select');          this.rowsSelect = this.root.querySelector('#tg-df-rows-select');          this.dealModeToggle = this.root.querySelector('#tg-df-deal-mode');          this.editorModeToggle = this.root.querySelector('#tg-df-editor-mode');          this.priceFilter = this.root.querySelector('#tg-df-price-filter');          this.discountFilter = this.root.querySelector('#tg-df-discount-filter');                    this.editorBar = this.root.querySelector('#tg-df-editor-bar');          this.editorSelectedCount = this.root.querySelector('#tg-df-selected-count');          this.editorCopyBtn = this.root.querySelector('#tg-df-editor-copy');          this.editorClearBtn = this.root.querySelector('#tg-df-editor-clear');                    this.apiUrl = 'https://search-api.fie.future.net.uk/widget.php';          this.deals = [];          this.displayLimit = 12;          this.airedaleArticles = null;          this.airedaleTags = [];          this.airedaleTagCounts = {};          this.activeDealTag = null;          this.selectedBrands = [];          this.currentQuery = '';          this.editorMode = this.hostContainer ? this.hostContainer.hasAttribute('data-editor-mode') : false;          this.viewModeOverride = this.hostContainer ? this.hostContainer.getAttribute('data-view-mode') : null;          this.selectedDeals = new Map();                    this.brandFilterWrapper = this.root.querySelector('#tg-df-brand-filter-wrapper');          this.brandTrigger = this.root.querySelector('#tg-df-brand-trigger');          this.brandDropdown = this.root.querySelector('#tg-df-brand-dropdown');                    this.customPriceWrapper = this.root.querySelector('#tg-df-custom-price-wrapper');          this.customPriceMin = this.root.querySelector('#tg-df-custom-price-min');          this.customPriceMax = this.root.querySelector('#tg-df-custom-price-max');          this.legacyPriceWrapper = this.root.querySelector('#tg-df-legacy-price-wrapper');          this.discountFilterWrapper = this.root.querySelector('#tg-df-discount-filter-wrapper');          this.initResizeObserver();          this.init();            if (['carousel', 'carousel-compact', 'auto', 'grid', 'row'].includes(this.getViewMode())) { this.loadCarouselSpreadsheet(); }        }        getViewMode() {          if (this.viewModeOverride && (!this.editorMode || !this.viewModeSelect)) {            return this.viewModeOverride;          }          return (this.viewModeSelect && this.viewModeSelect.value) ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');        }        applyLayoutMode() {          if (!this.grid) return;          const mode = this.getViewMode();          this.grid.classList.remove('layout-row', 'layout-grid', 'tg-df-grid-auto', 'carousel-compact', 'layout-replica-1', 'layout-replica-2');                    const carouselHost = this.root.querySelector('#tg-df-carousel-host');          const controlsDiv = this.root.querySelector('#tg-df-controls');          if (mode === 'carousel' || mode === 'auto' || mode === 'grid' || mode === 'row') {             if (mode === 'carousel') this.grid.classList.add('carousel-compact');             if (carouselHost) carouselHost.style.display = 'block';             if (controlsDiv) controlsDiv.style.display = 'none';             if (this.root.classList.contains('tg-df-container') && mode === 'carousel') {               this.root.classList.add('is-carousel');             } else if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          } else {             if (carouselHost) carouselHost.style.display = 'none';             if (controlsDiv) controlsDiv.style.display = 'flex';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          }          if (mode === 'grid') {            this.grid.classList.add('layout-grid');          } else if (mode === 'row') {            this.grid.classList.add('layout-row');          } else if (mode === 'savings_squad') {            this.grid.classList.add('tg-df-grid-auto', 'savings-squad-cards');          } else if (mode !== 'carousel') {            this.grid.classList.add('tg-df-grid-auto');          }                    const settingsWrapper = this.root.querySelector('.tg-df-settings-wrapper');          if (settingsWrapper) {            settingsWrapper.style.display = mode === 'auto' ? 'none' : 'block';          }          if (this.customPriceWrapper) {             this.customPriceWrapper.style.display = mode === 'auto' ? 'flex' : 'none';          }          if (this.legacyPriceWrapper) {             this.legacyPriceWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }          if (this.discountFilterWrapper) {             this.discountFilterWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }        }        initResizeObserver() {          try {            if (window.parent === window) return;          } catch (e) {            // cross origin frame check threw          }          const emitHeight = () => {            try {              const height = document.documentElement.scrollHeight || document.body.scrollHeight;              const msg = { type: 'embed-size', height: height };              if (window.parent && window.parent !== window) {                window.parent.postMessage(msg, '*');                window.parent.postMessage(JSON.stringify({ ...msg, sentinel: 'amp' }), '*');              }            } catch (e) {}          };                    if (window.ResizeObserver) {            try {              const ro = new ResizeObserver(() => emitHeight());              ro.observe(document.body);              if (this.root) ro.observe(this.root);            } catch(e){ console.warn(e); }          }          window.addEventListener('resize', emitHeight);          setTimeout(emitHeight, 300);        }        initCountdown() {          this.cdWrapper = this.root.querySelector('#tg-df-countdown-wrapper');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          this.showCountdown = params.get('show_countdown') === 'true';          const showHeaderDetails = params.get('show_header_details') !== 'false';          const eyebrow = this.root.querySelector('.tg-df-carousel-box-eyebrow');          const title = this.root.querySelector('.tg-df-carousel-box-title');          const subtitle = this.root.querySelector('.tg-df-carousel-box-subtitle');          if (!showHeaderDetails) {            let containerElement = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (containerElement) containerElement.classList.add('hide-header-details');            if (eyebrow) eyebrow.style.display = 'none';            if (title) title.style.display = 'none';            if (subtitle) subtitle.style.display = 'none';          }          if (!this.cdWrapper) return;          this.cdTitle = this.root.querySelector('#tg-df-countdown-title');          this.cdDays = this.root.querySelector('#tg-df-cd-days');          this.cdHrs = this.root.querySelector('#tg-df-cd-hrs');          this.cdMin = this.root.querySelector('#tg-df-cd-min');          this.cdSec = this.root.querySelector('#tg-df-cd-sec');          this.updateCountdown();          this.cdInterval = setInterval(() => this.updateCountdown(), 1000);        }        updateCountdown() {          if (!this.cdWrapper) return;          if (!this.showCountdown) {            this.cdWrapper.style.display = 'none';            return;          }          const area = this.getAreaCode();          let offset = '-04:00';          if (['DE', 'FR', 'IT', 'ES', 'NL'].includes(area)) {             offset = '+02:00';          } else if (['GB', 'IE', 'UK'].includes(area)) {             offset = '+01:00';          }          const startTime = new Date('2026-06-23T00:00:00' + offset).getTime();          const endTime = new Date('2026-06-26T00:00:00' + offset).getTime();          const now = Date.now();          let targetTime = 0;          if (now < startTime) {             targetTime = startTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day starts in';             this.cdWrapper.style.display = 'flex';          } else if (now < endTime) {             targetTime = endTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day ends in';             this.cdWrapper.style.display = 'flex';          } else {             this.cdWrapper.style.display = 'none';             if (this.cdInterval) clearInterval(this.cdInterval);             return;          }          const diff = Math.max(0, targetTime - now);          const d = Math.floor(diff / (1000 * 60 * 60 * 24));          const h = Math.floor((diff / (1000 * 60 * 60)) % 24);          const m = Math.floor((diff / 1000 / 60) % 60);          const s = Math.floor((diff / 1000) % 60);          if (this.cdDays) this.cdDays.textContent = d;          if (this.cdHrs) this.cdHrs.textContent = h;          if (this.cdMin) this.cdMin.textContent = m;          if (this.cdSec) this.cdSec.textContent = s;        }        init() {          this.initCountdown();          try {            initAnalytics();          } catch (e) {            console.warn('Deals Widget Analytics Error:', e);          }                    this.bindEvents();                    let initialQuery = '';                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          let initialViewMode = params.get('view_mode');          if (!params.has('search') && !params.has('q') && !params.has('query') && initialViewMode !== 'savings_squad') {             initialQuery = 'Everything';             if (this.discountFilter && !params.has('min_discount_ratio')) {               this.discountFilter.value = '5';             }          }          const website = params.get('website') || 'tomsguide';          this.website = website;          if (website === 'techradar') {            const squadHeader = this.root.querySelector('.tg-df-savings-squad-header');            if (squadHeader) {               const pic = squadHeader.querySelector('picture');               if (pic) pic.style.display = 'none';            }            const style = document.createElement('style');            style.innerHTML = `              .tg-df-container .hawk-affiliate-link-deal-button, .tg-df-container .tg-df-card-cta { background-color: #5DAF08 !important; }              .tg-df-container .hawk-affiliate-link-deal-button:hover, .tg-df-container .tg-df-card-cta:hover { background-color: #4a8c06 !important; }            `;            this.root.appendChild(style);          }                    if (this.regionSelect) {            this.regionSelect.value = params.get('region') || 'auto';            this.updatePriceDropdownCurrency();          }                    if (this.retailerSelect && params.has('retailer')) {            this.retailerSelect.value = params.get('retailer');          }                    if (params.has('brands')) {            const b = params.get('brands');            if (b) {              this.selectedBrands = b.split(',');            }          }                    if (this.offerTypeSelect && params.has('offer_type')) {            this.offerTypeSelect.value = params.get('offer_type');          }          if (params.has('bg_color')) {            const bg = params.get('bg_color');            if (bg === 'white') {              this.root.style.setProperty('background-color', '#ffffff', 'important');            } else if (bg === 'transparent') {              this.root.style.setProperty('background-color', 'transparent', 'important');            } else if (bg === 'light_blue') {              this.root.style.setProperty('background-color', '#E7F0FF', 'important');            }          } else {             this.root.style.removeProperty('background-color');          }                    if (params.has('view_mode')) {            if (this.viewModeSelect) {              this.viewModeSelect.value = params.get('view_mode');            } else {              this.viewModeOverride = params.get('view_mode');            }          }          if (this.rowsSelect && params.has('rows')) {            this.rowsSelect.value = params.get('rows');          }          if (params.has('price')) {            const priceVal = params.get('price');            if (this.priceFilter) {               // Try assigning it directly to select. If it's not present implicitly ignores               this.priceFilter.value = priceVal;            }            if (priceVal.includes('_')) {               const parts = priceVal.split('_');               if (this.customPriceMin && parts[0]) this.customPriceMin.value = parts[0];               if (this.customPriceMax && parts[1]) this.customPriceMax.value = parts[1];            }          }          if (this.discountFilter && params.has('min_discount_ratio')) {            // Need to convert back from ratio (e.g. 0.8) to select value (e.g. "20")            const ratioStr = params.get('min_discount_ratio');            const ratioFloat = parseFloat(ratioStr);            if (!isNaN(ratioFloat)) {               const percentage = Math.round((1 - ratioFloat) * 100);               this.discountFilter.value = percentage.toString();            }          }          if (this.sortSelect) {            this.sortSelect.value = params.get('sort') || 'discount_desc';          }          if (this.dealModeToggle && params.has('deal_mode')) {            this.dealModeToggle.checked = params.get('deal_mode') === 'true' || params.get('deal_mode') === '1';          }                    // Re-apply layout after params have updated control values          this.applyLayoutMode();                    if (params.get('search')) {            initialQuery = params.get('search');          } else if (params.get('q')) {            initialQuery = params.get('q');          } else if (params.get('query')) {            initialQuery = params.get('query');          }                    this.currentQuery = initialQuery;          if (this.searchInput) {            this.searchInput.value = this.currentQuery;          }                    if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {            this.fetchDeals(this.currentQuery);          } else {            this.render();          }        }        updatePriceDropdownCurrency() {          if (!this.priceFilter || !this.regionSelect) return;          const currencySymbols = {            'US': '$',            'GB': '£',            'CA': '$CA',            'AU': '$AU',            'DE': '€',            'FR': '€',            'IT': '€',          };          const area = this.getAreaCode();          const cur = currencySymbols[area || 'US'] || '$';                    const options = this.priceFilter.options;          for (let i = 0; i < options.length; i++) {            const opt = options[i];            if (opt.value === 'all') {              opt.innerText = 'All Prices';            } else if (opt.value === 'under50') {              opt.innerText = `Under ${cur}50`;            } else if (opt.value === '50_100') {              opt.innerText = `${cur}50 - ${cur}100`;            } else if (opt.value === '100_200') {              opt.innerText = `${cur}100 - ${cur}200`;            } else if (opt.value === '200_500') {              opt.innerText = `${cur}200 - ${cur}500`;            } else if (opt.value === 'over500') {              opt.innerText = `Over ${cur}500`;            }          }        }        populateBrandDropdown(values) {          if (!this.brandDropdown || !this.brandFilterWrapper) return;          this.brandFilterWrapper.style.display = 'flex'; // show the wrapper                    let html = '';          const allChecked = this.selectedBrands.length === 0 ? 'checked' : '';          const _div = '<' + '/div>';          const _span = '<' + '/span>';          html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="" ${allChecked} class="tg-df-brand-chk"> Any Brand${_div}`;                    values.forEach(v => {             if (!v.formatted_value || v.formatted_value === 'Any Brand') return;             const isChecked = this.selectedBrands.includes(v.formatted_value) ? 'checked' : '';             html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="${this.escapeHTML(v.formatted_value)}" ${isChecked} class="tg-df-brand-chk"> ${this.escapeHTML(v.formatted_value)} \x3Cspan style="color:var(--tg-df-text-muted);font-size:12px">(${v.count || 0})${_span}${_div}`;          });                    this.brandDropdown.innerHTML = html;                    // Re-bind listeners          const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');          chks.forEach(chk => {            chk.addEventListener('change', (e) => {              const val = e.target.value;              if (val === '') {                this.selectedBrands = [];              } else {                if (e.target.checked) {                   if (!this.selectedBrands.includes(val)) this.selectedBrands.push(val);                } else {                   this.selectedBrands = this.selectedBrands.filter(b => b !== val);                }              }                            if (this.selectedBrands.length === 0) {                 this.brandTrigger.innerText = 'Any Brand';              } else if (this.selectedBrands.length === 1) {                 this.brandTrigger.innerText = this.selectedBrands[0];              } else {                 this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;              }                            // Only call API if changed from UI interactions              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.updateURLParams();                 this.fetchDeals(this.currentQuery);              }            });          });                    // Update button text on load          if (this.selectedBrands.length === 0) {             this.brandTrigger.innerText = 'Any Brand';          } else if (this.selectedBrands.length === 1) {             this.brandTrigger.innerText = this.selectedBrands[0];          } else {             this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;          }        }        updateURLParams() {          const url = new URL(window.location);          if (this.currentQuery && this.currentQuery !== 'Gaming laptops') {            url.searchParams.set('q', this.currentQuery);          } else {            url.searchParams.delete('q');            url.searchParams.delete('search');            url.searchParams.delete('query');          }                    if (this.regionSelect && this.regionSelect.value !== 'auto') {            url.searchParams.set('region', this.regionSelect.value);          } else {            url.searchParams.delete('region');          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.set('retailer', this.retailerSelect.value);          } else {            url.searchParams.delete('retailer');          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.set('brands', this.selectedBrands.join(','));          } else {            url.searchParams.delete('brands');          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.set('offer_type', this.offerTypeSelect.value);          } else {            url.searchParams.delete('offer_type');          }                    if (this.viewModeSelect && this.viewModeSelect.value !== 'auto') {            url.searchParams.set('view_mode', this.viewModeSelect.value);          } else {            url.searchParams.delete('view_mode');          }                    if (this.rowsSelect && this.rowsSelect.value !== '12') {            url.searchParams.set('rows', this.rowsSelect.value);          } else {            url.searchParams.delete('rows');          }                    const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             url.searchParams.set('price', `${min}_${max}`);          } else if (this.priceFilter && this.priceFilter.value !== 'all') {            url.searchParams.set('price', this.priceFilter.value);          } else {            url.searchParams.delete('price');          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {               const ratio = (100 - v) / 100;               url.searchParams.set('min_discount_ratio', ratio.toString());            }          } else {            url.searchParams.delete('min_discount_ratio');          }                    if (this.sortSelect && this.sortSelect.value !== 'discount_desc') {            url.searchParams.set('sort', this.sortSelect.value);          } else {            url.searchParams.delete('sort');          }                    if (this.dealModeToggle && this.dealModeToggle.checked) {            url.searchParams.set('deal_mode', 'true');          } else {            url.searchParams.delete('deal_mode');          }                    window.history.replaceState({}, '', url);        }        bindEvents() {          const roundels = this.root.querySelectorAll('.tg-df-carousel-cat.original-hardcoded');          roundels.forEach(r => {             r.addEventListener('click', () => {                const q = r.getAttribute('data-query');                const pr = r.getAttribute('data-pr');                if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: q,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = q;                const label = this.root.querySelector('#tg-df-carousel-title-label');                if (label) label.textContent = 'Best ' + q;                if (this.priceFilter) this.priceFilter.value = pr || 'all';                if (this.discountFilter) this.discountFilter.value = '5';                if (this.searchInput) this.searchInput.value = q;                                roundels.forEach(ro => ro.classList.remove('active'));                r.classList.add('active');                this.fetchDeals(this.currentQuery);             });          });          const discBtns = this.root.querySelectorAll('.tg-df-carousel-filter-btn');          discBtns.forEach(b => {             b.addEventListener('click', () => {                const d = b.getAttribute('data-d');                const pr = b.getAttribute('data-pr');                const ot = b.getAttribute('data-ot');                let label = b.innerText ? b.innerText.trim() : '';                let filterType = 'unknown';                let filterVal = 'unknown';                if (d !== null) { filterType = 'discount'; filterVal = d; }                else if (pr !== null) { filterType = 'price'; filterVal = pr; }                else if (ot !== null) { filterType = 'offertype'; filterVal = ot; }                if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-${filterType}-${filterVal}`, name: 'Filter Button', label: label });                                if (d !== null) {                   if (this.discountFilter) this.discountFilter.value = this.discountFilter.value === d ? '0' : d;                } else if (pr !== null) {                   if (this.priceFilter) this.priceFilter.value = this.priceFilter.value === pr ? 'all' : pr;                } else if (ot !== null) {                   if (this.offerTypeSelect) this.offerTypeSelect.value = this.offerTypeSelect.value === ot ? 'all' : ot;                } else {                   if (this.discountFilter) this.discountFilter.value = '0';                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.offerTypeSelect) this.offerTypeSelect.value = 'all';                }                if (d === null && pr === null && ot === null && b.getAttribute("data-type") !== "custom") {                   discBtns.forEach(ro => ro.classList.remove('active'));                   b.classList.add('active');                } else if (b.getAttribute("data-type") !== "custom") {                   // Only operate on hardcoded buttons (those without data-type)                   discBtns.forEach(ro => {                      if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active');                   });                                      let makeActive = true;                   if (d !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-d') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (pr !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-pr') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (ot !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-ot') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   }                                      if (makeActive) b.classList.add('active');                                      // Check if anything is active, if not activate "All"                   let anyActive = false;                   discBtns.forEach(ro => { if (ro.classList.contains('active') && ro.getAttribute('data-type') !== 'custom') anyActive = true; });                   if (!anyActive) {                       discBtns.forEach(ro => { if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.add('active'); });                   }                }                                this.fetchDeals(this.currentQuery);             });          });          if (this.brandTrigger && this.brandDropdown) {            this.brandTrigger.addEventListener('click', () => {              this.brandDropdown.classList.toggle('active');            });            document.addEventListener('click', (e) => {              if (this.brandFilterWrapper && !e.composedPath().includes(this.brandFilterWrapper)) {                this.brandDropdown.classList.remove('active');              }            });          }          let debounceTimer;          if(this.searchInput) {            this.searchInput.addEventListener('input', (e) => {              clearTimeout(debounceTimer);              const query = e.target.value.trim();              this.currentQuery = query;              if (this.getViewMode() === 'savings_squad' && this.autocompleteDropdown && this.airedaleTags && query.length > 0) {                 const matches = this.airedaleTags.filter(t => t.toLowerCase().includes(query.toLowerCase()) && t.toLowerCase() !== query.toLowerCase()).slice(0, 5);                 if (matches.length > 0) {                    this.autocompleteDropdown.innerHTML = matches.map(m => `\x3Cdiv class="tg-df-autocomplete-item" data-tag="${this.escapeHTML(m)}">${this.escapeHTML(m)}<` + `/div>`).join('');                    this.autocompleteDropdown.classList.add('active');                 } else {                    this.autocompleteDropdown.classList.remove('active');                 }              } else if (this.autocompleteDropdown) {                 this.autocompleteDropdown.classList.remove('active');              }              debounceTimer = setTimeout(() => {                this.updateURLParams();                if (query.length > 2) {                  this.fetchDeals(query);                } else if (query.length === 0) {                  this.deals = [];                  this.render();                }              }, 400);            });            this.searchInput.addEventListener('keypress', (e) => {              if (e.key === 'Enter') {                if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');                clearTimeout(debounceTimer);                const query = e.target.value.trim();                this.currentQuery = query;                this.activeDealTag = null;                trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                this.updateURLParams();                if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                   this.fetchDeals(query);                }              }            });          }          if (this.autocompleteDropdown) {             this.autocompleteDropdown.addEventListener('click', (e) => {                const item = e.target.closest('.tg-df-autocomplete-item');                if (item) {                   const tag = item.getAttribute('data-tag');                   this.currentQuery = tag;                   if (this.searchInput) this.searchInput.value = tag;                   this.activeDealTag = tag;                   this.autocompleteDropdown.classList.remove('active');                   this.updateURLParams();                   this.fetchDeals(tag);                }             });             document.addEventListener('click', (e) => {               if (this.autocompleteDropdown && this.searchInput && !e.composedPath().includes(this.searchInput) && !e.composedPath().includes(this.autocompleteDropdown)) {                 this.autocompleteDropdown.classList.remove('active');               }             });          }          if (this.searchBtn) {            this.searchBtn.addEventListener('click', () => {              if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');              clearTimeout(debounceTimer);              const query = this.searchInput.value.trim();              trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });              this.activeDealTag = null;              this.currentQuery = query;              this.updateURLParams();              if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.fetchDeals(query);              }            });          }          if(this.sortSelect) this.sortSelect.addEventListener('change', () => {            trackElementInteraction({ id: `sort-option-${this.sortSelect.value}`, name: 'Sort', label: `Sort: ${this.sortSelect.options[this.sortSelect.selectedIndex].text}` });            this.updateURLParams();            if (this.deals.length > 0) {              this.sortData();              this.render();            }          });                    const priceFilter = this.root.querySelector('#tg-df-price-filter');          if (priceFilter) {            this.priceFilter = priceFilter;            this.priceFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-price-${this.priceFilter.value}`, name: 'Price', label: this.priceFilter.options[this.priceFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          const updateCustomPrice = () => {             this.updateURLParams();             if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);             } else {                this.render();             }          };          if (this.customPriceMin) {             this.customPriceMin.addEventListener('change', updateCustomPrice);             this.customPriceMin.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          if (this.customPriceMax) {             this.customPriceMax.addEventListener('change', updateCustomPrice);             this.customPriceMax.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          const discountFilter = this.root.querySelector('#tg-df-discount-filter');          if (discountFilter) {            this.discountFilter = discountFilter;            this.discountFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-discount-${this.discountFilter.value}`, name: 'Discount', label: this.discountFilter.options[this.discountFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          if (this.categoryFilter) {            this.categoryFilter.addEventListener('change', (e) => {               const val = e.target.value === 'all' ? null : e.target.value;               this.activeDealTag = val;               this.fetchSavingsSquad();            });          }                    if (this.settingsToggle) {            this.settingsToggle.addEventListener('click', () => {              const o = this.settingsPanel.classList.toggle('active');              this.settingsBackdrop.classList.toggle('active');              if (o) trackElementInteraction({ id: 'filter-open', name: 'Filters', label: 'Open filters' });            });          }                    if (this.settingsBackdrop) {            this.settingsBackdrop.addEventListener('click', () => {              this.settingsPanel.classList.remove('active');              this.settingsBackdrop.classList.remove('active');            });          }                    if (this.regionSelect) {            this.regionSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-region-${this.regionSelect.value}`, name: 'Region', label: this.regionSelect.options[this.regionSelect.selectedIndex].text });              this.updateURLParams();              this.updatePriceDropdownCurrency();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.retailerSelect) {            this.retailerSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-merchant-${this.retailerSelect.value}`, name: 'Retailer', label: this.retailerSelect.options[this.retailerSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.offerTypeSelect) {            this.offerTypeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-offertype-${this.offerTypeSelect.value}`, name: 'Offer Type', label: this.offerTypeSelect.options[this.offerTypeSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.viewModeSelect) {            this._prevViewMode = this.viewModeSelect.value;            this.viewModeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-viewmode-${this.viewModeSelect.value}`, name: 'View Mode', label: this.viewModeSelect.options[this.viewModeSelect.selectedIndex].text });                            // Reset all active toggles and filters to prevent config carry-over              this.selectedBrands = [];              if (this.brandTrigger) this.brandTrigger.innerText = 'Select Brands';              if (this.brandDropdown) {                const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                chks.forEach(chk => { chk.checked = false; });              }              if (this.priceFilter) this.priceFilter.value = 'all';              if (this.customPriceMin) this.customPriceMin.value = '';              if (this.customPriceMax) this.customPriceMax.value = '';              if (this.sortSelect) this.sortSelect.value = this.viewModeSelect.value === 'savings_squad' ? 'date_desc' : 'discount_desc';              if (this.discountFilter) this.discountFilter.value = '0';              if (this.retailerSelect) this.retailerSelect.value = '';              if (this.offerTypeSelect) this.offerTypeSelect.value = '';              if (this.rowsSelect) this.rowsSelect.value = '12';              if (this.categoryFilter) this.categoryFilter.value = 'all';              this.activeDealTag = null;              this.updateURLParams();              this.applyLayoutMode();                            if (this.getViewMode() === 'savings_squad' || this._prevViewMode === 'savings_squad') {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }              this._prevViewMode = this.viewModeSelect.value;            });          }                    if (this.rowsSelect) {            this.rowsSelect.addEventListener('change', () => {              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.dealModeToggle) {            this.dealModeToggle.addEventListener('change', () => {              this.updateURLParams();              this.render();            });          }          if (this.editorModeToggle) {             this.editorModeToggle.addEventListener('change', (e) => {                this.editorMode = e.target.checked;                this.render();                this.updateFloatingCopyBar();             });          }          if (this.editorCopyBtn) {             this.editorCopyBtn.addEventListener('click', () => {                this.copySelectedDealsToCMS();             });          }          if (this.editorClearBtn) {             this.editorClearBtn.addEventListener('click', () => {                this.selectedDeals.clear();                this.render();                this.updateFloatingCopyBar();             });          }          if (this.grid) {            this.grid.addEventListener('change', (e) => {               if (e.target.classList.contains('tg-df-deal-checkbox')) {                  const dealId = e.target.getAttribute('data-id');                  if (e.target.checked) {                     const dealObj = this.deals.find(d => d.id === dealId);                     if (dealObj) this.selectedDeals.set(dealId, dealObj);                  } else {                     this.selectedDeals.delete(dealId);                  }                  this.updateFloatingCopyBar();               }            });            this.grid.addEventListener('click', (e) => {              const dealCard = e.target.closest('[data-action="deal-click"]');              const similarCard = e.target.closest('[data-action="view-similar-click"]');              const cardLink = dealCard || similarCard;              if (cardLink) {                const productName = cardLink.getAttribute('data-product-name');                const merchantName = cardLink.getAttribute('data-merchant-name');                const productId = cardLink.getAttribute('data-analytics-id');                const price = parseFloat(cardLink.getAttribute('data-price')) || null;                const prevPriceStr = cardLink.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = cardLink.getAttribute('data-original-link');                const rewrittenLink = cardLink.getAttribute('href');                const revenueId = cardLink.getAttribute('data-revenue-id');                const index = parseInt(cardLink.getAttribute('data-index'), 10) || 0;                const inStock = cardLink.getAttribute('data-in-stock') === 'true';                const totalText = cardLink.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: cardLink.getAttribute('data-model-id') || null,                    matchId: cardLink.getAttribute('data-match-id') || null,                    brand: cardLink.getAttribute('data-model-brand') || null,                    parent: cardLink.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: cardLink.getAttribute('data-merchant-id') || null,                    network: cardLink.getAttribute('data-merchant-network') || null,                    url: cardLink.getAttribute('data-merchant-url') || null,                    name: merchantName                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: normalizeCurrency(this.escapeHTML(cardLink.getAttribute('data-currency') || '$'))                };                if (dealCard) {                  trackDealClick(trackingParams);                } else {                  trackViewSimilarClick(trackingParams);                }              }              const couponsBtn = e.target.closest('[data-action="coupons-click"]');              if (couponsBtn) {                trackElementInteraction({                  id: 'product-card-show-coupons',                  name: 'Coupons',                  label: `Product card coupons: ${couponsBtn.getAttribute('data-merchant')}`                });              }            });          }          this.setupScrollListeners();        }        setupScrollListeners() {          const containers = [             this.root.querySelector('.tg-df-carousel-roundels'),             this.root.querySelector('.tg-df-carousel-filters-wrap'),             this.root.querySelector('#tg-df-grid')          ];                    containers.forEach(container => {             if (!container) return;                          const checkScroll = () => {                if (!container.parentElement) return;                const leftBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-left');                const rightBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-right');                                if (leftBtn) {                   if (container.scrollLeft <= 5) leftBtn.style.display = 'none';                   else leftBtn.style.display = 'flex';                }                                if (rightBtn) {                   if (container.scrollWidth <= container.clientWidth) {                       rightBtn.style.display = 'none';                   } else if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 5) {                       rightBtn.style.display = 'none';                   } else {                       rightBtn.style.display = 'flex';                   }                }             };                          container.addEventListener('scroll', checkScroll);             checkScroll();                          window.addEventListener('resize', checkScroll);                          const observer = new MutationObserver(checkScroll);             observer.observe(container, { childList: true, subtree: true, characterData: false });          });        }        get widgetTypeName() {          const mode = this.viewModeSelect ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');          switch(mode) {              case 'carousel': return 'Carousel';              case 'savings_squad': return 'Savings Squad';              case 'grid': return 'Grid';              case 'row': return 'Row';              default: return 'Auto Collection';          }        }        getRowsLimit() {          if (this.rowsSelect && this.rowsSelect.value) return parseInt(this.rowsSelect.value, 10);          let configSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {             configSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {             configSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(configSource);          if (params.has('rows')) return parseInt(params.get('rows'), 10) || 12;          return 12;        }        getAreaCode() {          if (this.regionSelect && this.regionSelect.value) {            if (this.regionSelect.value === 'auto') return null;            return this.regionSelect.value;          }          let area = null;          try {            const locale = window.navigator.language || window.navigator.userLanguage;            if (locale && locale.includes('-')) {              area = locale.split('-')[1].toUpperCase();            } else if (locale && locale.length === 2) {              if (locale.toUpperCase() === 'EN') { area = 'US'; }              else { area = locale.toUpperCase(); }            }          } catch (e) { /* Ignore */ }                    // Map to known valid options or fallback to US          const valid = ['US', 'GB', 'CA', 'AU', 'DE', 'FR', 'IT'];          if (area === 'UK') area = 'GB';          if (valid.includes(area)) {             return area;          }          return 'US';        }                async loadCarouselSpreadsheet() {          try {              const parseCSVRow = (str) => {                  let result = [], cur = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (inQuotes) {                          if (char === '"') {                              if (str[i + 1] === '"') { cur += '"'; i++; }                              else { inQuotes = false; }                          } else { cur += char; }                      } else {                          if (char === '"') { inQuotes = true; }                          else if (char === ',') { result.push(cur); cur = ''; }                          else { cur += char; }                      }                  }                  result.push(cur); return result;              };              const parseCSV = (str) => {                  const rows = []; let curRow = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (char === '"') inQuotes = !inQuotes;                      if ((char === '\n' || char === '\r') && !inQuotes) {                          if (char === '\r' && str[i+1] === '\n') i++;                          if (curRow) rows.push(parseCSVRow(curRow));                          curRow = '';                      } else { curRow += char; }                  }                  if (curRow) rows.push(parseCSVRow(curRow));                  return rows;              };              const preloadedCSV = decodeURIComponent(escape(atob("LCwxLDIsMyw0LDUsNiw3LDgsOSwxMCwxMSwxMiwxMywxNCwxNQ0KUm91bmRlbCB0ZXh0LEFsbCxUVnMsRm9vdHdlYXIsQXBwYXJlbCxNYXR0cmVzZXMsQXBwbGlhbmNlcyxXZWFyYWJsZSB0ZWNoLEhlYWRwaG9uZXMsU21hcnQgSG9tZSxTcGVha2VycyxMYXB0b3BzLFRhYmxldHMsQ29tcHV0aW5nLFBob25lcyxHYW1pbmcsTGVnbw0KUm91bmRlbCBpbWFnZSxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL2FpLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3R2cy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvN2IzYTIyNGIwNzk2M2M2MjdiNmI5MDliZDc4MzM4MzZlMDJmZjgxOS5qcGcud2VicCxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy84NGRhYzVkNDhlZDJkNDQ4NTU5ZWJhNjdhY2U4MzE0Y2M2N2NjZDk0LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vcHJvZHVjdHMvY2Fyb3VzZWwvbWF0dHJlc3Nlcy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvNzY4ZTk3Y2ViMDcxODAxZmFlMjA5MTBkMDgyMGIxNmY3NDdhZjkzOS5qcGcud2VicCxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3dlbGxuZXNzLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL2hlYWRwaG9uZXMuanBnLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzg5NTM1YmVlYmUyMGRiYmQ0YTM0NmQ2ZDZiZGZlOTFkOGE4ODRhMjEuanBnLndlYnAsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9hdWRpby5qcGcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9sYXB0b3BzLmpwZyxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy8yMzk3NTY0ZWQ3YTVmZjk0N2U5YjZiMzBlNTRmNDc0OTRiODQxZjg5LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vcHJvZHVjdHMvY2Fyb3VzZWwvY29tcHV0aW5nLmpwZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3Bob25lcy5wbmcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9nYW1pbmcucG5nLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzRmNmM2MjFjYWMwYmMxYTg1ZDU5M2UzNTk0YmE1YjM0OWVmZmQyOTIuanBnLndlYnANClNlYXJjaCBRdWVyeSxFdmVyeXRoaW5nLFRlbGV2aXNpb25zLCJTbmVha2VycywgcnVubmluZyBzaG9lcywgc2FuZGFscyIsQ2xvdGhpbmcsTWF0dHJlc3NlcyxIb21lIEFwcGxpYW5jZXMsV2VhcmFibGVzICYgRml0bmVzcyBUZWNoLEhlYWRwaG9uZXMsSG9tZSBUZWNoLFNwZWFrZXJzLExhcHRvcHMsVGFibGV0cyxDb21wdXRpbmcsUGhvbmVzLEdhbWluZyxDb25zdHJ1Y3Rpb24gVG95cw0KRGlzY291bnQgQW1vdW50LG1pbiA1JSxtaW4gMTAlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUNClByaWNlIFJhbmdlLCwsLCxtaW4gJDQwMCwsLCxtaW4gJDI1LCxtaW4gJDMwMCwsLG1pbiAkMTAwLCwNCkJyYW5kIFNlbGVjdGlvbiwsLCwsLCwsLCwsLCwsLCwNCkZpbHRlciBidXR0b25zLCwsLCwsLCwsLCwsLCwsLA0KMSxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMNCjIsQW1hem9uIGRlYWxzLFVuZGVyICQxMDAwLDUwJSBvZmYsQWRpZGFzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsNTAlIG9mZixBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscw0KMyxPdmVyICQ0MDAsVW5kZXIgJDUwMCxIb2thLE5pa2UsU2FhdHZhLE5pbmphLDQwJSBvZmYsSkxhYiwsSkJMLERlbGwsLEFzdXMsQXBwbGUsQ29uc29sZXMsU3RhciBXYXJzDQo0LFVuZGVyICQxMDAwLDUwJSBvZmYsU2tlY2hlcnMsVW5kZXIgQXJtb3VyLEhlbGl4LFNoYXJrLEdhcm1pbixBbmtlciBTb3VuZGNvcmUsUmluZyxTb25vcyxBcHBsZSxBcHBsZSxUUC1saW5rLFNhbXN1bmcsQWNjZXNzb3JpZXMsVW5kZXIgJDI1DQo1LFVuZGVyICQ1MDAsTEcsQXNpY3MsQ29sdW1iaWEsRHJlYW1DbG91ZCxLZXVyaWcsQXBwbGUsU29ueSxHb3ZlZSxUcmliaXQsTGVub3ZvLFNhbXN1bmcsRWVybyxHb29nbGUsR2FtZXMsVW5kZXIgJDUwDQo2LDUwJSBvZmYsU2Ftc3VuZyxOaWtlLFBhdGFnb25pYSxOZWN0YXIsRGUnTG9uZ2hpLEFtYXpmaXQsQXBwbGUsS2FzYSBzbWFydCxTb255LEFsaWVud2FyZSxUQ0wsTmV0Z2VhcixNb3Rvcm9sYSxOaW50ZW5kbyxCb3RhbmljYWxzDQo3LEFtYXpvbixIaXNlbnNlLE5ldyBCYWxhbmNlLEFyYyd0ZXJ5eCxUZW1wdXItcGVkaWMsRHlzb24sRml0Yml0LEJlYXRzLFBoaWxpcHMgSHVlLEFua2VyLEFjZXIsT25lUGx1cyxEZWxsLE9uZVBsdXMsU29ueSxEaXNuZXkNCjgsQXBwbGUsVENMLEFkaWRhcyxDYXJoYXJ0dCxCZWFyLEJpc3NlbGwsU2Ftc3VuZyxFYXJmdW4sQmxpbmssQmVhdHMsTVNJLE1pY3Jvc29mdCxBY2VyLE5vdGhpbmcsWGJveCxNYXJ2ZWwNCjksLFNvbnksU2F1Y29ueSxUaGUgTm9ydGggRmFjZSxTaWVuYSxOdXRyaWJ1bGxldCxPdXJhLFNhbXN1bmcsR29vZ2xlIE5lc3QgLE1hcnNoYWxsLFNhbXN1bmcsTGVub3ZvLExlbm92bywsLFBva2Vtb24NCjEwLCxSb2t1LEJpcmtlbnN0b2NrLENSWiBZb2dhLFdpbmtCZWRzLEJsYWNrIGFuZCBEZWNrZXIsUmluZ2Nvbm4sQ01GLEV1ZnksU2Ftc3VuZyxNaWNyb3NvZnQsUmVNYXJrYWJsZSxBbGllbndhcmUsLCwNCjExLCwsQnJvb2tzLFRoZSBHeW0gUGVvcGxlLEJyb29rbHluIGJlZGRpbmcsTmVzcHJlc3NvLCwxTW9yZSxBcmxvLCxSYXplciwsQ29yc2FpciwsLA0KMTIsLCxDcm9jcywsRWlnaHQgU2xlZXAsQ3Vpc2luYXJ0LCxKQkwsLCwsLEhQLCwsDQpOb3RlcywsLCwsLCwsLCwsLCwsLCwNCiwsIlByaW9yaXRpc2UgYmlnZ2VzdCAlLyQgZGlzY291bnQsIFR2cyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiB0aGUgbW9zdCBwb3B1bGFyIGV2ZW4gaWYgdGhleSBhcmUgc3RpbGwgZXhwZW5zaXZlIiwiTm8gcGF0dGVybiB0byBwcmljaW5nL2Rpc2NvdW50LCByZWFkZXJzIG1haW5seSBzaG9wIGJ5IGJyYW5kL3JlY29nbmlzYWJsZSBzaG9lcyIsIk5vIHBhdHRlcm4gdG8gcHJpY2luZy9kaXNjb3VudCwgcmVhZGVycyBtYWlubHkgc2hvcCBieSBicmFuZCIsIkEgbGFiZWwgd2lsbCBkZWZpbml0ZWx5IGhlbHAgaGVyZSBlLmcuIGJlc3QgZm9yIHNpZGUgc2xlZXBlciwgYmVzdCBtZW1vcnkgZm9hbSIsIkFwcGxpYW5jZXMgaXMgYSBiaWcgY2F0ZWdvcnksIGlzIGl0IHBvc3NpYmxlIHRvIHNwbGl0IGludG8ga2l0Y2hlbiBhcHBsaWFuY2VzLCBmbG9vcmNhcmUsIGFpciBoZWFsdGgvY29vbGluZz8gT3Igc2ltaWxhciIsIkZvY3VzIG9uIHZhbHVlIGZvciBtb25leSwgR2FybWlucyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiBwb3B1bGFyIGV2ZW4gdGhvdWdoIHRoZXkgYXJlIHN0aWxsICQ1MDAiLCwsLCxJbmNsdWRlIEtpbmRsZXMsSSB3b3VsZCBpbmNsdWRlIHdpZmkgcm91dGVycyBoZXJlIGluc3RlYWQgb2Ygc21hcnQgaG9tZSxDYW4gd2Ugc3VyZmFjZSBwaG9uZSBwcm92aWRlciBkZWFscz8gVC1tb2JpbGUgYW5kIHZlcml6b24gd291bGQgbWFrZSBhIGxvdCBtb3JlIG1vbmV5IHRoYW4gQW1hem9uLCwNCiwsaGF2aW5nIGEgJ2Jlc3QgZm9yJyBsYWJlbCB3b3VsZCBiZSBoZWxwZnVsIGUuZy4gYmVzdCBmb3IgYnJpZ2h0IHJvb20sQ2FuIHdlIHN0b3Aga2lkcyBzaG9lcyBmcm9tIHB1bGxpbmcgdGhyb3VnaD8sIldpbGwgdGhpcyBpbmNsdWRlIGFjY2Vzc29yaWVzIGUuZy4gY2FwcywgYmFncywgaWYgc28gbWFrZSBzdXJlIHRoZXNlIGFyZSBtaXhlZCB0aHJvdWdob3V0IGNsb3RoaW5nIGRlYWxzIixXaWxsIHRoaXMgaW5jbHVkZSB0b3BwZXJzIGFuZCBwaWxsb3dzPyBTZWVpbmcgbW9yZSBtb21lbnR1bSB3aXRoIHRoaXMgY2F0ZWdvcnkgcmVjZW50bHkgc28gYSBiZWRkaW5nIHRhYiBtaWdodCB3b3JrLCwiTmVlZCB0byBtYWtlIHN1cmUgYmFuZHMsIHNjcmVlbiBwcm90ZWN0b3JzIGV0Yy4gZG9uJ3QgcHVsbCBpbnRvIGhlcmUiLCwsLCwsLCwsDQosLCJQcmlvcml0aXNlIDY1JycgYW5kIDU1JyBpbmNoIFRWcywgdGhlbiBiaWdnZXIgc2NyZWVucyBiZWZvcmUgdGhlIHNtYWxsZXIgc2l6ZXMiLCwsUXVlZW4gaXMgdGhlIG1vc3QgcG9wdWxhciBzaXplIGluIHRoZSBVUyAtIHByaW9yaXRpc2UgZGVhbHMgZm9yIHRoaXMgc2l6ZSwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpDYXRlZ29yaWVzIHRvIGNvbnNpZGVyLCxQcm9kdWN0cyBpbmNsdWRlZCwsLCwsLCwsLCwsLCwsDQpVbmRlciAkNTA/LCxBaXIgdGFncywsLCwsLCwsLCwsLCwsDQosLFBvcnRhYmxlIGNoYXJnZXJzL3dpcmVsZXNzIGNoYXJnZXJzLCwsLCwsLCwsLCwsLCwNCiwsIldhdGVyIGJvdHRsZXMgKHN0YW5sZXlzLCBPd2FsYSwgSHlkcm8gZmxhc2ssIFlldGkpIiwsLCwsLCwsLCwsLCwsDQosLEhhbmQgaGVsZCBmYW5zLCwsLCwsLCwsLCwsLCwNCiwsLCwsLCwsLCwsLCwsLCwNCmhvbWUgb2ZmaWNlLCxvZmZpY2UgY2hhaXJzLCwsLCwsLCwsLCwsLCwNCiwsc3RhbmRpbmcgZGVza3MsLCwsLCwsLCwsLCwsLA0KLCxtb25pdG9ycywsLCwsLCwsLCwsLCwsDQosLEtleWJvYXJkcywsLCwsLCwsLCwsLCwsDQosLGRvY2tpbmcgc3RhdGlvbiwsLCwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpHYW1pbmcsLENvbnNvbGVzLCwsLCwsLCwsLCwsLCwNCiwsQWNjZXNzb3JpZXMsLCwsLCwsLCwsLCwsLA0KLCxHYW1lcywsLCwsLCwsLCwsLCwsDQosLENvdWxkIGluY2x1ZGUgTGVnbz8sLCwsLCwsLCwsLCwsLA==")));              const text = preloadedCSV;              const parsed = parseCSV(text);                            const rowsByName = {};              let filterStart = -1;              parsed.forEach((rc, i) => {                 if (rc && rc.length > 0 && rc[0]) rowsByName[rc[0]] = rc;                 if (rc && rc.length > 0 && rc[0] === 'Filter buttons') filterStart = i;              });                            const cols = [];              if(rowsByName['Roundel text']) {                const headerRow = rowsByName['Roundel text'];                for(let col = 1; col < headerRow.length; col++) {                   let label = headerRow[col];                   if (!label) continue;                                      let q = rowsByName['Search Query'] && rowsByName['Search Query'][col] ? rowsByName['Search Query'][col] : '';                   let img = rowsByName['Roundel image'] && rowsByName['Roundel image'][col] ? rowsByName['Roundel image'][col] : '';                   let ds = rowsByName['Discount Amount'] && rowsByName['Discount Amount'][col] ? rowsByName['Discount Amount'][col] : '';                   let pr = rowsByName['Price Range'] && rowsByName['Price Range'][col] ? rowsByName['Price Range'][col] : '';                   let rt = rowsByName['Retailer'] && rowsByName['Retailer'][col] ? rowsByName['Retailer'][col] : '';                   let ot = rowsByName['Offer Type'] && rowsByName['Offer Type'][col] ? rowsByName['Offer Type'][col] : '';                                      let filters = [];                   if(filterStart > 0) {                     for(let r = filterStart + 1; r < parsed.length; r++) {                         if(!parsed[r] || parsed[r][0] === 'Notes' || parsed[r][0] === 'Categories to consider') break;                         let f = parsed[r][col];                         if(f) filters.push(f);                     }                   }                   cols.push({ label, img, q, ds, pr, rt, ot, filters });                }              }              this.carouselData = cols;              if (this.carouselData && this.carouselData.length > 0) {                 const isMatched = this.carouselData.some(c => c.q === this.currentQuery || c.label === this.currentQuery);                 if (!isMatched) {                    const first = this.carouselData[0];                    this.currentQuery = first.q || first.label;                    if (this.priceFilter) this.priceFilter.value = 'all';                    if (this.customPriceMin) this.customPriceMin.value = '';                    if (this.customPriceMax) this.customPriceMax.value = '';                    let dPr = first.pr || 'all';                    if (typeof dPr === 'string' && dPr !== 'all') {                       let prLower = dPr.toLowerCase();                       if (prLower.includes('min') || prLower.includes('over')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else if (prLower.includes('max') || prLower.includes('under')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       }                    }                    let dAm = '0';                    if(first.ds && typeof first.ds === 'string') {                       let m = first.ds.match(/(\d+)/);                       if(m) dAm = m[1];                    }                    if (this.discountFilter) this.discountFilter.value = dAm;                    if (this.offerTypeSelect) this.offerTypeSelect.value = first.ot || '';                    if (this.retailerSelect) this.retailerSelect.value = first.rt || '';                    this.selectedBrands = [];                    if (this.brandDropdown) {                        const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                        chks.forEach(chk => chk.checked = false);                    }                    if (this.searchInput) this.searchInput.value = this.currentQuery;                 }              }              this.renderCarouselUI();          } catch(e){ console.warn(e); }        }                renderCarouselUI() {           const roundelWrapper = this.root.querySelector('.tg-df-carousel-roundels');           if(!roundelWrapper || !this.carouselData) return;                      let html = '';           this.carouselData.forEach(r => {              const q = r.q || r.label;              const isActive = (this.currentQuery === q || this.currentQuery === r.label) ? 'active' : '';              const imgHtml = r.img ? `\x3Cimg src="${r.img}" alt="${r.label}" />` : `\x3Csvg width="32" height="32" fill="#1F69FF" viewBox="0 0 24 24">\x3Cpath d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\x3C/svg>`;              html += `                \x3Cdiv class="tg-df-roundel tg-df-carousel-cat ${isActive}" data-label="${this.escapeHTML(r.label)}">                  \x3Cdiv class="tg-df-roundel-img-box">${imgHtml}\x3C/div>                  \x3Cspan class="tg-df-roundel-label">${this.escapeHTML(r.label)}\x3C/span>                \x3C/div>              `;           });           roundelWrapper.innerHTML = html;                      // Rebind clicks           const roundels = this.root.querySelectorAll('.tg-df-carousel-cat');           roundels.forEach(rNode => {             rNode.addEventListener('click', () => {                const r = this.carouselData.find(c => c.label === rNode.getAttribute('data-label'));                 if(!r) return;                                  if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: r.label,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = r.q || r.label;                const labelTitle = this.root.querySelector('#tg-df-carousel-title-label');                if (labelTitle) labelTitle.textContent = 'Best ' + this.currentQuery;                if (this.priceFilter) this.priceFilter.value = 'all';                if (this.customPriceMin) this.customPriceMin.value = '';                if (this.customPriceMax) this.customPriceMax.value = '';                let dPr = r.pr || 'all';                if (typeof dPr === 'string' && dPr !== 'all') {                   let prLower = dPr.toLowerCase();                   if (prLower.includes('min') || prLower.includes('over')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMin) this.customPriceMin.value = m[1];                   } else if (prLower.includes('max') || prLower.includes('under')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMax) this.customPriceMax.value = m[1];                   }                }                                let discountAmount = '0';                if(r.ds && typeof r.ds === 'string') {                   let m = r.ds.match(/(\d+)/);                   if(m) discountAmount = m[1];                }                if (this.discountFilter) this.discountFilter.value = discountAmount;                if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                                // Clear brands                    this.selectedBrands = [];                    if (this.brandDropdown) {                    const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                    chks.forEach(chk => chk.checked = false);                }                                if (this.searchInput) this.searchInput.value = this.currentQuery;                                roundels.forEach(ro => ro.classList.remove('active'));                if (rNode) rNode.classList.add('active');                                this.renderCarouselFilters(r);                this.fetchDeals(this.currentQuery);             });           });                      // Auto-highlight active           const activeR = this.carouselData.find(c => c.q === this.currentQuery || c.label === this.currentQuery);           if(activeR) this.renderCarouselFilters(activeR);        }                renderCarouselFilters(r) {           const filtersWrap = this.root.querySelector('.tg-df-carousel-filters-wrap');           if(!filtersWrap) return;                      let html = `\x3Cbutton class="tg-df-carousel-filter-btn" data-type="all">All\x3C/button>`;                      r.filters.forEach(f => {              let fL = f.toLowerCase();              let icon = '';              let logic = `data-type="custom" data-v="${this.escapeHTML(f)}"`;              if (fL === 'amazon deals' || fL === 'prime deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>`;              } else if (fL === 'lightning deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>`;              } else {                 if (fL.includes('lightning')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap">\x3Cpolygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2">\x3C/polygon>\x3C/svg>`;                 } else if (fL.includes('% off')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>`;                 } else if (fL.includes('under') || fL.includes('min ')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>`;                 }                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>${icon} ${this.escapeHTML(f)}\x3C/button>`;              }           });                      filtersWrap.innerHTML = html;                      const btns = filtersWrap.querySelectorAll('button');           btns.forEach(b => {             b.addEventListener('click', () => {                const type = b.getAttribute('data-type');                if (type === 'custom') {                   const v = b.getAttribute('data-v');                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-custom-${(v||'').toLowerCase().replace(/[^a-z0-9]+/g, '-')}`, name: 'Custom Filter', label: v });                }                if (type === 'all') {                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: 'filter-clear-all', name: 'Clear all', label: 'Clear all filters' });                   // reset everything                   btns.forEach(btn => btn.classList.remove('active'));                   b.classList.add('active');                                      // Reset prices                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   if (this.brandDropdown) {                     const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                     chks.forEach(chk => chk.checked = false);                   }                } else {                   const v = b.getAttribute('data-v');                   const fL = v.toLowerCase();                                      let mapRet = ['amazon', 'walmart', 'best buy', 'target', 'john lewis', 'currys', 'argos'];                   const getCategory = (s) => {                      if (s === 'lightning deals' || s === 'amazon deals' || s === 'prime deals') return 'offer';                      if (s.includes('% off')) return 'discount';                      if (s.includes('under') || s.includes('over') || s.includes('min') || s.includes('max')) return 'price';                      if (mapRet.includes(s)) return 'retailer';                      return 'brand';                   };                   const cat = getCategory(fL);                   const wasActive = b.classList.contains('active');                   if (cat !== 'brand') {                      btns.forEach(btn => {                          if (btn === b) return;                          if (btn.getAttribute('data-type') === 'all') return;                          const bV = btn.getAttribute('data-v');                          if (!bV) return;                          if (getCategory(bV.toLowerCase()) === cat) btn.classList.remove('active');                      });                   }                   if (wasActive) b.classList.remove('active');                   else b.classList.add('active');                   let anyActive = Array.from(btns).some(btn => btn !== btns[0] && btn.classList.contains('active'));                   if (!anyActive) {                       btns[0].click();                       return;                   } else {                       btns[0].classList.remove('active');                   }                                      if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   btns.forEach(btn => {                       if (!btn.classList.contains('active') || btn.getAttribute('data-type') === 'all') return;                       const vv = btn.getAttribute('data-v');                       const vl = vv.toLowerCase();                                              if (vl === 'lightning deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_lightning';                       } else if (vl === 'amazon deals' || vl === 'prime deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_prime';                       } else if (vl.includes('% off')) {                          let m = vl.match(/(\d+)%/);                          if (m && this.discountFilter) this.discountFilter.value = m[1];                       } else if (vl.includes('under') || vl.includes('max')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       } else if (vl.includes('min') || vl.includes('over')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else {                          let foundR = mapRet.find(x => x === vl);                          if (foundR) {                             let realR = ['Amazon', 'Walmart', 'Best Buy', 'Target', 'John Lewis', 'Currys', 'Argos'].find(x => x.toLowerCase() === vl);                             if (this.retailerSelect) this.retailerSelect.value = realR;                          } else {                             this.selectedBrands.push(vv);                          }                       }                   });                                      if (this.brandDropdown) {                       const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                       chks.forEach(c => c.checked = this.selectedBrands.includes(c.value));                   }                                      if (r.pr && typeof r.pr === 'string') {                       let prL = r.pr.toLowerCase();                       if (prL.includes('under $')) {                           let m = prL.match(/under \$(\d+)/i);                           if (m && this.customPriceMax && !this.customPriceMax.value) this.customPriceMax.value = m[1];                       }                   }                }                                this.fetchDeals(this.currentQuery);             });           });                      // default to highlighting first           btns[0].classList.add('active');        }async fetchDeals(query, append = false) {          if (!append) {             this.showLoading();             this.deals = [];             this.displayLimit = this.getRowsLimit();          } else {             this.displayLimit += this.getRowsLimit();          }                    try {            if (this.getViewMode() === 'savings_squad') {               await this.fetchSavingsSquad(append);            } else {               if (this.isBroadQuery(query)) {                 await this.fetchAdviserDeals(query, append);               } else {                 await this.fetchHawkDeals(query, append);                 if (this.deals.length === 0) {                   await this.fetchAdviserDeals(query, append);                 }               }            }          } catch (error) {            console.warn("[Tom's Guide Widget] Fetch error:", error);            this.showError();          }        }        async fetchSavingsSquad() {          let topArticles = this.airedaleArticles;          if (!topArticles) {            const airedaleUrl = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`;            let res;            try {               res = await fetch(airedaleUrl);            } catch(e) {               try { res = await fetch(`https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`); } catch (err) { console.warn("Fallback fetch failed", err); return; }            }            if (!res.ok) throw new Error('Airedale API Error');            const articles = await res.json();            topArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);            this.airedaleArticles = topArticles;                        let tagCounts = {};            topArticles.forEach((a) => {              let articleTags = new Set();              if (a.articlecategory && Array.isArray(a.articlecategory)) {                 a.articlecategory.forEach((t) => articleTags.add(t));              }              articleTags.forEach(t => {                 tagCounts[t] = (tagCounts[t] || 0) + 1;              });            });                        this.airedaleTags = Object.keys(tagCounts).sort((a, b) => tagCounts[b] - tagCounts[a]);            this.airedaleTagCounts = tagCounts;          }                    let targetArticles = topArticles;          if (this.activeDealTag) {             const cleanTag = this.activeDealTag.toLowerCase().replace(/&/g, '').replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');             const encodedTag = encodeURIComponent(cleanTag);             const url = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50&articleCategoryHandle=${encodedTag}`;             try {                const res = await fetch(url);                if (res.ok) {                   const articles = await res.json();                   targetArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);                }             } catch(e) {                console.warn("Failed to fetch by activeDealTag", e);             }          }          let extractedDeals = [];          let dynamicBrandsCounts = {};                    targetArticles.forEach((article) => {             if (!article.articlepage) return;                          let pageData = [];             try {                pageData = JSON.parse(article.articlepage[0]);             } catch(e){ console.warn(e); }                          const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');                          savingsSquad.forEach((block, idx) => {                const data = block.data || {};                const isFeatured = block.type === 'featured-product';                                const link = data.link || {};                const priceObj = data.price || {};                const image = data.image || {};                                if (data.brand) {                   data.brand = data.brand.replace(/^\d+\.\s*/, '').trim();                   dynamicBrandsCounts[data.brand] = (dynamicBrandsCounts[data.brand] || 0) + 1;                }                const externalUrl = isFeatured ? data.url : (link.href || null);                let summaryTitle = isFeatured ? (data.name || data.brand) : (data.productName || link.label || article.articlename);                let description = isFeatured ? (data.strapline || '') : (data.text || '');                                if (!isFeatured && !data.productName && data.text) {                   const brSplit = data.text.split(new RegExp('\x3Cbr\\s*\\/?\\x3E', 'i'));                   if (brSplit.length > 1) {                     summaryTitle = brSplit[0].replace(/<[^>]+>/g, '').trim();                     description = brSplit.slice(1).join(' ').replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();                   } else {                     const match = data.text.match(/\x3Cstrong>(.*?)<\/strong>/);                     if (match) {                       summaryTitle = match[1].replace(/<[^>]+>/g, '').trim();                       if (summaryTitle.endsWith(':')) summaryTitle = summaryTitle.slice(0, -1);                     }                   }                }                                let imageUrl = isFeatured ? image.mos : (image.src || null);                if (imageUrl && imageUrl.startsWith('//')) imageUrl = 'https:' + imageUrl;                                description = description.replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').replace(/View Deal$/i, '').trim();                                let merchantName = data.retailer || '';                if (!merchantName && externalUrl) {                   try {                     merchantName = new URL(externalUrl).hostname.replace('www.', '').split('.')[0];                     merchantName = merchantName.charAt(0).toUpperCase() + merchantName.slice(1);                   }catch(e){ console.warn(e); }                }                if (!merchantName) merchantName = 'Retailer';                const q = (this.currentQuery || '').toLowerCase();                const activeTagLogic = (this.activeDealTag || '').toLowerCase();                if (q.length > 2 && q !== activeTagLogic) {                   const searchTarget = `${summaryTitle || ''} ${description || ''}`.toLowerCase();                   if (!searchTarget.includes(q)) return;                }                let rawPrice = 0;                let rawMsrp = 0;                let currencyStr = '$';                if (isFeatured) {                   rawPrice = typeof data.salePrice === 'number' && data.salePrice > 0 ? data.salePrice : (typeof data.price === 'number' ? data.price : 0);                   rawMsrp = typeof data.salePrice === 'number' && typeof data.price === 'number' && data.price > data.salePrice ? data.price : 0;                   currencyStr = data.currency === 'GBP' ? '£' : '$';                } else {                   rawPrice = priceObj.amount ? parseFloat(priceObj.amount) : 0;                   rawMsrp = priceObj.amountWas ? parseFloat(priceObj.amountWas) : 0;                   currencyStr = priceObj.currency === 'GBP' ? '£' : '$';                }                                let savingAmt = 0;                let savingLabel = '';                if (rawPrice > 0 && rawMsrp > rawPrice) {                   savingAmt = parseFloat((rawMsrp - rawPrice).toFixed(2));                   savingLabel = `Save ${currencyStr}${savingAmt}`;                }                                // Apply Brand filter                if (this.selectedBrands && this.selectedBrands.length > 0) {                   const itemBrand = (data.brand || '').toLowerCase();                   const hasMatch = this.selectedBrands.some(sb => sb.toLowerCase() === itemBrand);                   if (!hasMatch) return;                }                // Apply Price filter                let priceFilterVal = null;                const min = this.customPriceMin ? this.customPriceMin.value : '';                const max = this.customPriceMax ? this.customPriceMax.value : '';                if (min || max) {                   priceFilterVal = `${min}_${max}`;                } else if (this.priceFilter && this.priceFilter.value !== 'all') {                   priceFilterVal = this.priceFilter.value;                }                if (priceFilterVal && rawPrice > 0) {                   if (priceFilterVal === 'under50' && rawPrice >= 50) return;                   if (priceFilterVal === 'over50' && rawPrice <= 50) return;                   if (priceFilterVal === 'over30' && rawPrice <= 30) return;                   if (priceFilterVal === 'over500' && rawPrice <= 500) return;                   if (priceFilterVal.includes('_')) {                      const parts = priceFilterVal.split('_');                      const min = parseFloat(parts[0]);                      const max = parseFloat(parts[1]);                      if (!isNaN(min) && rawPrice < min) return;                      if (!isNaN(max) && rawPrice > max) return;                   }                }                // Apply Discount filter                if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {                   const requiredDiscount = parseInt(this.discountFilter.value);                   if (!isNaN(requiredDiscount) && requiredDiscount > 0) {                      if (!rawMsrp || rawMsrp <= rawPrice) return;                      const ratio = Math.round((1 - (rawPrice / rawMsrp)) * 100);                      if (ratio < requiredDiscount) return;                   }                }                                extractedDeals.push({                   id: `airedale-${article.id || Math.random()}-${idx}`,                   url: externalUrl,                   image: imageUrl,                   fallbackImage: imageUrl,                   title: summaryTitle,                   brand: data.brand || '',                   productName: data.productName || '',                   merchant: merchantName,                   rawPrice: rawPrice,                   rawMsrp: rawMsrp,                   price: rawPrice > 0 ? rawPrice.toString() : '',                   msrp: rawMsrp > 0 ? rawMsrp.toString() : '',                   currency: currencyStr,                   isCheckPrice: !rawPrice,                   savingLabel: savingLabel,                   savingType: rawMsrp > rawPrice ? 'amount' : 'none',                   isPrime: false,                   starRating: null,                   description: description,                   text: data.text || ''                });             });          });                    const airedaleBrandsList = Object.keys(dynamicBrandsCounts).map(b => ({              formatted_value: b,              count: dynamicBrandsCounts[b]          })).sort((a,b) => b.count - a.count);                    if (this.getViewMode() === 'savings_squad') {             this.populateBrandDropdown(airedaleBrandsList.slice(0, 15));             if (this.brandFilterWrapper) {                if (airedaleBrandsList.length === 0) {                    this.brandFilterWrapper.style.display = 'none';                } else {                    this.brandFilterWrapper.style.display = 'flex';                }             }          }                    this.deals = extractedDeals;          this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        isBroadQuery(query) {          const q = query.toLowerCase();          const intentModifiers = ['deals', 'best', 'sale', 'under', 'cheap', 'offers', 'discount'];          return intentModifiers.some(term => q.includes(term));        }        async fetchHawkDeals(query, append = false) {          const url = new URL(this.apiUrl);          url.searchParams.append('model_name', query);          const areaCode = this.getAreaCode();          if (areaCode) {            url.searchParams.append('area', areaCode);          }                    if (append && this.deals.length > 0) {            url.searchParams.append('offset', this.deals.length.toString());          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.append('filter_merchant_name', this.retailerSelect.value);          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.append('filter_label[text_brand]', this.selectedBrands.join(','));          }                    let priceVal = null;          const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             priceVal = `${min}_${max}`;          } else if (this.priceFilter && this.priceFilter.value !== 'all') {             priceVal = this.priceFilter.value;          }          if (priceVal) {            if (priceVal === 'under50') {              url.searchParams.append('filter_max_price', '50');            } else if (priceVal === 'over50') {              url.searchParams.append('filter_min_price', '50');            } else if (priceVal === 'over30') {              url.searchParams.append('filter_min_price', '30');            } else if (priceVal === 'over500') {              url.searchParams.append('filter_min_price', '500');            } else if (priceVal.includes('_')) {              const parts = priceVal.split('_');              if (parts[0]) url.searchParams.append('filter_min_price', parts[0]);              if (parts[1]) url.searchParams.append('filter_max_price', parts[1]);            }          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {              const ratio = (100 - v) / 100;              url.searchParams.append('min_discount_ratio', ratio.toString());            }          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.append('offer', this.offerTypeSelect.value);          }                    url.searchParams.append('filter_product_types', 'deals');                    url.searchParams.append('rows', this.getRowsLimit().toString());          let response;          try {             response = await fetch(url.toString());          } catch(e) {             if (window.location.protocol === 'file:') {                console.warn("[Tom's Guide Widget] fetch from file:// blocked by local CORS policy, falling back to Adviser mock.");                await this.fetchAdviserDeals(query);                return;             }             console.warn("Hawk fetch failed", e);             this.deals = [];             this.render();             return;          }          if (!response.ok) {            throw new Error('Hawk API Response Error');          }          const rawData = await response.json();          // Safely locate data array from potentially wrapped response          let offers = [];          let modelInfoArray = [];                    let brandFilterData = null;          if (rawData && rawData.widget && rawData.widget.data && Array.isArray(rawData.widget.data.filters)) {             brandFilterData = rawData.widget.data.filters.find(f => f.type === 'label_text_brand');          } else if (rawData && rawData.data && Array.isArray(rawData.data.filters)) {             brandFilterData = rawData.data.filters.find(f => f.type === 'label_text_brand');          }          if (brandFilterData && Array.isArray(brandFilterData.values) && brandFilterData.values.length > 0) {             this.populateBrandDropdown(brandFilterData.values);          } else {             if (this.brandFilterWrapper && this.selectedBrands.length === 0) {                this.brandFilterWrapper.style.display = 'none';             }          }                    if (rawData && rawData.widget && rawData.widget.data) {            if (Array.isArray(rawData.widget.data.offers)) offers = rawData.widget.data.offers;            if (rawData.widget.data.model_info && typeof rawData.widget.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.widget.data.model_info) ? rawData.widget.data.model_info : Object.values(rawData.widget.data.model_info);            }          } else if (rawData && rawData.data) {            if (Array.isArray(rawData.data.offers)) offers = rawData.data.offers;            if (rawData.data.model_info && typeof rawData.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.data.model_info) ? rawData.data.model_info : Object.values(rawData.data.model_info);            }          } else {            if (Array.isArray(rawData)) offers = rawData;            else if (rawData && Array.isArray(rawData.offers)) offers = rawData.offers;            else if (rawData && rawData.offers && Array.isArray(rawData.offers.offer)) offers = rawData.offers.offer;            else if (rawData && rawData.offers) offers = [].concat(rawData.offers);                        if (rawData && rawData.model_info && typeof rawData.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.model_info) ? rawData.model_info : Object.values(rawData.model_info);            }          }          let modelDetails = {};          modelInfoArray.forEach(m => {            const mId = m.model_id || m.id;            if (mId) {              modelDetails[mId] = {                score: m.score != null ? parseFloat(m.score) : null,                brand: m.brand || null,                parent: (m.parents && Array.isArray(m.parents) && m.parents.length > 0) ? m.parents[0].name : null              };            }          });          offers.forEach(item => {            let data = { ...item };            const mId = data.model_id;            if (mId && modelDetails[mId]) {              data.review_score = modelDetails[mId].score;              data.model_brand = modelDetails[mId].brand;              data.model_parent = modelDetails[mId].parent;            } else {              data.review_score = null;            }                        let itemOffers = [];            if (Array.isArray(item.offers)) itemOffers = item.offers;            else if (Array.isArray(item.offer)) itemOffers = item.offer;            else if (item.offers && typeof item.offers === 'object') itemOffers = [item.offers];            else if (item.offer && typeof item.offer === 'object') itemOffers = [item.offer];            if (itemOffers.length > 0) {              itemOffers.forEach(subItem => {                let subData = { ...item, ...subItem };                const subId = subData.model_id;                if (subId && modelDetails[subId]) {                  subData.review_score = modelDetails[subId].score;                  subData.model_brand = modelDetails[subId].brand;                  subData.model_parent = modelDetails[subId].parent;                } else if (data.review_score != null) {                  subData.review_score = data.review_score;                }                if (subData.merchant && typeof subData.merchant === 'object') {                  subData.merchant_name = subData.merchant.name;                }                this.deals.push(this.extractDealData(subData));              });              return;            }                        if (item.merchant && typeof item.merchant === 'object') {              data.merchant_name = item.merchant.name;            }                        this.deals.push(this.extractDealData(data));          });                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        async fetchAdviserDeals(query) {          // ======================================================================          // TODO: ADVISER API REPLACEMENT          // The code below simulates the Adviser API response using mock data.          // Once the real endpoint is ready, remove getAdviserMockData() and           // perform an actual fetch() request similar to fetchHawkDeals().          // Example:          // const area = this.getAreaCode();          // let apiUrl = `https://your-adviser-api.com/search?q=${query}&area=${area}`;          // if (this.priceFilter && this.priceFilter.value !== 'all') {          //   const val = this.priceFilter.value;          //   if (val === 'under50') apiUrl += '&filter_max_price=50';          //   else if (val === '50_100') apiUrl += '&filter_max_price=100';          //   else if (val === '100_200') apiUrl += '&filter_max_price=200';          //   else if (val === '200_500') apiUrl += '&filter_max_price=500';          // }          // const res = await fetch(apiUrl);          // const rawData = await res.json();          // ======================================================================          // Simulating network latency          await new Promise(resolve => setTimeout(resolve, 400));                    const rawData = this.getAdviserMockData();          let offers = [];                    if (rawData && rawData.data && rawData.data.Get && Array.isArray(rawData.data.Get.Deal)) {            offers = rawData.data.Get.Deal;          }                    // Basic client-side filtering for the mock if we want it to react to the query          const q = query.toLowerCase();          const selectedRetailer = (this.retailerSelect && this.retailerSelect.value) ? this.retailerSelect.value.toLowerCase() : null;                    offers.forEach(item => {            const dataObj = item;                        // Apply retailer filter            const itemRetailer = (dataObj.dataRetailer || '').toLowerCase();            if (selectedRetailer && itemRetailer !== selectedRetailer && !itemRetailer.includes(selectedRetailer)) {              return;            }                        // Apply mock price filter            let price = dataObj.dataDiscountedPrice || 0;            if (typeof price === 'string') {              price = parseFloat(price.replace(/[^0-9.]/g, ''));            }            let priceVal = null;            const min = this.customPriceMin ? this.customPriceMin.value : '';            const max = this.customPriceMax ? this.customPriceMax.value : '';            if (min || max) {               priceVal = `${min}_${max}`;            } else if (this.priceFilter && this.priceFilter.value !== 'all') {               priceVal = this.priceFilter.value;            }            if (priceVal) {              if (priceVal === 'under50' && price >= 50) return;              if (priceVal === 'over50' && price <= 50) return;              if (priceVal === 'over30' && price <= 30) return;              if (priceVal === 'over500' && price <= 500) return;              if (priceVal.includes('_')) {                 const parts = priceVal.split('_');                 if (parts[0] && price < parseFloat(parts[0])) return;                 if (parts[1] && price > parseFloat(parts[1])) return;              }            }                        // Map Adviser schema to our widget's expected schema            const mappedData = {              url: dataObj.linkHREF || dataObj.dataLink || '#',              image: dataObj.imageURL || (dataObj.image && dataObj.image.src) || '',              title: dataObj.dataProduct || (dataObj.product && dataObj.product.name) || 'Product Deal',              merchant: dataObj.dataRetailer || 'Retailer',              price: dataObj.dataDiscountedPrice || 0,              currency: dataObj.dataCurrency === 'USD' ? '$' : (dataObj.dataCurrency || '$'),              msrp: dataObj.dataOriginalPrice || null            };                        const titleLow = mappedData.title.toLowerCase();            const merchLow = mappedData.merchant.toLowerCase();                        // Smarter mock filtering            let isMatch = false;            if (q === '' || this.isBroadQuery(q)) {              isMatch = true;            } else if (titleLow.includes(q) || merchLow.includes(q)) {              isMatch = true;            } else if ((q.includes('laptop') || q.includes('mac') || q.includes('pc')) && (titleLow.includes('macbook') || titleLow.includes('laptop'))) {              isMatch = true;            } else if ((q.includes('tv') || q.includes('television')) && (titleLow.includes('tv') || titleLow.includes('oled') || titleLow.includes('qled'))) {              isMatch = true;            } else if ((q.includes('phone') || q.includes('smartphone')) && (titleLow.includes('galaxy') || titleLow.includes('phone'))) {              isMatch = true;            } else if ((q.match(/watch|fitness|run|shoe/)) && (titleLow.includes('forerunner') || titleLow.includes('saucony') || titleLow.includes('watch'))) {              isMatch = true;            }                        if (isMatch) {               this.deals.push(this.extractDealData(mappedData));            }          });                    let rowLimit = this.getRowsLimit();          // Intentionally omitting the slice here to allow "Load More" to work if the API returns more                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        getAdviserMockData() {          return {            "data": {              "Get": {                "Deal": [                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 300,                    "dataOriginalPrice": 399,                    "dataProduct": "Samsung Galaxy A36",                    "dataRetailer": "Samsung",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/MqDYsukV3JBG54te6dEs7j.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 14,                    "dataOriginalPrice": 24,                    "dataProduct": "Blink Mini",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/3JurmAjHsDa5tPdaHAwEV8.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 59,                    "dataOriginalPrice": 99,                    "dataProduct": "Ring Video Doorbell",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/rAh4uR7AsAsALCCLTXnLNJ.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 10,                    "dataOriginalPrice": 599,                    "dataProduct": "MacBook Neo",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/Lg4Dvg68j9SbB5CPNrTEpH.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 749,                    "dataOriginalPrice": 849,                    "dataProduct": "65\\\" Fire TV Omni 4K QLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/SG34ZWodUkLTxJvMTbjPYR.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 71,                    "dataOriginalPrice": 160,                    "dataProduct": "Saucony Hurricane 24",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/vxf7UD5T2Am7guVzFoFcZ4.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 649,                    "dataOriginalPrice": 749,                    "dataProduct": "Garmin Forerunner 970",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/3GKnEu7CdhtxPMfnPCMCiA.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1049,                    "dataOriginalPrice": 1499,                    "dataProduct": "LG 48\\\" C4 4K OLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/imvwZV9zoMD6fn9Afuge35.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1499,                    "dataOriginalPrice": 2199,                    "dataProduct": "Samsung 49\\\" Odyssey Neo G9 4K Gaming Monitor",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/XWDEJ5dUAE2nhK8k3Jk7k7.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 299,                    "dataOriginalPrice": 699,                    "dataProduct": "EGOHOME Black Memory Foam Mattress (queen)",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/hMUemtAejNETLVYxNrktzm.jpg"                  }                ]              }            }          };        }        decodeHTML(html) {          if (!html) return '';          const txt = document.createElement("textarea");          txt.innerHTML = String(html);          return txt.value;        }        extractDealData(item) {          const priceRawStr = String(item.price || item.current_price || '0');          const msrpRawStr = String(item.was_price || item.msrp || item.original_price || '0');          const rawPrice = parseFloat(priceRawStr.replace(/[^\d.]/g, '')) || 0;          const rawMsrp = parseFloat(msrpRawStr.replace(/[^\d.]/g, '')) || 0;          const isCheckPrice = rawPrice === 0 || priceRawStr === '0.00' || priceRawStr === '0';                    let originalImageUrl = item.image || item.image_url || item.product_image || '';          let imageUrl = originalImageUrl;          if ((!imageUrl || isCheckPrice) && item.model_image_url) {             imageUrl = item.model_image_url;             originalImageUrl = imageUrl;          } else if ((!imageUrl || isCheckPrice) && item.model_image) {             imageUrl = item.model_image;             originalImageUrl = imageUrl;          }                    if (imageUrl) {            imageUrl = imageUrl.replace(/-(\d+)-(\d+)(\.[a-z.]+)$/i, '$3');          }                    let fallbackImage = '';          if (originalImageUrl && originalImageUrl !== imageUrl) {             fallbackImage = originalImageUrl;          } else if (item.model_image && item.model_image !== imageUrl) {             fallbackImage = item.model_image;          } else if (item.model_image_url && item.model_image_url !== imageUrl) {             fallbackImage = item.model_image_url;          }                    const rawCurrency = item.currency || item.currency_symbol || '$';                    let savingLabel = item.percentage_saving_label || '';          if (!savingLabel && rawMsrp > rawPrice && rawPrice > 0) {            const pct = Math.round(((rawMsrp - rawPrice) / rawMsrp) * 100);            if (pct > 0) {              savingLabel = `${pct}% OFF`;            }          }                    const isPrime = item.shipping && item.shipping.prime === true;                    let scoreRaw = (item.review_score !== undefined && item.review_score !== null && item.review_score > 0) ? parseFloat(item.review_score) : null;          let starRating = 0;          if (scoreRaw !== null) {            starRating = Math.round((scoreRaw > 10 ? scoreRaw / 20 : scoreRaw / 2) * 2) / 2;          }                    return {            id: item.offer_id || item.link || item.url || item.offer_link || Math.random().toString(),            url: item.link || item.url || item.offer_link || '#',            image: imageUrl,            fallbackImage: fallbackImage,            title: item.name || item.title || item.model_name || item.product_name || 'Unknown Product',            brand: item.brand || '',            productName: item.model_name || item.product_name || item.name || '',            merchant: item.merchant_name || item.merchant || item.retailer || 'Retailer',            price: item.price !== undefined ? String(item.price) : '0.00',            currency: this.decodeHTML(rawCurrency),            msrp: item.was_price || item.msrp || item.original_price || null,            rawPrice: rawPrice,            rawMsrp: rawMsrp,            hasWasPrice: (item.was_price !== undefined && item.was_price !== null),            isCheckPrice: isCheckPrice,            savingLabel: savingLabel,            isPrime: isPrime,            starRating: starRating > 0 ? starRating : null,            modelId: item.model_id || '',            productKey: item.product_key || '',            merchantId: (item.merchant && typeof item.merchant === 'object') ? item.merchant.id || '' : '',            matchId: item.match_id || '',            merchantNetwork: (item.merchant && typeof item.merchant === 'object') ? item.merchant.an || '' : '',            merchantUrl: (item.merchant && typeof item.merchant === 'object') ? item.merchant.url || '' : '',            modelBrand: item.model_brand || item.brand || '',            modelParent: item.model_parent || ''          };        }        sortData() {          const sortVal = this.sortSelect ? this.sortSelect.value : (this.getViewMode() === 'savings_squad' ? 'date_desc' : 'discount_desc');          if (sortVal === 'price_asc') {            this.deals.sort((a, b) => a.rawPrice - b.rawPrice);          } else if (sortVal === 'price_desc') {            this.deals.sort((a, b) => b.rawPrice - a.rawPrice);          } else if (sortVal === 'discount_desc') {            this.deals.sort((a, b) => {              const aDiscount = a.rawMsrp > a.rawPrice ? (a.rawMsrp - a.rawPrice) : 0;              const bDiscount = b.rawMsrp > b.rawPrice ? (b.rawMsrp - b.rawPrice) : 0;              return bDiscount - aDiscount;            });          } else if (sortVal === 'date_desc') {             this.deals.sort((a, b) => {                let dateA = 0;                let dateB = 0;                if (a && a.modifiedDate) {                   const valA = Array.isArray(a.modifiedDate) ? a.modifiedDate[0] : a.modifiedDate;                   dateA = new Date(valA).getTime();                   if (isNaN(dateA)) dateA = 0;                }                if (b && b.modifiedDate) {                   const valB = Array.isArray(b.modifiedDate) ? b.modifiedDate[0] : b.modifiedDate;                   dateB = new Date(valB).getTime();                   if (isNaN(dateB)) dateB = 0;                }                return dateB - dateA;             });          }        }        getFilteredDeals() {          let filteredDeals = [...this.deals];                    if (this.dealModeToggle && this.dealModeToggle.checked) {            filteredDeals = filteredDeals.filter(d => d.hasWasPrice || (d.msrp && d.rawMsrp > d.rawPrice));          }                    return filteredDeals;        }        showLoading() {          const _div = '<' + '/div>';          const skeletonCardHtml = `            \x3Cdiv class="tg-df-card">              \x3Cdiv class="tg-df-card-image-box">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-img">${_div}              ${_div}              \x3Cdiv class="tg-df-card-body">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-card-footer mt-auto">                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="height:24px;">${_div}                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text" style="height:44px; margin-top:8px;">${_div}                ${_div}              ${_div}            ${_div}`;          this.grid.innerHTML = Array(4).fill(skeletonCardHtml).join('');        }        showError() {          const _div = '<' + '/div>';          this.grid.innerHTML = `\x3Cdiv class="tg-df-message">            An error occurred while finding deals. Please check your connection and try again.          ${_div}`;        }        escapeHTML(str) {          if (!str) return '';          return String(str).replace(/[&<>'"]/g, tag => ({              '&': '&', '<': '<', '>': '>', "'": ''', '"': '"'          }[tag] || tag));        }                bindCouponButtons() {          const btns = this.root.querySelectorAll('.tg-df-tag-coupons');          btns.forEach(btn => {            btn.addEventListener('click', (e) => {              e.preventDefault();              e.stopPropagation();              const merchant = btn.getAttribute('data-merchant');              this.openVouchersModal(merchant);            });          });                    const closeBtn = this.root.querySelector('#tg-df-vouchers-close');          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (closeBtn) {            closeBtn.onclick = () => this.closeVouchersModal();          }          if (backdrop) {            backdrop.onclick = (e) => {              if (e.target === backdrop) this.closeVouchersModal();            };          }        }                closeVouchersModal() {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (backdrop) backdrop.classList.remove('active');        }                async checkMerchantsCouponsBulk(merchants) {          if (!merchants || merchants.length === 0) return {};          const controller = new AbortController();          const timeoutId = setTimeout(() => controller.abort(), 4000);          try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchants.join(','));            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '120');            url.searchParams.append('origin', 'widgets-clientside');                        let res; try { res = await fetch(url.toString(), { signal: controller.signal }); } catch (e) { return {}; }            clearTimeout(timeoutId);            if (!res.ok) return {};            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        const foundMerchants = new Set();            offers.forEach(o => {              let mName = o.merchant_name || o.merchant || o.retailer;              if (mName && typeof mName === 'object') mName = mName.name;              if (mName) foundMerchants.add(String(mName).toLowerCase());            });            const resultMap = {};            merchants.forEach(m => {              if (m) resultMap[m] = foundMerchants.has(String(m).toLowerCase());            });            return resultMap;          } catch (e) {            return {};          }        }                async openVouchersModal(merchantName) {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          const title = this.root.querySelector('#tg-df-vouchers-title');          const content = this.root.querySelector('#tg-df-vouchers-content');                    if (!backdrop || !content) return;                    // HACK: Hide closing tags          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h4 = '<' + '/h4>';          const _svg = '<' + '/svg>';          const _circle = '<' + '/circle>';          const _polyline = '<' + '/polyline>';          const _rect = '<' + '/rect>';          const _path = '<' + '/path>';                    title.innerText = `${merchantName} Coupons & Deals`;          content.innerHTML = `\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}                               \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}`;          backdrop.classList.add('active');                    try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchantName);            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '50');            url.searchParams.append('origin', 'widgets-clientside');                        const res = await fetch(url.toString());            if (!res.ok) throw new Error('API Error');            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        if (offers.length === 0) {              content.innerHTML = `\x3Cdiv class="tg-df-message">No vouchers currently available for ${this.escapeHTML(merchantName)}.${_div}`;              return;            }                        content.innerHTML = offers.map((v, idx) => {              let offerObj = v;              if (v.offers && v.offers.offer) {                offerObj = Array.isArray(v.offers.offer) ? v.offers.offer[0] : v.offers.offer;              } else if (v.offer) {                offerObj = Array.isArray(v.offer) ? v.offer[0] : v.offer;              }              let logoUrl = v.logo_url || offerObj.logo_url || '';              if (!logoUrl && v.merchant) {                if (Array.isArray(v.merchant) && v.merchant.length > 0) logoUrl = v.merchant[0].logo_url || '';                else logoUrl = v.merchant.logo_url || '';              }                            const offerName = offerObj.name || offerObj.title || v.name || v.title || 'Special Offer';              const endTime = offerObj.end_time || v.end_time || '';              const linkUrl = offerObj.link || offerObj.url || v.link || v.url || '#';                            let foundVoucherCode = '';              const findVoucherCode = (obj) => {                if (!obj || typeof obj !== 'object') return;                if (obj.type === 'voucher_code' && obj.display_value) {                  foundVoucherCode = obj.display_value;                  return;                }                if (Array.isArray(obj)) {                  for (const item of obj) {                    findVoucherCode(item);                    if (foundVoucherCode) return;                  }                } else {                  for (const k in obj) {                    if (Object.prototype.hasOwnProperty.call(obj, k)) {                      findVoucherCode(obj[k]);                      if (foundVoucherCode) return;                    }                  }                }              };              findVoucherCode(offerObj);              if (!foundVoucherCode) findVoucherCode(v);                            const voucherCode = foundVoucherCode || offerObj.voucher_code || v.voucher_code || '';              const codeHtml = voucherCode ? `\x3Cspan class="tg-df-voucher-code" data-action="copy-code" data-code="${this.escapeHTML(voucherCode)}" title="Copy to clipboard">                \x3Cspan class="tg-df-voucher-code-text">${this.escapeHTML(voucherCode)}${_span}                \x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:6px;flex-shrink:0;" class="tg-df-voucher-copy-icon">                  \x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">${_rect}                  \x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">${_path}                ${_svg}              ${_span}` : '';                            const logoHtml = logoUrl                 ? `\x3Cimg src="${this.escapeHTML(logoUrl)}" alt="${this.escapeHTML(offerName)}" class="tg-df-voucher-logo" />`                 : `\x3Cdiv class="tg-df-voucher-logo" style="background:#e2e8f0;">${_div}`;                            let expiryHtml = '';              if (endTime) {                let dStr = endTime;                if (!isNaN(dStr) && String(dStr).length === 10) dStr = Number(dStr) * 1000;                const d = new Date(dStr);                if (!isNaN(d.getTime())) {                  const options = { year: 'numeric', month: 'short', day: 'numeric' };                  expiryHtml = `                    \x3Cdiv class="tg-df-voucher-expiry">                      \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                        \x3Ccircle cx="12" cy="12" r="10">${_circle}                        \x3Cpolyline points="12 6 12 12 16 14">${_polyline}                      ${_svg}                      Expires ${d.toLocaleDateString(undefined, options)}                    ${_div}`;                }              }              const revenueIdVal = generateRevenueId(linkUrl, offerName, merchantName, null);              const rewrittenLinkUrl = rewriteAffiliateLink(linkUrl, area, revenueIdVal);              return `                \x3Ca href="${this.escapeHTML(rewrittenLinkUrl)}" target="_blank" rel="noopener nofollow" class="tg-df-voucher-item"                  data-action="voucher-click"                  data-product-name="${this.escapeHTML(offerName)}"                  data-merchant-name="${this.escapeHTML(merchantName)}"                  data-analytics-id="${this.escapeHTML(offerObj.offer_id || offerObj.id || v.id || '')}"                  data-price=""                  data-previous-price=""                  data-original-link="${this.escapeHTML(linkUrl)}"                  data-revenue-id="${revenueIdVal}"                  data-index="${idx}"                  data-total="${offers.length}"                  data-in-stock="true"                  data-currency="USD"                  data-model-id="${this.escapeHTML(offerObj.model_id || v.model_id || offerObj.id || v.id || '')}"                  data-merchant-id="${this.escapeHTML(offerObj.merchant_id || offerObj.merchant?.id || '')}"                >                  ${logoHtml}                  \x3Cdiv class="tg-df-voucher-content">                    \x3Ch4 class="tg-df-voucher-title">${this.escapeHTML(offerName)}${_h4}                    ${codeHtml}                    ${expiryHtml}                  ${_div}                ${_a}              `;            }).join('');                        // Attach copy functionality            const copyBtns = content.querySelectorAll('[data-action="copy-code"]');            copyBtns.forEach(btn => {              btn.addEventListener('click', async (e) => {                e.preventDefault();                e.stopPropagation();                                const code = btn.getAttribute('data-code');                if (!code) return;                                try {                  const copyToClipboard = async (text) => {                     if (window.navigator.clipboard && window.isSecureContext) {                        try { await window.navigator.clipboard.writeText(text); return; } catch (e) {}                     }                     const textArea = document.createElement("textarea");                     textArea.value = text;                     textArea.style.position = "fixed";                     document.body.appendChild(textArea);                     textArea.focus();                     textArea.select();                     document.execCommand('copy');                     textArea.remove();                  };                  await copyToClipboard(code);                                    // Visual feedback                  btn.classList.add('copied');                  const textSpan = btn.querySelector('.tg-df-voucher-code-text');                  const iconSvg = btn.querySelector('.tg-df-voucher-copy-icon');                                    const origText = textSpan.innerText;                  const origIcon = iconSvg.innerHTML;                                    textSpan.innerText = 'Copied!';                  iconSvg.innerHTML = `\x3Cpolyline points="20 6 9 17 4 12">${_polyline}`;                                    setTimeout(() => {                    if (btn) {                      btn.classList.remove('copied');                      if (textSpan) textSpan.innerText = origText;                      if (iconSvg) iconSvg.innerHTML = origIcon;                    }                  }, 2000);                                    trackElementInteraction({                    id: 'voucher-code-copy',                    name: 'Copy Voucher Code',                    label: `Copied ${code} for ${merchantName}`                  });                } catch (err) {                  console.warn('Failed to copy text: ', err);                }              });            });            // Attach voucher click tracking            const voucherBtns = content.querySelectorAll('[data-action="voucher-click"]');            voucherBtns.forEach(btn => {              btn.addEventListener('click', (e) => {                if (e.target.closest('[data-action="copy-code"]')) return;                                const productName = btn.getAttribute('data-product-name');                const merchantNameAttr = btn.getAttribute('data-merchant-name');                const productId = btn.getAttribute('data-analytics-id');                const price = parseFloat(btn.getAttribute('data-price')) || null;                const prevPriceStr = btn.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = btn.getAttribute('data-original-link');                const rewrittenLink = btn.getAttribute('href');                const revenueId = btn.getAttribute('data-revenue-id');                const index = parseInt(btn.getAttribute('data-index'), 10) || 0;                const inStock = btn.getAttribute('data-in-stock') === 'true';                const totalText = btn.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: btn.getAttribute('data-model-id') || null,                    matchId: btn.getAttribute('data-match-id') || null,                    brand: btn.getAttribute('data-model-brand') || null,                    parent: btn.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: btn.getAttribute('data-merchant-id') || null,                    network: btn.getAttribute('data-merchant-network') || null,                    url: btn.getAttribute('data-merchant-url') || null,                    name: merchantNameAttr                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: btn.getAttribute('data-currency') || 'USD'                };                if (typeof trackDealClick === 'function') {                  trackDealClick(trackingParams);                }              });            });                                  } catch (e) {            console.warn(e);            content.innerHTML = `\x3Cdiv class="tg-df-message">Failed to load vouchers.${_div}`;          }        }        render() {          try {            if (this.getViewMode() === 'savings_squad' && this.airedaleTags.length > 0) {              if (this.categoryFilterWrapper) {                 this.categoryFilterWrapper.style.display = 'flex';              }              if (this.categoryFilter) {                 const _option = '<' + '/option>';                 let optionsHtml = `\x3Coption value="all">All Categories${_option}`;                 this.airedaleTags.forEach(tag => {                    const isSelected = this.activeDealTag === tag ? 'selected' : '';                    optionsHtml += `\x3Coption value="${this.escapeHTML(tag)}" ${isSelected}>${this.escapeHTML(tag)} (${this.airedaleTagCounts[tag] || 0})${_option}`;                 });                 this.categoryFilter.innerHTML = optionsHtml;                 this.categoryFilter.value = this.activeDealTag || 'all';              }            } else {               if (this.categoryFilterWrapper) {                  this.categoryFilterWrapper.style.display = 'none';               }            }            const displayDeals = this.getFilteredDeals();          // HACK: Hide closing tags from the CMS HTML sanitizer so it doesn't strip them during in-page injection          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h3 = '<' + '/h3>';          const _p = '<' + '/p>';          const _strong = '<' + '/strong>';          const _sup = '<' + '/sup>';          const _button = '<' + '/button>';          if (displayDeals.length === 0) {            if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {              if (this.deals.length > 0) {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No deals match your selected filters.                ${_div}`;              } else if (this.getViewMode() === 'savings_squad' && this.currentQuery.length <= 2) {                 // Do not show "no exact matches" if query is empty for savings_squad                 this.grid.innerHTML = '';              } else {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No exact matches found for "\x3Cstrong>${this.escapeHTML(this.currentQuery)}${_strong}". Try adjusting your search term.                ${_div}`;              }            } else {              this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                Search product or category names to discover the best deals from across the web.              ${_div}`;            }            return;          }          let dealsHtml = displayDeals.slice(0, this.displayLimit).map((deal, index) => {            try {               const currencySym = this.escapeHTML(deal.currency);               const isoCurrencyCode = normalizeCurrency(currencySym);               const escapedPrice = this.escapeHTML(deal.price);               const escapedMsrp = this.escapeHTML(deal.msrp);               const areaCode = this.getAreaCode();                              const revenueId = generateRevenueId(deal.url, deal.title, deal.merchant, null);               const originalLink = deal.url;               const rewrittenLink = rewriteAffiliateLink(deal.url, areaCode, revenueId);                        const productCategoryName = 'deals';            const dataAttr = `              data-action="${deal.isCheckPrice ? 'view-similar-click' : 'deal-click'}"              data-analytics-id="${this.escapeHTML(deal.externalProductId || deal.id || '')}"              data-product-name="${this.escapeHTML(deal.title)}"              data-merchant-name="${this.escapeHTML(deal.merchant)}"              data-price="${deal.rawPrice || ''}"              data-previous-price="${deal.rawMsrp || ''}"              data-original-link="${this.escapeHTML(originalLink)}"              data-revenue-id="${revenueId}"              data-index="${index}"              data-total="${displayDeals.length}"              data-in-stock="${deal.inStock !== false}"              data-currency="${this.escapeHTML(isoCurrencyCode)}"              data-model-id="${this.escapeHTML(deal.modelId || '')}"              data-product-key="${this.escapeHTML(deal.productKey || '')}"              data-merchant-id="${this.escapeHTML(deal.merchantId || '')}"            `;                        let priceGroupHtml = '';            let isSavingsSquadMode = this.getViewMode() === 'savings_squad';            let ctaText = 'View Deal';            let formattedPrice = '';            let msrpHtml = '';                        if (deal.isCheckPrice) {              ctaText = isSavingsSquadMode ? 'View Deal' : 'Check Price';              if (isSavingsSquadMode) {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                  ${_div}                `;              } else {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                    \x3Cspan class="tg-df-card-price" style="font-size: 15px; font-weight: 500; font-style: italic;">See price at retailer${_span}                  ${_div}                `;              }            } else {              // Format Price              formattedPrice = escapedPrice.includes(currencySym)                 ? escapedPrice                 : `${currencySym}${escapedPrice}`;                              // Format MSRP              msrpHtml = deal.msrp && deal.rawMsrp > deal.rawPrice                ? `\x3Cspan class="tg-df-card-msrp">${escapedMsrp.includes(currencySym) ? escapedMsrp : currencySym + escapedMsrp}${_span}`                : '';                              priceGroupHtml = `                \x3Cdiv class="tg-df-card-merchant-wrapper">                  \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                ${_div}                \x3Cdiv class="tg-df-card-price-group">                  ${isSavingsSquadMode ? '' : `                  \x3Cspan class="tg-df-card-price">${formattedPrice}${_span}                  ${msrpHtml}                  `}                ${_div}              `;            }                        const discountBadgeHtml = deal.savingLabel && !deal.isCheckPrice              ? `\x3Cspan class="tg-df-card-discount-badge">${this.escapeHTML(deal.savingLabel)}${_span}`              : '';                          // HACK for CMS            const _button = '<' + '/button>';            const _svg = '<' + '/svg>';            const _path = '<' + '/path>';            const _rect = '<' + '/rect>';            const _circle = '<' + '/circle>';            const _polyline = '<' + '/polyline>';            const _line = '<' + '/line>';                        let badgesHtml = '';            const primeBadge = deal.isPrime ? `              \x3Cspan class="tg-df-tag tg-df-tag-prime">                \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="currentColor">                  \x3Cpath d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">${_path}                ${_svg} Prime              ${_span}            ` : '';                        const couponsBadge = deal.merchant && deal.merchant.toLowerCase().includes('amazon') ? '' : `              \x3Cdiv class="tg-df-coupon-wrapper" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:inline-flex; align-items:center;">                \x3Cdiv class="tg-df-coupon-spinner">${_div}                \x3Cbutton type="button" class="tg-df-tag tg-df-tag-coupons" data-action="coupons-click" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:none;">                  \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                    \x3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z">${_path}                    \x3Cline x1="7" y1="7" x2="7.01" y2="7">${_line}                  ${_svg} Coupons                ${_button}              ${_div}            `;                        // Note: We always add coupons badge if there's a chance, but to allow 3-line titles we check wrapper display state            badgesHtml = `              \x3Cdiv class="tg-df-card-badges">                ${primeBadge}                ${couponsBadge}              ${_div}            `;            const _linearGradient = '<' + '/linearGradient>';            const _polygon = '<' + '/polygon>';            const _stop = '<' + '/stop>';            const _defs = '<' + '/defs>';                        let starHtml = '';            if (deal.starRating) {              let rating = deal.starRating;                            if (rating > 0) {                const fullStars = Math.floor(rating);                const halfStar = (rating - fullStars) >= 0.5 ? 1 : 0;                const emptyStars = Math.max(0, 5 - fullStars - halfStar);                const blue = '#1f69ff'; // Tom's guide brand color from VIEW DEAL button                const gray = '#cbd5e1';                                const starSvgFull = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="${blue}" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                const gradId = 'half_grad_' + Math.floor(Math.random()*1000000);                const starSvgHalf = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cdefs>\x3ClinearGradient id="${gradId}" x1="0" x2="1" y1="0" y2="0">\x3Cstop offset="50%" stop-color="${blue}">${_stop}\x3Cstop offset="50%" stop-color="transparent">${_stop}${_linearGradient}${_defs}                  \x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26" fill="url(#${gradId})">${_polygon}${_svg}`;                                  const starSvgEmpty = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${gray}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                let stars = [];                for (let i=0; i<fullStars; i++) stars.push(starSvgFull);                if (halfStar) stars.push(starSvgHalf);                for (let i=0; i<emptyStars; i++) stars.push(starSvgEmpty);                                starHtml = `\x3Cdiv class="tg-df-card-stars" style="display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--tg-df-text-muted);">                  \x3Cspan style="margin-right:6px;">Tom's Guide:${_span}                  \x3Cdiv style="display:flex;gap:2px;">                    ${stars.join('')}                  ${_div}                ${_div}`;              }            }            let htmlOutput = '';            if (isSavingsSquadMode) {              htmlOutput += `              \x3Cdiv class="hawk-deal-widget-container tg-df-mobile-only" data-collapsible="true">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''} style="margin-bottom: 10px;">` : ''}                \x3Cdiv class="hawk-deal-widget-wrap">                  \x3Cdiv class="hawk-deal-widget-image-container">                    \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" rel="sponsored noopener" target="_blank" class="hawk-affiliate-link-deal-widget" ${dataAttr}>                      \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="hawk-lazy-image-deal-widget" loading="lazy" width="140" height="160" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                    ${_a}                  ${_div}                  \x3Cdiv class="hawk-deal-widget-text-cta-container">                    \x3Cdiv class="hawk-deal-widget-text-body-container">                      \x3Cdiv class="hawk-deal-widget-text-body-main">                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          ${deal.isCheckPrice ? `                            \x3Cspan class="hawk-deal-widget-title-product-title">${this.escapeHTML(deal.title)}${_span}                          ` : `                            \x3Cspan class="hawk-deal-widget-title-product-title">${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_span}                          `}                        ${_a}                        ${!deal.isCheckPrice && deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan class="hawk-deal-widget-title-was-price">was ${currencySym}${escapedMsrp}${_span}                          ${_a}                        ` : ''}                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          \x3Cspan class="hawk-deal-widget-title-retailer-price">                            ${!deal.isCheckPrice ? `                              \x3Cspan class="hawk-deal-widget-title-price">now ${formattedPrice}${_span}                              \x3Cspan class="hawk-deal-widget-title-retailer"> at ${this.escapeHTML(deal.merchant)}${_span}                            ` : `                              \x3Cspan class="hawk-deal-widget-title-price">See price at ${this.escapeHTML(deal.merchant)}${_span}                            `}                          ${_span}                        ${_a}                        ${deal.description ? `\x3Cdiv class="hawk-deal-widget-text-body-description">\x3Cp>${this.escapeHTML(deal.description)}${_p}${_div}` : ''}                      ${_div}                    ${_div}                    \x3Cdiv class="hawk-deal-widget-footer">                      \x3Cdiv class="hawk-deal-widget-button-wrapper">                        \x3Cdiv class="hawk-deal-widget-preferred-partner-wrapper">                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-deal-button" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan>${deal.isCheckPrice ? 'Check Price' : 'View Deal'}${_span}                          ${_a}                        ${_div}                      ${_div}                    ${_div}                  ${_div}                ${_div}              ${_div}              `;            }            htmlOutput += `              \x3Cdiv class="tg-df-card ${isSavingsSquadMode ? 'tg-df-desktop-only' : ''}">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''}>` : ''}                \x3Cdiv class="tg-df-card-image-box">                  ${discountBadgeHtml}                  \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">                    \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="tg-df-card-image" loading="lazy" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                  ${_a}                ${_div}                \x3Cdiv class="tg-df-card-body">                  ${starHtml}                  ${badgesHtml}                  \x3Ch3 class="tg-df-card-title tg-df-custom-savings-squad-title" title="${this.escapeHTML(deal.title)}">                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" disable-tracking="true" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit;">                      ${isSavingsSquadMode                         ? (deal.isCheckPrice                             ? (deal.title && deal.title.includes(':')                                 ? `\x3Cstrong>${this.escapeHTML(deal.title.substring(0, deal.title.indexOf(':') + 1))}${_strong}\x3Cspan style="color: #1f69ff; font-weight: normal;">${this.escapeHTML(deal.title.substring(deal.title.indexOf(':') + 1))}${_span}`                                : this.escapeHTML(deal.title)                              )                             : `\x3Cstrong>${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_strong} ${deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `\x3Cspan style="color: #d0021b; text-decoration: line-through; font-weight: normal; margin-right: 4px;">was ${currencySym}${escapedMsrp}${_span} ` : ''}\x3Cspan style="color: #1f69ff; font-weight: normal;">now ${formattedPrice} at ${this.escapeHTML(deal.merchant)}${_span}`                          )                        : this.escapeHTML(deal.title)                      }                    ${_a}                  ${_h3}                  ${deal.description ? `\x3Cp style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 12px; line-height: 1.4;">${this.escapeHTML(deal.description)}${_p}` : ''}                  \x3Cdiv class="tg-df-card-footer">                    ${priceGroupHtml}                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" class="tg-df-card-cta ${isSavingsSquadMode ? 'tg-df-cta-savings-squad' : ''}" style="text-decoration: none;">${ctaText}${_a}                  ${_div}                ${_div}              ${_div}            `;                        return htmlOutput;            } catch (e) {               console.log("Error rendering deal in map for index", index, typeof deal === 'object' ? JSON.stringify(deal) : deal, "MSG:", e.message);               return '';            }          }).join('');                    if (displayDeals.length > this.displayLimit || ((this.getViewMode() === 'carousel' || this.getViewMode() === 'auto') && displayDeals.length > 0 && displayDeals.length % ((this.rowsSelect && this.rowsSelect.value) ? parseInt(this.rowsSelect.value, 10) : 12) === 0)) {            if (this.getViewMode() === 'carousel') {               dealsHtml += `                 \x3Cbutton type="button" class="tg-df-load-more-card tg-df-load-more">                   \x3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 8px;">\x3Cpath d="M5 12h14">\x3C/path>\x3Cpath d="m12 5 7 7-7 7">\x3C/path>\x3C/svg>                   Load More                 ${_button}               `;            } else {               dealsHtml += `                 \x3Cdiv style="width: 100%; display: flex; justify-content: center; margin-top: 16px; grid-column: 1 / -1;">                   \x3Cbutton type="button" class="tg-df-tag-outline tg-df-load-more" style="padding: 8px 24px; border-radius: 100px; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center;">Load More${_button}                 ${_div}               `;            }          }                    this.grid.innerHTML = dealsHtml;          // Inject JSON-LD          try {            let targetNode = this.hostContainer || document.head;            let jsonLdScript = targetNode.querySelector('#tg-df-json-ld-' + this.widgetId);            if (!jsonLdScript) {                jsonLdScript = document.createElement('script');                jsonLdScript.type = 'application/ld+json';                jsonLdScript.id = 'tg-df-json-ld-' + this.widgetId;                targetNode.appendChild(jsonLdScript);            }            const jsonLdData = {              "@context": "https://schema.org",              "@type": "ItemList",              "itemListElement": displayDeals.slice(0, this.displayLimit).map((deal, index) => {                 let isoCurrency = "USD";                 if (deal.currency === '£') isoCurrency = "GBP";                 else if (deal.currency === '€') isoCurrency = "EUR";                 else if (deal.currency === 'A$') isoCurrency = "AUD";                 else if (deal.currency === 'CA$') isoCurrency = "CAD";                 const areaCode = typeof this.getAreaCode === 'function' ? this.getAreaCode() : 'US';                 const revenueId = typeof generateRevenueId === 'function' ? generateRevenueId(deal.url, deal.title, deal.merchant, null) : '';                 const rewrittenLink = typeof rewriteAffiliateLink === 'function' ? rewriteAffiliateLink(deal.url, areaCode, revenueId) : deal.url;                 return {                   "@type": "ListItem",                   "position": index + 1,                   "item": {                     "@type": "Product",                     "name": deal.title,                     "image": deal.image || "",                     "description": deal.description || "",                     "brand": {                       "@type": "Brand",                       "name": deal.brand || ""                     },                     "offers": {                       "@type": "Offer",                       "priceCurrency": isoCurrency,                       "price": deal.rawPrice || 0,                       "url": rewrittenLink,                       "seller": {                         "@type": "Organization",                         "name": deal.merchant || ""                       }                     }                   }                 };              }).filter(item => item.item.name)            };            jsonLdScript.textContent = JSON.stringify(jsonLdData);          } catch(e) { console.warn("JSON-LD generation failed", e); }                    let gridWrapper = this.grid.parentElement;          if (gridWrapper && gridWrapper.classList.contains('tg-df-grid-wrapper')) {             let rightChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-right');             let leftChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-left');             if (this.getViewMode() === 'carousel') {                 // The observer set up in setupScrollListeners handles visibility.                 if (rightChevron) rightChevron.style.display = 'flex';                 if (leftChevron) leftChevron.style.display = 'none'; // reset correctly             } else {                 if (rightChevron) rightChevron.style.display = 'none';                 if (leftChevron) leftChevron.style.display = 'none';             }          }                    const loadMoreBtn = this.grid.querySelector('.tg-df-load-more');          if (loadMoreBtn) {            loadMoreBtn.addEventListener('click', async () => {              if (typeof trackElementInteraction === 'function') {                trackElementInteraction({ id: 'load-more', name: 'Load more', label: 'Load More Results' });              }              if (displayDeals.length <= this.displayLimit) {                 loadMoreBtn.innerHTML = `                  <svg class="tg-df-spinner" style="width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83"/></svg>                  Loading...                 `;                 loadMoreBtn.disabled = true;                 await this.fetchDeals(this.currentQuery, true);              } else {                 this.displayLimit += this.getRowsLimit();                 this.render();              }            });          }                      this.bindCouponButtons();            this.checkAndUpdateCoupons();                        // Allow hawklinks.js to discover and rewrite our widget links             // by appending the .article-body class and manually triggering processArticle.            let container = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (container && !container.classList.contains('article-body')) {               container.classList.add('article-body');            }            setTimeout(() => {               if (this.grid && !this.grid.classList.contains('article-body')) this.grid.classList.add('article-body');               document.dispatchEvent(new CustomEvent('processArticle', { detail: { element: this.root } }));            }, 50);          } catch(e) {            console.warn("Widget render error", e);          }        }                async checkAndUpdateCoupons() {          const wrappers = Array.from(this.root.querySelectorAll('.tg-df-coupon-wrapper'));          if (wrappers.length === 0) return;                    const merchants = [...new Set(wrappers.map(w => w.getAttribute('data-merchant')).filter(Boolean))];          if (merchants.length === 0) return;          const couponResultsMap = await this.checkMerchantsCouponsBulk(merchants);                    for (const merchant of merchants) {            const hasCoupons = !!couponResultsMap[merchant];            const merchantWrappers = wrappers.filter(w => w.getAttribute('data-merchant') === merchant);            merchantWrappers.forEach(wrapper => {              const spinner = wrapper.querySelector('.tg-df-coupon-spinner');              const btn = wrapper.querySelector('.tg-df-tag-coupons');                            if (spinner) spinner.style.display = 'none';                            if (hasCoupons && btn) {                btn.style.display = 'inline-flex';              } else if (!hasCoupons) {                wrapper.style.display = 'none';              }            });          }        }        updateFloatingCopyBar() {          if (!this.editorBar || !this.editorSelectedCount) return;          if (this.editorMode && this.selectedDeals.size > 0) {            this.editorBar.style.display = 'flex';            this.editorSelectedCount.innerText = this.selectedDeals.size;          } else {            this.editorBar.style.display = 'none';          }        }        async copySelectedDealsToCMS() {           function htmlToSlate(htmlString) {              if (!htmlString) return [{ type: 'paragraph', children: [{ text: '' }] }];              let doc;              if (typeof window !== 'undefined' && window.DOMParser) {                 doc = new DOMParser().parseFromString(htmlString, 'text/html');              } else {                 doc = document.implementation.createHTMLDocument('');                 doc.body.innerHTML = htmlString;              }                            function parseNode(node, marks = {}) {                  if (node.nodeType === 3) {                      const text = node.textContent;                      if (!text) return null;                      return { text: text, ...marks };                  }                  if (node.nodeType === 1) {                      const tagName = node.tagName.toLowerCase();                      if (tagName === 'br') {                          return { type: 'line-break', children: [{ text: '' }] };                      }                      if (tagName === 'p') {                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return { type: 'paragraph', children };                      }                      if (tagName === 'strong' || tagName === 'b') {                          const newMarks = { ...marks, bold: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'em' || tagName === 'i') {                          const newMarks = { ...marks, italic: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'a') {                          const href = node.getAttribute('href') || '';                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return {                              type: 'link',                              url: href,                              isNoFollow: (node.getAttribute('rel') || '').includes('nofollow'),                              isSponsored: (node.getAttribute('rel') || '').includes('sponsored'),                              isOpenNewTab: node.getAttribute('target') === '_blank',                              isPreventDataRewrite: false,                              children: children                          };                      }                      return Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                  }                  return null;              }                            let blocksArray = [];              let currentParagraphChildren = [];              function flushParagraph() {                  if (currentParagraphChildren.length > 0) {                      blocksArray.push({ type: 'paragraph', children: currentParagraphChildren });                      currentParagraphChildren = [];                  }              }              Array.from(doc.body.childNodes).forEach(node => {                  const parsed = parseNode(node, {});                  const parsedItems = Array.isArray(parsed) ? parsed : (parsed ? [parsed] : []);                  parsedItems.forEach(item => {                      if (item.type === 'paragraph') {                          flushParagraph();                          blocksArray.push(item);                      } else {                          currentParagraphChildren.push(item);                      }                  });              });              flushParagraph();              if (blocksArray.length === 0) {                  blocksArray = [{ type: 'paragraph', children: [{ text: '' }] }];              }              return blocksArray;           }           const blocks = [];                      this.editorCopyBtn.innerHTML = '\x3Cspan class="tg-df-coupon-spinner" style="display:inline-block; margin-right:8px; border-top-color:#fff;">' + '<' + '/span> Copying...';           for (const deal of Array.from(this.selectedDeals.values())) {              const url = deal.url;              const merchant = deal.merchant;              const title = deal.title;              const image = deal.image;              const currentPrice = deal.currency + deal.rawPrice;              const wasPrice = deal.hasWasPrice && deal.rawMsrp > deal.rawPrice ? deal.currency + deal.rawMsrp : '';                            let couponsChildren = [];              try {                  const area = this.getAreaCode();                  const apiUrl = new URL('https://search-api.fie.future.net.uk/widget.php');                  apiUrl.searchParams.append('model_name', 'Everything');                  apiUrl.searchParams.append('language', 'en-GB');                  apiUrl.searchParams.append('area', area);                  apiUrl.searchParams.append('combine_product_types', '1');                  apiUrl.searchParams.append('filter_merchant_name', merchant);                  apiUrl.searchParams.append('all_filters', 'false');                  apiUrl.searchParams.append('exclude_unlabelled', 'false');                  apiUrl.searchParams.append('include_specs', 'false');                  apiUrl.searchParams.append('sort', 'voucher');                  apiUrl.searchParams.append('distinct_merchants', 'natural');                  apiUrl.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');                  apiUrl.searchParams.append('rows', '3');                  apiUrl.searchParams.append('origin', 'widgets-clientside');                                    let res; try { res = await fetch(apiUrl.toString()); } catch (e) { return; }                  if (res.ok) {                      const data = await res.json();                      let offers = [];                      if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {                        offers = data.widget.data.offers;                      } else if (data && data.data && Array.isArray(data.data.offers)) {                        offers = data.data.offers;                      }                                            if (offers.length > 0) {                          couponsChildren.push({ text: "Also check out these coupons: ", bold: true });                          offers.slice(0, 3).forEach((offer, idx) => {                              const actualOffer = offer.offer || offer;                              const offerName = actualOffer.name || actualOffer.title || offer.model_name || offer.title || offer.name || 'Coupon';                              const linkUrl = actualOffer.link || actualOffer.url || actualOffer.offer_link || '#';                              couponsChildren.push({ type: "line-break", children: [{ text: "" }] });                              couponsChildren.push({ text: "🎟️ " });                              couponsChildren.push({                                  type: "link",                                  url: linkUrl,                                  isNoFollow: true,                                  isSponsored: false,                                  isOpenNewTab: true,                                  isPreventDataRewrite: false,                                  children: [{ text: offerName, bold: true }]                              });                          });                      }                  }              } catch (err) {                  console.warn('Failed to fetch coupons for', merchant, err);              }              let descriptionValue = [];              if (deal.text) {                 descriptionValue = htmlToSlate(deal.text);              } else {                 const dealDescriptions = [                   `Don't miss out on this fantastic deal for the ${title}. It is currently available at ${merchant} for a highly competitive price.`,                   `We've spotted an excellent price drop on the ${title}. Grab it now at ${merchant} before it's gone.`,                   `The ${title} is currently seeing a generous discount over at ${merchant}. This is a perfect time to buy if you've been holding out.`,                   `If you're in the market for the ${title}, ${merchant} has just the deal for you.`,                   `Score the ${title} for less at ${merchant} right now. This is a rare chance to save big.`,                   `Upgrade your setup with the ${title}, now available at a stellar price via ${merchant}.`                 ];                 const randomDescription = dealDescriptions[Math.floor(Math.random() * dealDescriptions.length)];                 descriptionValue = [                    { type: "paragraph", children: [{ text: randomDescription }] }                 ];              }                            if (couponsChildren.length > 0) {                 let lastBlock = descriptionValue[descriptionValue.length - 1];                 if (lastBlock && lastBlock.type === 'paragraph') {                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ text: "Also check out these coupons: ", bold: true });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children = lastBlock.children.concat(couponsChildren);                 } else {                     descriptionValue.push({                         type: "paragraph",                         children: [                             { type: "line-break", children: [{ text: "" }] },                             { type: "line-break", children: [{ text: "" }] },                             { text: "Also check out these coupons: ", bold: true },                             { type: "line-break", children: [{ text: "" }] },                             ...couponsChildren                         ]                     });                 }              }              function normalizeCurrencyToISO(symbol) {                const map = { '£': 'GBP', '$': 'USD', 'A$': 'AUD', 'CA$': 'CAD', '€': 'EUR' };                return map[symbol] || symbol;              }              const isoCurrency = normalizeCurrencyToISO(deal.currency);              blocks.push({                 id: (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'cms-' + Date.now() + Math.random(),                 blockTypeName: "deal",                 excludeFrom: [],                 collapsible: false,                 props: {                    description: {                       value: descriptionValue,                       touched: false,                       validationMessage: ""                    },                    image: {                       value: {                          credit: [{ type: "paragraph", children: [{ text: merchant }] }],                          dateCreated: Date.now(),                          dateModified: Date.now(),                          distribution: [],                          fileSize: 0,                          height: 1000,                          id: deal.id,                          imageRights: "",                          src: image,                          name: title + ".jpg",                          tags: [],                          width: 1000                       },                       touched: false,                       validationMessage: ""                    },                    showDealButton: { value: true, touched: false, validationMessage: "" },                    isPreferredPartner: { value: false, touched: false, validationMessage: "" },                    linkHref: { value: url, touched: false, validationMessage: "" },                    linkLabel: { value: "", touched: false, validationMessage: "" },                    linkIsNoFollow: { value: true, touched: false, validationMessage: "" },                    linkIsSponsored: { value: false, touched: false, validationMessage: "" },                    linkIsOpenNewWindow: { value: true, touched: false, validationMessage: "" },                    customPromoFlags: { value: [], touched: false, validationMessage: "" },                    showStarDeal: { value: false, touched: false, validationMessage: "" },                    savingType: { value: "none", touched: false, validationMessage: "" },                    starDealPromoFlag: { value: "", touched: false, validationMessage: "" },                    showEditorsChoice: { value: false, touched: false, validationMessage: "" },                    editorsChoiceTitle: { value: "", touched: false, validationMessage: "" },                    hawkPriceCurrency: { value: { value: isoCurrency, label: isoCurrency }, touched: false, validationMessage: "" },                    hawkPrice: { value: deal.hasWasPrice ? String(deal.rawMsrp) : String(deal.rawPrice), touched: false, validationMessage: "" },                    hawkSalePrice: { value: String(deal.rawPrice), touched: false, validationMessage: "" },                    lastCheckedPriceDate: { value: "", touched: false, validationMessage: "" },                    hawkModel: { touched: false, validationMessage: "" },                    productId: { value: "", touched: false, validationMessage: "" },                    voucherId: { value: "", touched: false, validationMessage: "" },                    brand: { value: deal.brand || merchant, touched: false, validationMessage: "" },                    productName: { value: title, touched: false, validationMessage: "" },                    label: { value: "", touched: false, validationMessage: "" },                    retailer: { value: merchant, touched: false, validationMessage: "" },                    priceCheckError: false                 },                 failedFetchError: ""              });           }           const payload = {              type: "articleBuilderPages",              data: blocks           };           const jsonStr = JSON.stringify(payload);                      if (navigator.clipboard && navigator.clipboard.writeText) {              navigator.clipboard.writeText(jsonStr).then(() => {                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              }).catch(err => {                 console.warn('Failed to copy text: ', err);                 alert('Failed to copy deals to clipboard. See console.');              });           } else {              // Fallback              const textArea = document.createElement("textarea");              textArea.value = jsonStr;              document.body.appendChild(textArea);              textArea.focus();              textArea.select();              try {                 document.execCommand('copy');                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              } catch (err) {                 console.warn('Fallback: Oops, unable to copy', err);                 alert('Fallback: Failed to copy deals to clipboard.');              }              document.body.removeChild(textArea);           }        }      }      // Initialize the Widget      if (document.readyState === 'loading') {        document.addEventListener('DOMContentLoaded', () => new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer }));      } else {        new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer });      }    })();  </script></div>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I’ve played Hot Wheels Infinite Rush for 15 hours, and it scratches an itch that Forza Horizon can't ]]></title>
                                                                                                <dc:content><![CDATA[ <div  class="fancy-box"><div class="fancy_box-title">Hot Wheels Infinite Rush: Specs</div><div class="fancy_box_body"><p class="fancy-box__body-text"><strong>Platforms</strong>: PS5 (reviewed), Xbox Series X|S, Nintendo Switch 2, Windows<br><strong>Price</strong>: $49<br><strong>Release date</strong>: September 10, 2026<br><strong>Genre</strong>: Racing</p></div></div><p>As a child, I asked for Hot Wheels any time my birthday came around. I was obsessed with creating loop-the-loops with the orange track sets. I also have vague recollection of playing a Hot Wheels video game on my dad's PC, too, as well as Hot Wheels Jetz where you'd fly planes instead of drive cars. So when Hot Wheels Infinite Rush was announced at the <a href="https://www.tomsguide.com/news/live/summer-game-fest-2026-live-updates">2026 Summer Game Fest showcase</a>, I couldn't wait to get my hands on it.</p><p>And now, having spent nearly 15 hours playing it on my <a href="https://www.tomsguide.com/gaming/playstation/ps5-slim">PS5 Slim</a>, it's everything I'd imagined and more. Hot Wheels Infinite Rush takes a different approach to the franchise — it's gotten the open-world treatment akin to the <a href="https://www.tomsguide.com/gaming/forza-horizon-6-review">Forza Horizon</a> games. You're not bound to just races anymore. There are plenty of side quests to do, objects to destroy, and rival cars to claim as your own.</p><p>As someone who's not the biggest fan of racing games, Hot Wheels Infinite Rush has me hooked, and it scratches an itch that Forza Horizon can't. It's some of the most fun I've had since the Need for Speed: Carbon days, and if you're wondering whether or not you should play it, trust me: you don't want to miss out on the chaos.</p><div class="product"><a data-dimension112="527ca070-a843-11f1-a45f-8fadfd5195c7" data-action="Deal Block" data-label="Infinite Rush" data-dimension48="Infinite Rush" data-dimension25="$49" href="https://www.amazon.com/Hot-Wheels-Infinite-Rush-PlayStation-5/dp/B0H47ZQKKM/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1298px;"><p class="vanilla-image-block" style="padding-top:115.56%;"><img id="kQ5J5yiZjTnpw5pzrQoe4n" name="HotWheelsInfiniteRush-deal" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/kQ5J5yiZjTnpw5pzrQoe4n.jpg" mos="" align="middle" fullscreen="" width="1298" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Hot Wheels Infinite Rush is the latest instalment in the storied video game franchise. It's an open-world racing game featuring four islands with various challenges, including races, photo ops, time trials, drifts, and rival races where you can claim their car as your own. You can also join 4-player local split-screen, or jump into online multiplayer with cross-play support.<a class="view-deal button" href="https://www.amazon.com/Hot-Wheels-Infinite-Rush-PlayStation-5/dp/B0H47ZQKKM/" target="_blank" rel="nofollow" data-dimension112="527ca070-a843-11f1-a45f-8fadfd5195c7" data-action="Deal Block" data-label="Infinite Rush" data-dimension48="Infinite Rush" data-dimension25="$49">View Deal</a></p></div><h2 id="driving-me-loopy">Driving me loopy</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="tktc8FAMQXFSmu9dBuay6Q" name="Hot_Wheels_Infinite_Rush-op-ed-9" alt="A screenshot for Hot Wheels Infinite Rush" src="https://cdn.mos.cms.futurecdn.net/tktc8FAMQXFSmu9dBuay6Q.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Milestone S.r.l. / Mattel)</span></figcaption></figure><p>As the first fully open-world game in the franchise, Hot Wheels Infinite Rush has knocked it out of the park. When you first boot up the game, you're dropped on to WheelsWood, a bustling metropolis featuring towering skyscrapers and city streets... with a giant King Kong-style gorilla sitting atop the tallest building.</p><p>As you progress through the game, you can unlock three other islands, each with its own unique environment — from lush resorts and beaches to deserts with scorching terrain and dirt roads. Unlocking islands is simple, albeit a little time-consuming, as all you need to do is complete a certain number of races on other islands and beat Rush Masters (or island bosses) in 1v1 races.</p><p>That sounds like the premise of pretty much every Need for Speed game I remember playing as a teenager, but Hot Wheels Infinite Rush does things a little differently: its open-world is unlike any other I've seen. Orange loop-the-loops tower over you, and with the Track Builder, you can attach modules to the ground, build them around buildings, weave around skyscrapers, anything you want. It's exactly like playing with the <em>actual </em>Hot Wheels cars and track parts.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bfiLYfKUZGbrXhSpAyMdGQ" name="Hot_Wheels_Infinite_Rush-op-ed-8" alt="A screenshot for Hot Wheels Infinite Rush" src="https://cdn.mos.cms.futurecdn.net/bfiLYfKUZGbrXhSpAyMdGQ.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Milestone S.r.l. / Mattel)</span></figcaption></figure><p>I love that the game doesn't feel repetitive either. Because each island has its own unique terrain, you must adapt to it by choosing the right vehicle and hone your skills. What works on the dirt road won't necessarily work on tarmac. The variety of challenges is incredible, too. I've enjoyed taking my time to explore each island, finding photo ops, drift trials, and stunt challenges.</p><p>A favorite of mine is the Delivery Stunt challenge, where you must drive a pristine car to the dealership and every time you bump against an object, you lose a health point. Though it sounds easy enough, when you've got NPCs racing around like they've got nothing to lose, it becomes extremely tricky.</p><p>When you're driving around in your own car, you don't need to worry about damaging it (and ending up with a totaled car) as you would in Forza Horizon or Need for Speed. Hot Wheels are toys, and the game constantly reminds you of that fact when you drive off a cliff's edge at full speed and incur no damage when you hit the ground. Your virtual car even bounces and flops around as your physical toy car would.</p><h2 id="life-in-the-fast-lane">Life in the fast lane</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fnasRFaFKvYStLB92B7T4Q" name="Hot_Wheels_Infinite_Rush-op-ed-2" alt="A screenshot for Hot Wheels Infinite Rush" src="https://cdn.mos.cms.futurecdn.net/fnasRFaFKvYStLB92B7T4Q.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Milestone S.r.l. / Mattel)</span></figcaption></figure><p>But what good is an open-world racing game if it doesn't nail the most basic racing aspects? The races in Hot Wheels Infinite Rush are extremely easy to get hooked on, and they're ridiculously fun. Again, they don't feel repetitive as each environment is different, and each track demands a different type of car. These include Speeders, Drifters, Titans and Versatiles, and each type features a different playstyle.</p><p>For instance, Titans use a progressive boost bar; overusing it makes the car less effective and slows it down, so you have to let off the gas just before the bar runs out to keep your speed up. It took me a couple of races each time to get a hang of the different types, but it feels very rewarding once you wrap your head around it.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="vLkbxUaiSeovsyQdLLa9rP" name="Hot_Wheels_Infinite_Rush-op-ed-3" alt="A screenshot for Hot Wheels Infinite Rush" src="https://cdn.mos.cms.futurecdn.net/vLkbxUaiSeovsyQdLLa9rP.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Milestone S.r.l. / Mattel)</span></figcaption></figure><p>There are over 150 vehicles to unlock and collect in Hot Wheels Infinite Rush. You can do this by completing races and challenges across the world, but the best way to do it? By challenging Daredevils. These are NPCs roaming around in the open-world, and you can follow them and challenge them to a race. Win the 1v1 race and their car is yours. I can't tell you how much fun it is to hunt down the NPCs and wipe the floor with them.</p><p>Swapping between cars can be done quickly at the press of a button, and you can upgrade them, too. Some changes are purely cosmetic, but you can add mods to elevate your drift, nitro boost, handling, and more. Similar to vehicles in <a href="https://www.tomsguide.com/gaming/nintendo/mario-kart-world-review">Mario Kart World</a>, some upgrades have a detrimental impact on other aspects of your car, so it's fun to find out the combination that works best for you.</p><p>The only real issue I have with racing in Hot Wheels Infinite Rush is that the races feel too easy. From the first race itself, I was leaving my opponents in the dust, achieving top spot on the podium with a massive lead every time. While the four types of cars introduce a learning curve, the races themselves don't. Or I'm just too good at the game.</p><h2 id="double-triple-quadruple-the-fun">Double, triple, quadruple the fun</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1410px;"><p class="vanilla-image-block" style="padding-top:56.24%;"><img id="ZmPFrQqRTiyynMtmXNNVrP" name="Hot_Wheels_Infinite_Rush-op-ed-7" alt="A screenshot for Hot Wheels Infinite Rush" src="https://cdn.mos.cms.futurecdn.net/ZmPFrQqRTiyynMtmXNNVrP.jpg" mos="" align="middle" fullscreen="" width="1410" height="793" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Milestone S.r.l. / Mattel)</span></figcaption></figure><p>Though the majority of my time with Hot Wheels Infinite Rush was spent playing on my own, my partner and I raced together (and against each other) in split-screen co-op, too. You can play with up to three more players on your couch, or partake in online multiplayer with cross-play support.</p><p>My partner doesn't consider herself a gamer but she loves playing a simple <a href="https://www.tomsguide.com/gaming/im-a-gamer-and-my-partner-isnt-but-she-still-cant-resist-these-5-couch-co-op-games">couch co-op game</a>, and she thoroughly enjoyed Hot Wheels Infinite Rush. She liked how chaotic and destructive it felt, as you can break practically any in-game object with your car, whether that's while free roaming or racing.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1290px;"><p class="vanilla-image-block" style="padding-top:56.28%;"><img id="jjqcofuBYoKzyaMoNz4SXP" name="Hot_Wheels_Infinite_Rush-op-ed-6" alt="A screenshot for Hot Wheels Infinite Rush" src="https://cdn.mos.cms.futurecdn.net/jjqcofuBYoKzyaMoNz4SXP.jpg" mos="" align="middle" fullscreen="" width="1290" height="726" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Milestone S.r.l. / Mattel)</span></figcaption></figure><p>She also liked that she didn't have to worry about her car falling to pieces if she drove it headfirst into a building. It's nice to have another two-player racing game in our arsenal alongside Mario Kart World now.</p><p>There's a lot to love about Hot Wheels Infinite Rush, and even though I've played it extensively, I'm itching to take to the wheel again. The open-world has been executed beautifully, with stunning toy-like graphics reminiscent of the cars and orange tracks I grew up playing with, and an indestructible car that wrecks everything in its way. The versatility of challenges and collectible vehicles is fantastic, though I wish the game was a little harder.</p><p>All in all, though, it's a wheel-y good game, and Hot Wheels Infinite Rush has done something even Forza Horizon has been unable to: make me like racing video games again.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-OR9GNW"></div>                            </div>                            <script src="https://kwizly.com/embed/OR9GNW.js" async></script><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/ranking-everything-i-played-at-gamescom-2026-including-alien-isolation-2-metro-2039-silent-hill-townfall-and-more">Ranking everything I played at Gamescom 2026, including Alien: Isolation 2, Metro 2039, Silent Hill: Townfall, and more</a></li><li><a href="https://www.tomsguide.com/gaming/star-wars-zero-company-is-a-surprise-goty-contender-but-you-need-to-switch-on-permadeath-trust-me">Star Wars Zero Company is a surprise GOTY contender — but you need to switch on permadeath, trust me</a></li><li><a href="https://www.tomsguide.com/gaming/metal-gear-solid-4-on-ps5-is-an-almost-perfect-port-of-my-favorite-ps3-exclusive">Metal Gear Solid 4 on PS5 is an almost perfect port of my favorite PS3 exclusive</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/hot-wheels-infinite-rush-after-15-hours</link>
                                                                            <description>
                            <![CDATA[ Hot Wheels Infinite Rush's open-world is a joy to explore, and the versatility of challenges and cars makes you not want to put down your controller. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">m47tUXMAgUBoz2UpArhYQ9</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/E73dB9UsAmYCThkQSCNDdP-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sun, 06 Sep 2026 12:00:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ nikita.achanta@futurenet.com (Nikita Achanta) ]]></author>                    <dc:creator><![CDATA[ Nikita Achanta ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/oXuvixDz99SbZp9z8Uoor3.png ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Nikita is a Senior Writer on the Reviews team at Tom&#039;s Guide. She is a lifelong gaming and photography enthusiast, especially interested in wildlife photography. Having worked as a Sub Editor and Writer for Canon EMEA, she’s a bit of a grammar nerd (and a supporter of the Oxford comma), and has also interviewed photographers from all over the world and working in different genres.&lt;/p&gt;&lt;p&gt;A holder of two master’s degrees, the most recent one being in Magazine Journalism from Cardiff University, Nikita’s work has appeared in several publications such as Motor Sport Magazine, NME, Marriott Bonvoy, The Independent, and Metro. Her favorite tech includes the PS5, the DJI Air 3S, and the Fujifilm X-T50. She&#039;s also a licensed drone pilot and cameras expert so you&#039;ll find her testing those nearly every week.&lt;/p&gt;&lt;p&gt;In her downtime, Nikita can usually be found sinking hours into RPGs on her PS5, flying a drone, out on a walk with a camera in hand, at a concert, watching F1, or planning her next tattoo. You can follow her photography account on Instagram&lt;a href=&quot;https://www.instagram.com/photos.bynikita/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt; here&lt;/a&gt;.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/E73dB9UsAmYCThkQSCNDdP-1280-80.jpg">
                                                            <media:credit><![CDATA[Milestone S.r.l. / Mattel]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[A screenshot for Hot Wheels Infinite Rush]]></media:description>                                                            <media:text><![CDATA[A screenshot for Hot Wheels Infinite Rush]]></media:text>
                                <media:title type="plain"><![CDATA[A screenshot for Hot Wheels Infinite Rush]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/E73dB9UsAmYCThkQSCNDdP-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <div  class="fancy-box"><div class="fancy_box-title">Hot Wheels Infinite Rush: Specs</div><div class="fancy_box_body"><p class="fancy-box__body-text"><strong>Platforms</strong>: PS5 (reviewed), Xbox Series X|S, Nintendo Switch 2, Windows<br><strong>Price</strong>: $49<br><strong>Release date</strong>: September 10, 2026<br><strong>Genre</strong>: Racing</p></div></div><p>As a child, I asked for Hot Wheels any time my birthday came around. I was obsessed with creating loop-the-loops with the orange track sets. I also have vague recollection of playing a Hot Wheels video game on my dad's PC, too, as well as Hot Wheels Jetz where you'd fly planes instead of drive cars. So when Hot Wheels Infinite Rush was announced at the <a href="https://www.tomsguide.com/news/live/summer-game-fest-2026-live-updates">2026 Summer Game Fest showcase</a>, I couldn't wait to get my hands on it.</p><p>And now, having spent nearly 15 hours playing it on my <a href="https://www.tomsguide.com/gaming/playstation/ps5-slim">PS5 Slim</a>, it's everything I'd imagined and more. Hot Wheels Infinite Rush takes a different approach to the franchise — it's gotten the open-world treatment akin to the <a href="https://www.tomsguide.com/gaming/forza-horizon-6-review">Forza Horizon</a> games. You're not bound to just races anymore. There are plenty of side quests to do, objects to destroy, and rival cars to claim as your own.</p><p>As someone who's not the biggest fan of racing games, Hot Wheels Infinite Rush has me hooked, and it scratches an itch that Forza Horizon can't. It's some of the most fun I've had since the Need for Speed: Carbon days, and if you're wondering whether or not you should play it, trust me: you don't want to miss out on the chaos.</p><div class="product"><a data-dimension112="527ca070-a843-11f1-a45f-8fadfd5195c7" data-action="Deal Block" data-label="Infinite Rush" data-dimension48="Infinite Rush" data-dimension25="$49" href="https://www.amazon.com/Hot-Wheels-Infinite-Rush-PlayStation-5/dp/B0H47ZQKKM/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1298px;"><p class="vanilla-image-block" style="padding-top:115.56%;"><img id="kQ5J5yiZjTnpw5pzrQoe4n" name="HotWheelsInfiniteRush-deal" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/kQ5J5yiZjTnpw5pzrQoe4n.jpg" mos="" align="middle" fullscreen="" width="1298" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Hot Wheels Infinite Rush is the latest instalment in the storied video game franchise. It's an open-world racing game featuring four islands with various challenges, including races, photo ops, time trials, drifts, and rival races where you can claim their car as your own. You can also join 4-player local split-screen, or jump into online multiplayer with cross-play support.<a class="view-deal button" href="https://www.amazon.com/Hot-Wheels-Infinite-Rush-PlayStation-5/dp/B0H47ZQKKM/" target="_blank" rel="nofollow" data-dimension112="527ca070-a843-11f1-a45f-8fadfd5195c7" data-action="Deal Block" data-label="Infinite Rush" data-dimension48="Infinite Rush" data-dimension25="$49">View Deal</a></p></div><h2 id="driving-me-loopy">Driving me loopy</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="tktc8FAMQXFSmu9dBuay6Q" name="Hot_Wheels_Infinite_Rush-op-ed-9" alt="A screenshot for Hot Wheels Infinite Rush" src="https://cdn.mos.cms.futurecdn.net/tktc8FAMQXFSmu9dBuay6Q.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Milestone S.r.l. / Mattel)</span></figcaption></figure><p>As the first fully open-world game in the franchise, Hot Wheels Infinite Rush has knocked it out of the park. When you first boot up the game, you're dropped on to WheelsWood, a bustling metropolis featuring towering skyscrapers and city streets... with a giant King Kong-style gorilla sitting atop the tallest building.</p><p>As you progress through the game, you can unlock three other islands, each with its own unique environment — from lush resorts and beaches to deserts with scorching terrain and dirt roads. Unlocking islands is simple, albeit a little time-consuming, as all you need to do is complete a certain number of races on other islands and beat Rush Masters (or island bosses) in 1v1 races.</p><p>That sounds like the premise of pretty much every Need for Speed game I remember playing as a teenager, but Hot Wheels Infinite Rush does things a little differently: its open-world is unlike any other I've seen. Orange loop-the-loops tower over you, and with the Track Builder, you can attach modules to the ground, build them around buildings, weave around skyscrapers, anything you want. It's exactly like playing with the <em>actual </em>Hot Wheels cars and track parts.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bfiLYfKUZGbrXhSpAyMdGQ" name="Hot_Wheels_Infinite_Rush-op-ed-8" alt="A screenshot for Hot Wheels Infinite Rush" src="https://cdn.mos.cms.futurecdn.net/bfiLYfKUZGbrXhSpAyMdGQ.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Milestone S.r.l. / Mattel)</span></figcaption></figure><p>I love that the game doesn't feel repetitive either. Because each island has its own unique terrain, you must adapt to it by choosing the right vehicle and hone your skills. What works on the dirt road won't necessarily work on tarmac. The variety of challenges is incredible, too. I've enjoyed taking my time to explore each island, finding photo ops, drift trials, and stunt challenges.</p><p>A favorite of mine is the Delivery Stunt challenge, where you must drive a pristine car to the dealership and every time you bump against an object, you lose a health point. Though it sounds easy enough, when you've got NPCs racing around like they've got nothing to lose, it becomes extremely tricky.</p><p>When you're driving around in your own car, you don't need to worry about damaging it (and ending up with a totaled car) as you would in Forza Horizon or Need for Speed. Hot Wheels are toys, and the game constantly reminds you of that fact when you drive off a cliff's edge at full speed and incur no damage when you hit the ground. Your virtual car even bounces and flops around as your physical toy car would.</p><h2 id="life-in-the-fast-lane">Life in the fast lane</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fnasRFaFKvYStLB92B7T4Q" name="Hot_Wheels_Infinite_Rush-op-ed-2" alt="A screenshot for Hot Wheels Infinite Rush" src="https://cdn.mos.cms.futurecdn.net/fnasRFaFKvYStLB92B7T4Q.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Milestone S.r.l. / Mattel)</span></figcaption></figure><p>But what good is an open-world racing game if it doesn't nail the most basic racing aspects? The races in Hot Wheels Infinite Rush are extremely easy to get hooked on, and they're ridiculously fun. Again, they don't feel repetitive as each environment is different, and each track demands a different type of car. These include Speeders, Drifters, Titans and Versatiles, and each type features a different playstyle.</p><p>For instance, Titans use a progressive boost bar; overusing it makes the car less effective and slows it down, so you have to let off the gas just before the bar runs out to keep your speed up. It took me a couple of races each time to get a hang of the different types, but it feels very rewarding once you wrap your head around it.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="vLkbxUaiSeovsyQdLLa9rP" name="Hot_Wheels_Infinite_Rush-op-ed-3" alt="A screenshot for Hot Wheels Infinite Rush" src="https://cdn.mos.cms.futurecdn.net/vLkbxUaiSeovsyQdLLa9rP.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Milestone S.r.l. / Mattel)</span></figcaption></figure><p>There are over 150 vehicles to unlock and collect in Hot Wheels Infinite Rush. You can do this by completing races and challenges across the world, but the best way to do it? By challenging Daredevils. These are NPCs roaming around in the open-world, and you can follow them and challenge them to a race. Win the 1v1 race and their car is yours. I can't tell you how much fun it is to hunt down the NPCs and wipe the floor with them.</p><p>Swapping between cars can be done quickly at the press of a button, and you can upgrade them, too. Some changes are purely cosmetic, but you can add mods to elevate your drift, nitro boost, handling, and more. Similar to vehicles in <a href="https://www.tomsguide.com/gaming/nintendo/mario-kart-world-review">Mario Kart World</a>, some upgrades have a detrimental impact on other aspects of your car, so it's fun to find out the combination that works best for you.</p><p>The only real issue I have with racing in Hot Wheels Infinite Rush is that the races feel too easy. From the first race itself, I was leaving my opponents in the dust, achieving top spot on the podium with a massive lead every time. While the four types of cars introduce a learning curve, the races themselves don't. Or I'm just too good at the game.</p><h2 id="double-triple-quadruple-the-fun">Double, triple, quadruple the fun</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1410px;"><p class="vanilla-image-block" style="padding-top:56.24%;"><img id="ZmPFrQqRTiyynMtmXNNVrP" name="Hot_Wheels_Infinite_Rush-op-ed-7" alt="A screenshot for Hot Wheels Infinite Rush" src="https://cdn.mos.cms.futurecdn.net/ZmPFrQqRTiyynMtmXNNVrP.jpg" mos="" align="middle" fullscreen="" width="1410" height="793" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Milestone S.r.l. / Mattel)</span></figcaption></figure><p>Though the majority of my time with Hot Wheels Infinite Rush was spent playing on my own, my partner and I raced together (and against each other) in split-screen co-op, too. You can play with up to three more players on your couch, or partake in online multiplayer with cross-play support.</p><p>My partner doesn't consider herself a gamer but she loves playing a simple <a href="https://www.tomsguide.com/gaming/im-a-gamer-and-my-partner-isnt-but-she-still-cant-resist-these-5-couch-co-op-games">couch co-op game</a>, and she thoroughly enjoyed Hot Wheels Infinite Rush. She liked how chaotic and destructive it felt, as you can break practically any in-game object with your car, whether that's while free roaming or racing.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1290px;"><p class="vanilla-image-block" style="padding-top:56.28%;"><img id="jjqcofuBYoKzyaMoNz4SXP" name="Hot_Wheels_Infinite_Rush-op-ed-6" alt="A screenshot for Hot Wheels Infinite Rush" src="https://cdn.mos.cms.futurecdn.net/jjqcofuBYoKzyaMoNz4SXP.jpg" mos="" align="middle" fullscreen="" width="1290" height="726" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Milestone S.r.l. / Mattel)</span></figcaption></figure><p>She also liked that she didn't have to worry about her car falling to pieces if she drove it headfirst into a building. It's nice to have another two-player racing game in our arsenal alongside Mario Kart World now.</p><p>There's a lot to love about Hot Wheels Infinite Rush, and even though I've played it extensively, I'm itching to take to the wheel again. The open-world has been executed beautifully, with stunning toy-like graphics reminiscent of the cars and orange tracks I grew up playing with, and an indestructible car that wrecks everything in its way. The versatility of challenges and collectible vehicles is fantastic, though I wish the game was a little harder.</p><p>All in all, though, it's a wheel-y good game, and Hot Wheels Infinite Rush has done something even Forza Horizon has been unable to: make me like racing video games again.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-OR9GNW"></div>                            </div>                            <script src="https://kwizly.com/embed/OR9GNW.js" async></script><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/ranking-everything-i-played-at-gamescom-2026-including-alien-isolation-2-metro-2039-silent-hill-townfall-and-more">Ranking everything I played at Gamescom 2026, including Alien: Isolation 2, Metro 2039, Silent Hill: Townfall, and more</a></li><li><a href="https://www.tomsguide.com/gaming/star-wars-zero-company-is-a-surprise-goty-contender-but-you-need-to-switch-on-permadeath-trust-me">Star Wars Zero Company is a surprise GOTY contender — but you need to switch on permadeath, trust me</a></li><li><a href="https://www.tomsguide.com/gaming/metal-gear-solid-4-on-ps5-is-an-almost-perfect-port-of-my-favorite-ps3-exclusive">Metal Gear Solid 4 on PS5 is an almost perfect port of my favorite PS3 exclusive</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I tested DLSS 5 in NBA 2K27 on a mid-range gaming laptop — it's the future of photorealistic graphics, but there's a catch ]]></title>
                                                                                                <dc:content><![CDATA[ <p>So while NBA 2K27 is officially the first game to launch with <a href="https://www.tomsguide.com/gaming/pc-gaming/i-tested-the-real-dlss-5-forget-the-leaked-mods-its-not-an-ai-filter-this-is-nvidias-photorealistic-game-changer">Nvidia’s newly launched DLSS 5</a>, you’ve probably already seen it pop up in hundreds of more games than that. And I’ll say it again just like I said it before — in photorealistic games, it’s fantastic. But If you venture out of that into anything more stylized, it’s going to look weird.</p><p>That’s why it makes the world of sense in 2K27, but during my hands-on testing with my <a href="https://www.tomsguide.com/computing/gaming-laptops/i-review-gaming-laptops-for-a-living-and-this-is-my-favorite-of-2025">Asus ROG Zephyrus G14</a> (armed with an RTX 5070 Ti), I noticed something bizarre. The moment I entered a menu or triggered a replay, it suddenly felt like it was trudging through molasses.</p><p>I dug into the raw telemetry data to figure out what was going on, and what I found completely changed my understanding of Nvidia’s “3D-guided neural rendering.” That intensive new graphics pipeline of DLSS 5 may indeed be a graphical revolution — but on my humble laptop (and lower end desktops), I get the sense Frame Generation is a requirement to make it playable.</p><h2 id="the-laptop-i-m-playing-on">The laptop I’m playing on</h2><div ><table><tbody><tr><td class="firstcol " ><p><strong>CPU</strong></p></td><td  ><p>Intel Core Ultra 9 386H</p></td></tr><tr><td class="firstcol " ><p><strong>GPU</strong></p></td><td  ><p>RTX 5070 Ti (115 watts)</p></td></tr><tr><td class="firstcol " ><p><strong>RAM</strong></p></td><td  ><p>32GB LPDDR5X</p></td></tr><tr><td class="firstcol " ><p><strong>SSD</strong></p></td><td  ><p>1TB PCIe Gen 4</p></td></tr></tbody></table></div><p>I’m seeing a lot of people test it on massive desktop rigs. I’ll of course get round to doing this when I’m not on my honeymoon (my wife will kill me if I started benchmarking DLSS 5 in Cancun), but first I wanted to show you some numbers on something that isn’t really being covered here — my Asus ROG Zephyrus G14 gaming laptop.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="2akjJwtoAsyJWCruapJF9E" name="Asus ROG Zephyrus G14 (2026)" alt="Asus ROG Zephyrus G14 (2026)" src="https://cdn.mos.cms.futurecdn.net/2akjJwtoAsyJWCruapJF9E.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Nvidia’s been talking about how the model running this mode of neural rendering has been made super efficient over the past few months. In fact, when it first debuted, it ran on a separate RTX 5090 desktop GPU; whereas now, it’s able to run on a single card with the game.</p><p>So let’s give it a go in a notebook with a lower power level running through those graphics.</p><h2 id="by-the-numbers">By the numbers</h2><p>To figure out why the game was suddenly stuttering, I ran the telemetry on three different game states with DLSS 5 turned on and off. And as you can see, while the gameplay numbers are very close matching, elsewhere, the difference is pretty significant.</p><div ><table><tbody><tr><td class="firstcol " ><p><strong>Scenario</strong></p></td><td  ><p><strong>Setting</strong></p></td><td  ><p><strong>Avg FPS</strong></p></td><td  ><p><strong>1% Low FPS</strong></p></td><td  ><p><strong>PC Latency (ms)</strong></p></td><td  ><p><strong>GPU Util (%)</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Menu screen</strong></p></td><td  ><p>DLSS 5 Off</p></td><td  ><p>109.8</p></td><td  ><p>85.3</p></td><td  ><p>35.8</p></td><td  ><p>91.5</p></td></tr><tr><td class="firstcol empty" ></td><td  ><p>DLSS 5 On</p></td><td  ><p>30.4</p></td><td  ><p>27.9</p></td><td  ><p>102.1</p></td><td  ><p>96.9</p></td></tr><tr><td class="firstcol " ><p><strong>Gameplay</strong></p></td><td  ><p>DLSS 5 Off</p></td><td  ><p>115.8</p></td><td  ><p>19.8</p></td><td  ><p>79.8</p></td><td  ><p>41</p></td></tr><tr><td class="firstcol empty" ></td><td  ><p>DLSS 5 On</p></td><td  ><p>115.2</p></td><td  ><p>19.8</p></td><td  ><p>111.2</p></td><td  ><p>86</p></td></tr><tr><td class="firstcol " ><p><strong>Replay</strong></p></td><td  ><p>DLSS 5 Off</p></td><td  ><p>92.6</p></td><td  ><p>57</p></td><td  ><p>56.6</p></td><td  ><p>92.9</p></td></tr><tr><td class="firstcol empty" ></td><td  ><p>DLSS 5 On</p></td><td  ><p>26.9</p></td><td  ><p>16.2</p></td><td  ><p>128.8</p></td><td  ><p>97.7</p></td></tr></tbody></table></div><p>In fact, this kind of lines up with <a href="https://www.pcgamer.com/hardware/graphics-cards/dlss-5-comes-with-a-massive-50-60-percent-performance-hit-so-i-hope-you-like-lower-frame-rates-with-your-dose-of-ai-image-enhancement/" target="_blank">PC Gamer’s report</a> of a 50-60% drop in performance. So what’s going on here? Let’s talk about it.</p><h2 id="the-heavy-cost-of-the-transformer">The heavy cost of the transformer</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="n9SYNVP4yTgoCse4GzHQaL" name="DLSS 5" alt="DLSS 5" src="https://cdn.mos.cms.futurecdn.net/n9SYNVP4yTgoCse4GzHQaL.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Nvidia)</span></figcaption></figure><p>So why does turning <em>off </em>the new tech triple frame rate in menus and replays? Because DLSS 5 is not just an upscale filter. It is a highly complex transformer model that interacts with the on-screen geometry and injects neural rendering.</p><p>Speaking to Nvidia, it’s clear that this AI pipeline is a heavy one, and the answer to why you don’t see that same impact in gameplay is a simple one: <strong>Frame Generation</strong>.</p><p>During live gameplay, I engaged the 6x Frame Generation multiplier to take that slower neurally rendered base and fill the gaps. However, developers typically disable frame gen during static menus, UI-heavy pause screens or camera-cut replays.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="sGWd4w3FSK3c3NZvRKTvTQ" name="DLSS 5" alt="DLSS 5" src="https://cdn.mos.cms.futurecdn.net/sGWd4w3FSK3c3NZvRKTvTQ.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Nvidia)</span></figcaption></figure><p>You can see how much this first iteration of DLSS 5 is sweating the system by looking at a couple of factors in the gameplay. Yes, the framerate is barely touched, but the 1% Lows takes a dip and the latency is upped quite drastically, as well as the GPU utilization spiking.</p><p>In a controller-centric game like NBA 2K27, that’s not necessarily a noticeable hit, but I can imagine that when this in its current form is moved to games that require faster inputs with a keyboard and mouse, it could become more apparent.</p><p>Take away the prop of frame generation in menus, and you see the DLSS 5 penalty more realistically on an RTX 5070 Ti laptop GPU.</p><h2 id="but-it-looks-incredible">But it looks incredible</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/dgiemBJh8Ntef9MvZNJ43R.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/2vmZFSEToxZQnXLg9PiZAR.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure></figure><p>Like I said in my first impressions, when faced with photorealistic graphics, DLSS 5 is undeniably impressive. There is one very specific takeaway when I looked at these “before and after” pairs of screen captures: the core game look is preserved impressively.</p><p>DLSS 5 does a flawless job of preserving the game’s visual integrity. The shots of Jalen Brunson and Victor Wembanyama show off the micro-details on the skin and the way the sweat catches the harsh stadium lighting. The upscaler isn’t adding any aggressive smoothing or plastic-looking artifacts — it’s remarkably lifelike.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/zt3qUDcUT3hUT3uCggfbCR.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/75Z5j9Mo3Xtosb8oN2e9CR.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure></figure><p>Then there’s the fabric and material textures. Brunson’s Knicks jersey and the fabric of the couch in the cutscene get an upgrade to show off the stitching more with high-resolution clarity, and without any noticeable AI-induced blurring.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/jDbGWSTjdSLRHjA7eAq48R.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/q4xFZMUkJMWp6Z9tBJ3rvP.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure></figure><p>The lighting reacts to on-screen characters more realistically, there isn’t any noticeable AI “fizzing” or ghosting around finer textures like hair — something upscalers have had problems with in the past. </p><h2 id="is-this-a-frame-generated-future">Is this a frame-generated future?</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/YWWyKjCTaivXpgCJPxyaBR.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/aZfs5KRJDBPYAFnnv8zE9R.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure></figure><p>DLSS 5 integration proved to me that the uncanny valley is dead, but it also proves that native frame rates are on their way out with it.</p><p>Nvidia themselves keep saying that Moore’s law is dead, and getting crafty with AI is what will bridge that generational gap. That threshold has been crossed — photorealism is getting too heavy for high-end silicon to render natively. </p><p>And DLSS 5 proves that future of photorealism isn’t just about rendering better pixels; it’s about accepting that a good chunk of the frames you see on your screen aren’t <em>technically </em>going to be “real” at all. </p><p>We’ve been coming to this moment in the PC gaming space for a while now, and it’s also happening on consoles too. </p><p>And personally, I have no problem with it if it looks this good — provided it’s used the right way (such as in photorealistic games).</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><strong></strong><a href="https://www.tomsguide.com/tech-events/best-of-ifa-2026-we-found-the-26-top-new-gadgets"><strong>Best of IFA 2026: We found the 26 top new gadgets</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/computing/laptops/macbook-pro-14-inch-vs-asus-proart-p14-nvidia-rtx-spark"><strong>I held the Asus ProArt P14 next to my MacBook Pro 14 — and Apple should be genuinely terrified of Nvidia’s RTX Spark</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-acers-wild-flip-and-swivel-handheld-why-project-dualplay-mini-is-the-ultimate-netbook-love-letter"><strong>I tested Acer's wild Project DualPlay Mini — and it's a gaming handheld and laptop in one gadget</strong></a><strong></strong></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/pc-gaming/i-benchmarked-the-real-dlss-5-in-nba-2k27-and-the-future-of-photorealistic-graphics-has-one-big-catch</link>
                                                                            <description>
                            <![CDATA[ I benchmarked Nvidia’s DLSS 5 in NBA 2K27 on an RTX 5070 Ti laptop. Here is why the neural rendering model requires frame generation to stay playable. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">28R4VdDndCAzgMBfVtV3TM</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/j8Wmy2eeJWccYHQige6uD5-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sun, 06 Sep 2026 07:00:00 +0000</pubDate>                                                                                                                                <updated>Sun, 06 Sep 2026 12:21:56 +0000</updated>
                                                                                                                                            <category><![CDATA[PC Gaming]]></category>
                                                    <category><![CDATA[Gaming Laptops]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                    <category><![CDATA[Computing Peripherals]]></category>
                                                    <category><![CDATA[Laptops]]></category>
                                                                                                                    <dc:creator><![CDATA[ Jason England ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/v4fSq5U4uZUEtGY2BwNuJ6.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Jason brings a decade of tech and gaming journalism experience to his role as a Managing Editor of Computing at Tom&#039;s Guide. He has previously written for Laptop Mag, Tom&#039;s Hardware, Kotaku, Stuff and BBC Science Focus. In his spare time, you&#039;ll find Jason looking for good dogs to pet or thinking about eating pizza if he isn&#039;t already.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/j8Wmy2eeJWccYHQige6uD5-1280-80.jpg">
                                                            <media:credit><![CDATA[Future]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[DLSS 5]]></media:description>                                                            <media:text><![CDATA[DLSS 5]]></media:text>
                                <media:title type="plain"><![CDATA[DLSS 5]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/j8Wmy2eeJWccYHQige6uD5-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>So while NBA 2K27 is officially the first game to launch with <a href="https://www.tomsguide.com/gaming/pc-gaming/i-tested-the-real-dlss-5-forget-the-leaked-mods-its-not-an-ai-filter-this-is-nvidias-photorealistic-game-changer">Nvidia’s newly launched DLSS 5</a>, you’ve probably already seen it pop up in hundreds of more games than that. And I’ll say it again just like I said it before — in photorealistic games, it’s fantastic. But If you venture out of that into anything more stylized, it’s going to look weird.</p><p>That’s why it makes the world of sense in 2K27, but during my hands-on testing with my <a href="https://www.tomsguide.com/computing/gaming-laptops/i-review-gaming-laptops-for-a-living-and-this-is-my-favorite-of-2025">Asus ROG Zephyrus G14</a> (armed with an RTX 5070 Ti), I noticed something bizarre. The moment I entered a menu or triggered a replay, it suddenly felt like it was trudging through molasses.</p><p>I dug into the raw telemetry data to figure out what was going on, and what I found completely changed my understanding of Nvidia’s “3D-guided neural rendering.” That intensive new graphics pipeline of DLSS 5 may indeed be a graphical revolution — but on my humble laptop (and lower end desktops), I get the sense Frame Generation is a requirement to make it playable.</p><h2 id="the-laptop-i-m-playing-on">The laptop I’m playing on</h2><div ><table><tbody><tr><td class="firstcol " ><p><strong>CPU</strong></p></td><td  ><p>Intel Core Ultra 9 386H</p></td></tr><tr><td class="firstcol " ><p><strong>GPU</strong></p></td><td  ><p>RTX 5070 Ti (115 watts)</p></td></tr><tr><td class="firstcol " ><p><strong>RAM</strong></p></td><td  ><p>32GB LPDDR5X</p></td></tr><tr><td class="firstcol " ><p><strong>SSD</strong></p></td><td  ><p>1TB PCIe Gen 4</p></td></tr></tbody></table></div><p>I’m seeing a lot of people test it on massive desktop rigs. I’ll of course get round to doing this when I’m not on my honeymoon (my wife will kill me if I started benchmarking DLSS 5 in Cancun), but first I wanted to show you some numbers on something that isn’t really being covered here — my Asus ROG Zephyrus G14 gaming laptop.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="2akjJwtoAsyJWCruapJF9E" name="Asus ROG Zephyrus G14 (2026)" alt="Asus ROG Zephyrus G14 (2026)" src="https://cdn.mos.cms.futurecdn.net/2akjJwtoAsyJWCruapJF9E.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Nvidia’s been talking about how the model running this mode of neural rendering has been made super efficient over the past few months. In fact, when it first debuted, it ran on a separate RTX 5090 desktop GPU; whereas now, it’s able to run on a single card with the game.</p><p>So let’s give it a go in a notebook with a lower power level running through those graphics.</p><h2 id="by-the-numbers">By the numbers</h2><p>To figure out why the game was suddenly stuttering, I ran the telemetry on three different game states with DLSS 5 turned on and off. And as you can see, while the gameplay numbers are very close matching, elsewhere, the difference is pretty significant.</p><div ><table><tbody><tr><td class="firstcol " ><p><strong>Scenario</strong></p></td><td  ><p><strong>Setting</strong></p></td><td  ><p><strong>Avg FPS</strong></p></td><td  ><p><strong>1% Low FPS</strong></p></td><td  ><p><strong>PC Latency (ms)</strong></p></td><td  ><p><strong>GPU Util (%)</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Menu screen</strong></p></td><td  ><p>DLSS 5 Off</p></td><td  ><p>109.8</p></td><td  ><p>85.3</p></td><td  ><p>35.8</p></td><td  ><p>91.5</p></td></tr><tr><td class="firstcol empty" ></td><td  ><p>DLSS 5 On</p></td><td  ><p>30.4</p></td><td  ><p>27.9</p></td><td  ><p>102.1</p></td><td  ><p>96.9</p></td></tr><tr><td class="firstcol " ><p><strong>Gameplay</strong></p></td><td  ><p>DLSS 5 Off</p></td><td  ><p>115.8</p></td><td  ><p>19.8</p></td><td  ><p>79.8</p></td><td  ><p>41</p></td></tr><tr><td class="firstcol empty" ></td><td  ><p>DLSS 5 On</p></td><td  ><p>115.2</p></td><td  ><p>19.8</p></td><td  ><p>111.2</p></td><td  ><p>86</p></td></tr><tr><td class="firstcol " ><p><strong>Replay</strong></p></td><td  ><p>DLSS 5 Off</p></td><td  ><p>92.6</p></td><td  ><p>57</p></td><td  ><p>56.6</p></td><td  ><p>92.9</p></td></tr><tr><td class="firstcol empty" ></td><td  ><p>DLSS 5 On</p></td><td  ><p>26.9</p></td><td  ><p>16.2</p></td><td  ><p>128.8</p></td><td  ><p>97.7</p></td></tr></tbody></table></div><p>In fact, this kind of lines up with <a href="https://www.pcgamer.com/hardware/graphics-cards/dlss-5-comes-with-a-massive-50-60-percent-performance-hit-so-i-hope-you-like-lower-frame-rates-with-your-dose-of-ai-image-enhancement/" target="_blank">PC Gamer’s report</a> of a 50-60% drop in performance. So what’s going on here? Let’s talk about it.</p><h2 id="the-heavy-cost-of-the-transformer">The heavy cost of the transformer</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="n9SYNVP4yTgoCse4GzHQaL" name="DLSS 5" alt="DLSS 5" src="https://cdn.mos.cms.futurecdn.net/n9SYNVP4yTgoCse4GzHQaL.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Nvidia)</span></figcaption></figure><p>So why does turning <em>off </em>the new tech triple frame rate in menus and replays? Because DLSS 5 is not just an upscale filter. It is a highly complex transformer model that interacts with the on-screen geometry and injects neural rendering.</p><p>Speaking to Nvidia, it’s clear that this AI pipeline is a heavy one, and the answer to why you don’t see that same impact in gameplay is a simple one: <strong>Frame Generation</strong>.</p><p>During live gameplay, I engaged the 6x Frame Generation multiplier to take that slower neurally rendered base and fill the gaps. However, developers typically disable frame gen during static menus, UI-heavy pause screens or camera-cut replays.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="sGWd4w3FSK3c3NZvRKTvTQ" name="DLSS 5" alt="DLSS 5" src="https://cdn.mos.cms.futurecdn.net/sGWd4w3FSK3c3NZvRKTvTQ.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Nvidia)</span></figcaption></figure><p>You can see how much this first iteration of DLSS 5 is sweating the system by looking at a couple of factors in the gameplay. Yes, the framerate is barely touched, but the 1% Lows takes a dip and the latency is upped quite drastically, as well as the GPU utilization spiking.</p><p>In a controller-centric game like NBA 2K27, that’s not necessarily a noticeable hit, but I can imagine that when this in its current form is moved to games that require faster inputs with a keyboard and mouse, it could become more apparent.</p><p>Take away the prop of frame generation in menus, and you see the DLSS 5 penalty more realistically on an RTX 5070 Ti laptop GPU.</p><h2 id="but-it-looks-incredible">But it looks incredible</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/dgiemBJh8Ntef9MvZNJ43R.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/2vmZFSEToxZQnXLg9PiZAR.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure></figure><p>Like I said in my first impressions, when faced with photorealistic graphics, DLSS 5 is undeniably impressive. There is one very specific takeaway when I looked at these “before and after” pairs of screen captures: the core game look is preserved impressively.</p><p>DLSS 5 does a flawless job of preserving the game’s visual integrity. The shots of Jalen Brunson and Victor Wembanyama show off the micro-details on the skin and the way the sweat catches the harsh stadium lighting. The upscaler isn’t adding any aggressive smoothing or plastic-looking artifacts — it’s remarkably lifelike.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/zt3qUDcUT3hUT3uCggfbCR.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/75Z5j9Mo3Xtosb8oN2e9CR.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure></figure><p>Then there’s the fabric and material textures. Brunson’s Knicks jersey and the fabric of the couch in the cutscene get an upgrade to show off the stitching more with high-resolution clarity, and without any noticeable AI-induced blurring.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/jDbGWSTjdSLRHjA7eAq48R.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/q4xFZMUkJMWp6Z9tBJ3rvP.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure></figure><p>The lighting reacts to on-screen characters more realistically, there isn’t any noticeable AI “fizzing” or ghosting around finer textures like hair — something upscalers have had problems with in the past. </p><h2 id="is-this-a-frame-generated-future">Is this a frame-generated future?</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/YWWyKjCTaivXpgCJPxyaBR.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/aZfs5KRJDBPYAFnnv8zE9R.png" alt="NBA 2K27" /><figcaption><small role="credit">2K Games</small></figcaption></figure></figure><p>DLSS 5 integration proved to me that the uncanny valley is dead, but it also proves that native frame rates are on their way out with it.</p><p>Nvidia themselves keep saying that Moore’s law is dead, and getting crafty with AI is what will bridge that generational gap. That threshold has been crossed — photorealism is getting too heavy for high-end silicon to render natively. </p><p>And DLSS 5 proves that future of photorealism isn’t just about rendering better pixels; it’s about accepting that a good chunk of the frames you see on your screen aren’t <em>technically </em>going to be “real” at all. </p><p>We’ve been coming to this moment in the PC gaming space for a while now, and it’s also happening on consoles too. </p><p>And personally, I have no problem with it if it looks this good — provided it’s used the right way (such as in photorealistic games).</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><strong></strong><a href="https://www.tomsguide.com/tech-events/best-of-ifa-2026-we-found-the-26-top-new-gadgets"><strong>Best of IFA 2026: We found the 26 top new gadgets</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/computing/laptops/macbook-pro-14-inch-vs-asus-proart-p14-nvidia-rtx-spark"><strong>I held the Asus ProArt P14 next to my MacBook Pro 14 — and Apple should be genuinely terrified of Nvidia’s RTX Spark</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-acers-wild-flip-and-swivel-handheld-why-project-dualplay-mini-is-the-ultimate-netbook-love-letter"><strong>I tested Acer's wild Project DualPlay Mini — and it's a gaming handheld and laptop in one gadget</strong></a><strong></strong></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I just tested the new Alienware 16 Area-51 — and the OLED panel makes it the complete package ]]></title>
                                                                                                <dc:content><![CDATA[ <p>The new Alienware 16 Area-51 gaming laptop is largely a refresh of last year’s model, but it includes the one feature I wanted: a glare-free OLED panel. Toss in the latest Intel and Nvidia components, along with the otherworldly design, and you have one of the best gaming laptops on the market.</p><p>As with 2025’s Alienware 16 Area-51, this gaming laptop has serious flair, thanks to the Liquid Teal finish on the anodized aluminum chassis, which gives it a dark, iridescent sheen that shifts colors under different lighting conditions. The Gorilla Glass window on the bottom lets you see the internal components, while the RGB lighting enhances the laptop’s otherworldly appearance.</p><p>You can configure the Alienware 16 Area-51 (from $2,529, $3829 as tested) with up to an Intel Core Ultra 9 290HX Plus Arrow Lake Refresh CPU, an Nvidia RTX 5090 GPU, 64GB of RAM, and 12TB of SSD storage. My review unit, with its RTX 5080, Core Ultra 9 290HX Plus, and 32GB of RAM, had no issue handling even the most demanding PC games.</p><p>The star of the show is the new OLED panel, which provides rich contrast between dark and light elements. The anti-glare does rob the display of some of its luster, but the bright HDR and vibrant colors make up for that. You won’t complain much given how beautiful games look on this 16-inch 240Hz display.</p><p>While this laptop is still too bulky for my liking and has worse battery life than the previous model, this is undeniably a powerful gaming laptop with a fetching design like no other. If you have the cash for this beast, you won’t be disappointed. Find out more in my full review of the Alienware 16 Area-51 (2026).</p><h3 class="article-body__section" id="section-alienware-16-area-51-2026-review-cheat-sheet"><span>Alienware 16 Area-51 (2026) review: Cheat sheet</span></h3><ul><li><strong>What was it?</strong> The Alienware 16 Area-51 is a high-end gaming laptop.</li><li><strong>Who is it for?</strong> The Alienware 16 Area-51 is for hardcore gamers who want a machine that can easily play graphically demanding modern games and look good doing it.</li><li><strong>What does it cost?</strong> The Alienware 16 Area-51 starts at $2,529 on <a href="https://www.dell.com/en-us/shop/cty/pdp/spd/alienware-area-51-aa16250-gaming-laptop?cjdata=MXxOfDB8WXww" target="_blank" rel="nofollow">Dell’s website</a> at the time of writing. This configuration has an Intel Core Ultra 7 270HX Plus CPU, an Nvidia RTX 5060 GPU, 16GB of RAM, and 1TB of SSD storage.</li><li><strong>What do we like?</strong> We like the futuristic design, killer performance, and stunning OLED panel.</li><li><strong>What don’t we like?</strong> We don’t like the laptop’s bulkiness and poor(er) battery life.</li></ul><h3 class="article-body__section" id="section-alienware-16-area-51-2026-review-specs"><span>Alienware 16 Area-51 (2026) review: Specs</span></h3><div ><table><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>Alienware 16 Area-51 (starting)</strong></p></td><td  ><p><strong>Alienware 16 Area-51 (tested)</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p>$2,529</p></td><td  ><p>$3,829</p></td></tr><tr><td class="firstcol " ><p><strong>Display</strong></p></td><td  ><p>16-inch (2560x1600) OLED </p></td><td  ><p>16-inch (2560x1600) OLED </p></td></tr><tr><td class="firstcol " ><p><strong>CPU</strong></p></td><td  ><p>Intel Core Ultra 7 processor 270HX Plus </p></td><td  ><p>Intel Core Ultra 9 processor 290HX Plus </p></td></tr><tr><td class="firstcol " ><p><strong>GPU</strong></p></td><td  ><p>Nvidia GeForce RTX 5060 </p></td><td  ><p>Nvidia GeForce RTX 5080 </p></td></tr><tr><td class="firstcol " ><p><strong>RAM</strong></p></td><td  ><p>16GB DDR5</p></td><td  ><p>32GB DDR5</p></td></tr><tr><td class="firstcol " ><p><strong>Storage</strong></p></td><td  ><p>1TB</p></td><td  ><p>1TB</p></td></tr><tr><td class="firstcol " ><p><strong>Ports</strong></p></td><td  ><p>1x headphone jack, 3x USB-A, 2x USB-C/Thunderbolt 4, 1x HDMI</p></td><td  ><p>1x headphone jack, 3x USB-A, 2x USB-C/Thunderbolt 5, 1x HDMI</p></td></tr><tr><td class="firstcol " ><p><strong>Dimensions</strong></p></td><td  ><p>14.37 x 11.41 x 1.12 inches</p></td><td  ><p>14.37 x 11.41 x 1.12 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>7.49 pounds</p></td><td  ><p>7.49 pounds</p></td></tr></tbody></table></div><h3 class="article-body__section" id="section-alienware-16-area-51-2026-review-the-ups"><span>Alienware 16 Area-51 (2026) review: The ups</span></h3><p>The Alienware 16 Area-51 finally features an OLED panel while retaining the best aspects of its predecessor, including the eye-catching design, monstrous performance, and mesmerizing RGB lighting.</p><h2 id="futuristic-design">Futuristic design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="EadBWdkp5t5aKGaaUYThW5" name="Alienware 16 Area-51 (2026)--7" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/EadBWdkp5t5aKGaaUYThW5.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Alienware didn’t change the design here, which is good, since this is still one of the most distinctive gaming laptops on the market. The rounded corners, Liquid Teal finish and RGB lighting on the keyboard deck make you feel like you’re using a laptop from the future. The smooth, sturdy aluminum chassis also feels good to touch and hold.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="UX8mU8tr5WRBWvBzDrgUb8" name="Alienware 16 Area-51 (2026)--12" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/UX8mU8tr5WRBWvBzDrgUb8.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The model I reviewed came with a Cherry MX ultra-low-profile mechanical keyboard. Thanks to that, I had a great experience typing, as the keys are clicky and have a short travel distance. The touchpad is still relatively small, but it didn’t ruin my flow. I also like that the spacious keyboard deck gave my hands plenty of room to move.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="nfprHQmd7epvgPj2Au4FnE" name="Alienware 16 Area-51 (2026)--10" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/nfprHQmd7epvgPj2Au4FnE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>You’ll find the lion’s share of the laptop’s ports on the back, with the 3.5mm headphone jack and an SD card slot located on the left-hand side. There’s a good selection of ports, including three USB-A, two USB-C, and an HDMI port. It’s not always easy to connect and reconnect peripherals when the laptop’s lid is open, but if you always keep everything connected, then it shouldn’t be an issue.</p><h2 id="powerful-gaming-performance">Powerful gaming performance</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Lwgx9Aj5d6DsFJo3UopZAG" name="Alienware 16 Area-51 (2026)--6" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/Lwgx9Aj5d6DsFJo3UopZAG.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Alienware 16 Area-51 I reviewed is purpose-built for high-end gaming performance, thanks to powerful components such as its Intel Core Ultra 9 290HX CPU, Nvidia GeForce RTX 5080 laptop GPU, and 32GB of RAM. If you want to play games at native resolution with high graphics settings, you won’t be disappointed.</p><p>At native resolution and default graphics settings, with frame generation disabled and the laptop’s performance mode enabled, I got Cyberpunk 2077 to generally run at around 110 frames per second. This includes both walking and driving. Frame rates dipped into the low 90s in some of the denser downtown areas, but it’s hard to complain about a game running at 90 fps.</p><div ><table><caption>Gaming performance (@ 1600p)</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>Alienware 16 Area-51 (2026)</strong></p></td><td  ><p><strong>Razer Blade 16 (2026)</strong></p></td><td  ><p><strong>Asus Zephyrus G16 2026</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Assassin’s Creed Shadows</strong></p></td><td  ><p>65 fps</p></td><td  ><p>45 fps</p></td><td  ><p>34 fps</p></td></tr><tr><td class="firstcol " ><p><strong>Doom: The Dark Ages</strong></p></td><td  ><p>70 fps</p></td><td  ><p>66 fps</p></td><td  ><p>53 fps</p></td></tr><tr><td class="firstcol " ><p><strong>Cyberpunk 2077</strong></p></td><td  ><p>38 fps</p></td><td  ><p>41 fps</p></td><td  ><p>29 fps</p></td></tr></tbody></table></div><p>Using a game’s built-in benchmarking tool, we saw impressive results when we tested the laptop in our lab. At native resolution and maximum graphical settings, with the laptop’s performance mode disabled, Cyberpunk 2077 ran at 38 fps—certainly lower than when I ran it with performance mode on and at default graphics settings. Other titles, such as Assassin’s Creed Shadows and Doom: The Dark Ages, ran much better under these same conditions.</p><p>The Alienware 16 Area-51 also fared well against competing laptops with better specs. This includes the Razer Blade 16, which has a more powerful RTX 5090 GPU, and the Asus Zephyrus G16, which has the same CPU and GPU but double the RAM.</p><p>Even with frame-boosting DLSS disabled, you can still enjoy extremely high frame rates with performance mode enabled and medium-to-high graphics settings. You’ll get fantastic performance out of the box thanks to the Alienware 16’s powerful components.</p><h2 id="vivid-oled-display">Vivid OLED display</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="xUiJ6UPQoZVzD7a8QyTWWP" name="Alienware 16 Area-51 (2026)--3" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/xUiJ6UPQoZVzD7a8QyTWWP.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>This is the big update for the Alienware 16 Area-51, and it’s a welcome one, as the lack of an OLED panel on last year’s model was one of its few setbacks. Now, games look as glorious as they perform, making the overall experience even better.</p><div><blockquote><p>A game like Cyberpunk 2077 literally shines on this 16-inch OLED panel. The contrast between dark and light elements helps the colorful neon signs and holograms really pop during the in-game night cycle.</p></blockquote></div><p>A game like Cyberpunk 2077 literally shines on this 16-inch OLED panel. The contrast between dark and light elements helps the colorful neon signs and holograms really pop out during the in-game night cycle. The scorching sun during the day is also impressive, with dark shadows contrasting nicely against the daylight.</p><p>The model I reviewed has an anti-glare screen that effectively reduces glare from light sources. While that’s a plus, it can also make the overall image look less vibrant than on a glossy screen. This is a minor setback, and one I can overlook since I’d rather have an anti-glare screen than not.</p><div ><table><caption>Display benchmark results</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>Alienware 16 Area-51 (2026)</strong></p></td><td  ><p><strong>Razer Blade 16 (2026)</strong></p></td><td  ><p><strong>Asus Zephyrus G16 2026 </strong></p></td></tr><tr><td class="firstcol " ><p><strong>Nits (brightness)</strong></p></td><td  ><p>368 (SDR) | 556 (HDR)</p></td><td  ><p>408 (SDR) | 586 (HDR)</p></td><td  ><p>469 (SDR) | 672 (HDR)</p></td></tr><tr><td class="firstcol " ><p><strong>sRGB</strong></p></td><td  ><p>132.2%</p></td><td  ><p>127% </p></td><td  ><p>113.5%</p></td></tr><tr><td class="firstcol " ><p><strong>DCI-P3</strong></p></td><td  ><p>93.7%</p></td><td  ><p>90% </p></td><td  ><p>80.4%</p></td></tr><tr><td class="firstcol " ><p><strong>Delta-E</strong></p></td><td  ><p>0.20</p></td><td  ><p>0.23 </p></td><td  ><p>0.22</p></td></tr></tbody></table></div><p>How did the Alienware 16’s display perform in our lab tests? As you can see above, it has strong color reproduction (sRGB and DCI-P3) and solid color accuracy (Delta-E). Hues are somewhat oversaturated, which benefits games like Cyberpunk 2077. SDR and HDR brightness are also good for an OLED panel.</p><p>Games run buttery smooth thanks to the fast 240Hz refresh rate. I didn’t encounter any stuttering or flickering during testing. The response time is now 0.2ms, which is much lower than last year’s model’s 3ms. Granted, you likely won’t notice a major difference unless you’re a competitive gamer, but the lower response time will benefit you regardless.</p><h2 id="fun-rgb-lighting">Fun RGB lighting</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="LNCFZgL8DAbHiZjHNSf76W" name="Alienware 16 Area-51 (2026)--9" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/LNCFZgL8DAbHiZjHNSf76W.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Like last year’s model, this Alienware 16 laptop has some seriously impressive RGB lighting. And I don’t say that lightly since I’m not typically an RGB fan. But the way it’s implemented here complements this laptop’s unique design.</p><p>The Gorilla Glass bottom allows the RGB lighting to cast an underglow. And this same lighting also spills out through the top of the keyboard deck. As before, I haven’t seen other gaming laptops match this effect.</p><p>Naturally, you can customize the lighting effects however you prefer via the Alienware Commander Center app. The app is easy to use if you just want to use presets, but it’s also very granular for more in-depth fine-tuning.</p><h3 class="article-body__section" id="section-alienware-16-area-51-2026-review-the-downs"><span>Alienware 16 Area-51 (2026) review: The downs</span></h3><p>Though the Alienware 16 Area-51 has a lot going for it, it has some noticeable drawbacks.</p><h2 id="poor-battery-life">Poor battery life</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="hnd8NdePEsHDAQbrMeq9Dg" name="Alienware 16 Area-51 (2026)--13" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/hnd8NdePEsHDAQbrMeq9Dg.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>I never expect gaming laptops to have stellar battery life, as they’re usually lacking in that area. The Alienware 16 Area-51 is no different, except that it actually runs out of juice faster than last year’s model.</p><p>In our testing, Alienware’s gaming laptop lasted an hour and two minutes on the PCMark 10 gaming benchmark and three and a half hours while surfing the internet. That’s about an hour less on both tests than before, which is a bummer.</p><div ><table><caption>Battery life results</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>Web surfing battery life (hh:mm)</strong></p></td><td  ><p><strong>Gaming battery life (hh:mm)</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Alienware 16 Area-51 (2026)</strong></p></td><td  ><p>3:33</p></td><td  ><p>1:02</p></td></tr></tbody></table></div><p>You’re likely going to keep the laptop plugged in for better performance, so battery life won’t be an issue in that instance. However, if you plan to use this laptop on the go, don’t expect it to last as long as you’d need it to.</p><h2 id="cumbersome-to-carry">Cumbersome to carry</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DLd5iL2ekXiB5a47BdgV3n" name="Alienware 16 Area-51 (2026)--11" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/DLd5iL2ekXiB5a47BdgV3n.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>There’s no denying that the Alienware 16 Area-51 is an attractive laptop thanks to its unique design. Unfortunately, the main downside is that at 14.37 x 11.41 x 1.12 inches and 7.92 pounds, it’s not exactly portable. Yes, you can take it with you, and it will fit in a standard backpack, but you’ll feel it.</p><div><blockquote><p>Yes, you can take this gaming beast with you, and it will fit in a standard backpack, but you’ll feel it.</p></blockquote></div><p>I typically take the laptops I’m reviewing home, but because of this notebook’s weight, I kept it at the office throughout the entire testing process. I also kept it in one of our lab rooms because even carrying it around the office isn’t pleasant.</p><p>Granted, the laptop’s weight won’t be an issue if you’re not going to travel with it and mainly plan to have it as your primary at-home computer. But if you want to take it on the road, then I suggest you build some muscle first.</p><h3 class="article-body__section" id="section-alienware-16-area-51-2026-review-verdict"><span>Alienware 16 Area-51 (2026) review: Verdict</span></h3><p>While the Alienware 16 Area-51 is mostly a refresh of the previous model, the inclusion of an OLED panel is a significant addition that makes an already fantastic gaming laptop even better. Thanks to that, it’s hard not to recommend this laptop to anyone willing to spend top dollar for a high-end gaming experience.</p><p>Alternatives like the Razer Blade 16 and Asus ROG Zephyrus G16 are solid choices if the Alienware’s design is too outlandish, though you’ll still pay a similar price for both. So given that, why not go for a gaming laptop with a truly unique design?</p><p>As with its predecessor, the Alienware 16 Area-51 comes with my highest recommendation. Forgive the cliché, but it truly is out of this world.</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/computing/gaming-laptops/alienware-16-area-51-gaming-laptop-2026-review</link>
                                                                            <description>
                            <![CDATA[ The Alienware 16 Area-51 is the complete package, with its OLED panel, powerful performance, and unique design. Though pricey, you'll get a great experience. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">coDnpRTm22TqgikkwqfWzW</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/3zy3yUieCcRJmpT8oJ6ucd-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sat, 05 Sep 2026 12:30:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming Laptops]]></category>
                                                    <category><![CDATA[Computing Peripherals]]></category>
                                                    <category><![CDATA[Laptops]]></category>
                                                                                                <author><![CDATA[ tony.polanco@futurenet.com (Tony Polanco) ]]></author>                    <dc:creator><![CDATA[ Tony Polanco ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/atzRNqFt5wYgEUPBDahWsD.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/3zy3yUieCcRJmpT8oJ6ucd-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&amp;#39;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Alienware 16 Area-51 (2026)]]></media:description>                                                            <media:text><![CDATA[Alienware 16 Area-51 (2026)]]></media:text>
                                <media:title type="plain"><![CDATA[Alienware 16 Area-51 (2026)]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/3zy3yUieCcRJmpT8oJ6ucd-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>The new Alienware 16 Area-51 gaming laptop is largely a refresh of last year’s model, but it includes the one feature I wanted: a glare-free OLED panel. Toss in the latest Intel and Nvidia components, along with the otherworldly design, and you have one of the best gaming laptops on the market.</p><p>As with 2025’s Alienware 16 Area-51, this gaming laptop has serious flair, thanks to the Liquid Teal finish on the anodized aluminum chassis, which gives it a dark, iridescent sheen that shifts colors under different lighting conditions. The Gorilla Glass window on the bottom lets you see the internal components, while the RGB lighting enhances the laptop’s otherworldly appearance.</p><p>You can configure the Alienware 16 Area-51 (from $2,529, $3829 as tested) with up to an Intel Core Ultra 9 290HX Plus Arrow Lake Refresh CPU, an Nvidia RTX 5090 GPU, 64GB of RAM, and 12TB of SSD storage. My review unit, with its RTX 5080, Core Ultra 9 290HX Plus, and 32GB of RAM, had no issue handling even the most demanding PC games.</p><p>The star of the show is the new OLED panel, which provides rich contrast between dark and light elements. The anti-glare does rob the display of some of its luster, but the bright HDR and vibrant colors make up for that. You won’t complain much given how beautiful games look on this 16-inch 240Hz display.</p><p>While this laptop is still too bulky for my liking and has worse battery life than the previous model, this is undeniably a powerful gaming laptop with a fetching design like no other. If you have the cash for this beast, you won’t be disappointed. Find out more in my full review of the Alienware 16 Area-51 (2026).</p><h3 class="article-body__section" id="section-alienware-16-area-51-2026-review-cheat-sheet"><span>Alienware 16 Area-51 (2026) review: Cheat sheet</span></h3><ul><li><strong>What was it?</strong> The Alienware 16 Area-51 is a high-end gaming laptop.</li><li><strong>Who is it for?</strong> The Alienware 16 Area-51 is for hardcore gamers who want a machine that can easily play graphically demanding modern games and look good doing it.</li><li><strong>What does it cost?</strong> The Alienware 16 Area-51 starts at $2,529 on <a href="https://www.dell.com/en-us/shop/cty/pdp/spd/alienware-area-51-aa16250-gaming-laptop?cjdata=MXxOfDB8WXww" target="_blank" rel="nofollow">Dell’s website</a> at the time of writing. This configuration has an Intel Core Ultra 7 270HX Plus CPU, an Nvidia RTX 5060 GPU, 16GB of RAM, and 1TB of SSD storage.</li><li><strong>What do we like?</strong> We like the futuristic design, killer performance, and stunning OLED panel.</li><li><strong>What don’t we like?</strong> We don’t like the laptop’s bulkiness and poor(er) battery life.</li></ul><h3 class="article-body__section" id="section-alienware-16-area-51-2026-review-specs"><span>Alienware 16 Area-51 (2026) review: Specs</span></h3><div ><table><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>Alienware 16 Area-51 (starting)</strong></p></td><td  ><p><strong>Alienware 16 Area-51 (tested)</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p>$2,529</p></td><td  ><p>$3,829</p></td></tr><tr><td class="firstcol " ><p><strong>Display</strong></p></td><td  ><p>16-inch (2560x1600) OLED </p></td><td  ><p>16-inch (2560x1600) OLED </p></td></tr><tr><td class="firstcol " ><p><strong>CPU</strong></p></td><td  ><p>Intel Core Ultra 7 processor 270HX Plus </p></td><td  ><p>Intel Core Ultra 9 processor 290HX Plus </p></td></tr><tr><td class="firstcol " ><p><strong>GPU</strong></p></td><td  ><p>Nvidia GeForce RTX 5060 </p></td><td  ><p>Nvidia GeForce RTX 5080 </p></td></tr><tr><td class="firstcol " ><p><strong>RAM</strong></p></td><td  ><p>16GB DDR5</p></td><td  ><p>32GB DDR5</p></td></tr><tr><td class="firstcol " ><p><strong>Storage</strong></p></td><td  ><p>1TB</p></td><td  ><p>1TB</p></td></tr><tr><td class="firstcol " ><p><strong>Ports</strong></p></td><td  ><p>1x headphone jack, 3x USB-A, 2x USB-C/Thunderbolt 4, 1x HDMI</p></td><td  ><p>1x headphone jack, 3x USB-A, 2x USB-C/Thunderbolt 5, 1x HDMI</p></td></tr><tr><td class="firstcol " ><p><strong>Dimensions</strong></p></td><td  ><p>14.37 x 11.41 x 1.12 inches</p></td><td  ><p>14.37 x 11.41 x 1.12 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>7.49 pounds</p></td><td  ><p>7.49 pounds</p></td></tr></tbody></table></div><h3 class="article-body__section" id="section-alienware-16-area-51-2026-review-the-ups"><span>Alienware 16 Area-51 (2026) review: The ups</span></h3><p>The Alienware 16 Area-51 finally features an OLED panel while retaining the best aspects of its predecessor, including the eye-catching design, monstrous performance, and mesmerizing RGB lighting.</p><h2 id="futuristic-design">Futuristic design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="EadBWdkp5t5aKGaaUYThW5" name="Alienware 16 Area-51 (2026)--7" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/EadBWdkp5t5aKGaaUYThW5.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Alienware didn’t change the design here, which is good, since this is still one of the most distinctive gaming laptops on the market. The rounded corners, Liquid Teal finish and RGB lighting on the keyboard deck make you feel like you’re using a laptop from the future. The smooth, sturdy aluminum chassis also feels good to touch and hold.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="UX8mU8tr5WRBWvBzDrgUb8" name="Alienware 16 Area-51 (2026)--12" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/UX8mU8tr5WRBWvBzDrgUb8.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The model I reviewed came with a Cherry MX ultra-low-profile mechanical keyboard. Thanks to that, I had a great experience typing, as the keys are clicky and have a short travel distance. The touchpad is still relatively small, but it didn’t ruin my flow. I also like that the spacious keyboard deck gave my hands plenty of room to move.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="nfprHQmd7epvgPj2Au4FnE" name="Alienware 16 Area-51 (2026)--10" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/nfprHQmd7epvgPj2Au4FnE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>You’ll find the lion’s share of the laptop’s ports on the back, with the 3.5mm headphone jack and an SD card slot located on the left-hand side. There’s a good selection of ports, including three USB-A, two USB-C, and an HDMI port. It’s not always easy to connect and reconnect peripherals when the laptop’s lid is open, but if you always keep everything connected, then it shouldn’t be an issue.</p><h2 id="powerful-gaming-performance">Powerful gaming performance</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Lwgx9Aj5d6DsFJo3UopZAG" name="Alienware 16 Area-51 (2026)--6" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/Lwgx9Aj5d6DsFJo3UopZAG.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Alienware 16 Area-51 I reviewed is purpose-built for high-end gaming performance, thanks to powerful components such as its Intel Core Ultra 9 290HX CPU, Nvidia GeForce RTX 5080 laptop GPU, and 32GB of RAM. If you want to play games at native resolution with high graphics settings, you won’t be disappointed.</p><p>At native resolution and default graphics settings, with frame generation disabled and the laptop’s performance mode enabled, I got Cyberpunk 2077 to generally run at around 110 frames per second. This includes both walking and driving. Frame rates dipped into the low 90s in some of the denser downtown areas, but it’s hard to complain about a game running at 90 fps.</p><div ><table><caption>Gaming performance (@ 1600p)</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>Alienware 16 Area-51 (2026)</strong></p></td><td  ><p><strong>Razer Blade 16 (2026)</strong></p></td><td  ><p><strong>Asus Zephyrus G16 2026</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Assassin’s Creed Shadows</strong></p></td><td  ><p>65 fps</p></td><td  ><p>45 fps</p></td><td  ><p>34 fps</p></td></tr><tr><td class="firstcol " ><p><strong>Doom: The Dark Ages</strong></p></td><td  ><p>70 fps</p></td><td  ><p>66 fps</p></td><td  ><p>53 fps</p></td></tr><tr><td class="firstcol " ><p><strong>Cyberpunk 2077</strong></p></td><td  ><p>38 fps</p></td><td  ><p>41 fps</p></td><td  ><p>29 fps</p></td></tr></tbody></table></div><p>Using a game’s built-in benchmarking tool, we saw impressive results when we tested the laptop in our lab. At native resolution and maximum graphical settings, with the laptop’s performance mode disabled, Cyberpunk 2077 ran at 38 fps—certainly lower than when I ran it with performance mode on and at default graphics settings. Other titles, such as Assassin’s Creed Shadows and Doom: The Dark Ages, ran much better under these same conditions.</p><p>The Alienware 16 Area-51 also fared well against competing laptops with better specs. This includes the Razer Blade 16, which has a more powerful RTX 5090 GPU, and the Asus Zephyrus G16, which has the same CPU and GPU but double the RAM.</p><p>Even with frame-boosting DLSS disabled, you can still enjoy extremely high frame rates with performance mode enabled and medium-to-high graphics settings. You’ll get fantastic performance out of the box thanks to the Alienware 16’s powerful components.</p><h2 id="vivid-oled-display">Vivid OLED display</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="xUiJ6UPQoZVzD7a8QyTWWP" name="Alienware 16 Area-51 (2026)--3" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/xUiJ6UPQoZVzD7a8QyTWWP.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>This is the big update for the Alienware 16 Area-51, and it’s a welcome one, as the lack of an OLED panel on last year’s model was one of its few setbacks. Now, games look as glorious as they perform, making the overall experience even better.</p><div><blockquote><p>A game like Cyberpunk 2077 literally shines on this 16-inch OLED panel. The contrast between dark and light elements helps the colorful neon signs and holograms really pop during the in-game night cycle.</p></blockquote></div><p>A game like Cyberpunk 2077 literally shines on this 16-inch OLED panel. The contrast between dark and light elements helps the colorful neon signs and holograms really pop out during the in-game night cycle. The scorching sun during the day is also impressive, with dark shadows contrasting nicely against the daylight.</p><p>The model I reviewed has an anti-glare screen that effectively reduces glare from light sources. While that’s a plus, it can also make the overall image look less vibrant than on a glossy screen. This is a minor setback, and one I can overlook since I’d rather have an anti-glare screen than not.</p><div ><table><caption>Display benchmark results</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>Alienware 16 Area-51 (2026)</strong></p></td><td  ><p><strong>Razer Blade 16 (2026)</strong></p></td><td  ><p><strong>Asus Zephyrus G16 2026 </strong></p></td></tr><tr><td class="firstcol " ><p><strong>Nits (brightness)</strong></p></td><td  ><p>368 (SDR) | 556 (HDR)</p></td><td  ><p>408 (SDR) | 586 (HDR)</p></td><td  ><p>469 (SDR) | 672 (HDR)</p></td></tr><tr><td class="firstcol " ><p><strong>sRGB</strong></p></td><td  ><p>132.2%</p></td><td  ><p>127% </p></td><td  ><p>113.5%</p></td></tr><tr><td class="firstcol " ><p><strong>DCI-P3</strong></p></td><td  ><p>93.7%</p></td><td  ><p>90% </p></td><td  ><p>80.4%</p></td></tr><tr><td class="firstcol " ><p><strong>Delta-E</strong></p></td><td  ><p>0.20</p></td><td  ><p>0.23 </p></td><td  ><p>0.22</p></td></tr></tbody></table></div><p>How did the Alienware 16’s display perform in our lab tests? As you can see above, it has strong color reproduction (sRGB and DCI-P3) and solid color accuracy (Delta-E). Hues are somewhat oversaturated, which benefits games like Cyberpunk 2077. SDR and HDR brightness are also good for an OLED panel.</p><p>Games run buttery smooth thanks to the fast 240Hz refresh rate. I didn’t encounter any stuttering or flickering during testing. The response time is now 0.2ms, which is much lower than last year’s model’s 3ms. Granted, you likely won’t notice a major difference unless you’re a competitive gamer, but the lower response time will benefit you regardless.</p><h2 id="fun-rgb-lighting">Fun RGB lighting</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="LNCFZgL8DAbHiZjHNSf76W" name="Alienware 16 Area-51 (2026)--9" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/LNCFZgL8DAbHiZjHNSf76W.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Like last year’s model, this Alienware 16 laptop has some seriously impressive RGB lighting. And I don’t say that lightly since I’m not typically an RGB fan. But the way it’s implemented here complements this laptop’s unique design.</p><p>The Gorilla Glass bottom allows the RGB lighting to cast an underglow. And this same lighting also spills out through the top of the keyboard deck. As before, I haven’t seen other gaming laptops match this effect.</p><p>Naturally, you can customize the lighting effects however you prefer via the Alienware Commander Center app. The app is easy to use if you just want to use presets, but it’s also very granular for more in-depth fine-tuning.</p><h3 class="article-body__section" id="section-alienware-16-area-51-2026-review-the-downs"><span>Alienware 16 Area-51 (2026) review: The downs</span></h3><p>Though the Alienware 16 Area-51 has a lot going for it, it has some noticeable drawbacks.</p><h2 id="poor-battery-life">Poor battery life</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="hnd8NdePEsHDAQbrMeq9Dg" name="Alienware 16 Area-51 (2026)--13" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/hnd8NdePEsHDAQbrMeq9Dg.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>I never expect gaming laptops to have stellar battery life, as they’re usually lacking in that area. The Alienware 16 Area-51 is no different, except that it actually runs out of juice faster than last year’s model.</p><p>In our testing, Alienware’s gaming laptop lasted an hour and two minutes on the PCMark 10 gaming benchmark and three and a half hours while surfing the internet. That’s about an hour less on both tests than before, which is a bummer.</p><div ><table><caption>Battery life results</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>Web surfing battery life (hh:mm)</strong></p></td><td  ><p><strong>Gaming battery life (hh:mm)</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Alienware 16 Area-51 (2026)</strong></p></td><td  ><p>3:33</p></td><td  ><p>1:02</p></td></tr></tbody></table></div><p>You’re likely going to keep the laptop plugged in for better performance, so battery life won’t be an issue in that instance. However, if you plan to use this laptop on the go, don’t expect it to last as long as you’d need it to.</p><h2 id="cumbersome-to-carry">Cumbersome to carry</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DLd5iL2ekXiB5a47BdgV3n" name="Alienware 16 Area-51 (2026)--11" alt="Alienware 16 Area-51 (2026)" src="https://cdn.mos.cms.futurecdn.net/DLd5iL2ekXiB5a47BdgV3n.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>There’s no denying that the Alienware 16 Area-51 is an attractive laptop thanks to its unique design. Unfortunately, the main downside is that at 14.37 x 11.41 x 1.12 inches and 7.92 pounds, it’s not exactly portable. Yes, you can take it with you, and it will fit in a standard backpack, but you’ll feel it.</p><div><blockquote><p>Yes, you can take this gaming beast with you, and it will fit in a standard backpack, but you’ll feel it.</p></blockquote></div><p>I typically take the laptops I’m reviewing home, but because of this notebook’s weight, I kept it at the office throughout the entire testing process. I also kept it in one of our lab rooms because even carrying it around the office isn’t pleasant.</p><p>Granted, the laptop’s weight won’t be an issue if you’re not going to travel with it and mainly plan to have it as your primary at-home computer. But if you want to take it on the road, then I suggest you build some muscle first.</p><h3 class="article-body__section" id="section-alienware-16-area-51-2026-review-verdict"><span>Alienware 16 Area-51 (2026) review: Verdict</span></h3><p>While the Alienware 16 Area-51 is mostly a refresh of the previous model, the inclusion of an OLED panel is a significant addition that makes an already fantastic gaming laptop even better. Thanks to that, it’s hard not to recommend this laptop to anyone willing to spend top dollar for a high-end gaming experience.</p><p>Alternatives like the Razer Blade 16 and Asus ROG Zephyrus G16 are solid choices if the Alienware’s design is too outlandish, though you’ll still pay a similar price for both. So given that, why not go for a gaming laptop with a truly unique design?</p><p>As with its predecessor, the Alienware 16 Area-51 comes with my highest recommendation. Forgive the cliché, but it truly is out of this world.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Aliens: Fireteam Elite 2 is basically more of the first game, but this ‘Alien’ nerd can’t resist ]]></title>
                                                                                                <dc:content><![CDATA[ <p>Look, I’m one to admit when I have an obsession. But it’s a perfectly healthy one, and anyone who knows me would describe me as an “Alien” superfan. I spend most of my time browsing for merch online (you can never have enough), rewatching the films, or playing a game set in this incredible universe. That obsession has obviously led me to play the newest game in the franchise, Aliens: Fireteam Elite 2, a co-op shooter that sees you teaming up with other players to battle hordes of Xenomorphs. As a huge fan, this is my idea of a good time.</p><p>The first Aliens: Fireteam Elite arrived in 2021 as a co-op third-person shooter focused on three-player squads battling Xenomorphs across a series of intense missions. The sequel expands that formula with four-player co-op, new classes, weapons and smarter enemies. The 15-mission solo campaign takes the Marines to LV-558 to investigate a deadly outbreak. The developers said they wanted to make sure the new enemies still felt authentically “Alien,” with art director Nicholas Stohlman explaining that the team worked closely with 20th Century to hone in on “what makes an alien feel like an alien.”</p><p>Since launching just over a week ago, Aliens: Fireteam Elite 2 has been met with some pretty middling reviews, particularly around its performance and gameplay. After spending a few hours back in this world, I can see where some of the criticism comes from, but there’s plenty I’m not ready to agree with.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-ODmPQX"></div>                            </div>                            <script src="https://kwizly.com/embed/ODmPQX.js" async></script><div class="product"><a data-dimension112="b1d0a98e-a84a-11f1-bfe8-7bdd7e337abc" data-action="Deal Block" data-label="(PC)" data-dimension48="(PC)" data-dimension25="$49" href="https://store.steampowered.com/app/3448650/Aliens_Fireteam_Elite_2/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1440px;"><p class="vanilla-image-block" style="padding-top:150.00%;"><img id="zD48QpPNcTiG6NTQjYk2sB" name="AlienFireteamElite2-review_featured-vert" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/zD48QpPNcTiG6NTQjYk2sB.png" mos="" align="middle" fullscreen="" width="1440" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://store.steampowered.com/app/3448650/Aliens_Fireteam_Elite_2/" target="_blank" rel="nofollow" data-dimension112="b1d0a98e-a84a-11f1-bfe8-7bdd7e337abc" data-action="Deal Block" data-label="(PC)" data-dimension48="(PC)" data-dimension25="$49">(PC): $49</a></strong><br>Aliens: Fireteam Elite 2 is a co-op shooter where Colonial Marines battle waves of Xenomorphs across the Alien universe. The sequel adds new classes, weapons, deeper squad mechanics, smarter enemies and a customizable Specialist class, while expanding the frantic combat and Horde mode that made the original so much fun.<a class="view-deal button" href="https://store.steampowered.com/app/3448650/Aliens_Fireteam_Elite_2/" target="_blank" rel="nofollow" data-dimension112="b1d0a98e-a84a-11f1-bfe8-7bdd7e337abc" data-action="Deal Block" data-label="(PC)" data-dimension48="(PC)" data-dimension25="$49">View Deal</a></p></div><h2 id="the-biggest-threat-isn-t-the-xenomorphs-it-s-repetition">The biggest threat isn’t the Xenomorphs, it’s repetition</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="kxVwwzCvf4RkYBYe6ofaYf" name="Aliens_ Fireteam Elite 2" alt="Aliens: Fireteam Elite 2 screenshot" src="https://cdn.mos.cms.futurecdn.net/kxVwwzCvf4RkYBYe6ofaYf.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Cold Iron Studios / Daybreak Game Company / 20th Century Games)</span></figcaption></figure><p>When I first heard that Aliens: Fireteam Elite was getting a sequel, I was a little unsure. The first game was a blast, and it’s something my dad and I completed together, battling Xenomorphs across several missions to finish the story. For me, it was great being able to step into this world without fearing for my life or sweating buckets like Alien: Isolation (incredible game) would have me doing, and instead appreciate the game’s homage to the film “Aliens,” from its creature design to its environments. But the first game only offered so much in terms of gameplay, and Aliens: Fireteam Elite 2 is essentially the same experience, just revamped.</p><p>Compared with the first game, Aliens: Fireteam Elite 2 sticks closely to the same co-op shooter formula but expands it in a few key ways. You can now squad up with four players, while new and improved classes, the customizable Specialist class, smarter Xenomorphs, deeper weapon customization and an updated Horde mode add some variety. The story’s also different, taking players to LV-558 to investigate a mysterious distress signal from a mining facility. Across 15 campaign missions, you’ll battle Xenomorphs and other threats while uncovering what happened to the colony. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="wcLFoxwzpegQtJN9CbspFP" name="Aliens_ Fireteam Elite 2 (1)" alt="Aliens: Fireteam Elite 2 screenshot" src="https://cdn.mos.cms.futurecdn.net/wcLFoxwzpegQtJN9CbspFP.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Cold Iron Studios / Daybreak Game Company / 20th Century Games)</span></figcaption></figure><p>While there are some newer features, like class abilities with different playstyles and weapons, as well as Xenomorph types like the Exploder and Siren, this still very much feels like the same game. In fact, I’m surprised they didn’t just update the previous game by adding more missions and content, because Fireteam Elite 2 sadly doesn’t do enough to justify being a full sequel. That’s one of the early criticisms I agree with, as the missions ultimately follow the same loop: move through corridors, shoot enemies, reach an arena, survive waves, interact with an objective, then repeat.</p><div><blockquote><p>Fireteam Elite 2 sadly doesn’t do enough to justify being a full sequel.</p></blockquote></div><p>That’s what makes the $49.99 price point a little painful. Aliens: Fireteam Elite 2 recycles much of the original formula while throwing in some extras and, to give it credit, making the visuals look much prettier and cleaner. </p><p>The campaign itself doesn’t offer quite as much excitement as I was hoping for, with the repetitive mission structure making some sections feel like they’re simply there to get you from one Xenomorph encounter to the next. Most of the excitement comes from the hordes themselves, especially when you’re suddenly surrounded and scrambling to keep them at bay.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="4YXCSdvEA68qWSkw4ouuV9" name="Aliens_ Fireteam Elite 2" alt="Aliens: Fireteam Elite 2 screenshot" src="https://cdn.mos.cms.futurecdn.net/4YXCSdvEA68qWSkw4ouuV9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Cold Iron Studios / Daybreak Game Company / 20th Century Games)</span></figcaption></figure><p>But in the midst of all this, I still ended up having a great time. Yes, the game is essentially the same as the first in terms of its gameplay and mechanics, but as an “Alien” superfan, I couldn’t help but be immersed anyway. The reworked classes and Specialist system allow you to build your character around different abilities, while the perk system gives you plenty of room to fine tune your loadout. </p><p>The progression is another strong selling point, particularly if you’re someone who enjoys the grind. Upgrading weapons, improving your classes and unlocking cosmetics gives you plenty to work toward, making the game much more appealing to completionists who want to squeeze every last bit of content out of it.</p><p>One criticism I disagree with, based on my PC experience, is the technical bugs and constant crashes. Thankfully, during my playthrough, I didn’t really encounter any major issues, other than dead Xenomorphs sometimes getting stuck or morphing into the floor, but nothing that actually affected my gameplay. I know bugs are dependent on your platform and can vary from player to player, so I can only speak from my own experience, but Fireteam Elite 2 ran surprisingly well for me. That was made even better by the fact that the game looks stunning, the shooting feels smooth, and everything came together like a perfectly timed Xenomorph ambush.</p><h2 id="aliens-fireteam-elite-2-still-hits-that-sweet-spot-for-alien-fans">Aliens: Fireteam Elite 2 still hits that sweet spot for ‘Alien’ fans</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ZWUs5UjAbxafQeSzbtQUJd" name="Aliens_ Fireteam Elite 2" alt="Aliens: Fireteam Elite 2 screenshot" src="https://cdn.mos.cms.futurecdn.net/ZWUs5UjAbxafQeSzbtQUJd.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Cold Iron Studios / Daybreak Game Company / 20th Century Games)</span></figcaption></figure><p>I know I’ve mostly focused on how Aliens: Fireteam Elite 2 is repetitive and too similar to its predecessor. But, because it’s still a well-crafted game with plenty of Xenomorph mayhem (and cleaner visuals that make its beautiful environments stand out), I can easily forgive its unoriginal formula. One thing I should mention is that I played some of the campaign with bots, meaning all three of my squadmates were AI controlled, and honestly, they surprised me. They were so effective that I barely needed reviving, and the experience was almost as efficient as playing alongside real people, which is pretty ironic given they’re Androids.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="f8pmUqUpaG5eexw36LmtFm" name="Aliens_ Fireteam Elite 2" alt="Aliens: Fireteam Elite 2 screenshot" src="https://cdn.mos.cms.futurecdn.net/f8pmUqUpaG5eexw36LmtFm.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Cold Iron Studios / Daybreak Game Company / 20th Century Games)</span></figcaption></figure><p>Perhaps that’s ultimately what Aliens: Fireteam Elite 2 does best. It isn’t the campaign that kept me playing, it’s the simple joy of gearing up, choosing my class and diving into another Xenomorph infested mission with a squad. The story may not be particularly memorable, but the moment to moment combat is chaotic, satisfying and undeniably fun, especially when I managed to survive a massive swarm.</p><p>For me, though, one of the biggest draws is simply how much it feels like “Aliens.” The industrial environments, Colonial Marine gear, weapons and hordes of Xenomorphs all capture that familiar aesthetic I love about the franchise. It might not be doing anything revolutionary, but there’s something incredibly satisfying about stepping into that world and feeling like a Colonial Marine for a few hours. Put a pulse rifle in my hands and a Xenomorph horde in front of me, and apparently I’m very easy to please.</p><p><em><strong>Aliens: Fireteam Elite 2 is available on PC, PS5 and Xbox Series X|S.</strong></em></p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/computing/vr-ar/steam-frame-unboxing-and-tutorial-videos-just-leaked-release-could-be-imminent">Steam Frame unboxing and tutorial videos just leaked</a></li><li><a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">Best Nintendo Switch 2 games in 2026</a></li><li><a href="https://www.tomsguide.com/news/best-pc-gaming-deals">Best PC gaming deals in August 2026</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/pc-gaming/aliens-fireteam-elite-2-is-basically-more-of-the-first-game-but-this-alien-nerd-cant-resist</link>
                                                                            <description>
                            <![CDATA[ I’ve spent a few hours playing Aliens: Fireteam Elite 2, and while it feels familiar, I’m still having a blast. Here’s my take on why more of the same isn’t necessarily a bad thing. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">BcPYpXyyk27UMNx7GSLTeZ</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/eNLBuSTyxNdGFvKUL6ZXzM-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sat, 05 Sep 2026 08:00:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[PC Gaming]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ alix.blackburn@futurenet.com (Alix Blackburn) ]]></author>                    <dc:creator><![CDATA[ Alix Blackburn ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/8UxyT2McanNFLYwQ6wC7di.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/eNLBuSTyxNdGFvKUL6ZXzM-1280-80.jpg">
                                                            <media:credit><![CDATA[Cold Iron Studios / Daybreak Game Company / 20th Century Games]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Aliens: Fireteam Elite 2 screenshot]]></media:description>                                                            <media:text><![CDATA[Aliens: Fireteam Elite 2 screenshot]]></media:text>
                                <media:title type="plain"><![CDATA[Aliens: Fireteam Elite 2 screenshot]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/eNLBuSTyxNdGFvKUL6ZXzM-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Look, I’m one to admit when I have an obsession. But it’s a perfectly healthy one, and anyone who knows me would describe me as an “Alien” superfan. I spend most of my time browsing for merch online (you can never have enough), rewatching the films, or playing a game set in this incredible universe. That obsession has obviously led me to play the newest game in the franchise, Aliens: Fireteam Elite 2, a co-op shooter that sees you teaming up with other players to battle hordes of Xenomorphs. As a huge fan, this is my idea of a good time.</p><p>The first Aliens: Fireteam Elite arrived in 2021 as a co-op third-person shooter focused on three-player squads battling Xenomorphs across a series of intense missions. The sequel expands that formula with four-player co-op, new classes, weapons and smarter enemies. The 15-mission solo campaign takes the Marines to LV-558 to investigate a deadly outbreak. The developers said they wanted to make sure the new enemies still felt authentically “Alien,” with art director Nicholas Stohlman explaining that the team worked closely with 20th Century to hone in on “what makes an alien feel like an alien.”</p><p>Since launching just over a week ago, Aliens: Fireteam Elite 2 has been met with some pretty middling reviews, particularly around its performance and gameplay. After spending a few hours back in this world, I can see where some of the criticism comes from, but there’s plenty I’m not ready to agree with.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-ODmPQX"></div>                            </div>                            <script src="https://kwizly.com/embed/ODmPQX.js" async></script><div class="product"><a data-dimension112="b1d0a98e-a84a-11f1-bfe8-7bdd7e337abc" data-action="Deal Block" data-label="(PC)" data-dimension48="(PC)" data-dimension25="$49" href="https://store.steampowered.com/app/3448650/Aliens_Fireteam_Elite_2/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1440px;"><p class="vanilla-image-block" style="padding-top:150.00%;"><img id="zD48QpPNcTiG6NTQjYk2sB" name="AlienFireteamElite2-review_featured-vert" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/zD48QpPNcTiG6NTQjYk2sB.png" mos="" align="middle" fullscreen="" width="1440" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://store.steampowered.com/app/3448650/Aliens_Fireteam_Elite_2/" target="_blank" rel="nofollow" data-dimension112="b1d0a98e-a84a-11f1-bfe8-7bdd7e337abc" data-action="Deal Block" data-label="(PC)" data-dimension48="(PC)" data-dimension25="$49">(PC): $49</a></strong><br>Aliens: Fireteam Elite 2 is a co-op shooter where Colonial Marines battle waves of Xenomorphs across the Alien universe. The sequel adds new classes, weapons, deeper squad mechanics, smarter enemies and a customizable Specialist class, while expanding the frantic combat and Horde mode that made the original so much fun.<a class="view-deal button" href="https://store.steampowered.com/app/3448650/Aliens_Fireteam_Elite_2/" target="_blank" rel="nofollow" data-dimension112="b1d0a98e-a84a-11f1-bfe8-7bdd7e337abc" data-action="Deal Block" data-label="(PC)" data-dimension48="(PC)" data-dimension25="$49">View Deal</a></p></div><h2 id="the-biggest-threat-isn-t-the-xenomorphs-it-s-repetition">The biggest threat isn’t the Xenomorphs, it’s repetition</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="kxVwwzCvf4RkYBYe6ofaYf" name="Aliens_ Fireteam Elite 2" alt="Aliens: Fireteam Elite 2 screenshot" src="https://cdn.mos.cms.futurecdn.net/kxVwwzCvf4RkYBYe6ofaYf.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Cold Iron Studios / Daybreak Game Company / 20th Century Games)</span></figcaption></figure><p>When I first heard that Aliens: Fireteam Elite was getting a sequel, I was a little unsure. The first game was a blast, and it’s something my dad and I completed together, battling Xenomorphs across several missions to finish the story. For me, it was great being able to step into this world without fearing for my life or sweating buckets like Alien: Isolation (incredible game) would have me doing, and instead appreciate the game’s homage to the film “Aliens,” from its creature design to its environments. But the first game only offered so much in terms of gameplay, and Aliens: Fireteam Elite 2 is essentially the same experience, just revamped.</p><p>Compared with the first game, Aliens: Fireteam Elite 2 sticks closely to the same co-op shooter formula but expands it in a few key ways. You can now squad up with four players, while new and improved classes, the customizable Specialist class, smarter Xenomorphs, deeper weapon customization and an updated Horde mode add some variety. The story’s also different, taking players to LV-558 to investigate a mysterious distress signal from a mining facility. Across 15 campaign missions, you’ll battle Xenomorphs and other threats while uncovering what happened to the colony. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="wcLFoxwzpegQtJN9CbspFP" name="Aliens_ Fireteam Elite 2 (1)" alt="Aliens: Fireteam Elite 2 screenshot" src="https://cdn.mos.cms.futurecdn.net/wcLFoxwzpegQtJN9CbspFP.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Cold Iron Studios / Daybreak Game Company / 20th Century Games)</span></figcaption></figure><p>While there are some newer features, like class abilities with different playstyles and weapons, as well as Xenomorph types like the Exploder and Siren, this still very much feels like the same game. In fact, I’m surprised they didn’t just update the previous game by adding more missions and content, because Fireteam Elite 2 sadly doesn’t do enough to justify being a full sequel. That’s one of the early criticisms I agree with, as the missions ultimately follow the same loop: move through corridors, shoot enemies, reach an arena, survive waves, interact with an objective, then repeat.</p><div><blockquote><p>Fireteam Elite 2 sadly doesn’t do enough to justify being a full sequel.</p></blockquote></div><p>That’s what makes the $49.99 price point a little painful. Aliens: Fireteam Elite 2 recycles much of the original formula while throwing in some extras and, to give it credit, making the visuals look much prettier and cleaner. </p><p>The campaign itself doesn’t offer quite as much excitement as I was hoping for, with the repetitive mission structure making some sections feel like they’re simply there to get you from one Xenomorph encounter to the next. Most of the excitement comes from the hordes themselves, especially when you’re suddenly surrounded and scrambling to keep them at bay.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="4YXCSdvEA68qWSkw4ouuV9" name="Aliens_ Fireteam Elite 2" alt="Aliens: Fireteam Elite 2 screenshot" src="https://cdn.mos.cms.futurecdn.net/4YXCSdvEA68qWSkw4ouuV9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Cold Iron Studios / Daybreak Game Company / 20th Century Games)</span></figcaption></figure><p>But in the midst of all this, I still ended up having a great time. Yes, the game is essentially the same as the first in terms of its gameplay and mechanics, but as an “Alien” superfan, I couldn’t help but be immersed anyway. The reworked classes and Specialist system allow you to build your character around different abilities, while the perk system gives you plenty of room to fine tune your loadout. </p><p>The progression is another strong selling point, particularly if you’re someone who enjoys the grind. Upgrading weapons, improving your classes and unlocking cosmetics gives you plenty to work toward, making the game much more appealing to completionists who want to squeeze every last bit of content out of it.</p><p>One criticism I disagree with, based on my PC experience, is the technical bugs and constant crashes. Thankfully, during my playthrough, I didn’t really encounter any major issues, other than dead Xenomorphs sometimes getting stuck or morphing into the floor, but nothing that actually affected my gameplay. I know bugs are dependent on your platform and can vary from player to player, so I can only speak from my own experience, but Fireteam Elite 2 ran surprisingly well for me. That was made even better by the fact that the game looks stunning, the shooting feels smooth, and everything came together like a perfectly timed Xenomorph ambush.</p><h2 id="aliens-fireteam-elite-2-still-hits-that-sweet-spot-for-alien-fans">Aliens: Fireteam Elite 2 still hits that sweet spot for ‘Alien’ fans</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ZWUs5UjAbxafQeSzbtQUJd" name="Aliens_ Fireteam Elite 2" alt="Aliens: Fireteam Elite 2 screenshot" src="https://cdn.mos.cms.futurecdn.net/ZWUs5UjAbxafQeSzbtQUJd.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Cold Iron Studios / Daybreak Game Company / 20th Century Games)</span></figcaption></figure><p>I know I’ve mostly focused on how Aliens: Fireteam Elite 2 is repetitive and too similar to its predecessor. But, because it’s still a well-crafted game with plenty of Xenomorph mayhem (and cleaner visuals that make its beautiful environments stand out), I can easily forgive its unoriginal formula. One thing I should mention is that I played some of the campaign with bots, meaning all three of my squadmates were AI controlled, and honestly, they surprised me. They were so effective that I barely needed reviving, and the experience was almost as efficient as playing alongside real people, which is pretty ironic given they’re Androids.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="f8pmUqUpaG5eexw36LmtFm" name="Aliens_ Fireteam Elite 2" alt="Aliens: Fireteam Elite 2 screenshot" src="https://cdn.mos.cms.futurecdn.net/f8pmUqUpaG5eexw36LmtFm.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Cold Iron Studios / Daybreak Game Company / 20th Century Games)</span></figcaption></figure><p>Perhaps that’s ultimately what Aliens: Fireteam Elite 2 does best. It isn’t the campaign that kept me playing, it’s the simple joy of gearing up, choosing my class and diving into another Xenomorph infested mission with a squad. The story may not be particularly memorable, but the moment to moment combat is chaotic, satisfying and undeniably fun, especially when I managed to survive a massive swarm.</p><p>For me, though, one of the biggest draws is simply how much it feels like “Aliens.” The industrial environments, Colonial Marine gear, weapons and hordes of Xenomorphs all capture that familiar aesthetic I love about the franchise. It might not be doing anything revolutionary, but there’s something incredibly satisfying about stepping into that world and feeling like a Colonial Marine for a few hours. Put a pulse rifle in my hands and a Xenomorph horde in front of me, and apparently I’m very easy to please.</p><p><em><strong>Aliens: Fireteam Elite 2 is available on PC, PS5 and Xbox Series X|S.</strong></em></p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/computing/vr-ar/steam-frame-unboxing-and-tutorial-videos-just-leaked-release-could-be-imminent">Steam Frame unboxing and tutorial videos just leaked</a></li><li><a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">Best Nintendo Switch 2 games in 2026</a></li><li><a href="https://www.tomsguide.com/news/best-pc-gaming-deals">Best PC gaming deals in August 2026</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I tried Acer's new 7-inch gaming handheld at IFA 2026 — this might be the sweet spot ]]></title>
                                                                                                <dc:content><![CDATA[ <p>Our hands-on session with the <a href="https://www.tomsguide.com/gaming/handheld-gaming/acer-predator-atlas-8-hands-on-review">Acer Predator Atlas 8 at Computex 2026</a> left us quite impressed. And now, at<a href="https://www.tomsguide.com/tag/ifa-2026"> IFA 2026</a>, Acer is bringing much of that same experience to a smaller handheld with the new Predator Atlas 7.</p><p>Acer's idea with the Predator Atlas 7 is pretty simple: push Intel's Arc G3 Extreme to... the extreme, while offering the same flagship handheld performance in a more compact 7-inch form factor.</p><p>The Atlas 7 is noticeably easier to hold than its bigger sibling, while still feeling sturdy and premium in the hand. Interestingly, though, it doesn't feel dramatically lighter than the Atlas 8. </p><p>And (thankfully) there's a good reason for that: Acer has somehow managed to squeeze in the same massive 80Wh battery in the Atlas 7 that we saw with the Atlas 8. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Mt5MTRpiosGXCk4axPgvQT" name="acer-predator-atlas-7-5" alt="Hands on with the Acer Predator Atlas 7" src="https://cdn.mos.cms.futurecdn.net/Mt5MTRpiosGXCk4axPgvQT.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="caption-text">Acer Predator Atlas 7 (left) vs. Predator Atlas 8 (right) </span><span class="credit" itemprop="copyrightHolder">(Image credit: Sanuj Bhatia / Tom's Guide)</span></figcaption></figure><p>Considering there's now a smaller display to power, I'm particularly interested to see what that does for battery life. <a href="https://www.tomsguide.com/round-up/best-handheld-gaming-consoles">Handheld gaming PCs</a> aren't exactly known for lasting very long away from a charger, so keeping that 80Wh battery could turn out to be one of the Atlas 7's biggest advantages. </p><p>Speaking of the display, you're getting a 7-inch 1080p IPS panel with a 16:9 aspect ratio and support for up to a 120Hz refresh rate. There is Variable Refresh Rate (VRR) support as well, and Acer has also used Corning Gorilla Glass Victus on top of the display, giving the handheld some added protection against everyday scratches and accidental drops. </p><p>The Predator Atlas 7 will be available in two configurations, powered by either Intel's Arc G3 or the more powerful <a href="https://www.tomsguide.com/gaming/handheld-gaming/intel-arc-g3-is-here-to-shake-up-handheld-gaming-and-amd-should-be-terrified-acer-predator-atlas-8-is-the-first-out-the-gate">Arc G3 Extreme</a>. You will be able to configure it with up to 24GB of LPDDR5X RAM and 1TB of storage. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="X4JbFy7htYjvPMojAJDqvS" name="acer-predator-atlas-7-2" alt="Hands on with the Acer Predator Atlas 7" src="https://cdn.mos.cms.futurecdn.net/X4JbFy7htYjvPMojAJDqvS.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sanuj Bhatia / Tom's Guide)</span></figcaption></figure><p>Acer is also putting considerable effort into keeping temperatures under control. Inside, you'll find one Predator AeroBlade metal fan working alongside a second plastic fan to cool the handheld. </p><p>I got to play <a href="https://www.tomsguide.com/gaming/forza-horizon-6-review">Forza Horizon 6</a> on the Atlas 7, and on its default settings, the handheld ran the game without any noticeable lag or major hiccups. I then pushed the graphics settings all the way up, and that's where I started noticing a few dropped frames and occasional stutters. </p><p>That's not particularly surprising, especially considering the unit I tried isn't running final hardware and software yet. But for a handheld this compact, the performance was still pretty impressive, and once again shows just how capable the Arc G3 Extreme can be inside a PC gaming handheld. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DdRZF29bpru69EcPSVS5QU" name="acer-predator-atlas-7-3" alt="Hands on with the Acer Predator Atlas 7" src="https://cdn.mos.cms.futurecdn.net/DdRZF29bpru69EcPSVS5QU.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sanuj Bhatia / Tom's Guide)</span></figcaption></figure><p>The port selection is pretty good for a handheld this size, too. You get two Thunderbolt 4 ports along the top, alongside a microSD card slot and 3.5mm headphone jack, with the power and volume controls also positioned around the top edge.</p><p>And thankfully, even though the Atlas 7 will presumably come in at a lower price than the Atlas 8, Acer hasn't removed one of my favorite little touches from the bigger model. The joysticks still have RGB lighting around them, which looks particularly cool in person and gives the handheld a little more personality than the usual plain black joysticks.  </p><p>The Acer Predator Atlas 7 is expected to arrive in the U.S. sometime this fall, although Acer hasn't announced pricing just yet.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-acers-wild-flip-and-swivel-handheld-why-project-dualplay-mini-is-the-ultimate-netbook-love-letter">I tested Acer's wild Project DualPlay Mini — and it's a gaming handheld and laptop in one gadget</a></li><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/thinking-about-buying-a-handheld-console-heres-how-to-choose-the-right-one-for-you">5 tips for buying a gaming handheld — decide between Switch 2, Steam Deck and more</a></li><li><a href="https://www.tomsguide.com/computing/laptops/nvidias-rtx-spark-n1x-drops-this-october-why-apple-silicon-should-be-terrified-and-our-price-predictions">Nvidia’s RTX Spark N1X drops this October: Why Apple Silicon should be terrified (and our price predictions)</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/handheld-gaming/acer-predator-atlas-7-hands-on-ifa-2026</link>
                                                                            <description>
                            <![CDATA[ Acer's Predator Atlas 7 wants to offer flagship handheld performance in a more compact 7-inch form factor. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">TBdkLWZC4VFVYVcsWm9dkj</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/vBpGYQiEPN6HYW3SaAJ7EU-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Fri, 04 Sep 2026 10:36:24 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Handheld Gaming]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                                    <dc:creator><![CDATA[ Sanuj Bhatia ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/8p5BvMVA7cnu5AWkxnTjRC.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/vBpGYQiEPN6HYW3SaAJ7EU-1280-80.jpg">
                                                            <media:credit><![CDATA[Sanuj Bhatia / Tom&amp;#39;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Hands on with the Acer Predator Atlas 7]]></media:description>                                                            <media:text><![CDATA[Hands on with the Acer Predator Atlas 7]]></media:text>
                                <media:title type="plain"><![CDATA[Hands on with the Acer Predator Atlas 7]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/vBpGYQiEPN6HYW3SaAJ7EU-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Our hands-on session with the <a href="https://www.tomsguide.com/gaming/handheld-gaming/acer-predator-atlas-8-hands-on-review">Acer Predator Atlas 8 at Computex 2026</a> left us quite impressed. And now, at<a href="https://www.tomsguide.com/tag/ifa-2026"> IFA 2026</a>, Acer is bringing much of that same experience to a smaller handheld with the new Predator Atlas 7.</p><p>Acer's idea with the Predator Atlas 7 is pretty simple: push Intel's Arc G3 Extreme to... the extreme, while offering the same flagship handheld performance in a more compact 7-inch form factor.</p><p>The Atlas 7 is noticeably easier to hold than its bigger sibling, while still feeling sturdy and premium in the hand. Interestingly, though, it doesn't feel dramatically lighter than the Atlas 8. </p><p>And (thankfully) there's a good reason for that: Acer has somehow managed to squeeze in the same massive 80Wh battery in the Atlas 7 that we saw with the Atlas 8. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Mt5MTRpiosGXCk4axPgvQT" name="acer-predator-atlas-7-5" alt="Hands on with the Acer Predator Atlas 7" src="https://cdn.mos.cms.futurecdn.net/Mt5MTRpiosGXCk4axPgvQT.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="caption-text">Acer Predator Atlas 7 (left) vs. Predator Atlas 8 (right) </span><span class="credit" itemprop="copyrightHolder">(Image credit: Sanuj Bhatia / Tom's Guide)</span></figcaption></figure><p>Considering there's now a smaller display to power, I'm particularly interested to see what that does for battery life. <a href="https://www.tomsguide.com/round-up/best-handheld-gaming-consoles">Handheld gaming PCs</a> aren't exactly known for lasting very long away from a charger, so keeping that 80Wh battery could turn out to be one of the Atlas 7's biggest advantages. </p><p>Speaking of the display, you're getting a 7-inch 1080p IPS panel with a 16:9 aspect ratio and support for up to a 120Hz refresh rate. There is Variable Refresh Rate (VRR) support as well, and Acer has also used Corning Gorilla Glass Victus on top of the display, giving the handheld some added protection against everyday scratches and accidental drops. </p><p>The Predator Atlas 7 will be available in two configurations, powered by either Intel's Arc G3 or the more powerful <a href="https://www.tomsguide.com/gaming/handheld-gaming/intel-arc-g3-is-here-to-shake-up-handheld-gaming-and-amd-should-be-terrified-acer-predator-atlas-8-is-the-first-out-the-gate">Arc G3 Extreme</a>. You will be able to configure it with up to 24GB of LPDDR5X RAM and 1TB of storage. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="X4JbFy7htYjvPMojAJDqvS" name="acer-predator-atlas-7-2" alt="Hands on with the Acer Predator Atlas 7" src="https://cdn.mos.cms.futurecdn.net/X4JbFy7htYjvPMojAJDqvS.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sanuj Bhatia / Tom's Guide)</span></figcaption></figure><p>Acer is also putting considerable effort into keeping temperatures under control. Inside, you'll find one Predator AeroBlade metal fan working alongside a second plastic fan to cool the handheld. </p><p>I got to play <a href="https://www.tomsguide.com/gaming/forza-horizon-6-review">Forza Horizon 6</a> on the Atlas 7, and on its default settings, the handheld ran the game without any noticeable lag or major hiccups. I then pushed the graphics settings all the way up, and that's where I started noticing a few dropped frames and occasional stutters. </p><p>That's not particularly surprising, especially considering the unit I tried isn't running final hardware and software yet. But for a handheld this compact, the performance was still pretty impressive, and once again shows just how capable the Arc G3 Extreme can be inside a PC gaming handheld. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DdRZF29bpru69EcPSVS5QU" name="acer-predator-atlas-7-3" alt="Hands on with the Acer Predator Atlas 7" src="https://cdn.mos.cms.futurecdn.net/DdRZF29bpru69EcPSVS5QU.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sanuj Bhatia / Tom's Guide)</span></figcaption></figure><p>The port selection is pretty good for a handheld this size, too. You get two Thunderbolt 4 ports along the top, alongside a microSD card slot and 3.5mm headphone jack, with the power and volume controls also positioned around the top edge.</p><p>And thankfully, even though the Atlas 7 will presumably come in at a lower price than the Atlas 8, Acer hasn't removed one of my favorite little touches from the bigger model. The joysticks still have RGB lighting around them, which looks particularly cool in person and gives the handheld a little more personality than the usual plain black joysticks.  </p><p>The Acer Predator Atlas 7 is expected to arrive in the U.S. sometime this fall, although Acer hasn't announced pricing just yet.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-acers-wild-flip-and-swivel-handheld-why-project-dualplay-mini-is-the-ultimate-netbook-love-letter">I tested Acer's wild Project DualPlay Mini — and it's a gaming handheld and laptop in one gadget</a></li><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/thinking-about-buying-a-handheld-console-heres-how-to-choose-the-right-one-for-you">5 tips for buying a gaming handheld — decide between Switch 2, Steam Deck and more</a></li><li><a href="https://www.tomsguide.com/computing/laptops/nvidias-rtx-spark-n1x-drops-this-october-why-apple-silicon-should-be-terrified-and-our-price-predictions">Nvidia’s RTX Spark N1X drops this October: Why Apple Silicon should be terrified (and our price predictions)</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ This $349 gaming headset gives SteelSeries, Razer and Audeze a serious run for their money ]]></title>
                                                                                                <dc:content><![CDATA[ <p>The Stealth Pro II is the flagship gaming headset from Turtle Beach, intended to compete with the heavy hitters from Razer, SteelSeries and Audeze. The <em>crème de la crème</em> are getting pricey now, with all the manufacturers above asking several hundred dollars for their very <a href="https://www.tomsguide.com/best-picks/best-gaming-headsets">best gaming headsets</a>. </p><p>The Stealth Pro II is no different, and hella pricey by objective standards, but actually comes in a little cheaper than some of its competition. It also offers excellent sound; an attractive, premium design; zero downtime battery; plus customization via a solid companion app. So could this be a fantastic balanced alternative to the main ultra-premium players?</p><p>As long as you don’t mind fairly weak ANC and a slightly tight clamp force! Find out more in my full Turtle Beach Stealth Pro II review.</p><h2 class="article-body__section" id="section-turtle-beach-stealth-pro-ii-review-cheat-sheet"><span>Turtle Beach Stealth Pro II review: Cheat sheet</span></h2><ul><li><strong>What is it? </strong>A premium flagship gaming headset from Turtle Beach</li><li><strong>Who is it for? </strong>Competitive gamers and those who value sound quality</li><li><strong>What does it cost? </strong><a href="https://www.amazon.com/Turtle-Beach-Stealth-Premium-Wireless/dp/B0GN4NBD2V/" target="_blank" rel="nofollow">$349</a> / <a href="https://www.amazon.co.uk/Turtle-Beach-Stealth-Wireless-Multiplatform-Black/dp/B0GQCNJCPR" target="_blank" rel="nofollow">£299</a></li><li><strong>What do we like?</strong> The sound, mic, companion app, styling and build, base station and zero downtime battery system</li><li><strong>What don’t we like?</strong> The ANC is a little weak, and I found the headset a tad clampy</li></ul><h2 class="article-body__section" id="section-turtle-beach-stealth-pro-ii-review-specs"><span>Turtle Beach Stealth Pro II review: Specs</span></h2><div ><table><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p><a href="https://www.amazon.com/Turtle-Beach-Stealth-Premium-Wireless/dp/B0GN4NBD2V/" target="_blank" rel="nofollow">$349</a> / <a href="https://www.amazon.co.uk/Turtle-Beach-Stealth-Wireless-Multiplatform-Black/dp/B0GQCNJCPR" target="_blank" rel="nofollow">£299</a></p></td></tr><tr><td class="firstcol " ><p><strong>Colors</strong></p></td><td  ><p>Black, white</p></td></tr><tr><td class="firstcol " ><p><strong>Platforms</strong></p></td><td  ><p>PC, Xbox, PlayStation, Bluetooth devices</p></td></tr><tr><td class="firstcol " ><p><strong>Connectivity</strong></p></td><td  ><p>Wired, 3x 2.4Ghz, 1x Bluetooth</p></td></tr><tr><td class="firstcol " ><p><strong>Battery</strong></p></td><td  ><p>2x rechargeable</p></td></tr><tr><td class="firstcol " ><p><strong>Battery life</strong></p></td><td  ><p>40 hours combined</p></td></tr><tr><td class="firstcol " ><p><strong>Frequency response</strong></p></td><td  ><p>10-40,000Hz</p></td></tr><tr><td class="firstcol " ><p><strong>Drivers</strong></p></td><td  ><p>60mm coaxial</p></td></tr><tr><td class="firstcol " ><p><strong>Multipoint connectivity</strong></p></td><td  ><p>Yes</p></td></tr><tr><td class="firstcol " ><p><strong>Paired devices max</strong></p></td><td  ><p>4 (3x 2.4G, 1x BT)</p></td></tr><tr><td class="firstcol " ><p><strong>Microphone</strong></p></td><td  ><p>Unidirectional floating boom mic</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>13.8 ounces / 393 grams</p></td></tr></tbody></table></div><h2 class="article-body__section" id="section-turtle-beach-stealth-pro-ii-review-the-ups"><span>Turtle Beach Stealth Pro II review: The ups</span></h2><p>There’s a lot to love about the Stealth Pro II. Sound quality is excellent, there’s a useful companion app, a super clear mic, and a handy base station for ‘zero downtime’ battery life. It’s also moderately priced versus competition.</p><h2 id="excellent-sound-quality">Excellent sound quality</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HFWdi2AigrzMKFpu3MX5bc" name="Turtle Beach Stealth Pro II_test shots2" alt="The Turtle Beach Stealth Pro II with an earcup removed showing the coaxial driver" src="https://cdn.mos.cms.futurecdn.net/HFWdi2AigrzMKFpu3MX5bc.jpg" mos="" align="middle" fullscreen="1" width="2560" height="1440" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/HFWdi2AigrzMKFpu3MX5bc.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="caption-text">Coaxial drivers feature a tweeter that sits in the middle/on top of a main woofer. The tweeter sits under that central circular housing, while the main woofer is the larger, fluted circle. </span><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Turtle Beach Stealth Pro II’s biggest strength is its sound quality. It uses a coaxial driver setup, with a 60mm woofer and separate tweeter in each earcup. This, in theory, gives better clarity and more separation between higher and lower frequencies, as each driver can focus on its own job. Connectivity-wise, there’s 24-bit/96kHz high resolution data/sampling rates over 2.4G, so this is a true hi-res headset, akin to the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/steelseries-arctis-nova-pro-omni-review">SteelSeries Arctis Nova Pro Omni</a> / Elite and <a href="https://www.tomsguide.com/gaming/gaming-peripherals/audeze-maxwell-2-anc-review">Audeze Maxwell 2 ANC</a>.</p><p>The sound is super spacious with exceptional clarity up top and very strong imaging (this lets you pinpoint noises to a specific point). This naturally benefits competitive gameplay, letting me hear the location of enemy cues like footsteps or reloads in my test FPS games: Counter Strike 2 and Isonzo. It was also handy for stealthy games like Sniper Elite: Resistance, where I could again hear and locate even the quietest tapping of enemy footsteps. And it was ideal for immersion, giving three-dimensionality to sounds and effects in the campaign and battles of Total War: Rome II.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mXPzdXE3NLgxLtw9ZvfbHc" name="Turtle Beach Stealth Pro II_screenshots3" alt="A screenshot of the Turtle Beach Swarm II app being used to customize the Stealth Pro II" src="https://cdn.mos.cms.futurecdn.net/mXPzdXE3NLgxLtw9ZvfbHc.jpg" mos="" align="middle" fullscreen="1" width="1600" height="900" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/mXPzdXE3NLgxLtw9ZvfbHc.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="caption-text">Via the Swarm II app, you have access to a preset Footsteps EQ for a competitive edge. </span><span class="credit" itemprop="copyrightHolder">(Image credit: Turtle Beach / Future)</span></figcaption></figure><p>There’s also Dolby Atmos (DA) support, so you can benefit from that codec in games that use it for surround sound. But even without DA, the sound is impressively spatial.</p><p>Tonal separation and mid-range clarity are really excellent, too. Each of the instruments and layers of the beautiful Rome II soundtrack sounded isolated yet cohesive — the panpipes, the atmospheric flutes, the drums, the horns, all occupied their own distinct space.</p><p>And thanks to that hefty 60mm main driver, there’s plenty of bass performance, giving strong, impactful artillery explosions in Isonzo. Bass response is not quite as nicely controlled as on the Arctis Nova Pro Omni or Elite, and you don’t get anywhere near the tightness of the Maxwell 2’s low-end. I noticed a little bit of booming and muddying at times, too, but it was nothing major, and generally, I loved listening to games and music on the Stealth Pro II.</p><p><em>Listen along to my audio testing playlist on </em><a href="https://www.tomsguide.com/audio/qobuz-review"><em>Qobuz</em></a><em>, our favorite </em><a href="https://www.tomsguide.com/buying-guide/best-music-streaming-services"><em>music streaming service</em></a><em> for audiophiles.</em></p><iframe allow="" height="390" width="400" id="" style="" class="position-center" data-lazy-priority="low" data-lazy-src="https://widget.qobuz.com/playlist/59666746?zone=GB-en"></iframe><h2 id="useful-companion-app">Useful companion app</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="WKivUJJSayR32JEJFmsJPc" name="Turtle Beach Stealth Pro II_screenshots4" alt="A screenshot of the Turtle Beach Swarm II app being used to customize the Stealth Pro II EQ" src="https://cdn.mos.cms.futurecdn.net/WKivUJJSayR32JEJFmsJPc.jpg" mos="" align="middle" fullscreen="1" width="1600" height="900" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/WKivUJJSayR32JEJFmsJPc.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Turtle Beach / Future)</span></figcaption></figure><p>Complementing the Stealth Pro II’s sound is an equally strong companion app, which gives you access to a full custom EQ, as well as EQ presets and a (<em>cringe</em>) “Superhuman hearing” mode — essentially some EQ presets to enhance things like footsteps.</p><p>There’s not the same enormous range of presets as on the SteelSeries GG app, with its hundreds-strong library of per-game EQs. But there’s still more than enough control in Swarm II to get the most out of your game audio.</p><p>In the app, you can also control the microphone EQ, update the headset and (my favorite aspect) change the control assignments to customize how the headset operates. So useful!</p><h2 id="multipoint-connectivity">Multipoint connectivity</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1181px;"><p class="vanilla-image-block" style="padding-top:56.31%;"><img id="phhk8xiqF6fCKSfmxYZ5vK" name="Turtlebeach_StealthPro_II_012.JPG" alt="The Turtle Beach Stealth Pro II earcup and controls" src="https://cdn.mos.cms.futurecdn.net/v2/t:380,l:413,cw:1181,ch:665,q:80/phhk8xiqF6fCKSfmxYZ5vK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Stealth Pro II offers multipoint connectivity. You can hook up two devices over 2.4G out of the box, using the base station and included USB dongle. You can also buy more dongles (the carry case even comes with a spare dongle slot) to connect to even more, up to four devices. </p><p>If that weren’t enough, you can also connect over Bluetooth simultaneously. I found this a little annoying, though, as the headset doesn’t mute game sounds to prioritize Bluetooth if, for example, you get a call or need to take a work meeting while gaming (which, as you can imagine, happens a lot in my job). You just have both going on at once, and the sidetone dial didn't work to fix this. It’s not a huge issue, but I like that the Nova Pro Omni and Maxwell 2 prioritize Bluetooth in those scenarios.</p><h2 id="super-clear-mic">Super clear mic</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:960px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="3EgUuzZLcuowP7EX98QduK" name="Turtlebeach_StealthPro_II_014.JPG" alt="The Turtle Beach Stealth Pro II next to its base station and 2.4G dongle" src="https://cdn.mos.cms.futurecdn.net/v2/t:540,l:476,cw:960,ch:540,q:80/3EgUuzZLcuowP7EX98QduK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Stealth Pro II uses a unidirectional mic that’s “floating,” meaning it’s suspended on rubber spokes to eliminate vibration. Turtle Beach says this gives exceptional clarity, although in fairness it’s just a great mic anyway, floating or otherwise.</p><p>Headset mics, even flagship ones, usually disappoint, so I was very surprised at the cleanness and airiness of voice recordings. There was arguably a little too much clarity, as I started to pick up on some of my inherent lispy and sibilant qualities — but there’s no denying how clean and noise-free the recordings were, especially using the ‘clarity’ mic EQ. </p><p>There’s environmental noise reduction, but being a unidirectional mic, that isn’t really needed — the mic only picks up sound from your mouth anyway. I recorded test clips with my window open to a very busy and loud road. Even with noise reduction off, I couldn’t hear the road in any recordings.</p><h2 id="stealthy-grown-up-design">Stealthy, grown-up design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="9im4tknZx6qrX7paMavoqK" name="Turtlebeach_StealthPro_II_011.JPG" alt="The Turtle Beach Stealth Pro II earcup showing the controls" src="https://cdn.mos.cms.futurecdn.net/9im4tknZx6qrX7paMavoqK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Turtle Beach gear is very often styled a little ‘gamer-y’ for my tastes. Even the pricey stuff is typically a bit garish for me, like the $200 <a href="https://www.tomsguide.com/computing/keyboards/turtle-beach-command-series-kb7-tkl-review">Turtle Beach Command KB7</a> we tested before this headset. So I was pleasantly surprised by how grown up the Stealth Pro II feels. The eponymous, stealthy, blacked-out look means it won’t seem out of place in any setup — whether you’re an RGB-clad unicorn puke kinda person, or an anti-RGBer like me.</p><p>I definitely prefer the look of the Stealth Pro II to the chunky Maxwell 2 ANC, and I’d say it edges the Arctis Nova Pro Omni and Elite (although there’s not much in it). For sheer prettiness, the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/razer-blackshark-v3-pro-review">Razer BlackShark V3 Pro</a> and <a href="https://www.tomsguide.com/gaming/gaming-peripherals/fractal-design-scape-review">Fractal Design Scape</a> still win out for me, but naturally this is all highly subjective.</p><h2 id="premium-build-too">Premium build, too</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8eL6o2trwA4CdbAWuBoEwK" name="Turtlebeach_StealthPro_II_013.JPG" alt="The Turtle Beach Stealth Pro II soft padded earcup pads" src="https://cdn.mos.cms.futurecdn.net/8eL6o2trwA4CdbAWuBoEwK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Stealth Pro II looks and feels like a premium headset, too (as it should, given the price). The brushed metal earcup plates, gunmetal earcup carriers, matte black rubberized headband and mesh padding all scream quality. </p><p>Again, there’s very little between all the flagships here. You’ll find a touch of extra finesse and attention to detail on the Fractal Design Scape and BlackShark V3 Pro, but there’s seriously not much in it. The Maxwell 2 ANC feels as sturdy as they come, sure, but that’s mainly because it weighs a frankly preposterous 1.2lbs — it’s like comparing supercars to a dump truck. I’d say the Stealth Pro II feels a tad sturdier than the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/steelseries-arctis-nova-elite-review">Arctis Nova Elite</a> / Pro Omni, though. But did I mention there isn’t much in it? </p><h2 id="handy-base-station">Handy base station</h2><p>Man, I love me a base station. The Stealth Pro II’s is perhaps rather basic versus the Arctis Nova base station, which bundles a DAC for hi-res wireless, a multipoint USB-C hub, an EQ interface, a settings menu and a battery charging dock. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ggKFe2mTDHGacW5py94Uic" name="Turtle Beach Stealth Pro II_test shots1" alt="The Turtle Beach Stealth Pro II base station with a charging battery and the status lights illuminated purple and green" src="https://cdn.mos.cms.futurecdn.net/ggKFe2mTDHGacW5py94Uic.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>But hey, the Stealth Pro II’s base station is still super handy, facilitating wireless hi-res audio and battery charging for no downtime (more on this later). I love the simplistic status lights, too. The outer light shows you the audio sample rate and/or mic mute status, while the inner light around the battery eject button displays the current charge of the docked power cell.</p><p>By contrast, the Audeze Maxwell 2 ANC and Razer BlackShark V3 Pro only come with a 2.4G dongle — and the Razer’s was particularly annoying in testing.</p><h2 id="39-zero-downtime-39-battery">'Zero-downtime' battery</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="SykCfeEQLDNVpgTarrTptK" name="Turtlebeach_StealthPro_II_008.JPG" alt="The Turtle Beach Stealth Pro II battery removed next to the open earcup" src="https://cdn.mos.cms.futurecdn.net/SykCfeEQLDNVpgTarrTptK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Stealth Pro II is rated for up to 20 hours on a single charge by Turtle Beach, ANC off. This is ostensibly a little weak. The BlackShark V3 Pro is rated for up to 70 hours, while even the power-hungry Maxwell 2 ANC manages 40 hours without ANC. </p><p>However, from my testing, I think Turtle Beach is being a little conservative. After around 18 hours of use with ANC on, I still had around 65% left — partly, this is because the headset is really loud, meaning I only ran it at around 30% volume to hear everything and be comfortable. That saves juice.</p><p>Just like SteelSeries’ Arctis Nova headsets, though, the important factor is that the Stealth Pro II is a zero downtime headset. Its second battery charges in the base station as you play, meaning no meaningful downtime when gaming near the base station.</p><h2 id="competitively-priced">Competitively priced</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="aSSXJHNEycTaASgCARkhvK" name="Turtlebeach_StealthPro_II_010.JPG" alt="The Turtle Beach Stealth Pro II in hand" src="https://cdn.mos.cms.futurecdn.net/aSSXJHNEycTaASgCARkhvK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>It’d be remiss of me not to clarify here that the Stealth Pro II is objectively rather expensive at <a href="https://www.amazon.com/Turtle-Beach-Stealth-Premium-Wireless/dp/B0GN4NBD2V/" target="_blank" rel="nofollow">$349</a> / <a href="https://www.amazon.co.uk/Turtle-Beach-Stealth-Wireless-Multiplatform-Black/dp/B0GQCNJCPR" target="_blank" rel="nofollow">£299</a>. That said, it offers comparable performance and build quality to all its rivals, despite sitting in the middle of them all.</p><p>It’s cheaper than the $399 Arctis Nova Pro Omni and especially the $599 Elite, while offering comparatively strong sound quality. Its mic is just as good as the $449 Maxwell 2 ANC, and it’s a hell of a lot lighter and more breathable, even if it can’t match the sheer sound quality of Audeze’s planar drivers. Yet it’s cheaper than all the above.</p><p>The Stealth Pro II’s biggest foil is the $249 Razer BlackShark V3 Pro, which looks a little more premium and offers better ANC for around $100 less. But the Razer lacks the Stealth Pro II’s ‘zero downtime’ battery system and handy base station, and uses the Synapse companion software, which I like a whole lot less than Swarm II (to put it mildly).</p><h2 class="article-body__section" id="section-turtle-beach-stealth-pro-ii-review-the-downs"><span>Turtle Beach Stealth Pro II review: The downs</span></h2><p>It ain’t perfect, though. The Stealth Pro II’s biggest letdown for me was its ANC, which let through a lot of sound it shouldn’t. I also found the headset a little too clampy, although mileage may vary based on your head shape.</p><h2 id="a-little-too-clampy-for-me">A little too clampy for me</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="YeKMHatYuYGg8XQZGNrEwK" name="Turtlebeach_StealthPro_II_009.JPG" alt="The Turtle Beach Stealth Pro II laying flat on a white surface with a blue background" src="https://cdn.mos.cms.futurecdn.net/YeKMHatYuYGg8XQZGNrEwK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>I'll caveat this section by saying I found the Stealth Pro II mostly very comfortable. The earcups are super thick and padded, not to mention breathable. There's a layer of foam covering the drivers so even if your ears stick out, they won't rub against the plastic driver housing. And the mesh headband padding is a marvel — it’s supportive, light, breathable and effortlessly comfy. </p><p>Unfortunately, the headset is a little too clampy for me, though. After a few hours using it, I started to feel pressure on my temples and experience headaches. In fairness, this may reduce over time as the headset flexes, and mileage will vary based on the shape of your head. I’ve got a moderately large noggin, so ye of average headsize may be just fine.</p><h2 id="disappointing-anc">Disappointing ANC</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="rsmr74xACd434fhrxJgMwK" name="Turtlebeach_StealthPro_II_006.JPG" alt="The Turtle Beach Stealth Pro II earcup pads" src="https://cdn.mos.cms.futurecdn.net/rsmr74xACd434fhrxJgMwK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>My biggest grip with the Stealth Pro II is its ANC. It has it, and it works to some extent, but it’s really rather poor versus rivals. The SteelSeries Arctis Nova Pro Omni and Elite, while their ANC isn’t perfect (and certainly doesn’t live up to the claims it can drown out a helicopter), performed much better than the Stealth Pro II in the same test. The Audeze Maxwell 2 ANC, meanwhile, is in a different league, as is the Razer BlackShark V3 Pro.</p><p>The Stealth Pro II, tested in my home office with traffic outside, let through substantial amounts of traffic noise. It also let through voices, keyboard sounds, mouse clicks, and chairs moving across the floor. It’s better than no ANC, but I wouldn’t recommend buying this headset if immersive and isolating ANC is your chief priority.</p><h2 id="what-s-that-smell">What’s that… smell?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="N6ujaJ4qU4bXnjgNscN7vK" name="Turtlebeach_StealthPro_II_003.JPG" alt="The Turtle Beach Stealth Pro II in its carry case" src="https://cdn.mos.cms.futurecdn.net/N6ujaJ4qU4bXnjgNscN7vK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Here’s a weird one: I’ve never had to say this about a headset before, but my Stealth Pro II smells bad. Like really bad. Of smoke or burning or something carcinogenic. It’s as though it was QC’d in a room where someone smokes 80-a-day… for a week.</p><p>I’m not sure whether this is to do with the materials used or the manufacturing process, or both. But it’s bad enough to be noticeable when holding the headset, and even when wearing it sometimes. At times it made me feel a little nauseous.</p><p>I’ve reached out to Turtle Beach’s representative to see why this may be. They’ve confirmed it was an issue with some pre-production models, but I’ve arranged a replacement full production unit to confirm it’s a one-off. I’ll update this review accordingly.</p><h2 class="article-body__section" id="section-turtle-beach-stealth-pro-ii-review-verdict"><span>Turtle Beach Stealth Pro II review: Verdict</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="3QuLvQvhuMrcGhzHBiY4vK" name="Turtlebeach_StealthPro_II_007.JPG" alt="The Turtle Beach Stealth Pro II against a blue background" src="https://cdn.mos.cms.futurecdn.net/3QuLvQvhuMrcGhzHBiY4vK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Stealth Pro II is a really strong flagship offering from Turtle Beach. The sound quality is impressive, as is the mic, and I love the array of super useful features, from the handy companion app to the base station and ‘zero downtime’ battery. For Xbox and PC gamers, this is a highly commendable choice.</p><p>But it’s not perfect. The ANC system isn't quite up to scratch with the best in the biz, although that’s my only major issue. I found it a little clampy, but that’s really an anatomical roll of the dice, and my headset smelled rather weird, which is likely an isolated manufacturing issue. Given this headset comes in at a cool $50 cheaper than its chief rival, the Nova Pro Omni, they’re definitely things I can forgive.</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/gaming-peripherals/turtle-beach-stealth-pro-ii-review</link>
                                                                            <description>
                            <![CDATA[ The Turtle Beach Stealth Pro II is a formidable flagship headset with sound quality to rival Razer and SteelSeries. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">gkTqoHMyLYWakTHQiDpMAU</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/3EgUuzZLcuowP7EX98QduK-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Fri, 04 Sep 2026 08:49:03 +0000</pubDate>                                                                                                                                <updated>Fri, 04 Sep 2026 08:49:07 +0000</updated>
                                                                                                                                            <category><![CDATA[Gaming Peripherals]]></category>
                                                    <category><![CDATA[Computing Peripherals]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ peter.wolinski@futurenet.com (Peter Wolinski) ]]></author>                    <dc:creator><![CDATA[ Peter Wolinski ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/stgPfXWY7ukw8J8rfC7vjg.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Peter is a Senior Editor at Tom&#039;s Guide, heading up the site&#039;s Reviews team and Cameras section. Having built gaming PCs since he was 10 (that&#039;s a while ago now) he&#039;s a bit of a nerd about components and hardware. He&#039;s also been an iPhone user since the classic iPhone 4, and a Mac user for well over a decade. Experienced in using and testing all kinds of technology — from phones through to tablets, computers, games consoles, cameras and smart home tech — helping people find the best tech for them (at the best prices) is what Peter does best. A photographer since he bought his first camera (a Fujifilm) in 2015, Peter was previously an Editor for Canon-Europe.com. He then edited the Cameras and How To sections of Tom&#039;s Guide. When he&#039;s not crafting helpful, in-depth reviews, Peter can usually be found out and about honing his architectural photography skills, riding his motorcycle around Welsh mountain roads, telling everyone about his two greyhounds, squeezing a few extra FPS out of PC games or perfecting his espresso shots.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/3EgUuzZLcuowP7EX98QduK-1280-80.jpg">
                                                            <media:credit><![CDATA[Future]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[The Turtle Beach Stealth Pro II next to its base station and 2.4G dongle]]></media:description>                                                            <media:text><![CDATA[The Turtle Beach Stealth Pro II next to its base station and 2.4G dongle]]></media:text>
                                <media:title type="plain"><![CDATA[The Turtle Beach Stealth Pro II next to its base station and 2.4G dongle]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/3EgUuzZLcuowP7EX98QduK-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>The Stealth Pro II is the flagship gaming headset from Turtle Beach, intended to compete with the heavy hitters from Razer, SteelSeries and Audeze. The <em>crème de la crème</em> are getting pricey now, with all the manufacturers above asking several hundred dollars for their very <a href="https://www.tomsguide.com/best-picks/best-gaming-headsets">best gaming headsets</a>. </p><p>The Stealth Pro II is no different, and hella pricey by objective standards, but actually comes in a little cheaper than some of its competition. It also offers excellent sound; an attractive, premium design; zero downtime battery; plus customization via a solid companion app. So could this be a fantastic balanced alternative to the main ultra-premium players?</p><p>As long as you don’t mind fairly weak ANC and a slightly tight clamp force! Find out more in my full Turtle Beach Stealth Pro II review.</p><h2 class="article-body__section" id="section-turtle-beach-stealth-pro-ii-review-cheat-sheet"><span>Turtle Beach Stealth Pro II review: Cheat sheet</span></h2><ul><li><strong>What is it? </strong>A premium flagship gaming headset from Turtle Beach</li><li><strong>Who is it for? </strong>Competitive gamers and those who value sound quality</li><li><strong>What does it cost? </strong><a href="https://www.amazon.com/Turtle-Beach-Stealth-Premium-Wireless/dp/B0GN4NBD2V/" target="_blank" rel="nofollow">$349</a> / <a href="https://www.amazon.co.uk/Turtle-Beach-Stealth-Wireless-Multiplatform-Black/dp/B0GQCNJCPR" target="_blank" rel="nofollow">£299</a></li><li><strong>What do we like?</strong> The sound, mic, companion app, styling and build, base station and zero downtime battery system</li><li><strong>What don’t we like?</strong> The ANC is a little weak, and I found the headset a tad clampy</li></ul><h2 class="article-body__section" id="section-turtle-beach-stealth-pro-ii-review-specs"><span>Turtle Beach Stealth Pro II review: Specs</span></h2><div ><table><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p><a href="https://www.amazon.com/Turtle-Beach-Stealth-Premium-Wireless/dp/B0GN4NBD2V/" target="_blank" rel="nofollow">$349</a> / <a href="https://www.amazon.co.uk/Turtle-Beach-Stealth-Wireless-Multiplatform-Black/dp/B0GQCNJCPR" target="_blank" rel="nofollow">£299</a></p></td></tr><tr><td class="firstcol " ><p><strong>Colors</strong></p></td><td  ><p>Black, white</p></td></tr><tr><td class="firstcol " ><p><strong>Platforms</strong></p></td><td  ><p>PC, Xbox, PlayStation, Bluetooth devices</p></td></tr><tr><td class="firstcol " ><p><strong>Connectivity</strong></p></td><td  ><p>Wired, 3x 2.4Ghz, 1x Bluetooth</p></td></tr><tr><td class="firstcol " ><p><strong>Battery</strong></p></td><td  ><p>2x rechargeable</p></td></tr><tr><td class="firstcol " ><p><strong>Battery life</strong></p></td><td  ><p>40 hours combined</p></td></tr><tr><td class="firstcol " ><p><strong>Frequency response</strong></p></td><td  ><p>10-40,000Hz</p></td></tr><tr><td class="firstcol " ><p><strong>Drivers</strong></p></td><td  ><p>60mm coaxial</p></td></tr><tr><td class="firstcol " ><p><strong>Multipoint connectivity</strong></p></td><td  ><p>Yes</p></td></tr><tr><td class="firstcol " ><p><strong>Paired devices max</strong></p></td><td  ><p>4 (3x 2.4G, 1x BT)</p></td></tr><tr><td class="firstcol " ><p><strong>Microphone</strong></p></td><td  ><p>Unidirectional floating boom mic</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>13.8 ounces / 393 grams</p></td></tr></tbody></table></div><h2 class="article-body__section" id="section-turtle-beach-stealth-pro-ii-review-the-ups"><span>Turtle Beach Stealth Pro II review: The ups</span></h2><p>There’s a lot to love about the Stealth Pro II. Sound quality is excellent, there’s a useful companion app, a super clear mic, and a handy base station for ‘zero downtime’ battery life. It’s also moderately priced versus competition.</p><h2 id="excellent-sound-quality">Excellent sound quality</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HFWdi2AigrzMKFpu3MX5bc" name="Turtle Beach Stealth Pro II_test shots2" alt="The Turtle Beach Stealth Pro II with an earcup removed showing the coaxial driver" src="https://cdn.mos.cms.futurecdn.net/HFWdi2AigrzMKFpu3MX5bc.jpg" mos="" align="middle" fullscreen="1" width="2560" height="1440" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/HFWdi2AigrzMKFpu3MX5bc.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="caption-text">Coaxial drivers feature a tweeter that sits in the middle/on top of a main woofer. The tweeter sits under that central circular housing, while the main woofer is the larger, fluted circle. </span><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Turtle Beach Stealth Pro II’s biggest strength is its sound quality. It uses a coaxial driver setup, with a 60mm woofer and separate tweeter in each earcup. This, in theory, gives better clarity and more separation between higher and lower frequencies, as each driver can focus on its own job. Connectivity-wise, there’s 24-bit/96kHz high resolution data/sampling rates over 2.4G, so this is a true hi-res headset, akin to the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/steelseries-arctis-nova-pro-omni-review">SteelSeries Arctis Nova Pro Omni</a> / Elite and <a href="https://www.tomsguide.com/gaming/gaming-peripherals/audeze-maxwell-2-anc-review">Audeze Maxwell 2 ANC</a>.</p><p>The sound is super spacious with exceptional clarity up top and very strong imaging (this lets you pinpoint noises to a specific point). This naturally benefits competitive gameplay, letting me hear the location of enemy cues like footsteps or reloads in my test FPS games: Counter Strike 2 and Isonzo. It was also handy for stealthy games like Sniper Elite: Resistance, where I could again hear and locate even the quietest tapping of enemy footsteps. And it was ideal for immersion, giving three-dimensionality to sounds and effects in the campaign and battles of Total War: Rome II.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mXPzdXE3NLgxLtw9ZvfbHc" name="Turtle Beach Stealth Pro II_screenshots3" alt="A screenshot of the Turtle Beach Swarm II app being used to customize the Stealth Pro II" src="https://cdn.mos.cms.futurecdn.net/mXPzdXE3NLgxLtw9ZvfbHc.jpg" mos="" align="middle" fullscreen="1" width="1600" height="900" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/mXPzdXE3NLgxLtw9ZvfbHc.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="caption-text">Via the Swarm II app, you have access to a preset Footsteps EQ for a competitive edge. </span><span class="credit" itemprop="copyrightHolder">(Image credit: Turtle Beach / Future)</span></figcaption></figure><p>There’s also Dolby Atmos (DA) support, so you can benefit from that codec in games that use it for surround sound. But even without DA, the sound is impressively spatial.</p><p>Tonal separation and mid-range clarity are really excellent, too. Each of the instruments and layers of the beautiful Rome II soundtrack sounded isolated yet cohesive — the panpipes, the atmospheric flutes, the drums, the horns, all occupied their own distinct space.</p><p>And thanks to that hefty 60mm main driver, there’s plenty of bass performance, giving strong, impactful artillery explosions in Isonzo. Bass response is not quite as nicely controlled as on the Arctis Nova Pro Omni or Elite, and you don’t get anywhere near the tightness of the Maxwell 2’s low-end. I noticed a little bit of booming and muddying at times, too, but it was nothing major, and generally, I loved listening to games and music on the Stealth Pro II.</p><p><em>Listen along to my audio testing playlist on </em><a href="https://www.tomsguide.com/audio/qobuz-review"><em>Qobuz</em></a><em>, our favorite </em><a href="https://www.tomsguide.com/buying-guide/best-music-streaming-services"><em>music streaming service</em></a><em> for audiophiles.</em></p><iframe allow="" height="390" width="400" id="" style="" class="position-center" data-lazy-priority="low" data-lazy-src="https://widget.qobuz.com/playlist/59666746?zone=GB-en"></iframe><h2 id="useful-companion-app">Useful companion app</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="WKivUJJSayR32JEJFmsJPc" name="Turtle Beach Stealth Pro II_screenshots4" alt="A screenshot of the Turtle Beach Swarm II app being used to customize the Stealth Pro II EQ" src="https://cdn.mos.cms.futurecdn.net/WKivUJJSayR32JEJFmsJPc.jpg" mos="" align="middle" fullscreen="1" width="1600" height="900" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/WKivUJJSayR32JEJFmsJPc.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Turtle Beach / Future)</span></figcaption></figure><p>Complementing the Stealth Pro II’s sound is an equally strong companion app, which gives you access to a full custom EQ, as well as EQ presets and a (<em>cringe</em>) “Superhuman hearing” mode — essentially some EQ presets to enhance things like footsteps.</p><p>There’s not the same enormous range of presets as on the SteelSeries GG app, with its hundreds-strong library of per-game EQs. But there’s still more than enough control in Swarm II to get the most out of your game audio.</p><p>In the app, you can also control the microphone EQ, update the headset and (my favorite aspect) change the control assignments to customize how the headset operates. So useful!</p><h2 id="multipoint-connectivity">Multipoint connectivity</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1181px;"><p class="vanilla-image-block" style="padding-top:56.31%;"><img id="phhk8xiqF6fCKSfmxYZ5vK" name="Turtlebeach_StealthPro_II_012.JPG" alt="The Turtle Beach Stealth Pro II earcup and controls" src="https://cdn.mos.cms.futurecdn.net/v2/t:380,l:413,cw:1181,ch:665,q:80/phhk8xiqF6fCKSfmxYZ5vK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Stealth Pro II offers multipoint connectivity. You can hook up two devices over 2.4G out of the box, using the base station and included USB dongle. You can also buy more dongles (the carry case even comes with a spare dongle slot) to connect to even more, up to four devices. </p><p>If that weren’t enough, you can also connect over Bluetooth simultaneously. I found this a little annoying, though, as the headset doesn’t mute game sounds to prioritize Bluetooth if, for example, you get a call or need to take a work meeting while gaming (which, as you can imagine, happens a lot in my job). You just have both going on at once, and the sidetone dial didn't work to fix this. It’s not a huge issue, but I like that the Nova Pro Omni and Maxwell 2 prioritize Bluetooth in those scenarios.</p><h2 id="super-clear-mic">Super clear mic</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:960px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="3EgUuzZLcuowP7EX98QduK" name="Turtlebeach_StealthPro_II_014.JPG" alt="The Turtle Beach Stealth Pro II next to its base station and 2.4G dongle" src="https://cdn.mos.cms.futurecdn.net/v2/t:540,l:476,cw:960,ch:540,q:80/3EgUuzZLcuowP7EX98QduK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Stealth Pro II uses a unidirectional mic that’s “floating,” meaning it’s suspended on rubber spokes to eliminate vibration. Turtle Beach says this gives exceptional clarity, although in fairness it’s just a great mic anyway, floating or otherwise.</p><p>Headset mics, even flagship ones, usually disappoint, so I was very surprised at the cleanness and airiness of voice recordings. There was arguably a little too much clarity, as I started to pick up on some of my inherent lispy and sibilant qualities — but there’s no denying how clean and noise-free the recordings were, especially using the ‘clarity’ mic EQ. </p><p>There’s environmental noise reduction, but being a unidirectional mic, that isn’t really needed — the mic only picks up sound from your mouth anyway. I recorded test clips with my window open to a very busy and loud road. Even with noise reduction off, I couldn’t hear the road in any recordings.</p><h2 id="stealthy-grown-up-design">Stealthy, grown-up design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="9im4tknZx6qrX7paMavoqK" name="Turtlebeach_StealthPro_II_011.JPG" alt="The Turtle Beach Stealth Pro II earcup showing the controls" src="https://cdn.mos.cms.futurecdn.net/9im4tknZx6qrX7paMavoqK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Turtle Beach gear is very often styled a little ‘gamer-y’ for my tastes. Even the pricey stuff is typically a bit garish for me, like the $200 <a href="https://www.tomsguide.com/computing/keyboards/turtle-beach-command-series-kb7-tkl-review">Turtle Beach Command KB7</a> we tested before this headset. So I was pleasantly surprised by how grown up the Stealth Pro II feels. The eponymous, stealthy, blacked-out look means it won’t seem out of place in any setup — whether you’re an RGB-clad unicorn puke kinda person, or an anti-RGBer like me.</p><p>I definitely prefer the look of the Stealth Pro II to the chunky Maxwell 2 ANC, and I’d say it edges the Arctis Nova Pro Omni and Elite (although there’s not much in it). For sheer prettiness, the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/razer-blackshark-v3-pro-review">Razer BlackShark V3 Pro</a> and <a href="https://www.tomsguide.com/gaming/gaming-peripherals/fractal-design-scape-review">Fractal Design Scape</a> still win out for me, but naturally this is all highly subjective.</p><h2 id="premium-build-too">Premium build, too</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8eL6o2trwA4CdbAWuBoEwK" name="Turtlebeach_StealthPro_II_013.JPG" alt="The Turtle Beach Stealth Pro II soft padded earcup pads" src="https://cdn.mos.cms.futurecdn.net/8eL6o2trwA4CdbAWuBoEwK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Stealth Pro II looks and feels like a premium headset, too (as it should, given the price). The brushed metal earcup plates, gunmetal earcup carriers, matte black rubberized headband and mesh padding all scream quality. </p><p>Again, there’s very little between all the flagships here. You’ll find a touch of extra finesse and attention to detail on the Fractal Design Scape and BlackShark V3 Pro, but there’s seriously not much in it. The Maxwell 2 ANC feels as sturdy as they come, sure, but that’s mainly because it weighs a frankly preposterous 1.2lbs — it’s like comparing supercars to a dump truck. I’d say the Stealth Pro II feels a tad sturdier than the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/steelseries-arctis-nova-elite-review">Arctis Nova Elite</a> / Pro Omni, though. But did I mention there isn’t much in it? </p><h2 id="handy-base-station">Handy base station</h2><p>Man, I love me a base station. The Stealth Pro II’s is perhaps rather basic versus the Arctis Nova base station, which bundles a DAC for hi-res wireless, a multipoint USB-C hub, an EQ interface, a settings menu and a battery charging dock. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ggKFe2mTDHGacW5py94Uic" name="Turtle Beach Stealth Pro II_test shots1" alt="The Turtle Beach Stealth Pro II base station with a charging battery and the status lights illuminated purple and green" src="https://cdn.mos.cms.futurecdn.net/ggKFe2mTDHGacW5py94Uic.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>But hey, the Stealth Pro II’s base station is still super handy, facilitating wireless hi-res audio and battery charging for no downtime (more on this later). I love the simplistic status lights, too. The outer light shows you the audio sample rate and/or mic mute status, while the inner light around the battery eject button displays the current charge of the docked power cell.</p><p>By contrast, the Audeze Maxwell 2 ANC and Razer BlackShark V3 Pro only come with a 2.4G dongle — and the Razer’s was particularly annoying in testing.</p><h2 id="39-zero-downtime-39-battery">'Zero-downtime' battery</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="SykCfeEQLDNVpgTarrTptK" name="Turtlebeach_StealthPro_II_008.JPG" alt="The Turtle Beach Stealth Pro II battery removed next to the open earcup" src="https://cdn.mos.cms.futurecdn.net/SykCfeEQLDNVpgTarrTptK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Stealth Pro II is rated for up to 20 hours on a single charge by Turtle Beach, ANC off. This is ostensibly a little weak. The BlackShark V3 Pro is rated for up to 70 hours, while even the power-hungry Maxwell 2 ANC manages 40 hours without ANC. </p><p>However, from my testing, I think Turtle Beach is being a little conservative. After around 18 hours of use with ANC on, I still had around 65% left — partly, this is because the headset is really loud, meaning I only ran it at around 30% volume to hear everything and be comfortable. That saves juice.</p><p>Just like SteelSeries’ Arctis Nova headsets, though, the important factor is that the Stealth Pro II is a zero downtime headset. Its second battery charges in the base station as you play, meaning no meaningful downtime when gaming near the base station.</p><h2 id="competitively-priced">Competitively priced</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="aSSXJHNEycTaASgCARkhvK" name="Turtlebeach_StealthPro_II_010.JPG" alt="The Turtle Beach Stealth Pro II in hand" src="https://cdn.mos.cms.futurecdn.net/aSSXJHNEycTaASgCARkhvK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>It’d be remiss of me not to clarify here that the Stealth Pro II is objectively rather expensive at <a href="https://www.amazon.com/Turtle-Beach-Stealth-Premium-Wireless/dp/B0GN4NBD2V/" target="_blank" rel="nofollow">$349</a> / <a href="https://www.amazon.co.uk/Turtle-Beach-Stealth-Wireless-Multiplatform-Black/dp/B0GQCNJCPR" target="_blank" rel="nofollow">£299</a>. That said, it offers comparable performance and build quality to all its rivals, despite sitting in the middle of them all.</p><p>It’s cheaper than the $399 Arctis Nova Pro Omni and especially the $599 Elite, while offering comparatively strong sound quality. Its mic is just as good as the $449 Maxwell 2 ANC, and it’s a hell of a lot lighter and more breathable, even if it can’t match the sheer sound quality of Audeze’s planar drivers. Yet it’s cheaper than all the above.</p><p>The Stealth Pro II’s biggest foil is the $249 Razer BlackShark V3 Pro, which looks a little more premium and offers better ANC for around $100 less. But the Razer lacks the Stealth Pro II’s ‘zero downtime’ battery system and handy base station, and uses the Synapse companion software, which I like a whole lot less than Swarm II (to put it mildly).</p><h2 class="article-body__section" id="section-turtle-beach-stealth-pro-ii-review-the-downs"><span>Turtle Beach Stealth Pro II review: The downs</span></h2><p>It ain’t perfect, though. The Stealth Pro II’s biggest letdown for me was its ANC, which let through a lot of sound it shouldn’t. I also found the headset a little too clampy, although mileage may vary based on your head shape.</p><h2 id="a-little-too-clampy-for-me">A little too clampy for me</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="YeKMHatYuYGg8XQZGNrEwK" name="Turtlebeach_StealthPro_II_009.JPG" alt="The Turtle Beach Stealth Pro II laying flat on a white surface with a blue background" src="https://cdn.mos.cms.futurecdn.net/YeKMHatYuYGg8XQZGNrEwK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>I'll caveat this section by saying I found the Stealth Pro II mostly very comfortable. The earcups are super thick and padded, not to mention breathable. There's a layer of foam covering the drivers so even if your ears stick out, they won't rub against the plastic driver housing. And the mesh headband padding is a marvel — it’s supportive, light, breathable and effortlessly comfy. </p><p>Unfortunately, the headset is a little too clampy for me, though. After a few hours using it, I started to feel pressure on my temples and experience headaches. In fairness, this may reduce over time as the headset flexes, and mileage will vary based on the shape of your head. I’ve got a moderately large noggin, so ye of average headsize may be just fine.</p><h2 id="disappointing-anc">Disappointing ANC</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="rsmr74xACd434fhrxJgMwK" name="Turtlebeach_StealthPro_II_006.JPG" alt="The Turtle Beach Stealth Pro II earcup pads" src="https://cdn.mos.cms.futurecdn.net/rsmr74xACd434fhrxJgMwK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>My biggest grip with the Stealth Pro II is its ANC. It has it, and it works to some extent, but it’s really rather poor versus rivals. The SteelSeries Arctis Nova Pro Omni and Elite, while their ANC isn’t perfect (and certainly doesn’t live up to the claims it can drown out a helicopter), performed much better than the Stealth Pro II in the same test. The Audeze Maxwell 2 ANC, meanwhile, is in a different league, as is the Razer BlackShark V3 Pro.</p><p>The Stealth Pro II, tested in my home office with traffic outside, let through substantial amounts of traffic noise. It also let through voices, keyboard sounds, mouse clicks, and chairs moving across the floor. It’s better than no ANC, but I wouldn’t recommend buying this headset if immersive and isolating ANC is your chief priority.</p><h2 id="what-s-that-smell">What’s that… smell?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="N6ujaJ4qU4bXnjgNscN7vK" name="Turtlebeach_StealthPro_II_003.JPG" alt="The Turtle Beach Stealth Pro II in its carry case" src="https://cdn.mos.cms.futurecdn.net/N6ujaJ4qU4bXnjgNscN7vK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Here’s a weird one: I’ve never had to say this about a headset before, but my Stealth Pro II smells bad. Like really bad. Of smoke or burning or something carcinogenic. It’s as though it was QC’d in a room where someone smokes 80-a-day… for a week.</p><p>I’m not sure whether this is to do with the materials used or the manufacturing process, or both. But it’s bad enough to be noticeable when holding the headset, and even when wearing it sometimes. At times it made me feel a little nauseous.</p><p>I’ve reached out to Turtle Beach’s representative to see why this may be. They’ve confirmed it was an issue with some pre-production models, but I’ve arranged a replacement full production unit to confirm it’s a one-off. I’ll update this review accordingly.</p><h2 class="article-body__section" id="section-turtle-beach-stealth-pro-ii-review-verdict"><span>Turtle Beach Stealth Pro II review: Verdict</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="3QuLvQvhuMrcGhzHBiY4vK" name="Turtlebeach_StealthPro_II_007.JPG" alt="The Turtle Beach Stealth Pro II against a blue background" src="https://cdn.mos.cms.futurecdn.net/3QuLvQvhuMrcGhzHBiY4vK.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Stealth Pro II is a really strong flagship offering from Turtle Beach. The sound quality is impressive, as is the mic, and I love the array of super useful features, from the handy companion app to the base station and ‘zero downtime’ battery. For Xbox and PC gamers, this is a highly commendable choice.</p><p>But it’s not perfect. The ANC system isn't quite up to scratch with the best in the biz, although that’s my only major issue. I found it a little clampy, but that’s really an anatomical roll of the dice, and my headset smelled rather weird, which is likely an isolated manufacturing issue. Given this headset comes in at a cool $50 cheaper than its chief rival, the Nova Pro Omni, they’re definitely things I can forgive.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ PS5 State of Play September 2026 recap — FFVII Revelations, Until Dawn 2 and every new game announced ]]></title>
                                                                                                <dc:content><![CDATA[ <div class="live-content"><p>PlayStation State of Play for September 2026 is over. We got two showcases for the price of one, with a regular State of Play followed by a State of Play Japan. </p><p>The highlights included an extended look at Final Fantasy VII: Revelation, release dates for Until Dawn 2 and Metro 2039, and new games confirmed like Maneater 2. Plus, State of Play Japan brought with it tons of RPG fun!</p><p>If you missed the showcase, you can find all the announcements and every new trailer below. Or you can even rewatch the entire State of Play on demand. Here are all the games at the State of Play September 2026...</p><h2 id="how-to-re-watch-state-of-play-for-september-2026">How to (re)watch State of Play for September 2026</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="high" data-lazy-src="https://www.youtube-nocookie.com/embed/dcTYz_mJpkU" allowfullscreen></iframe></div></div><p>If you missed State of Play September 2026, or wish to relive it, you can watch the entire presentation from start to finish via the embedded YouTube link above. Warning: it's a chunky presentation, so you'll need to set aside almost two hours. After all, it was technically two State of Plays! </p><h3 class="article-body__section" id="section-live-updates"><span>LIVE UPDATES</span></h3></div><div class="live-content"><time datetime="2026-09-03T11:01:21+00:00">September 3, 2026 – 7:01 AM</time><h2 id="welcome">Welcome!</h2><p>Good morning (or afternoon, for those in the U.K.)! The latest State of Play event is just a couple of hours away, and I'm here to bring you all the build-up and coverage of the showcase, there's plenty to discuss, so let's dive into all the news and a few rumors...</p></div><div class="live-content"><time datetime="2026-09-03T11:12:33+00:00">September 3, 2026 – 7:12 AM</time><h2 id="ffvii-revelation-is-confirmed-for-state-of-play">FFVII Revelation is confirmed for State of Play</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="VbV9NhGYbeA4AKitiPGzjc" name="final-fantasy-vii-revelation-screenshot" alt="Screenshot from Final Fantasy VII Revelation" src="https://cdn.mos.cms.futurecdn.net/VbV9NhGYbeA4AKitiPGzjc.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sqaure Enix)</span></figcaption></figure><p>At present, only one game is confirmed to appear at today's State of Play: Final Fantasy VII Revelation.</p><p>The <a href="https://blog.playstation.com/2026/08/31/state-of-play-state-of-play-japan-return-on-september-3/" target="_blank">PlayStation Blog</a> notes the showcase will conclude "with an extended look at the vast world of Final Fantasy VII Revelation, from our friends at Square Enix."</p><p>The use of the word "extended" suggests it won't be a quick trailer, but likely a longer demo. We've already seen a fair amount from this game. It was announced at Summer Games Fest 2026, before getting another look at Gamescom 2026.</p><p>I'm sure that anybody who's played Final Fantasy VII Remake and Rebirth won't need to be further sold on Revelation, but I won't say no to another look!</p></div><div class="live-content"><time datetime="2026-09-03T11:26:59+00:00">September 3, 2026 – 7:26 AM</time><h2 id="i-suspect-we-39-ll-see-more-from-until-dawn-2">I suspect we'll see more from Until Dawn 2</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="tmER6SQVqEcQekWFWJ4K6b" name="until-dawn-2-screenshot" alt="Until Dawn 2 screenshot" src="https://cdn.mos.cms.futurecdn.net/tmER6SQVqEcQekWFWJ4K6b.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>Turning to predictions, I'm guessing we'll see more from Until Dawn 2 today. This follow-up to the 2014 interactive horror was announced during June's State of Play with a vague 2027 release window, so it would make sense for it to appear here. </p><p>It's confirmed to be a standalone sequel, and comes from new developers Firesprite (taking over from Supermassive Games, who made the first). Like the original, it's a horror adventure game where you play a group of young adults trying to survive a terrifying night. Your decisions will decide who lives and dies.</p><p>The setting switches from a snowy mountain cabin to a tropical island, and the playable characters are a team of ghost hunters who fake their paranormal content, only to face a real nightmare. Maybe we'll get a release date today?</p></div><div class="live-content"><time datetime="2026-09-03T11:46:29+00:00">September 3, 2026 – 7:46 AM</time><h2 id="time-for-our-latest-look-at-laufey">Time for our latest look at Laufey?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="6uakNK9LNVubhczFUPzQ4R" name="god-of-war-laufey-keyart" alt="God of War Laufey keyart" src="https://cdn.mos.cms.futurecdn.net/6uakNK9LNVubhczFUPzQ4R.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>Staying on theme of games that appeared at the June State of Play that could re appear today, God of Way Laufey seems likely to make an appearance to me. </p><p>The game was revealed and then extensively showcased with a 15-minute gameplay presentation in June, and it's even got an early 2027 release date (February 16), so Sony surely want to start ramping up the marketing soon. </p><p>This latest installment in the God of War franchise doesn't star Kratos, instead the lead is Faye, wife of the angry Spartan. It'll see Faye battle through Everywhen, the afterlife of the gods, on a quest to protect her husband and son, Atreus. </p></div><div class="live-content"><time datetime="2026-09-03T12:03:52+00:00">September 3, 2026 – 8:03 AM</time><h2 id="don-39-t-expect-a-major-quot-one-last-thing-quot-reveal">Don't expect a major "one last thing" reveal</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:920px;"><p class="vanilla-image-block" style="padding-top:56.30%;"><img id="YjQgFQT9J6kopyr5nu4evh" name="Playstation store.jpg" alt="PlayStation Store Holiday Sale" src="https://cdn.mos.cms.futurecdn.net/YjQgFQT9J6kopyr5nu4evh.jpg" mos="" align="middle" fullscreen="" width="920" height="518" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>When it comes to State of Play-style events, they're often judged on their ending. The term "one last thing" (taken from Nintendo Directs) has been popularized for when a gaming event ends with a reveal that gets the whole internet hyped up. </p><p>State of Play has had its own share of exciting final announcements in the past, but don't expect one this time. As already noted, Final Fantasy VII Revelation has been confirmed to close the State of Play for September 2026, so there seemingly won't be an unexpected reveal to cap off the livestream. </p><p>Of course, that doesn't mean there won't be surprises before the FFVII portion! </p></div><div class="live-content"><time datetime="2026-09-03T12:15:30+00:00">September 3, 2026 – 8:15 AM</time><h2 id="will-intergalactic-finally-emerge-from-the-shadows">Will Intergalactic finally emerge from the shadows?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="gGHYy9kM2a4pZMfY2DzSSQ" name="intergalactic-the-heretic-prophet-screenshot" alt="Intergalactic: The Heretic Prophet screenshot" src="https://cdn.mos.cms.futurecdn.net/gGHYy9kM2a4pZMfY2DzSSQ.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony / Naughty Dog)</span></figcaption></figure><p>Every State of Play, I wish for a fresh look at Intergalactic: The Heretic Prophet, and every time I'M left disappointed when it's a no show. So, while I'm keeping my expectation in check this time, here's hoping Naughty Dog is <em>finally </em>ready to show us more at today's State of Play. </p><p>The sci-fi game was announced at The Game Awards 2024, with a slick CGI trailer, and hasn't been seen since. There's still so much we don't know about this game, we don't even have a release year, let alone a firm date. It'll be ND's first new game since The Last of Us Part II, and follows a bounty hunter stuck on a remote planet. </p></div><div class="live-content"><time datetime="2026-09-03T12:32:56+00:00">September 3, 2026 – 8:32 AM</time><h2 id="expect-some-ps-news-at-state-of-play">Expect some PS+ news at State of Play</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="YJYKWsoYcKTmcTh2bde6UG" name="playstation-plus-collection-01.jpg" alt="PlayStation Plus Collection feature" src="https://cdn.mos.cms.futurecdn.net/YJYKWsoYcKTmcTh2bde6UG.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: PlayStation)</span></figcaption></figure><p>PlayStation typically likes to use State of Play events to highlight the games being added to PS+ in the future, and with the mid-month PlayStation Plus Extra Game Catalogue on the horizon, I wouldn't be surprised if that's showcased later today. </p><p>Maybe those on the Premium tier will also get some news about upcoming Classic games being added to the service. Either way, I expect PS+ will have a presence.</p></div><div class="live-content"><time datetime="2026-09-03T12:54:10+00:00">September 3, 2026 – 8:54 AM</time><h2 id="double-fine-couldn-39-t-keep-this-secret">Double Fine couldn't keep this secret!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DjvJiQVxD8e7G76nr5P5Pc" name="keeper-screenshot" alt="Keeper screenshot" src="https://cdn.mos.cms.futurecdn.net/DjvJiQVxD8e7G76nr5P5Pc.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Double Fine)</span></figcaption></figure><p>There's always a leak or two in the lead-up to a State of Play, and it appears this time it's come from Double Fine. The studio's artistic experience, Keeper, looks to be PlayStation-bound, as its trophy list has just surfaced via <a href="https://www.exophase.com/game/keeper-psn/trophies/" target="_blank">Exophase</a>. </p><p>The puzzle-adventure game launched last October on Xbox and PC, when Double Fine was still under the Xbox Games Studio umbrella. It's now gone independent, and appears to be looking to expand Keeper's player base. It'll almost certainly be confirmed during the State of Play. Leaked trophy data is a pretty solid clue. </p><p>As trophy data is already in the PlayStation system, that would hint at an imminent release date; it could even be dropped on the PlayStation Store later today.</p></div><div class="live-content"><time datetime="2026-09-03T12:58:41+00:00">September 3, 2026 – 8:58 AM</time><h2 id="state-of-play-september-2026-is-about-to-begin">State of Play September 2026 is about to begin! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/dcTYz_mJpkU" allowfullscreen></iframe></div></div><p>The countdown is on, and that familiar State of Play pre-show music is playing. If you're watching today's State of Play, now is the time to get your stream ready. Don't worry, you don't need to search for it, I've linked it above, and if you can't watch, I'll have live updates right here so you don't miss a single announcement. </p></div><div class="live-content"><time datetime="2026-09-03T13:02:32+00:00">September 3, 2026 – 9:02 AM</time><h2 id="first-up-is-a-movie">First up...is a movie?</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/KGlapnJFacE" allowfullscreen></iframe></div></div><p>Whelp, it might be a video game event, but we're starting with a trailer for Zach Cregger's upcoming "Resident Evil" movie. </p></div><div class="live-content"><time datetime="2026-09-03T13:04:29+00:00">September 3, 2026 – 9:04 AM</time><h2 id="now-onto-the-games-please">Now onto the games (please)!</h2><p>The new "Resident Evil" movie looks cool, I've already got my tickets booked, but after dipping into the world of cinema, let's hope State of Play gets into the games.</p></div><div class="live-content"><time datetime="2026-09-03T13:06:43+00:00">September 3, 2026 – 9:06 AM</time><h2 id="wolverine-gets-a-last-look-before-launch">Wolverine gets a last look before launch</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/G62QQ42Ewwg" allowfullscreen></iframe></div></div><p>With Marvel's Wolverine landing later this month (on September 15), PlayStation is giving this PS5 exclusive one last State of Play spot before its in our hands soon.</p></div><div class="live-content"><time datetime="2026-09-03T13:08:40+00:00">September 3, 2026 – 9:08 AM</time><h2 id="ghost-of-yotei-39-s-new-dlc-is-next-up">Ghost of Yōtei's new DLC is next up</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/Nlchabfwy_w" allowfullscreen></iframe></div></div><p>It was recently confirmed that 2025's Ghost of Yōte would get a Complete Edition, which comes with new DLC, including the "Most Wanted" mode, and that's being showcased next. It looks like it'll give me plenty of reason to return to the game. </p></div><div class="live-content"><time datetime="2026-09-03T13:11:07+00:00">September 3, 2026 – 9:11 AM</time><h2 id="speaking-of-major-dlcs-it-39-s-monster-hunter-time">Speaking of major DLCs, it's Monster Hunter time!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/SodbU0PEVH4" allowfullscreen></iframe></div></div><p>Another game from last year that's about to get a big DLC is Monster Hunter Wilds, it's called Ascendance, and I'm hoping it'll transform the base game in the same way that Iceborne radically expanded its predecessor Monster Hunter World. It's out in 2027. </p></div><div class="live-content"><time datetime="2026-09-03T13:13:33+00:00">September 3, 2026 – 9:13 AM</time><h2 id="metro-2039-gets-its-first-look-on-playstation">Metro 2039 gets its first look on PlayStation</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/6OGoAWzNV2s" allowfullscreen></iframe></div></div><p>One of my most anticipated games of 2027 takes the State of Play stage: Metro 2039. This is our first time seeing it at a PlayStation event, and I recently went hands-on with the title at Gamescom 2026, and can confirm it's shaping up to be a strong shooter. It's out February 4, 2027. </p></div><div class="live-content"><time datetime="2026-09-03T13:17:12+00:00">September 3, 2026 – 9:17 AM</time><h2 id="maneater-is-getting-a-sequel">Maneater is getting a sequel!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/mg4Phb2Aulg" allowfullscreen></iframe></div></div><p>Shark sim Maneater is getting a sequel! The original launched in 2020, and was a whale of a good time (that pun works, right?). It's called, well, Maneater 2 and is out in 2027. </p></div><div class="live-content"><time datetime="2026-09-03T13:19:00+00:00">September 3, 2026 – 9:19 AM</time><h2 id="another-trailer-for-a-dlc">Another trailer for a DLC!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/1fQCPmH6kOg" allowfullscreen></iframe></div></div><p>DLC expansions seem to be the big focus so far, and next up is an expansion for Crimson Desert. I'll admit, I couldn't really get into this one earlier in the year, but I know it's got a passionate player base. The DLC appears to add naval combat, underwater exploration, and a bunch of new enemies. It's called Crimson Desert: Charting the Unknown and launches on October 15, 2026. That's very soon!</p></div><div class="live-content"><time datetime="2026-09-03T13:20:54+00:00">September 3, 2026 – 9:20 AM</time><h2 id="the-ps1-is-getting-a-lego-makeover">The PS1 is getting a Lego makeover!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/5FB8SIlnd6c" allowfullscreen></iframe></div></div><p>This one leaked earlier in the week, but PlayStation has teamed up with the folks at Lego to create a plastic-brick version of the PlayStation 1 console. It looks like a novel display piece and hides several easter eggs, including dioramas for Ape Escape and Gran Turismo. No word on price or release date, but as it's Lego, it'll probably cost quite a lot!</p></div><div class="live-content"><time datetime="2026-09-03T13:22:44+00:00">September 3, 2026 – 9:22 AM</time><h2 id="final-fantasy-makes-an-early-appearance">Final Fantasy makes an early appearance! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/IZvZYwQdXN8" allowfullscreen></iframe></div></div><p>We know that FFVII Revelation will close the show, but there's room for more Final Fantasy, the game's first title in HD-2D title, Final Fantasy Resonance, is showcased, it's out on October 22, and there's a playable demo dropping later today. Neat!</p></div><div class="live-content"><time datetime="2026-09-03T13:24:42+00:00">September 3, 2026 – 9:24 AM</time><h2 id="gundam-fans-here-39-s-one-for-you">Gundam fans, here's one for you!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/kJ6YB3tG0xM" allowfullscreen></iframe></div></div><p>Gundam: Rogue Orbit was announced earlier in the summer and we're getting a new look at today's State of Play. It's out March 5, 2027, and looks suitably epic. More will be revealed at the State of Play Japan that follows this initial showcase. </p></div><div class="live-content"><time datetime="2026-09-03T13:25:49+00:00">September 3, 2026 – 9:25 AM</time><h2 id="we-39-re-entering-the-indie-zone">We're entering the indie zone!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/bKMaeHoJY2A" allowfullscreen></iframe></div></div><p>Next up, it's a trio of indie games that apparently "caught the teams attention", first it's a medieval-set game called Hunter's Moon that drops on October 26, 2026.  </p></div><div class="live-content"><time datetime="2026-09-03T13:28:46+00:00">September 3, 2026 – 9:28 AM</time><h2 id="uncanyon-is-revealed-and-keeper-is-confirmed">Uncanyon is revealed (and Keeper is confirmed)!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/oSLtfQ-HqLM" allowfullscreen></iframe></div></div><p>Next, we head into the world of Uncanyon, which looks to be a dungeon-crawler that combines puzzles and combat; it's out in 2027. And the final game in this indie trio is Keeper from Double Fine. That one leaked earlier today and is out on PS5 today. Told you it might be a shadow drop!</p></div><div class="live-content"><time datetime="2026-09-03T13:31:01+00:00">September 3, 2026 – 9:31 AM</time><h2 id="rev-noir-gets-a-new-trailer-from-konami">Rev Noir gets a new trailer from Konami!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/7feaOQVG5aE" allowfullscreen></iframe></div></div><p>Rev Noir, technically spelt Rev. NOiR (yes, it's a little silly), was announced at the last State of Play event, and Konami is already prepared with a new trailer for this RPG. </p></div><div class="live-content"><time datetime="2026-09-03T13:34:18+00:00">September 3, 2026 – 9:34 AM</time><h2 id="konami-also-reveals-rhapsody-in-scarlet">Konami also reveals Rhapsody in Scarlet </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/DnMPeZDKiNk" allowfullscreen></iframe></div></div><p>A jazz-set action game called Rhapsody in Scarlet is announced, it comes from Konami, and there will be more details during the State of Play Japan afterwards. </p></div><div class="live-content"><time datetime="2026-09-03T13:36:42+00:00">September 3, 2026 – 9:36 AM</time><h2 id="ps-preview-time-just-as-i-predicted">PS+ preview time (just as I predicted)!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/PpM1KUTh43o" allowfullscreen></iframe></div></div><p>As I guessed, now we're getting an insight into what games are coming to PS+, including Mega Man X and the first Ratchet & Clank in the Classics Catalog. </p><p>Oh, and Saros is getting a big update with some new features; it'll be a free update. And Gran Turismo 7 is also being updated. The theme today is certainly DLCs! </p><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/qxFIHS2KhbM" allowfullscreen></iframe></div></div></div><div class="live-content"><time datetime="2026-09-03T13:41:49+00:00">September 3, 2026 – 9:41 AM</time><h2 id="i-39-m-on-a-roll-as-until-dawn-2-makes-an-appearance">I'm on a roll as Until Dawn 2 makes an appearance! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/-wjhso38sAY" allowfullscreen></iframe></div></div><p>I don't want to pat myself on the back too much, but another of my predictions just came true, as the next trailer is for Until Dawn 2, the long awaited sequel sports a new cast, setting, storyline and even developer. It's all change, but the fundamental experience looks similar; it's again an interactive horror where the fate of each character is in your hands. Every decision matters. </p><p>It launches on January 28, 2027, which is sooner than I expected.</p></div><div class="live-content"><time datetime="2026-09-03T13:43:13+00:00">September 3, 2026 – 9:43 AM</time><h2 id="gta-6-is-getting-a-limited-edition-dualsense-controller">GTA 6 is getting a limited edition DualSense controller!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/rcx6I2A0TyM" allowfullscreen></iframe></div></div><p>PlayStation is launching another limited edition DualSense controller, and I reckon this one will be popular because it's for GTA 6. I'm telling myself I don't need <em>another </em>DualSense...</p></div><div class="live-content"><time datetime="2026-09-03T13:45:28+00:00">September 3, 2026 – 9:45 AM</time><h2 id="and-now-into-final-fantasy-vii-revelation">And now into Final Fantasy VII Revelation!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/pfqrUIGUC1o" allowfullscreen></iframe></div></div><p>It was confirmed to be the closer, so with the regular State of Play wrapping up, we've just got a very cinematic trailer for Final Fantasy VII Revelation, and most importantly, it includes a release date: April 8, 2027. </p></div><div class="live-content"><time datetime="2026-09-03T13:49:38+00:00">September 3, 2026 – 9:49 AM</time><h2 id="loads-of-new-ffvii-revelation-gameplay">Loads of new FFVII Revelation gameplay!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/E9BTbjtXJWM" allowfullscreen></iframe></div></div><p>It was called an extended look, and it's living up to its billing. State of Play is ending with a 10 minute Final Fantasy VII Revelation gameplay presentation that is mostly focused on its vast world. You have access to an airship, which should make getting around simple, and if you spot something interesting, you skydive to the ground.</p></div><div class="live-content"><time datetime="2026-09-03T13:57:35+00:00">September 3, 2026 – 9:57 AM</time><h2 id="and-that-39-s-state-of-play-in-the-can-but-there-39-s-more-to-come">And that's State of Play in the can (but there's more to come)</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/dcTYz_mJpkU" allowfullscreen></iframe></div></div><p>FFVII Revelation brings State of Play to an end (as we knew it would). For me, that was a fairly average State of Play overall, but with a few announcements that grabbed my attention. But the show isn't over, as now we head into State of Play Japan, which offers further insight into some of the games revealed today! </p></div><div class="live-content"><time datetime="2026-09-03T14:00:35+00:00">September 3, 2026 – 10:00 AM</time><h2 id="dragonball-xenoverse-3-kicks-off-sop-japan">Dragonball Xenoverse 3 kicks off SoP Japan!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/912l6NX5lrY" allowfullscreen></iframe></div></div><p>The first new trailer in this second State of Play presentation is Dragon Ball Xenoverse 3. </p></div><div class="live-content"><time datetime="2026-09-03T14:03:06+00:00">September 3, 2026 – 10:03 AM</time><h2 id="followed-by-fate-extra-record">Followed by Fate/Extra Record!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/nr5-XGIkbg4" allowfullscreen></iframe></div></div><p>This remake of the first game in the Fate series is coming to PS5 on January 28, 2027 (The same day as Until Dawn 2). Per the trailer it offers "an expanded scenario, completely overhauled character graphics, and a highly strategic deck-building dramatic command battle system, the game modernizes both visuals and mechanics."</p></div><div class="live-content"><time datetime="2026-09-03T14:05:48+00:00">September 3, 2026 – 10:05 AM</time><h2 id="more-from-monster-hunter">More from Monster Hunter!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Uy6gzZgNHR8bLp5umbtnv4" name="Monster Hunter Wilds 1" alt="Monster Hunter Wilds" src="https://cdn.mos.cms.futurecdn.net/Uy6gzZgNHR8bLp5umbtnv4.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>The next segment is a deeper dive into the Monster Hunter Wilds: Ascendance expansion. It's looking to alter the experience in a bunch of ways with new weapons, armor, abilities, and, of course, most importantly, plenty of new monsters to hunt</p></div><div class="live-content"><time datetime="2026-09-03T14:10:25+00:00">September 3, 2026 – 10:10 AM</time><h2 id="dragon-quest-monsters-launches-this-december">Dragon Quest Monsters launches this December!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/_9nrXc0-vm8" allowfullscreen></iframe></div></div><p>We've had Final Fantasy, now time for the <em>other </em>legendary Japanese RPG series, Dragon Quest. This isn't the latest mainline entry, but part of the spin-off Monsters series. Dragon Quest Monsters: The Withered World launches soon, on December 3, 2026. Watch the new trailer above!</p></div><div class="live-content"><time datetime="2026-09-03T14:12:04+00:00">September 3, 2026 – 10:12 AM</time><h2 id="here-39-s-one-for-the-rogue-lite-fans">Here's one for the rogue-lite fans!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/c9V5ugavBQU" allowfullscreen></iframe></div></div><p>There was a curious lack of rogue-lites in the main State of Play, the genre flooded these days, but State of Play Japan has fixed that with The Eminence in Shadow: Phantom Echoes (quite the title), it's described as a rouge-lite action game launching in 2027! </p></div><div class="live-content"><time datetime="2026-09-03T14:14:57+00:00">September 3, 2026 – 10:14 AM</time><h2 id="more-new-trailers-to-watch">More new trailers to watch!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/MLDGArmX0Tw" allowfullscreen></iframe></div></div><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/zdDJlYAVe-c" allowfullscreen></iframe></div></div><p>The announcements and trailers are coming fast in this State of Play Japan, here's two more, Where the Seeds Fall and one for online soccer game, Rematch, which is getting a collaboration with Blue Lock for its season 5!  </p></div><div class="live-content"><time datetime="2026-09-03T14:19:54+00:00">September 3, 2026 – 10:19 AM</time><h2 id="this-one-looks-intriguing">This one looks intriguing! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/fIFA-lY_f6o" allowfullscreen></iframe></div></div><p>WPCA: World Phasebound Control Authority is showcased next, it looks like to be an action game where you're part of a group protecting our reality from supernatural foes. Pretty cool setup. Though, it's not out until 2028, so we won't be playing it any time soon! </p></div><div class="live-content"><time datetime="2026-09-03T14:21:40+00:00">September 3, 2026 – 10:21 AM</time><h2 id="stupid-never-dies-looks-ridiculous-but-in-a-good-way">Stupid Never Dies looks ridiculous, but in a good way! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/k_33MQFuVEY" allowfullscreen></iframe></div></div><p>GPTRACK50’s Stupid Never Dies gets its third trailer, and this action-RPG looks like it's taking some big swings, and isn't scared to be very silly. I do wonder if the comedic tone might grate over a full playthrough, but it's another one that's caught my eye. </p></div><div class="live-content"><time datetime="2026-09-03T14:23:59+00:00">September 3, 2026 – 10:23 AM</time><h2 id="another-game-you-can-play-today">Another game you can play today!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/nrJuL3XSLTc" allowfullscreen></iframe></div></div><p>SlashZero is getting a demo today. The full game isn't out until Spring 2027, but you can get a taste of it's side-scrollling action thanks to this demo. It's called a "limited-time" demo, so don't wait around if you want to check this one out before launch.</p></div><div class="live-content"><time datetime="2026-09-03T14:26:05+00:00">September 3, 2026 – 10:26 AM</time><h2 id="digimon-takes-the-stage-at-state-of-play-japan">Digimon takes the stage at State of Play Japan!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/8v_Mg3yAnSY" allowfullscreen></iframe></div></div><p>I was always a Digimon kid, while all my friends were into Pokemon, so if you like me have a fondness for digital monsters, check out the trailer for Digimon Story Time Stranger: A Hero's Eternal Legacy, which surely wins the award for the longest game name at today's State of Play.</p></div><div class="live-content"><time datetime="2026-09-03T14:29:45+00:00">September 3, 2026 – 10:29 AM</time><h2 id="conq-looks-rough-in-more-ways-than-one">Conq looks rough, in more ways than one!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/OqViikdsc7Y" allowfullscreen></iframe></div></div><p>CONQ: Crown Of No Quarter just debuted at State of Play Japan, and there are rough seas, and also a very choppy framerate. No release date details so hopefully the development team have lots of time to iron out the wrinkles, as this showing didn't do the game many favors. </p></div><div class="live-content"><time datetime="2026-09-03T14:31:11+00:00">September 3, 2026 – 10:31 AM</time><h2 id="another-rhapsody-in-scarlet-trailer">Another Rhapsody in Scarlet trailer!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/FX6kr_DoXK8" allowfullscreen></iframe></div></div><p>Rhapsody in Scarlet was announced in the State of Play, and anybody interested in the title was that first showing didn't have to wait long for another, State of Play Japan has given us more insight into the game. </p></div><div class="live-content"><time datetime="2026-09-03T14:35:06+00:00">September 3, 2026 – 10:35 AM</time><h2 id="konami-has-gone-big-for-this-state-of-play">Konami has gone big for this State of Play!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/PXmX1PXvDtA" allowfullscreen></iframe></div></div><p>Konami is really bringing the good to today's State of Play, it's also offered a second trailer for Rev Noir. But I'm a little surprised we haven't seen anything from Silent Hill: Townfall as that's due out in just a matter of weeks! </p></div><div class="live-content"><time datetime="2026-09-03T14:36:51+00:00">September 3, 2026 – 10:36 AM</time><h2 id="daba-land-of-water-scar-is-revealed-next">Daba: Land of Water Scar is revealed next! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/YBTN74SHUnk" allowfullscreen></iframe></div></div><p>Looks like there's another Soulslike on the way in the form of Daba: Land of Water Scar, appears to have a mystical theme and the brief snippets of gameplay certainly give off a big Souls vibe. </p></div><div class="live-content"><time datetime="2026-09-03T14:44:59+00:00">September 3, 2026 – 10:44 AM</time><h2 id="ghost-of-yotei-39-s-story-expansion-takes-the-spotlight">Ghost of Yōtei's story expansion takes the spotlight! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/d48IWwIRg98" allowfullscreen></iframe></div></div><p>After a lovely (if slightly lengthy) interview with the Japanese voice actor for Ghost of Yōtei's lead Atsu, now it's time for a trailer for the new story expansion, Echoes of Sekigahara, it'll be packaged with the "Most Wanted" survival mode in the Complete Edition which launches on October 1. </p></div><div class="live-content"><time datetime="2026-09-03T14:46:00+00:00">September 3, 2026 – 10:46 AM</time><h2 id="and-that-39-s-a-wrap-on-state-of-play-japan">And that's a wrap on State of Play Japan!</h2><p>There's just time for a quick sizzle reel covering everything we saw in State of Play Japan, and that's the end of the showcase.</p></div> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/news/live/ps5-state-of-play-september-2026-live-updates</link>
                                                                            <description>
                            <![CDATA[ State of Play returns for September 2026 with a bumper showcase of new PS5 games, and we're bringing you all the latest updates now. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">F942N5ZiR5UJdXxkW5T6AA</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/qq2kVdpDUxFyfWD9vspT8i-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Thu, 03 Sep 2026 11:00:16 +0000</pubDate>                                                                                                                                <updated>Thu, 03 Sep 2026 17:17:37 +0000</updated>
                                                                                                                                            <category><![CDATA[Playstation]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ rory.mellon@futurenet.com (Rory Mellon) ]]></author>                    <dc:creator><![CDATA[ Rory Mellon ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5Rv6LtQXMj5JB4Eu8Lt4Sn.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/qq2kVdpDUxFyfWD9vspT8i-1280-80.jpg">
                                                            <media:credit><![CDATA[Sony Interactive Entertainment]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[God of War Laufey screenshot with State of Play border]]></media:description>                                                            <media:text><![CDATA[God of War Laufey screenshot with State of Play border]]></media:text>
                                <media:title type="plain"><![CDATA[God of War Laufey screenshot with State of Play border]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/qq2kVdpDUxFyfWD9vspT8i-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <div class="live-content"><p>PlayStation State of Play for September 2026 is over. We got two showcases for the price of one, with a regular State of Play followed by a State of Play Japan. </p><p>The highlights included an extended look at Final Fantasy VII: Revelation, release dates for Until Dawn 2 and Metro 2039, and new games confirmed like Maneater 2. Plus, State of Play Japan brought with it tons of RPG fun!</p><p>If you missed the showcase, you can find all the announcements and every new trailer below. Or you can even rewatch the entire State of Play on demand. Here are all the games at the State of Play September 2026...</p><h2 id="how-to-re-watch-state-of-play-for-september-2026">How to (re)watch State of Play for September 2026</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="high" data-lazy-src="https://www.youtube-nocookie.com/embed/dcTYz_mJpkU" allowfullscreen></iframe></div></div><p>If you missed State of Play September 2026, or wish to relive it, you can watch the entire presentation from start to finish via the embedded YouTube link above. Warning: it's a chunky presentation, so you'll need to set aside almost two hours. After all, it was technically two State of Plays! </p><h3 class="article-body__section" id="section-live-updates"><span>LIVE UPDATES</span></h3></div><div class="live-content"><time datetime="2026-09-03T11:01:21+00:00">September 3, 2026 – 7:01 AM</time><h2 id="welcome">Welcome!</h2><p>Good morning (or afternoon, for those in the U.K.)! The latest State of Play event is just a couple of hours away, and I'm here to bring you all the build-up and coverage of the showcase, there's plenty to discuss, so let's dive into all the news and a few rumors...</p></div><div class="live-content"><time datetime="2026-09-03T11:12:33+00:00">September 3, 2026 – 7:12 AM</time><h2 id="ffvii-revelation-is-confirmed-for-state-of-play">FFVII Revelation is confirmed for State of Play</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="VbV9NhGYbeA4AKitiPGzjc" name="final-fantasy-vii-revelation-screenshot" alt="Screenshot from Final Fantasy VII Revelation" src="https://cdn.mos.cms.futurecdn.net/VbV9NhGYbeA4AKitiPGzjc.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sqaure Enix)</span></figcaption></figure><p>At present, only one game is confirmed to appear at today's State of Play: Final Fantasy VII Revelation.</p><p>The <a href="https://blog.playstation.com/2026/08/31/state-of-play-state-of-play-japan-return-on-september-3/" target="_blank">PlayStation Blog</a> notes the showcase will conclude "with an extended look at the vast world of Final Fantasy VII Revelation, from our friends at Square Enix."</p><p>The use of the word "extended" suggests it won't be a quick trailer, but likely a longer demo. We've already seen a fair amount from this game. It was announced at Summer Games Fest 2026, before getting another look at Gamescom 2026.</p><p>I'm sure that anybody who's played Final Fantasy VII Remake and Rebirth won't need to be further sold on Revelation, but I won't say no to another look!</p></div><div class="live-content"><time datetime="2026-09-03T11:26:59+00:00">September 3, 2026 – 7:26 AM</time><h2 id="i-suspect-we-39-ll-see-more-from-until-dawn-2">I suspect we'll see more from Until Dawn 2</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="tmER6SQVqEcQekWFWJ4K6b" name="until-dawn-2-screenshot" alt="Until Dawn 2 screenshot" src="https://cdn.mos.cms.futurecdn.net/tmER6SQVqEcQekWFWJ4K6b.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>Turning to predictions, I'm guessing we'll see more from Until Dawn 2 today. This follow-up to the 2014 interactive horror was announced during June's State of Play with a vague 2027 release window, so it would make sense for it to appear here. </p><p>It's confirmed to be a standalone sequel, and comes from new developers Firesprite (taking over from Supermassive Games, who made the first). Like the original, it's a horror adventure game where you play a group of young adults trying to survive a terrifying night. Your decisions will decide who lives and dies.</p><p>The setting switches from a snowy mountain cabin to a tropical island, and the playable characters are a team of ghost hunters who fake their paranormal content, only to face a real nightmare. Maybe we'll get a release date today?</p></div><div class="live-content"><time datetime="2026-09-03T11:46:29+00:00">September 3, 2026 – 7:46 AM</time><h2 id="time-for-our-latest-look-at-laufey">Time for our latest look at Laufey?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="6uakNK9LNVubhczFUPzQ4R" name="god-of-war-laufey-keyart" alt="God of War Laufey keyart" src="https://cdn.mos.cms.futurecdn.net/6uakNK9LNVubhczFUPzQ4R.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>Staying on theme of games that appeared at the June State of Play that could re appear today, God of Way Laufey seems likely to make an appearance to me. </p><p>The game was revealed and then extensively showcased with a 15-minute gameplay presentation in June, and it's even got an early 2027 release date (February 16), so Sony surely want to start ramping up the marketing soon. </p><p>This latest installment in the God of War franchise doesn't star Kratos, instead the lead is Faye, wife of the angry Spartan. It'll see Faye battle through Everywhen, the afterlife of the gods, on a quest to protect her husband and son, Atreus. </p></div><div class="live-content"><time datetime="2026-09-03T12:03:52+00:00">September 3, 2026 – 8:03 AM</time><h2 id="don-39-t-expect-a-major-quot-one-last-thing-quot-reveal">Don't expect a major "one last thing" reveal</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:920px;"><p class="vanilla-image-block" style="padding-top:56.30%;"><img id="YjQgFQT9J6kopyr5nu4evh" name="Playstation store.jpg" alt="PlayStation Store Holiday Sale" src="https://cdn.mos.cms.futurecdn.net/YjQgFQT9J6kopyr5nu4evh.jpg" mos="" align="middle" fullscreen="" width="920" height="518" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>When it comes to State of Play-style events, they're often judged on their ending. The term "one last thing" (taken from Nintendo Directs) has been popularized for when a gaming event ends with a reveal that gets the whole internet hyped up. </p><p>State of Play has had its own share of exciting final announcements in the past, but don't expect one this time. As already noted, Final Fantasy VII Revelation has been confirmed to close the State of Play for September 2026, so there seemingly won't be an unexpected reveal to cap off the livestream. </p><p>Of course, that doesn't mean there won't be surprises before the FFVII portion! </p></div><div class="live-content"><time datetime="2026-09-03T12:15:30+00:00">September 3, 2026 – 8:15 AM</time><h2 id="will-intergalactic-finally-emerge-from-the-shadows">Will Intergalactic finally emerge from the shadows?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="gGHYy9kM2a4pZMfY2DzSSQ" name="intergalactic-the-heretic-prophet-screenshot" alt="Intergalactic: The Heretic Prophet screenshot" src="https://cdn.mos.cms.futurecdn.net/gGHYy9kM2a4pZMfY2DzSSQ.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony / Naughty Dog)</span></figcaption></figure><p>Every State of Play, I wish for a fresh look at Intergalactic: The Heretic Prophet, and every time I'M left disappointed when it's a no show. So, while I'm keeping my expectation in check this time, here's hoping Naughty Dog is <em>finally </em>ready to show us more at today's State of Play. </p><p>The sci-fi game was announced at The Game Awards 2024, with a slick CGI trailer, and hasn't been seen since. There's still so much we don't know about this game, we don't even have a release year, let alone a firm date. It'll be ND's first new game since The Last of Us Part II, and follows a bounty hunter stuck on a remote planet. </p></div><div class="live-content"><time datetime="2026-09-03T12:32:56+00:00">September 3, 2026 – 8:32 AM</time><h2 id="expect-some-ps-news-at-state-of-play">Expect some PS+ news at State of Play</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="YJYKWsoYcKTmcTh2bde6UG" name="playstation-plus-collection-01.jpg" alt="PlayStation Plus Collection feature" src="https://cdn.mos.cms.futurecdn.net/YJYKWsoYcKTmcTh2bde6UG.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: PlayStation)</span></figcaption></figure><p>PlayStation typically likes to use State of Play events to highlight the games being added to PS+ in the future, and with the mid-month PlayStation Plus Extra Game Catalogue on the horizon, I wouldn't be surprised if that's showcased later today. </p><p>Maybe those on the Premium tier will also get some news about upcoming Classic games being added to the service. Either way, I expect PS+ will have a presence.</p></div><div class="live-content"><time datetime="2026-09-03T12:54:10+00:00">September 3, 2026 – 8:54 AM</time><h2 id="double-fine-couldn-39-t-keep-this-secret">Double Fine couldn't keep this secret!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DjvJiQVxD8e7G76nr5P5Pc" name="keeper-screenshot" alt="Keeper screenshot" src="https://cdn.mos.cms.futurecdn.net/DjvJiQVxD8e7G76nr5P5Pc.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Double Fine)</span></figcaption></figure><p>There's always a leak or two in the lead-up to a State of Play, and it appears this time it's come from Double Fine. The studio's artistic experience, Keeper, looks to be PlayStation-bound, as its trophy list has just surfaced via <a href="https://www.exophase.com/game/keeper-psn/trophies/" target="_blank">Exophase</a>. </p><p>The puzzle-adventure game launched last October on Xbox and PC, when Double Fine was still under the Xbox Games Studio umbrella. It's now gone independent, and appears to be looking to expand Keeper's player base. It'll almost certainly be confirmed during the State of Play. Leaked trophy data is a pretty solid clue. </p><p>As trophy data is already in the PlayStation system, that would hint at an imminent release date; it could even be dropped on the PlayStation Store later today.</p></div><div class="live-content"><time datetime="2026-09-03T12:58:41+00:00">September 3, 2026 – 8:58 AM</time><h2 id="state-of-play-september-2026-is-about-to-begin">State of Play September 2026 is about to begin! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/dcTYz_mJpkU" allowfullscreen></iframe></div></div><p>The countdown is on, and that familiar State of Play pre-show music is playing. If you're watching today's State of Play, now is the time to get your stream ready. Don't worry, you don't need to search for it, I've linked it above, and if you can't watch, I'll have live updates right here so you don't miss a single announcement. </p></div><div class="live-content"><time datetime="2026-09-03T13:02:32+00:00">September 3, 2026 – 9:02 AM</time><h2 id="first-up-is-a-movie">First up...is a movie?</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/KGlapnJFacE" allowfullscreen></iframe></div></div><p>Whelp, it might be a video game event, but we're starting with a trailer for Zach Cregger's upcoming "Resident Evil" movie. </p></div><div class="live-content"><time datetime="2026-09-03T13:04:29+00:00">September 3, 2026 – 9:04 AM</time><h2 id="now-onto-the-games-please">Now onto the games (please)!</h2><p>The new "Resident Evil" movie looks cool, I've already got my tickets booked, but after dipping into the world of cinema, let's hope State of Play gets into the games.</p></div><div class="live-content"><time datetime="2026-09-03T13:06:43+00:00">September 3, 2026 – 9:06 AM</time><h2 id="wolverine-gets-a-last-look-before-launch">Wolverine gets a last look before launch</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/G62QQ42Ewwg" allowfullscreen></iframe></div></div><p>With Marvel's Wolverine landing later this month (on September 15), PlayStation is giving this PS5 exclusive one last State of Play spot before its in our hands soon.</p></div><div class="live-content"><time datetime="2026-09-03T13:08:40+00:00">September 3, 2026 – 9:08 AM</time><h2 id="ghost-of-yotei-39-s-new-dlc-is-next-up">Ghost of Yōtei's new DLC is next up</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/Nlchabfwy_w" allowfullscreen></iframe></div></div><p>It was recently confirmed that 2025's Ghost of Yōte would get a Complete Edition, which comes with new DLC, including the "Most Wanted" mode, and that's being showcased next. It looks like it'll give me plenty of reason to return to the game. </p></div><div class="live-content"><time datetime="2026-09-03T13:11:07+00:00">September 3, 2026 – 9:11 AM</time><h2 id="speaking-of-major-dlcs-it-39-s-monster-hunter-time">Speaking of major DLCs, it's Monster Hunter time!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/SodbU0PEVH4" allowfullscreen></iframe></div></div><p>Another game from last year that's about to get a big DLC is Monster Hunter Wilds, it's called Ascendance, and I'm hoping it'll transform the base game in the same way that Iceborne radically expanded its predecessor Monster Hunter World. It's out in 2027. </p></div><div class="live-content"><time datetime="2026-09-03T13:13:33+00:00">September 3, 2026 – 9:13 AM</time><h2 id="metro-2039-gets-its-first-look-on-playstation">Metro 2039 gets its first look on PlayStation</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/6OGoAWzNV2s" allowfullscreen></iframe></div></div><p>One of my most anticipated games of 2027 takes the State of Play stage: Metro 2039. This is our first time seeing it at a PlayStation event, and I recently went hands-on with the title at Gamescom 2026, and can confirm it's shaping up to be a strong shooter. It's out February 4, 2027. </p></div><div class="live-content"><time datetime="2026-09-03T13:17:12+00:00">September 3, 2026 – 9:17 AM</time><h2 id="maneater-is-getting-a-sequel">Maneater is getting a sequel!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/mg4Phb2Aulg" allowfullscreen></iframe></div></div><p>Shark sim Maneater is getting a sequel! The original launched in 2020, and was a whale of a good time (that pun works, right?). It's called, well, Maneater 2 and is out in 2027. </p></div><div class="live-content"><time datetime="2026-09-03T13:19:00+00:00">September 3, 2026 – 9:19 AM</time><h2 id="another-trailer-for-a-dlc">Another trailer for a DLC!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/1fQCPmH6kOg" allowfullscreen></iframe></div></div><p>DLC expansions seem to be the big focus so far, and next up is an expansion for Crimson Desert. I'll admit, I couldn't really get into this one earlier in the year, but I know it's got a passionate player base. The DLC appears to add naval combat, underwater exploration, and a bunch of new enemies. It's called Crimson Desert: Charting the Unknown and launches on October 15, 2026. That's very soon!</p></div><div class="live-content"><time datetime="2026-09-03T13:20:54+00:00">September 3, 2026 – 9:20 AM</time><h2 id="the-ps1-is-getting-a-lego-makeover">The PS1 is getting a Lego makeover!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/5FB8SIlnd6c" allowfullscreen></iframe></div></div><p>This one leaked earlier in the week, but PlayStation has teamed up with the folks at Lego to create a plastic-brick version of the PlayStation 1 console. It looks like a novel display piece and hides several easter eggs, including dioramas for Ape Escape and Gran Turismo. No word on price or release date, but as it's Lego, it'll probably cost quite a lot!</p></div><div class="live-content"><time datetime="2026-09-03T13:22:44+00:00">September 3, 2026 – 9:22 AM</time><h2 id="final-fantasy-makes-an-early-appearance">Final Fantasy makes an early appearance! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/IZvZYwQdXN8" allowfullscreen></iframe></div></div><p>We know that FFVII Revelation will close the show, but there's room for more Final Fantasy, the game's first title in HD-2D title, Final Fantasy Resonance, is showcased, it's out on October 22, and there's a playable demo dropping later today. Neat!</p></div><div class="live-content"><time datetime="2026-09-03T13:24:42+00:00">September 3, 2026 – 9:24 AM</time><h2 id="gundam-fans-here-39-s-one-for-you">Gundam fans, here's one for you!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/kJ6YB3tG0xM" allowfullscreen></iframe></div></div><p>Gundam: Rogue Orbit was announced earlier in the summer and we're getting a new look at today's State of Play. It's out March 5, 2027, and looks suitably epic. More will be revealed at the State of Play Japan that follows this initial showcase. </p></div><div class="live-content"><time datetime="2026-09-03T13:25:49+00:00">September 3, 2026 – 9:25 AM</time><h2 id="we-39-re-entering-the-indie-zone">We're entering the indie zone!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/bKMaeHoJY2A" allowfullscreen></iframe></div></div><p>Next up, it's a trio of indie games that apparently "caught the teams attention", first it's a medieval-set game called Hunter's Moon that drops on October 26, 2026.  </p></div><div class="live-content"><time datetime="2026-09-03T13:28:46+00:00">September 3, 2026 – 9:28 AM</time><h2 id="uncanyon-is-revealed-and-keeper-is-confirmed">Uncanyon is revealed (and Keeper is confirmed)!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/oSLtfQ-HqLM" allowfullscreen></iframe></div></div><p>Next, we head into the world of Uncanyon, which looks to be a dungeon-crawler that combines puzzles and combat; it's out in 2027. And the final game in this indie trio is Keeper from Double Fine. That one leaked earlier today and is out on PS5 today. Told you it might be a shadow drop!</p></div><div class="live-content"><time datetime="2026-09-03T13:31:01+00:00">September 3, 2026 – 9:31 AM</time><h2 id="rev-noir-gets-a-new-trailer-from-konami">Rev Noir gets a new trailer from Konami!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/7feaOQVG5aE" allowfullscreen></iframe></div></div><p>Rev Noir, technically spelt Rev. NOiR (yes, it's a little silly), was announced at the last State of Play event, and Konami is already prepared with a new trailer for this RPG. </p></div><div class="live-content"><time datetime="2026-09-03T13:34:18+00:00">September 3, 2026 – 9:34 AM</time><h2 id="konami-also-reveals-rhapsody-in-scarlet">Konami also reveals Rhapsody in Scarlet </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/DnMPeZDKiNk" allowfullscreen></iframe></div></div><p>A jazz-set action game called Rhapsody in Scarlet is announced, it comes from Konami, and there will be more details during the State of Play Japan afterwards. </p></div><div class="live-content"><time datetime="2026-09-03T13:36:42+00:00">September 3, 2026 – 9:36 AM</time><h2 id="ps-preview-time-just-as-i-predicted">PS+ preview time (just as I predicted)!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/PpM1KUTh43o" allowfullscreen></iframe></div></div><p>As I guessed, now we're getting an insight into what games are coming to PS+, including Mega Man X and the first Ratchet & Clank in the Classics Catalog. </p><p>Oh, and Saros is getting a big update with some new features; it'll be a free update. And Gran Turismo 7 is also being updated. The theme today is certainly DLCs! </p><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/qxFIHS2KhbM" allowfullscreen></iframe></div></div></div><div class="live-content"><time datetime="2026-09-03T13:41:49+00:00">September 3, 2026 – 9:41 AM</time><h2 id="i-39-m-on-a-roll-as-until-dawn-2-makes-an-appearance">I'm on a roll as Until Dawn 2 makes an appearance! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/-wjhso38sAY" allowfullscreen></iframe></div></div><p>I don't want to pat myself on the back too much, but another of my predictions just came true, as the next trailer is for Until Dawn 2, the long awaited sequel sports a new cast, setting, storyline and even developer. It's all change, but the fundamental experience looks similar; it's again an interactive horror where the fate of each character is in your hands. Every decision matters. </p><p>It launches on January 28, 2027, which is sooner than I expected.</p></div><div class="live-content"><time datetime="2026-09-03T13:43:13+00:00">September 3, 2026 – 9:43 AM</time><h2 id="gta-6-is-getting-a-limited-edition-dualsense-controller">GTA 6 is getting a limited edition DualSense controller!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/rcx6I2A0TyM" allowfullscreen></iframe></div></div><p>PlayStation is launching another limited edition DualSense controller, and I reckon this one will be popular because it's for GTA 6. I'm telling myself I don't need <em>another </em>DualSense...</p></div><div class="live-content"><time datetime="2026-09-03T13:45:28+00:00">September 3, 2026 – 9:45 AM</time><h2 id="and-now-into-final-fantasy-vii-revelation">And now into Final Fantasy VII Revelation!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/pfqrUIGUC1o" allowfullscreen></iframe></div></div><p>It was confirmed to be the closer, so with the regular State of Play wrapping up, we've just got a very cinematic trailer for Final Fantasy VII Revelation, and most importantly, it includes a release date: April 8, 2027. </p></div><div class="live-content"><time datetime="2026-09-03T13:49:38+00:00">September 3, 2026 – 9:49 AM</time><h2 id="loads-of-new-ffvii-revelation-gameplay">Loads of new FFVII Revelation gameplay!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/E9BTbjtXJWM" allowfullscreen></iframe></div></div><p>It was called an extended look, and it's living up to its billing. State of Play is ending with a 10 minute Final Fantasy VII Revelation gameplay presentation that is mostly focused on its vast world. You have access to an airship, which should make getting around simple, and if you spot something interesting, you skydive to the ground.</p></div><div class="live-content"><time datetime="2026-09-03T13:57:35+00:00">September 3, 2026 – 9:57 AM</time><h2 id="and-that-39-s-state-of-play-in-the-can-but-there-39-s-more-to-come">And that's State of Play in the can (but there's more to come)</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/dcTYz_mJpkU" allowfullscreen></iframe></div></div><p>FFVII Revelation brings State of Play to an end (as we knew it would). For me, that was a fairly average State of Play overall, but with a few announcements that grabbed my attention. But the show isn't over, as now we head into State of Play Japan, which offers further insight into some of the games revealed today! </p></div><div class="live-content"><time datetime="2026-09-03T14:00:35+00:00">September 3, 2026 – 10:00 AM</time><h2 id="dragonball-xenoverse-3-kicks-off-sop-japan">Dragonball Xenoverse 3 kicks off SoP Japan!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/912l6NX5lrY" allowfullscreen></iframe></div></div><p>The first new trailer in this second State of Play presentation is Dragon Ball Xenoverse 3. </p></div><div class="live-content"><time datetime="2026-09-03T14:03:06+00:00">September 3, 2026 – 10:03 AM</time><h2 id="followed-by-fate-extra-record">Followed by Fate/Extra Record!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/nr5-XGIkbg4" allowfullscreen></iframe></div></div><p>This remake of the first game in the Fate series is coming to PS5 on January 28, 2027 (The same day as Until Dawn 2). Per the trailer it offers "an expanded scenario, completely overhauled character graphics, and a highly strategic deck-building dramatic command battle system, the game modernizes both visuals and mechanics."</p></div><div class="live-content"><time datetime="2026-09-03T14:05:48+00:00">September 3, 2026 – 10:05 AM</time><h2 id="more-from-monster-hunter">More from Monster Hunter!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Uy6gzZgNHR8bLp5umbtnv4" name="Monster Hunter Wilds 1" alt="Monster Hunter Wilds" src="https://cdn.mos.cms.futurecdn.net/Uy6gzZgNHR8bLp5umbtnv4.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>The next segment is a deeper dive into the Monster Hunter Wilds: Ascendance expansion. It's looking to alter the experience in a bunch of ways with new weapons, armor, abilities, and, of course, most importantly, plenty of new monsters to hunt</p></div><div class="live-content"><time datetime="2026-09-03T14:10:25+00:00">September 3, 2026 – 10:10 AM</time><h2 id="dragon-quest-monsters-launches-this-december">Dragon Quest Monsters launches this December!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/_9nrXc0-vm8" allowfullscreen></iframe></div></div><p>We've had Final Fantasy, now time for the <em>other </em>legendary Japanese RPG series, Dragon Quest. This isn't the latest mainline entry, but part of the spin-off Monsters series. Dragon Quest Monsters: The Withered World launches soon, on December 3, 2026. Watch the new trailer above!</p></div><div class="live-content"><time datetime="2026-09-03T14:12:04+00:00">September 3, 2026 – 10:12 AM</time><h2 id="here-39-s-one-for-the-rogue-lite-fans">Here's one for the rogue-lite fans!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/c9V5ugavBQU" allowfullscreen></iframe></div></div><p>There was a curious lack of rogue-lites in the main State of Play, the genre flooded these days, but State of Play Japan has fixed that with The Eminence in Shadow: Phantom Echoes (quite the title), it's described as a rouge-lite action game launching in 2027! </p></div><div class="live-content"><time datetime="2026-09-03T14:14:57+00:00">September 3, 2026 – 10:14 AM</time><h2 id="more-new-trailers-to-watch">More new trailers to watch!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/MLDGArmX0Tw" allowfullscreen></iframe></div></div><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/zdDJlYAVe-c" allowfullscreen></iframe></div></div><p>The announcements and trailers are coming fast in this State of Play Japan, here's two more, Where the Seeds Fall and one for online soccer game, Rematch, which is getting a collaboration with Blue Lock for its season 5!  </p></div><div class="live-content"><time datetime="2026-09-03T14:19:54+00:00">September 3, 2026 – 10:19 AM</time><h2 id="this-one-looks-intriguing">This one looks intriguing! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/fIFA-lY_f6o" allowfullscreen></iframe></div></div><p>WPCA: World Phasebound Control Authority is showcased next, it looks like to be an action game where you're part of a group protecting our reality from supernatural foes. Pretty cool setup. Though, it's not out until 2028, so we won't be playing it any time soon! </p></div><div class="live-content"><time datetime="2026-09-03T14:21:40+00:00">September 3, 2026 – 10:21 AM</time><h2 id="stupid-never-dies-looks-ridiculous-but-in-a-good-way">Stupid Never Dies looks ridiculous, but in a good way! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/k_33MQFuVEY" allowfullscreen></iframe></div></div><p>GPTRACK50’s Stupid Never Dies gets its third trailer, and this action-RPG looks like it's taking some big swings, and isn't scared to be very silly. I do wonder if the comedic tone might grate over a full playthrough, but it's another one that's caught my eye. </p></div><div class="live-content"><time datetime="2026-09-03T14:23:59+00:00">September 3, 2026 – 10:23 AM</time><h2 id="another-game-you-can-play-today">Another game you can play today!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/nrJuL3XSLTc" allowfullscreen></iframe></div></div><p>SlashZero is getting a demo today. The full game isn't out until Spring 2027, but you can get a taste of it's side-scrollling action thanks to this demo. It's called a "limited-time" demo, so don't wait around if you want to check this one out before launch.</p></div><div class="live-content"><time datetime="2026-09-03T14:26:05+00:00">September 3, 2026 – 10:26 AM</time><h2 id="digimon-takes-the-stage-at-state-of-play-japan">Digimon takes the stage at State of Play Japan!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/8v_Mg3yAnSY" allowfullscreen></iframe></div></div><p>I was always a Digimon kid, while all my friends were into Pokemon, so if you like me have a fondness for digital monsters, check out the trailer for Digimon Story Time Stranger: A Hero's Eternal Legacy, which surely wins the award for the longest game name at today's State of Play.</p></div><div class="live-content"><time datetime="2026-09-03T14:29:45+00:00">September 3, 2026 – 10:29 AM</time><h2 id="conq-looks-rough-in-more-ways-than-one">Conq looks rough, in more ways than one!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/OqViikdsc7Y" allowfullscreen></iframe></div></div><p>CONQ: Crown Of No Quarter just debuted at State of Play Japan, and there are rough seas, and also a very choppy framerate. No release date details so hopefully the development team have lots of time to iron out the wrinkles, as this showing didn't do the game many favors. </p></div><div class="live-content"><time datetime="2026-09-03T14:31:11+00:00">September 3, 2026 – 10:31 AM</time><h2 id="another-rhapsody-in-scarlet-trailer">Another Rhapsody in Scarlet trailer!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/FX6kr_DoXK8" allowfullscreen></iframe></div></div><p>Rhapsody in Scarlet was announced in the State of Play, and anybody interested in the title was that first showing didn't have to wait long for another, State of Play Japan has given us more insight into the game. </p></div><div class="live-content"><time datetime="2026-09-03T14:35:06+00:00">September 3, 2026 – 10:35 AM</time><h2 id="konami-has-gone-big-for-this-state-of-play">Konami has gone big for this State of Play!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/PXmX1PXvDtA" allowfullscreen></iframe></div></div><p>Konami is really bringing the good to today's State of Play, it's also offered a second trailer for Rev Noir. But I'm a little surprised we haven't seen anything from Silent Hill: Townfall as that's due out in just a matter of weeks! </p></div><div class="live-content"><time datetime="2026-09-03T14:36:51+00:00">September 3, 2026 – 10:36 AM</time><h2 id="daba-land-of-water-scar-is-revealed-next">Daba: Land of Water Scar is revealed next! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/YBTN74SHUnk" allowfullscreen></iframe></div></div><p>Looks like there's another Soulslike on the way in the form of Daba: Land of Water Scar, appears to have a mystical theme and the brief snippets of gameplay certainly give off a big Souls vibe. </p></div><div class="live-content"><time datetime="2026-09-03T14:44:59+00:00">September 3, 2026 – 10:44 AM</time><h2 id="ghost-of-yotei-39-s-story-expansion-takes-the-spotlight">Ghost of Yōtei's story expansion takes the spotlight! </h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/d48IWwIRg98" allowfullscreen></iframe></div></div><p>After a lovely (if slightly lengthy) interview with the Japanese voice actor for Ghost of Yōtei's lead Atsu, now it's time for a trailer for the new story expansion, Echoes of Sekigahara, it'll be packaged with the "Most Wanted" survival mode in the Complete Edition which launches on October 1. </p></div><div class="live-content"><time datetime="2026-09-03T14:46:00+00:00">September 3, 2026 – 10:46 AM</time><h2 id="and-that-39-s-a-wrap-on-state-of-play-japan">And that's a wrap on State of Play Japan!</h2><p>There's just time for a quick sizzle reel covering everything we saw in State of Play Japan, and that's the end of the showcase.</p></div>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ 'Half the alphabet could have been the start letter': September 3’s difficult Wordle answer is ending streaks — here’s why it’s so tough ]]></title>
                                                                                                <dc:content><![CDATA[ <p>Things have been busy over at the NYT's puzzle department. A day after announcing they're bringing new puzzles to subscribers we get <strong>another devious Wordle answer for September 3</strong>. If it's got you reaching for <a href="https://www.tomsguide.com/news/what-is-todays-wordle-answer">today's Wordle hint</a>, I don't blame you.</p><p>According to our own in-house Wordle expert, today's answer is 'unusual' for the very reason that it starts with a letter you hardly ever find at the front of a word. That's enough to trip up a lot of people and according to the New York Times' WordleBot, the <strong>average player completes Wordle #1,902 in 4.3 moves for easy mode, or 4.2 if playing by hard rules.</strong></p><p>If you need help protecting your streak, then you can jump over to find <a href="https://www.tomsguide.com/news/what-is-todays-wordle-answer">today’s Wordle hint</a> here. But in the meantime, let's take a look at why today's answer is so tricky and if you can't take it anymore, I'll reveal the full answer (with a spoiler warning) down below.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-XZK0xe"></div>                            </div>                            <script src="https://kwizly.com/embed/XZK0xe.js" async></script><h2 id="what-makes-today-s-wordle-answer-so-difficult">What makes today’s Wordle answer so difficult?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="oFJfvTFPNcnKGSr3JcZYMH" name="TG-wordle-shutterstock-3.jpg" alt="The game Wordle displayed on two smartphones" src="https://cdn.mos.cms.futurecdn.net/oFJfvTFPNcnKGSr3JcZYMH.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Shutterstock)</span></figcaption></figure><p>Even <strong>the New York Times itself called today's answer "moderately challenging"</strong>, which is probably a bit of an understatement. But if you've already taken a couple of tries at today's puzzle, you're going to run into a few hurdles designed to trip you up.</p><p>Let's look at what makes today's Wordle hint such a doozy. </p><ul><li><strong>Uncommon first letter: </strong>As mentioned above, the starting letter for today's answer is one of the least frequently used starting letters in five-letter words. In fact, there are only 20 possible words that begin with this letter.</li><li><strong>The rhyme trap: </strong>Today's answer may start with a tricky letter, but the rest of the word follows a pattern that matches with several other rhyming words. Players locking in the last four letters will easily burn through further guesses trying to make it work.</li><li><strong>Specialized vocabulary: </strong>It's fair to say that today's word isn't one you're likely to come across in general conversation. It's almost a piece of technical jargon that you wouldn't know about unless you're familiar with the particular industry it's used in.</li><li><strong>Best start words aren't much help: </strong>If you're using one of the <a href="https://www.tomsguide.com/news/best-wordle-start-words">best Wordle start words</a>, you may miss two of the crucial letters entirely. The vowel combo in today's answer is an uncommon pairing that occurs less often in five-letter words. Like the starting letter, it's going to make it tough to guess.</li></ul><h2 id="september-3-s-wordle-answer">September 3’s Wordle answer</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:14.80%;"><img id="RwL3YyVckXDVdL49DSRXii" name="TG_Spoiler-Warning_2022.jpg" alt="An image indicating spoilers are ahead." src="https://cdn.mos.cms.futurecdn.net/RwL3YyVckXDVdL49DSRXii.jpg" mos="" align="middle" fullscreen="" width="2000" height="296" attribution="" endorsement="" class="inline"></p></div></div></figure><p>So, what’s the answer to today’s Wordle #1,902?</p><p>…Are you sure you want to know before I give it away?</p><p>Ok, the answer to today’s Wordle is <strong>“JOIST”.</strong></p><p>If you've never been a fan of architecture or had the pleasure of remodeling a house, it's understandable you may not know this word. It's a horizontal structural beam used in building construction. In fact, in my own experience, I've just heard them referred to as RSJs (rolled steel joists) due to the H-shape of the beam used for support.</p><p>According to the <a href="https://www.merriam-webster.com/dictionary/joist" target="_blank">Merriam-Webster</a> definition, a joist is "any of the small timbers or metal beams ranged parallel from wall to wall in a structure to support a floor or ceiling."</p><h2 id="social-media-reacts">Social media reacts</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ELPF8pMhXiHXhEfFBPCaqH" name="TG-wordle-alternatives-lead.jpg" alt="Wordle displayed on a phone" src="https://cdn.mos.cms.futurecdn.net/ELPF8pMhXiHXhEfFBPCaqH.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Wordle)</span></figcaption></figure><p>Unsurprisingly, players have taken to X/Twitter to share their experiences with today's answer.</p><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2095393731729883560"><p lang="en" dir="ltr">Today's Wordle is gonna have some death threats oh my<a href="https://twitter.com/cantworkitout/status/2095393731729883560">September 3, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2095363697757634667"><p lang="en" dir="ltr">I just lost a very short (1 day) streak with a word I've never heard of in my life. Why do the Wordle gods (and goddesses) suddenly hate me? 🤔 And how did you do? Wordle #1,902 X/6🟨⬜⬜🟨⬜🟨🟨🟩⬜⬜⬜⬜🟩🟩🟩⬜⬜🟩🟩🟩⬜🟩🟩🟩🟩⬜🟩🟩🟩🟩<a href="https://twitter.com/cantworkitout/status/2095363697757634667">September 3, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2095406514068484394"><p lang="en" dir="ltr">Grrr.....it's one of *𝐓𝐇𝐎𝐒𝐄* today!Wordle 1,902 6/6⬜⬜⬜⬜🟨🟨⬜🟨🟨⬜⬜🟩🟩🟩🟩⬜🟩🟩🟩🟩⬜🟩🟩🟩🟩🟩🟩🟩🟩🟩<a href="https://twitter.com/cantworkitout/status/2095406514068484394">September 3, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2095340398768267387"><p lang="en" dir="ltr">wordle fail todayhalf the alphabet could have been start letter<a href="https://twitter.com/cantworkitout/status/2095340398768267387">September 3, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/news/best-wordle-start-words">Best Wordle start words to help you keep your streak</a></li><li><a href="https://www.tomsguide.com/play">Check out all the latest puzzles and quizzes handcrafted by Tom's Guide</a></li><li><a href="https://www.tomsguide.com/news/what-is-todays-wordle-answer">Today's Wordle hint</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/half-the-alphabet-could-have-been-the-start-letter-september-3s-difficult-wordle-answer-is-ending-streaks-heres-why-its-so-tough</link>
                                                                            <description>
                            <![CDATA[ The answer to today's Wordle isn't coming easily to a lot of folks. Here's why the September 3 puzzle #1,902 is tough enough to end some streaks. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">YYPdSt5x8XXBkg8KGTceP5</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/NPzTPqZfY4tCsCRPbVkgNG-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Thu, 03 Sep 2026 10:01:16 +0000</pubDate>                                                                                                                                <updated>Thu, 03 Sep 2026 10:08:43 +0000</updated>
                                                                                                                                            <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ jeff.parsons@futurenet.com (Jeff Parsons) ]]></author>                    <dc:creator><![CDATA[ Jeff Parsons ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/7z3UTGGrmSokMKxTWHmhjX.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Jeff is U.K. Editor-in-Chief for Tom’s Guide looking after the day-to-day output of the site’s British contingent. &lt;/p&gt;&lt;p&gt;Rising early and heading straight for the coffee machine, Jeff loves nothing more than dialling into the zeitgeist of the day’s tech news. A journalist for over a decade, he&#039;s travelled around the world testing and reviewing any gadget he can get his hands on.&lt;/p&gt;&lt;p&gt;Before joining the team at Tom’s Guide, Jeff covered technology and science for two of the U.K.’s biggest national news sites: Metro.co.uk and the Daily Mirror. Memorable moments include getting lost in Vienna in an electric Audi, touring Lockheed Martin’s mile-long jet factory in Fort Worth and filming a Netflix documentary about Elon Musk in West London.&lt;/p&gt;&lt;p&gt;When not plugged into the current news agenda, editing or commissioning a series of articles or debating the merits of Apple vs Android, Jeff can usually be found out for a run trying to shave precious seconds off his PB. Or lifting weights in a vain attempt to offset the ageing process.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/NPzTPqZfY4tCsCRPbVkgNG-1280-80.jpg">
                                                            <media:credit><![CDATA[Getty Images]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[A person holding a phone showing a game of Wordle on the screen]]></media:description>                                                            <media:text><![CDATA[A person holding a phone showing a game of Wordle on the screen]]></media:text>
                                <media:title type="plain"><![CDATA[A person holding a phone showing a game of Wordle on the screen]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/NPzTPqZfY4tCsCRPbVkgNG-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Things have been busy over at the NYT's puzzle department. A day after announcing they're bringing new puzzles to subscribers we get <strong>another devious Wordle answer for September 3</strong>. If it's got you reaching for <a href="https://www.tomsguide.com/news/what-is-todays-wordle-answer">today's Wordle hint</a>, I don't blame you.</p><p>According to our own in-house Wordle expert, today's answer is 'unusual' for the very reason that it starts with a letter you hardly ever find at the front of a word. That's enough to trip up a lot of people and according to the New York Times' WordleBot, the <strong>average player completes Wordle #1,902 in 4.3 moves for easy mode, or 4.2 if playing by hard rules.</strong></p><p>If you need help protecting your streak, then you can jump over to find <a href="https://www.tomsguide.com/news/what-is-todays-wordle-answer">today’s Wordle hint</a> here. But in the meantime, let's take a look at why today's answer is so tricky and if you can't take it anymore, I'll reveal the full answer (with a spoiler warning) down below.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-XZK0xe"></div>                            </div>                            <script src="https://kwizly.com/embed/XZK0xe.js" async></script><h2 id="what-makes-today-s-wordle-answer-so-difficult">What makes today’s Wordle answer so difficult?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="oFJfvTFPNcnKGSr3JcZYMH" name="TG-wordle-shutterstock-3.jpg" alt="The game Wordle displayed on two smartphones" src="https://cdn.mos.cms.futurecdn.net/oFJfvTFPNcnKGSr3JcZYMH.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Shutterstock)</span></figcaption></figure><p>Even <strong>the New York Times itself called today's answer "moderately challenging"</strong>, which is probably a bit of an understatement. But if you've already taken a couple of tries at today's puzzle, you're going to run into a few hurdles designed to trip you up.</p><p>Let's look at what makes today's Wordle hint such a doozy. </p><ul><li><strong>Uncommon first letter: </strong>As mentioned above, the starting letter for today's answer is one of the least frequently used starting letters in five-letter words. In fact, there are only 20 possible words that begin with this letter.</li><li><strong>The rhyme trap: </strong>Today's answer may start with a tricky letter, but the rest of the word follows a pattern that matches with several other rhyming words. Players locking in the last four letters will easily burn through further guesses trying to make it work.</li><li><strong>Specialized vocabulary: </strong>It's fair to say that today's word isn't one you're likely to come across in general conversation. It's almost a piece of technical jargon that you wouldn't know about unless you're familiar with the particular industry it's used in.</li><li><strong>Best start words aren't much help: </strong>If you're using one of the <a href="https://www.tomsguide.com/news/best-wordle-start-words">best Wordle start words</a>, you may miss two of the crucial letters entirely. The vowel combo in today's answer is an uncommon pairing that occurs less often in five-letter words. Like the starting letter, it's going to make it tough to guess.</li></ul><h2 id="september-3-s-wordle-answer">September 3’s Wordle answer</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:14.80%;"><img id="RwL3YyVckXDVdL49DSRXii" name="TG_Spoiler-Warning_2022.jpg" alt="An image indicating spoilers are ahead." src="https://cdn.mos.cms.futurecdn.net/RwL3YyVckXDVdL49DSRXii.jpg" mos="" align="middle" fullscreen="" width="2000" height="296" attribution="" endorsement="" class="inline"></p></div></div></figure><p>So, what’s the answer to today’s Wordle #1,902?</p><p>…Are you sure you want to know before I give it away?</p><p>Ok, the answer to today’s Wordle is <strong>“JOIST”.</strong></p><p>If you've never been a fan of architecture or had the pleasure of remodeling a house, it's understandable you may not know this word. It's a horizontal structural beam used in building construction. In fact, in my own experience, I've just heard them referred to as RSJs (rolled steel joists) due to the H-shape of the beam used for support.</p><p>According to the <a href="https://www.merriam-webster.com/dictionary/joist" target="_blank">Merriam-Webster</a> definition, a joist is "any of the small timbers or metal beams ranged parallel from wall to wall in a structure to support a floor or ceiling."</p><h2 id="social-media-reacts">Social media reacts</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ELPF8pMhXiHXhEfFBPCaqH" name="TG-wordle-alternatives-lead.jpg" alt="Wordle displayed on a phone" src="https://cdn.mos.cms.futurecdn.net/ELPF8pMhXiHXhEfFBPCaqH.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Wordle)</span></figcaption></figure><p>Unsurprisingly, players have taken to X/Twitter to share their experiences with today's answer.</p><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2095393731729883560"><p lang="en" dir="ltr">Today's Wordle is gonna have some death threats oh my<a href="https://twitter.com/cantworkitout/status/2095393731729883560">September 3, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2095363697757634667"><p lang="en" dir="ltr">I just lost a very short (1 day) streak with a word I've never heard of in my life. Why do the Wordle gods (and goddesses) suddenly hate me? 🤔 And how did you do? Wordle #1,902 X/6🟨⬜⬜🟨⬜🟨🟨🟩⬜⬜⬜⬜🟩🟩🟩⬜⬜🟩🟩🟩⬜🟩🟩🟩🟩⬜🟩🟩🟩🟩<a href="https://twitter.com/cantworkitout/status/2095363697757634667">September 3, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2095406514068484394"><p lang="en" dir="ltr">Grrr.....it's one of *𝐓𝐇𝐎𝐒𝐄* today!Wordle 1,902 6/6⬜⬜⬜⬜🟨🟨⬜🟨🟨⬜⬜🟩🟩🟩🟩⬜🟩🟩🟩🟩⬜🟩🟩🟩🟩🟩🟩🟩🟩🟩<a href="https://twitter.com/cantworkitout/status/2095406514068484394">September 3, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2095340398768267387"><p lang="en" dir="ltr">wordle fail todayhalf the alphabet could have been start letter<a href="https://twitter.com/cantworkitout/status/2095340398768267387">September 3, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/news/best-wordle-start-words">Best Wordle start words to help you keep your streak</a></li><li><a href="https://www.tomsguide.com/play">Check out all the latest puzzles and quizzes handcrafted by Tom's Guide</a></li><li><a href="https://www.tomsguide.com/news/what-is-todays-wordle-answer">Today's Wordle hint</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I tested Acer's wild Project DualPlay Mini — and it's a gaming handheld and laptop in one gadget ]]></title>
                                                                                                <dc:content><![CDATA[ <p>I miss netbooks. There, I said it.</p><p>In the late 2000s, Asus Eee PCs and Acer Aspire Ones took over the world. They were ultra-portable and fundamentally awful to use — sluggish Intel Atom chips and zero hope of running 3D games. But damn, I loved them.</p><p>Then I walked up to Project DualPlay Mini on the <a href="https://www.tomsguide.com/tech-events/ifa-2026-what-to-expect">IFA 2026</a> show floor, and it felt like stepping into an alternate timeline where the netbook grew up and went to the gym.</p>                    <div class= "tiktok-wrapper" style="min-height: 750px;"><blockquote class="tiktok-embed" cite="https://www.tiktok.com/@tomsguide/video/7681377120110660877" data-video-id="7681377120110660877" style="max-width: 605px; min-width: 325px;">                        <section>                            <a target="_blank" title="@tomsguide" href="https://www.tiktok.com/@tomsguide">@tomsguide</a>                            <p></p><a target="_blank" title="♬ Synthwave - Wiliam Geek" href="https://www.tiktok.com/music/Synthwave-7407812545971587089">♬ Synthwave - Wiliam Geek</a></section>                    </blockquote></div>                <p>Because while everyone is racing to copy the <a href="https://www.tomsguide.com/opinion/steam-deck-oled-is-the-must-buy-handheld-of-2023-and-the-perfect-holiday-gift-for-gamers">Steam Deck</a>, Acer’s 8-inch concept is reviving the lost art of the netbook. It’s a dedicated handheld console when you want to lounge on the train, and an actual clamshell laptop when you need to type an email or play a classic shooter.</p><p>Put simply, I’ve seen a lot of prototypes come and go where I thought, “this is cool, but nothing people will actually buy.” This is the first time I’ve looked at something and openly begged a company to release it.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="T9HPzLhR3MZYSmJnuT7Rzj" name="Acer Project DualPlay Mini" alt="Acer Project DualPlay Mini" src="https://cdn.mos.cms.futurecdn.net/T9HPzLhR3MZYSmJnuT7Rzj.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><h2 id="flip-swivel-and-play">Flip, swivel and play</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="2nC9zEW7UseGtXPsawme3k" name="Acer Project DualPlay Mini" alt="Acer Project DualPlay Mini" src="https://cdn.mos.cms.futurecdn.net/2nC9zEW7UseGtXPsawme3k.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>So let’s get into it, shall we? In its traditional handheld form, it looks weird with its protruding sides. But it's still comfortable to play games on.</p><p>But the central focal point is that flip-and-swivel display. The central hinge feels fundamentally stable, and the display flips with a smooth, gracious ease to reveal a full QWERTY keyboard — not big enough to rewrite War and Peace, but definitely enough for the daily essentials and expanding your game collection beyond just controller-preferred titles on the go.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8Que9XECR3s9pnugmsEpsj" name="Acer Project DualPlay Mini" alt="Acer Project DualPlay Mini" src="https://cdn.mos.cms.futurecdn.net/8Que9XECR3s9pnugmsEpsj.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>And that 8-inch touchscreen display manages to hit that golden ratio: large enough to display Windows 11 UI elements and game HUDs without squinting, but small enough to maintain that handheld (and netbook) balance.</p><p>Also, shout-out to the small details too. Legacy is important, and with Acer celebrating its 50th anniversary, you’ll find “Acer 50 since 1976” embossed in Morse code on the rear cover to celebrate its golden jubilee.</p><h2 id="the-big-friction-test">The big friction test</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="xi8AmrCr9bEnbaP7nwsKtj" name="Acer Project DualPlay Mini" alt="Acer Project DualPlay Mini" src="https://cdn.mos.cms.futurecdn.net/xi8AmrCr9bEnbaP7nwsKtj.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Since this is an 8-inch device, we have to address the physical limitations. The keyboard is smaller than other full QWERTYs. It's still sizable enough not to be just a thumb-typing tool, and you'll get a comfortable feel for the WASD when playing a first-person shooter.</p><p>In handheld mode, the keys fold right back in, and you’re back to gaming mode with all the same ergonomic comfort you’d expect from the best <a href="https://www.tomsguide.com/round-up/best-handheld-gaming-consoles">handheld gaming consoles</a> in 2026. But wait, what about the lack of a touchpad?</p><p>You do have to rely on touchscreen Windows, which can be hit-and-miss, but not the end of the world. If Acer wanted to go truly crazy with this, a ThinkPad-style optical track nub would’ve been God mode for them. But with that touch panel up top, I found myself quickly getting into that flow of tapping and typing.</p><h2 id="serious-power-in-a-tiny-shell">Serious power in a tiny shell</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8yGxTdPzCNb6CWr8RrVttj" name="Acer Project DualPlay Mini" alt="Acer Project DualPlay Mini" src="https://cdn.mos.cms.futurecdn.net/8yGxTdPzCNb6CWr8RrVttj.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Performance-wise, Acer can only say it has an “Intel chip,” but given what I was able to get out of it (100 FPS on Forza Horizon 6 with XeSS3), I’m inclined to believe it’s an Arc G3 Extreme.</p><p>That’s maintained with rear dual-fan active cooling borrowed from the <a href="https://www.tomsguide.com/gaming/handheld-gaming/acer-predator-atlas-8-hands-on-review">Predator Atlas 8</a>, and the result is a massive contrast to the 2008 netbook experience and today. This tiny chassis has the thermal headroom to run full Windows 11 and AAA games — not just a single browser tab.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-Xj2BaX"></div>                            </div>                            <script src="https://kwizly.com/embed/Xj2BaX.js" async></script><h2 id="will-acer-actually-sell-this">Will Acer actually sell this?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="u2WonKzL7HaigWGHCu7Ysj" name="Acer Project DualPlay Mini" alt="Acer Project DualPlay Mini" src="https://cdn.mos.cms.futurecdn.net/u2WonKzL7HaigWGHCu7Ysj.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>So here’s the bad news. Acer explicitly labeled DualPlay Mini as an “innovation concept,” while launching the standard Predator Atlas 7 alongside it.</p><p>But if you’re loud enough, companies will bend.</p><p>The gaming handheld market has become dangerously boring, with every brand releasing identical plastic slates. Project DualPlay Mini proves that form-factor experimentation isn’t dead, and it’s actually cool as hell.</p><p>Acer shouldn’t leave this in the R&D lab; the audience that loved netbooks — and the PC gamers who want a true all-in-one travel machine — are ready to buy it. I can feel it in my bones.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable">I tested the $1,299 ROG Xbox Ally X20 — with that OLED display, the $300 price hike is surprisingly palatable</a></li><li><a href="https://www.tomsguide.com/computing/laptops/forget-framework-i-just-popped-open-acers-new-modular-laptop-and-it-could-be-the-end-of-throwaway-pcs">Forget Framework — I just popped open Acer's new modular laptop and it could be the end of throwaway PCs</a></li><li><a href="https://www.tomsguide.com/computing/gaming-laptops/i-tested-6-rtx-spark-laptops-for-gaming-and-the-winner-completely-shocked-me">I tested 6 RTX Spark laptops for gaming — and the winner completely shocked me</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/handheld-gaming/i-tested-acers-wild-flip-and-swivel-handheld-why-project-dualplay-mini-is-the-ultimate-netbook-love-letter</link>
                                                                            <description>
                            <![CDATA[ I tested Acer’s Project DualPlay Mini. With an 8-inch flip-and-swivel screen and a physical QWERTY keyboard, here's why this is a handheld to keep an eye on. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">Yvcy5eUzLNEeqTCH25jEum</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/r27J4QLyodE5HbCymwcYei-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Thu, 03 Sep 2026 06:30:00 +0000</pubDate>                                                                                                                                <updated>Fri, 04 Sep 2026 13:16:59 +0000</updated>
                                                                                                                                            <category><![CDATA[Handheld Gaming]]></category>
                                                    <category><![CDATA[Computing]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                                    <dc:creator><![CDATA[ Jason England ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/v4fSq5U4uZUEtGY2BwNuJ6.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Jason brings a decade of tech and gaming journalism experience to his role as a Managing Editor of Computing at Tom&#039;s Guide. He has previously written for Laptop Mag, Tom&#039;s Hardware, Kotaku, Stuff and BBC Science Focus. In his spare time, you&#039;ll find Jason looking for good dogs to pet or thinking about eating pizza if he isn&#039;t already.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/r27J4QLyodE5HbCymwcYei-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&amp;#39;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Acer Project DualPlay Mini]]></media:description>                                                            <media:text><![CDATA[Acer Project DualPlay Mini]]></media:text>
                                <media:title type="plain"><![CDATA[Acer Project DualPlay Mini]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/r27J4QLyodE5HbCymwcYei-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>I miss netbooks. There, I said it.</p><p>In the late 2000s, Asus Eee PCs and Acer Aspire Ones took over the world. They were ultra-portable and fundamentally awful to use — sluggish Intel Atom chips and zero hope of running 3D games. But damn, I loved them.</p><p>Then I walked up to Project DualPlay Mini on the <a href="https://www.tomsguide.com/tech-events/ifa-2026-what-to-expect">IFA 2026</a> show floor, and it felt like stepping into an alternate timeline where the netbook grew up and went to the gym.</p>                    <div class= "tiktok-wrapper" style="min-height: 750px;"><blockquote class="tiktok-embed" cite="https://www.tiktok.com/@tomsguide/video/7681377120110660877" data-video-id="7681377120110660877" style="max-width: 605px; min-width: 325px;">                        <section>                            <a target="_blank" title="@tomsguide" href="https://www.tiktok.com/@tomsguide">@tomsguide</a>                            <p></p><a target="_blank" title="♬ Synthwave - Wiliam Geek" href="https://www.tiktok.com/music/Synthwave-7407812545971587089">♬ Synthwave - Wiliam Geek</a></section>                    </blockquote></div>                <p>Because while everyone is racing to copy the <a href="https://www.tomsguide.com/opinion/steam-deck-oled-is-the-must-buy-handheld-of-2023-and-the-perfect-holiday-gift-for-gamers">Steam Deck</a>, Acer’s 8-inch concept is reviving the lost art of the netbook. It’s a dedicated handheld console when you want to lounge on the train, and an actual clamshell laptop when you need to type an email or play a classic shooter.</p><p>Put simply, I’ve seen a lot of prototypes come and go where I thought, “this is cool, but nothing people will actually buy.” This is the first time I’ve looked at something and openly begged a company to release it.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="T9HPzLhR3MZYSmJnuT7Rzj" name="Acer Project DualPlay Mini" alt="Acer Project DualPlay Mini" src="https://cdn.mos.cms.futurecdn.net/T9HPzLhR3MZYSmJnuT7Rzj.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><h2 id="flip-swivel-and-play">Flip, swivel and play</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="2nC9zEW7UseGtXPsawme3k" name="Acer Project DualPlay Mini" alt="Acer Project DualPlay Mini" src="https://cdn.mos.cms.futurecdn.net/2nC9zEW7UseGtXPsawme3k.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>So let’s get into it, shall we? In its traditional handheld form, it looks weird with its protruding sides. But it's still comfortable to play games on.</p><p>But the central focal point is that flip-and-swivel display. The central hinge feels fundamentally stable, and the display flips with a smooth, gracious ease to reveal a full QWERTY keyboard — not big enough to rewrite War and Peace, but definitely enough for the daily essentials and expanding your game collection beyond just controller-preferred titles on the go.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8Que9XECR3s9pnugmsEpsj" name="Acer Project DualPlay Mini" alt="Acer Project DualPlay Mini" src="https://cdn.mos.cms.futurecdn.net/8Que9XECR3s9pnugmsEpsj.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>And that 8-inch touchscreen display manages to hit that golden ratio: large enough to display Windows 11 UI elements and game HUDs without squinting, but small enough to maintain that handheld (and netbook) balance.</p><p>Also, shout-out to the small details too. Legacy is important, and with Acer celebrating its 50th anniversary, you’ll find “Acer 50 since 1976” embossed in Morse code on the rear cover to celebrate its golden jubilee.</p><h2 id="the-big-friction-test">The big friction test</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="xi8AmrCr9bEnbaP7nwsKtj" name="Acer Project DualPlay Mini" alt="Acer Project DualPlay Mini" src="https://cdn.mos.cms.futurecdn.net/xi8AmrCr9bEnbaP7nwsKtj.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Since this is an 8-inch device, we have to address the physical limitations. The keyboard is smaller than other full QWERTYs. It's still sizable enough not to be just a thumb-typing tool, and you'll get a comfortable feel for the WASD when playing a first-person shooter.</p><p>In handheld mode, the keys fold right back in, and you’re back to gaming mode with all the same ergonomic comfort you’d expect from the best <a href="https://www.tomsguide.com/round-up/best-handheld-gaming-consoles">handheld gaming consoles</a> in 2026. But wait, what about the lack of a touchpad?</p><p>You do have to rely on touchscreen Windows, which can be hit-and-miss, but not the end of the world. If Acer wanted to go truly crazy with this, a ThinkPad-style optical track nub would’ve been God mode for them. But with that touch panel up top, I found myself quickly getting into that flow of tapping and typing.</p><h2 id="serious-power-in-a-tiny-shell">Serious power in a tiny shell</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8yGxTdPzCNb6CWr8RrVttj" name="Acer Project DualPlay Mini" alt="Acer Project DualPlay Mini" src="https://cdn.mos.cms.futurecdn.net/8yGxTdPzCNb6CWr8RrVttj.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Performance-wise, Acer can only say it has an “Intel chip,” but given what I was able to get out of it (100 FPS on Forza Horizon 6 with XeSS3), I’m inclined to believe it’s an Arc G3 Extreme.</p><p>That’s maintained with rear dual-fan active cooling borrowed from the <a href="https://www.tomsguide.com/gaming/handheld-gaming/acer-predator-atlas-8-hands-on-review">Predator Atlas 8</a>, and the result is a massive contrast to the 2008 netbook experience and today. This tiny chassis has the thermal headroom to run full Windows 11 and AAA games — not just a single browser tab.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-Xj2BaX"></div>                            </div>                            <script src="https://kwizly.com/embed/Xj2BaX.js" async></script><h2 id="will-acer-actually-sell-this">Will Acer actually sell this?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2560px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="u2WonKzL7HaigWGHCu7Ysj" name="Acer Project DualPlay Mini" alt="Acer Project DualPlay Mini" src="https://cdn.mos.cms.futurecdn.net/u2WonKzL7HaigWGHCu7Ysj.jpg" mos="" align="middle" fullscreen="" width="2560" height="1440" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>So here’s the bad news. Acer explicitly labeled DualPlay Mini as an “innovation concept,” while launching the standard Predator Atlas 7 alongside it.</p><p>But if you’re loud enough, companies will bend.</p><p>The gaming handheld market has become dangerously boring, with every brand releasing identical plastic slates. Project DualPlay Mini proves that form-factor experimentation isn’t dead, and it’s actually cool as hell.</p><p>Acer shouldn’t leave this in the R&D lab; the audience that loved netbooks — and the PC gamers who want a true all-in-one travel machine — are ready to buy it. I can feel it in my bones.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable">I tested the $1,299 ROG Xbox Ally X20 — with that OLED display, the $300 price hike is surprisingly palatable</a></li><li><a href="https://www.tomsguide.com/computing/laptops/forget-framework-i-just-popped-open-acers-new-modular-laptop-and-it-could-be-the-end-of-throwaway-pcs">Forget Framework — I just popped open Acer's new modular laptop and it could be the end of throwaway PCs</a></li><li><a href="https://www.tomsguide.com/computing/gaming-laptops/i-tested-6-rtx-spark-laptops-for-gaming-and-the-winner-completely-shocked-me">I tested 6 RTX Spark laptops for gaming — and the winner completely shocked me</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I spent 2 weeks testing the HP Omen 35L and it's the only gaming PC I'll ever need — if my wallet will allow it ]]></title>
                                                                                                <dc:content><![CDATA[ <p>There are no two ways about it, the HP Omen 35L is the gaming PC I've always wanted. Effortlessly stylish with RGB lighting aplenty, stacked with power to play the latest AAA PC games and smart enough to be easily upgradable for future needs. I just hope that's enough to convince my wallet it's a worthy purchase. </p><p>As you may know by now, the <a href="https://www.tomsguide.com/computing/ram-price-crisis-2026-everything-you-need-to-know">RAM crisis</a> isn't making PC purchases any easier, and it's certainly affected HP's latest mid-tower gaming PC. Last year's <a href="https://www.tomsguide.com/computing/gaming-desktops/hp-omen-35l-review">HP Omen 35L</a> would have set you back $1,299 at its entry-level configuration. This year? It's starting at $2,079. Ouch.</p><p>But the HP Omen 35L has an edge to make it all the more appealing at this price: easy upgradeability. Starting with an <a href="https://www.tomsguide.com/computing/gpus/nvidia-geforce-rtx-5060-ti-review">RTX 5060 Ti</a> rig and want to make the jump to an <a href="https://www.tomsguide.com/computing/gpus/nvidia-geforce-rtx-5070-ti-review">RTX 5070 Ti</a> GPU in the future? Simply open up its side glass panel (no tools required) and you can swap out parts to your heart's content. Yup, that's all there is to it. For a pre-built gaming PC, that's an impressive prospect to invest in. </p><p>It also helps that the Omen 35L runs a smooth, quiet operation even when put under pressure, and that says a lot when you're driving through Night City in Cyberpunk 2077 at max settings. The HP Omen 35L is one of the <a href="https://www.tomsguide.com/us/best-gaming-pc,review-2219.html">best gaming PCs</a> I've tested, even with its bloatware nuisances. Is it the right choice for you? Let's dive into the review. </p><h3 class="article-body__section" id="section-hp-omen-35l-review-cheat-sheet"><span>HP Omen 35L review: Cheat sheet</span></h3><ul><li><strong>What is it?</strong> The HP Omen 35L is a mid-range, upgradeable gaming PC.</li><li><strong>Who is it for?</strong> PC gamers, content creators and anyone looking for a powerful tower that can be upgraded in the future.</li><li><strong>What does it cost?</strong> The HP Omen 35L is priced from <a href="https://www.hp.com/us-en/shop/pdp/omen-35l-gaming-desktop-pc-9x560av-1" target="_blank" rel="nofollow">$2,079 at the HP store</a> for its base configuration, going up to an eye-watering <a href="https://www.hp.com/us-en/shop/pdp/omen-35l-gaming-desktop-gt17-0098m-pc" target="_blank" rel="nofollow">$6,999</a> at its highest configuration (I suggest keeping the price down).</li><li><strong>What do we like?</strong> The well-built, fully upgradeable design, excellent performance for the latest AAA games, plentiful ports and fantastic cooling for whisper-quiet performance.</li><li><strong>What don’t we like?</strong> Unless you find a deal, this is a wildly expensive gaming PC, and bloatware gets in the way.</li></ul><h3 class="article-body__section" id="section-hp-omen-35l-review-specs"><span>HP Omen 35L review: Specs</span></h3><div ><table><thead><tr><th class="firstcol empty" ></th><th  ><p><strong>HP Omen 35L (starting)</strong></p></th><th  ><p><strong>HP Omen 35L (tested)</strong></p></th></tr></thead><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p><a href="https://www.hp.com/us-en/shop/pdp/omen-35l-gaming-desktop-pc-9x560av-1" target="_blank" rel="nofollow">$2,079</a> / <a href="https://www.hp.com/gb-en/shop/products/desktops/omen-35l-gaming-desktop-gt16-0027na-pc-ck8l5ea-abu" target="_blank" rel="nofollow">£1,499</a></p></td><td  ><p><a href="https://www.hp.com/us-en/shop/pdp/omen-35l-gaming-desktop-gt17-0050m-pc" target="_blank" rel="nofollow">$3,199</a> /<a href="https://www.hp.com/gb-en/shop/products/desktops/omen-35l-gaming-desktop-gt17-0402na-pc-d01lpea-abu" target="_blank" rel="nofollow">£2,499</a></p></td></tr><tr><td class="firstcol " ><p><strong>CPU</strong></p></td><td  ><p>AMD Ryzen 5 8500G</p></td><td  ><p>AMD Ryzen 7 9800X3D</p></td></tr><tr><td class="firstcol " ><p><strong>GPU</strong></p></td><td  ><p>Nvidia GeForce RTX 5060 (8GB)</p></td><td  ><p>Nvidia GeForce RTX 5070 Ti (16GB)</p></td></tr><tr><td class="firstcol " ><p><strong>RAM</strong></p></td><td  ><p>16GB</p></td><td  ><p>32GB</p></td></tr><tr><td class="firstcol " ><p><strong>Storage</strong></p></td><td  ><p>1TB</p></td><td  ><p>1TB</p></td></tr><tr><td class="firstcol " ><p><strong>Ports</strong></p></td><td  ><p><strong>Top:</strong> 1x USB-C, 2x USB-A, 1x headphone/microphone jack | <strong>Rear:</strong> 2x USB-C, 6x USB-A, 1x HDMI 2.1, 3x DisplayPort 2.1, 1x 3.5mm audio jack, 1x RJ-45 Ethernet</p></td><td  ><p><strong>Top:</strong> 1x USB-C, 2x USB-A, 1x headphone/microphone jack | <strong>Rear:</strong> 2x USB-C, 6x USB-A, 1x HDMI 2.1, 3x DisplayPort 2.1, 1x 3.5mm audio jack, 1x RJ-45 Ethernet</p></td></tr><tr><td class="firstcol " ><p><strong>Dimensions</strong></p></td><td  ><p>8.26 x 16.06 x 16.1 inches</p></td><td  ><p>8.26 x 16.06 x 16.1 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>31.96 pounds</p></td><td  ><p>31.96 pounds</p></td></tr></tbody></table></div><h3 class="article-body__section" id="section-hp-omen-max-35l-review-the-ups"><span>HP Omen Max 35L review: The ups</span></h3><p>From the moment I took the HP Omen 35L out of its box, it's been a seamless, gratifying experience. A pristine design paired with powerful internals makes for some very satisfying gaming sessions. </p><h2 id="designed-for-the-future">Designed for the future</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="SAa93M8ZnkmWyLH5fMB4b9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/SAa93M8ZnkmWyLH5fMB4b9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>Pre-built PCs are a popular choice for anyone who wants to get straight to the joys of PC gaming without having to source their own parts to build a PC themselves, especially in these trying times for RAM. The HP Omen 35L is one of the more smartly designed pre-builds around, both in looks and practicality. </p><p>Coming in a subtle yet stunning all-black aluminum chassis, the Omen 35L is a beauty to have sitting on your desk. From its RGB-lit dual-fan array at the front spinning in multi-color patterns (that's completely customizable) to its clear glass panel showing off its impressive internals, it's a gorgeous piece of tech to look at. </p><p>Mostly because of its simplicity, too. Don't expect a jumble of screws, slots or mechanisms here, just a tool-less design that allows you to remove panels by simply loosening screws with your hands.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="biacdMKid4dpVbEYfJkBY9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/biacdMKid4dpVbEYfJkBY9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>Don't fret, as the frame is still well built and sturdy, but it's equally as simple to take its walls off to tinker and swap out components inside. That's what makes the HP Omen 35L somewhat future-proof, as you can head in to change its GPU, RAM slots, fans and more when you see fit. Now, does anyone know how big GPUs will be down the line? I don't! But in the meantime, you can put the latest components in to your liking. </p><p>This isn't unlike the Omen 35L's pricier sibling, the <a href="https://www.tomsguide.com/computing/gaming-desktops/hp-omen-max-45l-review">HP Omen Max 45L</a>. It is far more compact and lighter, though, coming in at 8.2 x 16 x 16.1 inches and weighing 31.9 pounds (the 45L is nearly double the size and weight). What this is more like is the <a href="https://www.tomsguide.com/computing/gaming-desktops/this-prebuilt-rtx-5070-pc-showed-me-4k-gaming-performance-for-less-and-im-surprised-as-you-are">Quoted Tech Frontier</a>, being more of a mid-size tower that's not too heavy or big to carry around and make space for on a desk. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="y7gnh5pGwTQFybfe2frrW9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/y7gnh5pGwTQFybfe2frrW9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>No, its design won't blow you away with its sheer detail, like this <a href="https://www.tomsguide.com/computing/gpus/5-beginner-pc-building-tips-from-the-mad-genius-who-built-a-usd34k-353-pound-desktop-with-not-one-but-two-rtx-5090s">ridiculous 353-pound desktop</a>, nor will it grab your attention every time you walk into a room. But that's the point. The Omen 35L is a subtly beautiful block of tech. Oh, but the tunable RGB-lit fans and RAM sticks give it that sprinkle of charm. </p><h2 id="performance-for-the-latest">Performance for the latest</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ARJK2LgEuVor6xQWy5qba9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/ARJK2LgEuVor6xQWy5qba9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>While it isn't the <a href="https://www.tomsguide.com/computing/gpus/best-graphics-cards">best GPU</a> around, I've been perfectly happy playing on Nvidia's <a href="https://www.tomsguide.com/computing/gpus/nvidia-geforce-rtx-5070-review">RTX 5070</a> GPU on my usual gaming PC. Bumping this up to an RTX 5070 Ti on the HP Omen 35L has shown me just how much I can get out of a graphics card with 16GB of GDDR7 VRAM, especially when it comes to adding path tracing while getting smoother frame rates. Throw in the highly capable AMD Ryzen 7 9800X3D, 32GB of DDR5 RAM and a 1TB SSD, and there's plenty you can get out of this dekstop. </p><p>As you might expect, I was able to browse the web with 30 Chrome tabs open, watch YouTube videos in the background and listen to tunes without any signs of this PC slowing down. That's what I'd expect for a PC at this price, but even with its lower configurations that are more forgiving to your wallet, this PC ekes out extra power with what it has thanks to its cooling (more on that later). </p><p>The HP Omen 35L can hold its own compared to its rivals, and it isn't even so massively behind its bigger sibling, the HP Omen Max 45L, when it comes to raw power. Utilizing the might of AMD's popular Ryzen 7 9800X3D processor, it offers plenty of horsepower in both general tasks and multitasking. Expect to edit 4K videos and work on 3D creative content here, and breeze through any kind of everyday productivity as I did. </p><div ><table><caption>Performance benchmarks</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>HP Omen 35L (AMD Ryzen 7 9800X3D)</strong></p></td><td  ><p><strong>HP Omen Max 45L (AMD Ryzen 9 9950X3D)</strong></p></td><td  ><p><strong>Quoted Tech Frontier (AMD Ryzen 7 9700X)</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Geekbench 6 (single/multi-core)</strong></p></td><td  ><p>3206 / 16386</p></td><td  ><p>3423 / 20518</p></td><td  ><p>3355 / 16234</p></td></tr><tr><td class="firstcol " ><p><strong>SSD speed test (MBps)</strong></p></td><td  ><p>2,136.42</p></td><td  ><p>2,601.44</p></td><td  ><p>1,916.7</p></td></tr><tr><td class="firstcol " ><p><strong>HandBrake (mins:secs)</strong></p></td><td  ><p>3:13</p></td><td  ><p>1:48</p></td><td  ><p>3:25</p></td></tr></tbody></table></div><p>So, what about its gaming chops? Being able to play games like <a href="https://www.tomsguide.com/reviews/cyberpunk-2077-phantom-liberty">Cyberpunk 2077</a>, <a href="https://www.tomsguide.com/gaming/doom-the-dark-ages-review">Doom: The Dark Ages</a>, <a href="https://www.tomsguide.com/gaming/resident-evil-requiem-review">Resident Evil: Requiem</a>, <a href="https://www.tomsguide.com/gaming/marathon-review">Marathon</a> and plenty more in 4K with smooth frame rates is hugely satisfying, and jumping down to 1440p to get even higher frame rates for more competitive play gives me the freedom of playing the way I want without much trouble. Calling this a mid-range tower isn't doing it justice, as it isn't too far away from the power-hungry juggernaut desktops that cost a fortune. </p><div ><table><caption>Gaming performance @ 4K w/ High settings</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>HP Omen 35L (RTX 5070 Ti)</strong></p></td><td  ><p><strong>HP Omen Max 45L (RTX 5080)</strong></p></td><td  ><p><strong>Quoted Tech Frontier (RTX 5070)</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Assassin’s Creed Shadows</strong></p></td><td  ><p>39 fps</p></td><td  ><p>44 fps</p></td><td  ><p>33 fps</p></td></tr><tr><td class="firstcol " ><p><strong>Doom: The Dark Ages</strong></p></td><td  ><p>50 fps</p></td><td  ><p>57 fps</p></td><td  ><p>40 fps</p></td></tr><tr><td class="firstcol " ><p><strong>Black Myth: Wukong</strong></p></td><td  ><p>31 fps</p></td><td  ><p>36 fps</p></td><td  ><p>25 fps</p></td></tr></tbody></table></div><p>Without <a href="https://www.tomsguide.com/gaming/pc-gaming/nvidia-dlss-4-5-brings-another-ai-leap-forward-for-pc-gaming-4k-path-traced-gameplay-at-240-fps-and-everything-else-you-need-to-know">Nvidia DLSS 4.5 </a>with frame generation involved, the HP Omen 35L model I tested was able to hit high frame rates in some of the most demanding gaming around in 4K at maxed-out settings. Reaching 50 fps in Doom: The Dark Ages is impressive, and even going past 30 fps in Black Myth: Wukong in Cinematic Mode is a triumph. </p><p>Of course, I wouldn't generally play games this way, so hitting DLSS 4.5 meant seeing frame rates jump to over 120 fps, and well past 200 fps when switching to 1440p and 1080p gameplay. Even switching to the Ultra Performance setting in Doom saw frame rates skyrocket to 300 FPS.</p><p>What it won't hit the ceiling that RTX 5080 and RTX 5090 rigs reach, it's not that far behind. Besides, if you do want the extra firepower (once prices are manageable again, someday), the HP Omen 35L has all the potential for upgrades. But for what it offers as it stands, this gaming PC brings the heat. </p><h2 id="pleasantly-quiet">Pleasantly quiet</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="o6sJB5chakGYQwUtS2ycY9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/o6sJB5chakGYQwUtS2ycY9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>After reviewing many gaming laptops being pushed to their limits, you get used to the <em>very </em>loud whirring of fans trying to keep these rigs cool, along with a "is that a jet engine about to take off?" comment from someone passing by. That's not the case with the HP Omen 35L, thankfully. </p><p>HP uses its own Omen components for this desktop, including Omen case fans with ring blade fan designs designed for better airflow and to minimize noise, and an Omen cooling system consisting of AIO Liquid Cooling. This combination, along with five RGB fans pointing out the front, top and rear, makes this gaming PC stay cool. And that means keeping noise to a minimum — even when being put through demanding tasks. </p><p>It's not completely silent, with only a soft hum that can quickly blend into background noise. But for a gaming PC capable of 4K gameplay and path tracing at high frame rates, it's great knowing that I never need to put on one of the <a href="https://www.tomsguide.com/best-picks/best-gaming-headsets">best gaming headsets</a> to drown out excessively loud fans to hear dialogue in the games I play. </p><h3 class="article-body__section" id="section-hp-omen-max-35l-review-the-downs"><span>HP Omen Max 35L review: The downs</span></h3><p>The HP Omen 35L may have charmed me with its simplistic upgradability, gaming prowess and more, but its price will snap many back to reality, especially with the configuration of my review unit. And it would be nice to drop the bloatware. </p><h2 id="drop-the-bloat-ware">Drop the bloat(ware)</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Wa6aX25zztNoLfqFJxQkX9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/Wa6aX25zztNoLfqFJxQkX9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>The Omen 35L comes stacked with HP's own suite of apps, including the HP Smart App, HP Support Assistant and, the most-used of the bunch, the Omen Gaming Hub. The latter is great for optimizing games and controlling RGB lighting and fans speeds. Plus, like the Omen Max 45L, it can adjust settings for gaming like Marvel Rivals for the best settings. </p><p>The rest? Hardly needed. Especially when there's an icon for McAfee you didn't ask for, along with notifications for Dropbox, Booking.com and Adobe. I understand promotions, but it gets annoying when these can needlessly get in the way or slow things down. Don't need them? Get rid of them. </p><h2 id="spend-sensibly">Spend sensibly</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ijJWKbnQsYGMWBHFWkLzb9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/ijJWKbnQsYGMWBHFWkLzb9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>One of these days, I hope I won't sound like a broken record by saying "this laptop/desktop/mini PC is expensive thanks to the RAM crisis." But in the meantime, this unfortunately applies to the HP Omen 35L (because of course it does). </p><p>As I alluded to earlier, the Omen 35L has seen a sharp price rise compared to the model we tested last year. It's a shame, but it's even a bigger shame to see this RTX 5070 Ti model can cost you upwards of $3,000. That's ridiculously pricey, but not as pricey as its Omen Max 45L sibling (starting at $3,999). </p><p>However, since there are various configurations of the Omen 35L, aiming for a base configuration can get you better value.  For example, the <a href="https://www.hp.com/us-en/shop/pdp/omen-35l-gaming-desktop-pc-9x560av-1" target="_blank" rel="nofollow">RTX 5060 model is priced at $2,079</a>, but I've seen it drop to around $1,800. Not as powerful, of course, but having the option to make savings is always a boon. The best part? You can grab a more capable GPU later down the line and fit it right inside the HP Omen 35L!</p><h3 class="article-body__section" id="section-hp-omen-max-35l-review-verdict"><span>HP Omen Max 35L review: Verdict</span></h3><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ffcVBtFEuJdjLmrHrwRAW9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/ffcVBtFEuJdjLmrHrwRAW9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>The HP Omen 35L excels at thinking ahead, making for an impressive gaming PC I'd love to have sitting on my desk. With its formidable gaming performance backed up by a quiet cooling system that ekes out better performance and an exceptionally simplistic (yet stylish) design for upgradability, it's one of the <a href="https://www.tomsguide.com/us/best-gaming-pc,review-2219.html">best gaming PCs</a> you can grab today. </p><p>But that also completely depends on what you're willing to spend. Higher configurations can be upsettingly expensive, but with its various configurations and customization options, not to mention its future-proofing, there's plenty of value to be had here. You can start off small and build towards an even higher-performing desktop — all with the same well-designed rig. </p><p>If you're thinking about PC gaming for the long haul, the HP Omen 35L offers just the way forward (while offering up satisfying gaming experiences right now). </p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/computing/gaming-desktops/i-spent-2-weeks-testing-the-hp-omen-35l-and-its-the-only-gaming-pc-ill-ever-need-if-my-wallet-will-allow-it</link>
                                                                            <description>
                            <![CDATA[ The HP Omen 35L is a smartly designed gaming PC that's built to last, but is it worth the high price it demands? Here are my thoughts after two weeks of testing. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">L3NUThrm22Rc2PettYSPkG</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/sJxcskqUBqVotzFP2DToX9-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Wed, 02 Sep 2026 11:00:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming Desktops]]></category>
                                                    <category><![CDATA[Computing Peripherals]]></category>
                                                    <category><![CDATA[Desktop Computers]]></category>
                                                                                                                    <dc:creator><![CDATA[ Darragh Murphy ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5QiaTSWf9FcVB7STxcdo4M.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Darragh is Tom’s Guide’s Computing Editor and is fascinated by all things bizarre in tech. This usually leads to assorted coverage varying from washing machines designed for earbuds to the wild world of laptops. Whether it&#039;s connecting Scar from The Lion King to two-factor authentication or turning his love for laptops into a fabricated rap battle from 8 Mile, he believes there’s always a quirky spin to be made.&lt;br&gt;&lt;br&gt;Darragh has previously been an Editor for Laptop Mag and a News Editor for Time Out Dubai, where he also headed the gaming and tech section. His work can be seen in Mashable, Android Police, Shortlist Dubai, Proton, theBit.nz, ReviewsFire and more. &lt;br&gt;&lt;br&gt;While laptops are his bread and butter, he’s also reviewed smartphones, monitors, speakers, docking stations and VPNs. He’s covered IFA, MWC Barcelona, the Consumer Electronics Show (&lt;a href=&quot;https://www.tomsguide.com/uk/tag/ces&quot; target=&quot;_blank&quot;&gt;CES&lt;/a&gt;) and more.&lt;br&gt;&lt;br&gt;When he&#039;s not checking out the latest devices and all things computing, he can be found going for dreaded long runs, watching terrible shark movies, and trying to find time to game.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/sJxcskqUBqVotzFP2DToX9-1280-80.jpg">
                                                            <media:credit><![CDATA[Future / Tom&amp;#39;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[HP Omen 35L Gaming PC on desk ]]></media:description>                                                            <media:text><![CDATA[HP Omen 35L Gaming PC on desk ]]></media:text>
                                <media:title type="plain"><![CDATA[HP Omen 35L Gaming PC on desk ]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/sJxcskqUBqVotzFP2DToX9-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>There are no two ways about it, the HP Omen 35L is the gaming PC I've always wanted. Effortlessly stylish with RGB lighting aplenty, stacked with power to play the latest AAA PC games and smart enough to be easily upgradable for future needs. I just hope that's enough to convince my wallet it's a worthy purchase. </p><p>As you may know by now, the <a href="https://www.tomsguide.com/computing/ram-price-crisis-2026-everything-you-need-to-know">RAM crisis</a> isn't making PC purchases any easier, and it's certainly affected HP's latest mid-tower gaming PC. Last year's <a href="https://www.tomsguide.com/computing/gaming-desktops/hp-omen-35l-review">HP Omen 35L</a> would have set you back $1,299 at its entry-level configuration. This year? It's starting at $2,079. Ouch.</p><p>But the HP Omen 35L has an edge to make it all the more appealing at this price: easy upgradeability. Starting with an <a href="https://www.tomsguide.com/computing/gpus/nvidia-geforce-rtx-5060-ti-review">RTX 5060 Ti</a> rig and want to make the jump to an <a href="https://www.tomsguide.com/computing/gpus/nvidia-geforce-rtx-5070-ti-review">RTX 5070 Ti</a> GPU in the future? Simply open up its side glass panel (no tools required) and you can swap out parts to your heart's content. Yup, that's all there is to it. For a pre-built gaming PC, that's an impressive prospect to invest in. </p><p>It also helps that the Omen 35L runs a smooth, quiet operation even when put under pressure, and that says a lot when you're driving through Night City in Cyberpunk 2077 at max settings. The HP Omen 35L is one of the <a href="https://www.tomsguide.com/us/best-gaming-pc,review-2219.html">best gaming PCs</a> I've tested, even with its bloatware nuisances. Is it the right choice for you? Let's dive into the review. </p><h3 class="article-body__section" id="section-hp-omen-35l-review-cheat-sheet"><span>HP Omen 35L review: Cheat sheet</span></h3><ul><li><strong>What is it?</strong> The HP Omen 35L is a mid-range, upgradeable gaming PC.</li><li><strong>Who is it for?</strong> PC gamers, content creators and anyone looking for a powerful tower that can be upgraded in the future.</li><li><strong>What does it cost?</strong> The HP Omen 35L is priced from <a href="https://www.hp.com/us-en/shop/pdp/omen-35l-gaming-desktop-pc-9x560av-1" target="_blank" rel="nofollow">$2,079 at the HP store</a> for its base configuration, going up to an eye-watering <a href="https://www.hp.com/us-en/shop/pdp/omen-35l-gaming-desktop-gt17-0098m-pc" target="_blank" rel="nofollow">$6,999</a> at its highest configuration (I suggest keeping the price down).</li><li><strong>What do we like?</strong> The well-built, fully upgradeable design, excellent performance for the latest AAA games, plentiful ports and fantastic cooling for whisper-quiet performance.</li><li><strong>What don’t we like?</strong> Unless you find a deal, this is a wildly expensive gaming PC, and bloatware gets in the way.</li></ul><h3 class="article-body__section" id="section-hp-omen-35l-review-specs"><span>HP Omen 35L review: Specs</span></h3><div ><table><thead><tr><th class="firstcol empty" ></th><th  ><p><strong>HP Omen 35L (starting)</strong></p></th><th  ><p><strong>HP Omen 35L (tested)</strong></p></th></tr></thead><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p><a href="https://www.hp.com/us-en/shop/pdp/omen-35l-gaming-desktop-pc-9x560av-1" target="_blank" rel="nofollow">$2,079</a> / <a href="https://www.hp.com/gb-en/shop/products/desktops/omen-35l-gaming-desktop-gt16-0027na-pc-ck8l5ea-abu" target="_blank" rel="nofollow">£1,499</a></p></td><td  ><p><a href="https://www.hp.com/us-en/shop/pdp/omen-35l-gaming-desktop-gt17-0050m-pc" target="_blank" rel="nofollow">$3,199</a> /<a href="https://www.hp.com/gb-en/shop/products/desktops/omen-35l-gaming-desktop-gt17-0402na-pc-d01lpea-abu" target="_blank" rel="nofollow">£2,499</a></p></td></tr><tr><td class="firstcol " ><p><strong>CPU</strong></p></td><td  ><p>AMD Ryzen 5 8500G</p></td><td  ><p>AMD Ryzen 7 9800X3D</p></td></tr><tr><td class="firstcol " ><p><strong>GPU</strong></p></td><td  ><p>Nvidia GeForce RTX 5060 (8GB)</p></td><td  ><p>Nvidia GeForce RTX 5070 Ti (16GB)</p></td></tr><tr><td class="firstcol " ><p><strong>RAM</strong></p></td><td  ><p>16GB</p></td><td  ><p>32GB</p></td></tr><tr><td class="firstcol " ><p><strong>Storage</strong></p></td><td  ><p>1TB</p></td><td  ><p>1TB</p></td></tr><tr><td class="firstcol " ><p><strong>Ports</strong></p></td><td  ><p><strong>Top:</strong> 1x USB-C, 2x USB-A, 1x headphone/microphone jack | <strong>Rear:</strong> 2x USB-C, 6x USB-A, 1x HDMI 2.1, 3x DisplayPort 2.1, 1x 3.5mm audio jack, 1x RJ-45 Ethernet</p></td><td  ><p><strong>Top:</strong> 1x USB-C, 2x USB-A, 1x headphone/microphone jack | <strong>Rear:</strong> 2x USB-C, 6x USB-A, 1x HDMI 2.1, 3x DisplayPort 2.1, 1x 3.5mm audio jack, 1x RJ-45 Ethernet</p></td></tr><tr><td class="firstcol " ><p><strong>Dimensions</strong></p></td><td  ><p>8.26 x 16.06 x 16.1 inches</p></td><td  ><p>8.26 x 16.06 x 16.1 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>31.96 pounds</p></td><td  ><p>31.96 pounds</p></td></tr></tbody></table></div><h3 class="article-body__section" id="section-hp-omen-max-35l-review-the-ups"><span>HP Omen Max 35L review: The ups</span></h3><p>From the moment I took the HP Omen 35L out of its box, it's been a seamless, gratifying experience. A pristine design paired with powerful internals makes for some very satisfying gaming sessions. </p><h2 id="designed-for-the-future">Designed for the future</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="SAa93M8ZnkmWyLH5fMB4b9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/SAa93M8ZnkmWyLH5fMB4b9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>Pre-built PCs are a popular choice for anyone who wants to get straight to the joys of PC gaming without having to source their own parts to build a PC themselves, especially in these trying times for RAM. The HP Omen 35L is one of the more smartly designed pre-builds around, both in looks and practicality. </p><p>Coming in a subtle yet stunning all-black aluminum chassis, the Omen 35L is a beauty to have sitting on your desk. From its RGB-lit dual-fan array at the front spinning in multi-color patterns (that's completely customizable) to its clear glass panel showing off its impressive internals, it's a gorgeous piece of tech to look at. </p><p>Mostly because of its simplicity, too. Don't expect a jumble of screws, slots or mechanisms here, just a tool-less design that allows you to remove panels by simply loosening screws with your hands.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="biacdMKid4dpVbEYfJkBY9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/biacdMKid4dpVbEYfJkBY9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>Don't fret, as the frame is still well built and sturdy, but it's equally as simple to take its walls off to tinker and swap out components inside. That's what makes the HP Omen 35L somewhat future-proof, as you can head in to change its GPU, RAM slots, fans and more when you see fit. Now, does anyone know how big GPUs will be down the line? I don't! But in the meantime, you can put the latest components in to your liking. </p><p>This isn't unlike the Omen 35L's pricier sibling, the <a href="https://www.tomsguide.com/computing/gaming-desktops/hp-omen-max-45l-review">HP Omen Max 45L</a>. It is far more compact and lighter, though, coming in at 8.2 x 16 x 16.1 inches and weighing 31.9 pounds (the 45L is nearly double the size and weight). What this is more like is the <a href="https://www.tomsguide.com/computing/gaming-desktops/this-prebuilt-rtx-5070-pc-showed-me-4k-gaming-performance-for-less-and-im-surprised-as-you-are">Quoted Tech Frontier</a>, being more of a mid-size tower that's not too heavy or big to carry around and make space for on a desk. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="y7gnh5pGwTQFybfe2frrW9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/y7gnh5pGwTQFybfe2frrW9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>No, its design won't blow you away with its sheer detail, like this <a href="https://www.tomsguide.com/computing/gpus/5-beginner-pc-building-tips-from-the-mad-genius-who-built-a-usd34k-353-pound-desktop-with-not-one-but-two-rtx-5090s">ridiculous 353-pound desktop</a>, nor will it grab your attention every time you walk into a room. But that's the point. The Omen 35L is a subtly beautiful block of tech. Oh, but the tunable RGB-lit fans and RAM sticks give it that sprinkle of charm. </p><h2 id="performance-for-the-latest">Performance for the latest</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ARJK2LgEuVor6xQWy5qba9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/ARJK2LgEuVor6xQWy5qba9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>While it isn't the <a href="https://www.tomsguide.com/computing/gpus/best-graphics-cards">best GPU</a> around, I've been perfectly happy playing on Nvidia's <a href="https://www.tomsguide.com/computing/gpus/nvidia-geforce-rtx-5070-review">RTX 5070</a> GPU on my usual gaming PC. Bumping this up to an RTX 5070 Ti on the HP Omen 35L has shown me just how much I can get out of a graphics card with 16GB of GDDR7 VRAM, especially when it comes to adding path tracing while getting smoother frame rates. Throw in the highly capable AMD Ryzen 7 9800X3D, 32GB of DDR5 RAM and a 1TB SSD, and there's plenty you can get out of this dekstop. </p><p>As you might expect, I was able to browse the web with 30 Chrome tabs open, watch YouTube videos in the background and listen to tunes without any signs of this PC slowing down. That's what I'd expect for a PC at this price, but even with its lower configurations that are more forgiving to your wallet, this PC ekes out extra power with what it has thanks to its cooling (more on that later). </p><p>The HP Omen 35L can hold its own compared to its rivals, and it isn't even so massively behind its bigger sibling, the HP Omen Max 45L, when it comes to raw power. Utilizing the might of AMD's popular Ryzen 7 9800X3D processor, it offers plenty of horsepower in both general tasks and multitasking. Expect to edit 4K videos and work on 3D creative content here, and breeze through any kind of everyday productivity as I did. </p><div ><table><caption>Performance benchmarks</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>HP Omen 35L (AMD Ryzen 7 9800X3D)</strong></p></td><td  ><p><strong>HP Omen Max 45L (AMD Ryzen 9 9950X3D)</strong></p></td><td  ><p><strong>Quoted Tech Frontier (AMD Ryzen 7 9700X)</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Geekbench 6 (single/multi-core)</strong></p></td><td  ><p>3206 / 16386</p></td><td  ><p>3423 / 20518</p></td><td  ><p>3355 / 16234</p></td></tr><tr><td class="firstcol " ><p><strong>SSD speed test (MBps)</strong></p></td><td  ><p>2,136.42</p></td><td  ><p>2,601.44</p></td><td  ><p>1,916.7</p></td></tr><tr><td class="firstcol " ><p><strong>HandBrake (mins:secs)</strong></p></td><td  ><p>3:13</p></td><td  ><p>1:48</p></td><td  ><p>3:25</p></td></tr></tbody></table></div><p>So, what about its gaming chops? Being able to play games like <a href="https://www.tomsguide.com/reviews/cyberpunk-2077-phantom-liberty">Cyberpunk 2077</a>, <a href="https://www.tomsguide.com/gaming/doom-the-dark-ages-review">Doom: The Dark Ages</a>, <a href="https://www.tomsguide.com/gaming/resident-evil-requiem-review">Resident Evil: Requiem</a>, <a href="https://www.tomsguide.com/gaming/marathon-review">Marathon</a> and plenty more in 4K with smooth frame rates is hugely satisfying, and jumping down to 1440p to get even higher frame rates for more competitive play gives me the freedom of playing the way I want without much trouble. Calling this a mid-range tower isn't doing it justice, as it isn't too far away from the power-hungry juggernaut desktops that cost a fortune. </p><div ><table><caption>Gaming performance @ 4K w/ High settings</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>HP Omen 35L (RTX 5070 Ti)</strong></p></td><td  ><p><strong>HP Omen Max 45L (RTX 5080)</strong></p></td><td  ><p><strong>Quoted Tech Frontier (RTX 5070)</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Assassin’s Creed Shadows</strong></p></td><td  ><p>39 fps</p></td><td  ><p>44 fps</p></td><td  ><p>33 fps</p></td></tr><tr><td class="firstcol " ><p><strong>Doom: The Dark Ages</strong></p></td><td  ><p>50 fps</p></td><td  ><p>57 fps</p></td><td  ><p>40 fps</p></td></tr><tr><td class="firstcol " ><p><strong>Black Myth: Wukong</strong></p></td><td  ><p>31 fps</p></td><td  ><p>36 fps</p></td><td  ><p>25 fps</p></td></tr></tbody></table></div><p>Without <a href="https://www.tomsguide.com/gaming/pc-gaming/nvidia-dlss-4-5-brings-another-ai-leap-forward-for-pc-gaming-4k-path-traced-gameplay-at-240-fps-and-everything-else-you-need-to-know">Nvidia DLSS 4.5 </a>with frame generation involved, the HP Omen 35L model I tested was able to hit high frame rates in some of the most demanding gaming around in 4K at maxed-out settings. Reaching 50 fps in Doom: The Dark Ages is impressive, and even going past 30 fps in Black Myth: Wukong in Cinematic Mode is a triumph. </p><p>Of course, I wouldn't generally play games this way, so hitting DLSS 4.5 meant seeing frame rates jump to over 120 fps, and well past 200 fps when switching to 1440p and 1080p gameplay. Even switching to the Ultra Performance setting in Doom saw frame rates skyrocket to 300 FPS.</p><p>What it won't hit the ceiling that RTX 5080 and RTX 5090 rigs reach, it's not that far behind. Besides, if you do want the extra firepower (once prices are manageable again, someday), the HP Omen 35L has all the potential for upgrades. But for what it offers as it stands, this gaming PC brings the heat. </p><h2 id="pleasantly-quiet">Pleasantly quiet</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="o6sJB5chakGYQwUtS2ycY9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/o6sJB5chakGYQwUtS2ycY9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>After reviewing many gaming laptops being pushed to their limits, you get used to the <em>very </em>loud whirring of fans trying to keep these rigs cool, along with a "is that a jet engine about to take off?" comment from someone passing by. That's not the case with the HP Omen 35L, thankfully. </p><p>HP uses its own Omen components for this desktop, including Omen case fans with ring blade fan designs designed for better airflow and to minimize noise, and an Omen cooling system consisting of AIO Liquid Cooling. This combination, along with five RGB fans pointing out the front, top and rear, makes this gaming PC stay cool. And that means keeping noise to a minimum — even when being put through demanding tasks. </p><p>It's not completely silent, with only a soft hum that can quickly blend into background noise. But for a gaming PC capable of 4K gameplay and path tracing at high frame rates, it's great knowing that I never need to put on one of the <a href="https://www.tomsguide.com/best-picks/best-gaming-headsets">best gaming headsets</a> to drown out excessively loud fans to hear dialogue in the games I play. </p><h3 class="article-body__section" id="section-hp-omen-max-35l-review-the-downs"><span>HP Omen Max 35L review: The downs</span></h3><p>The HP Omen 35L may have charmed me with its simplistic upgradability, gaming prowess and more, but its price will snap many back to reality, especially with the configuration of my review unit. And it would be nice to drop the bloatware. </p><h2 id="drop-the-bloat-ware">Drop the bloat(ware)</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Wa6aX25zztNoLfqFJxQkX9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/Wa6aX25zztNoLfqFJxQkX9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>The Omen 35L comes stacked with HP's own suite of apps, including the HP Smart App, HP Support Assistant and, the most-used of the bunch, the Omen Gaming Hub. The latter is great for optimizing games and controlling RGB lighting and fans speeds. Plus, like the Omen Max 45L, it can adjust settings for gaming like Marvel Rivals for the best settings. </p><p>The rest? Hardly needed. Especially when there's an icon for McAfee you didn't ask for, along with notifications for Dropbox, Booking.com and Adobe. I understand promotions, but it gets annoying when these can needlessly get in the way or slow things down. Don't need them? Get rid of them. </p><h2 id="spend-sensibly">Spend sensibly</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ijJWKbnQsYGMWBHFWkLzb9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/ijJWKbnQsYGMWBHFWkLzb9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>One of these days, I hope I won't sound like a broken record by saying "this laptop/desktop/mini PC is expensive thanks to the RAM crisis." But in the meantime, this unfortunately applies to the HP Omen 35L (because of course it does). </p><p>As I alluded to earlier, the Omen 35L has seen a sharp price rise compared to the model we tested last year. It's a shame, but it's even a bigger shame to see this RTX 5070 Ti model can cost you upwards of $3,000. That's ridiculously pricey, but not as pricey as its Omen Max 45L sibling (starting at $3,999). </p><p>However, since there are various configurations of the Omen 35L, aiming for a base configuration can get you better value.  For example, the <a href="https://www.hp.com/us-en/shop/pdp/omen-35l-gaming-desktop-pc-9x560av-1" target="_blank" rel="nofollow">RTX 5060 model is priced at $2,079</a>, but I've seen it drop to around $1,800. Not as powerful, of course, but having the option to make savings is always a boon. The best part? You can grab a more capable GPU later down the line and fit it right inside the HP Omen 35L!</p><h3 class="article-body__section" id="section-hp-omen-max-35l-review-verdict"><span>HP Omen Max 35L review: Verdict</span></h3><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ffcVBtFEuJdjLmrHrwRAW9" name="HP Omen 35L 2026" alt="HP Omen 35L Gaming PC on desk" src="https://cdn.mos.cms.futurecdn.net/ffcVBtFEuJdjLmrHrwRAW9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>The HP Omen 35L excels at thinking ahead, making for an impressive gaming PC I'd love to have sitting on my desk. With its formidable gaming performance backed up by a quiet cooling system that ekes out better performance and an exceptionally simplistic (yet stylish) design for upgradability, it's one of the <a href="https://www.tomsguide.com/us/best-gaming-pc,review-2219.html">best gaming PCs</a> you can grab today. </p><p>But that also completely depends on what you're willing to spend. Higher configurations can be upsettingly expensive, but with its various configurations and customization options, not to mention its future-proofing, there's plenty of value to be had here. You can start off small and build towards an even higher-performing desktop — all with the same well-designed rig. </p><p>If you're thinking about PC gaming for the long haul, the HP Omen 35L offers just the way forward (while offering up satisfying gaming experiences right now). </p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Star Wars Zero Company is a surprise GOTY contender — but you need to switch on permadeath, trust me ]]></title>
                                                                                                <dc:content><![CDATA[ <p>Video games are all about second chances. Respawning, restarting and reloading are fundamental pillars of the medium, and most “game over” screens offer the option to try again instantly. Star Wars Zero Company, a new turn-based tactics game set in the iconic sci-fi universe, is <em>technically </em>no different. But it can be, if you opt to turn on the permadeath setting.</p><p>If you want to play this game with the comfort blanket that any wrong moves can be rectified with a quick reload, developers Bit Reactor won’t stop you. But trust me, this Star Wars game goes from good to <em>great</em> if you’re willing to embrace failure and select permadeath from the start.</p><p>Zero Company is not the first game to incorporate permanent failure. For example, <a href="https://www.tomsguide.com/news/watch-dogs-legion-hands-on">Watch Dogs Legion</a> offered a similar mechanic. In that game, I’ll admit, I played with permadeath switched off; in the case of Zero Company, I’ve found that enabling it makes every decision feel extremely high-stakes.</p><div class="product"><a data-dimension112="b4bfe010-a638-11f1-8cc7-8da81255123b" data-action="Deal Block" data-label="Zero Company" data-dimension48="Zero Company" data-dimension25="$59" href="https://www.bestbuy.com/product/star-wars-zero-company-playstation-5/J7CYFSS9KQ/sku/6681186" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:867px;"><p class="vanilla-image-block" style="padding-top:124.57%;"><img id="df4u6rhdiGeCCnQNyHrueZ" name="star-war-zero-company-na-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/df4u6rhdiGeCCnQNyHrueZ.jpg" mos="" align="middle" fullscreen="" width="867" height="1080" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Star Wars Zero Company is a new turn-based tactics game where you recruit and lead a squad of operators and experience an original Star Wars story set during the Clone Wars. Offering strategic combat, cinematic production values, and a focus on player decisions, it's one of the best Star Wars video games in ages, and a potential GOTY pick.  <a class="view-deal button" href="https://www.bestbuy.com/product/star-wars-zero-company-playstation-5/J7CYFSS9KQ/sku/6681186" target="_blank" rel="nofollow" data-dimension112="b4bfe010-a638-11f1-8cc7-8da81255123b" data-action="Deal Block" data-label="Zero Company" data-dimension48="Zero Company" data-dimension25="$59">View Deal</a></p></div><h2 id="star-wars-zero-company-permadeath-explained">Star Wars Zero Company permadeath explained</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mck9cJhX2jquoKPXPUphJN" name="star-wars-zero-company-screenshot-04" alt="Star Wars Zero Company screenshot" src="https://cdn.mos.cms.futurecdn.net/mck9cJhX2jquoKPXPUphJN.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Bit Reactor / Respawn Entertainment / Electronic Arts)</span></figcaption></figure><p>Set during the Clone Wars era, Star Wars Zero Company is a game about assembling a ragtag crew of operators, then heading out on missions as part of the eponymous Zero Company. Mission types include destroying an enemy base, rescuing an ally, or stealing important data. It’s your usual assortment of Star Wars-themed mission objectives.</p><p>If you play without permadeath, if one of your operators falls, they’ll be in an injured state until you revive them, but won't actually die. However, with the setting on, if they receive three “injuries,” they will die, and I mean, die for good. There’s no coming back, as the name suggests; it’s <em>permanent. </em></p><p>You can heal squad “injuries” at your base’s medical bay, so even with permadeath turned on, the game gives you tools to keep your squad healthy, but even the threat of permanent consequences is enough to raise the stakes. Plus, the start-up screen notes the game was designed with permadeath in mind, so it offers the developer’s intended experience. </p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-W3YD8X"></div>                            </div>                            <script src="https://kwizly.com/embed/W3YD8X.js" async></script><h2 id="permadeath-brings-zero-company-alive">Permadeath brings Zero Company alive</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/ksOBF-T5LrA" allowfullscreen></iframe></div></div><p>In Star Wars: Zero Company, your squad members aren’t just random faces on a menu screen. You chat to them at your base between missions; you can give them customs name and outfits, and you select their loadout. They become extensions of you. Each is just as vital as the custom protagonist, Hawks. Each one a part of your (occasionally dysfunctional) Star Wars family.</p><p>So, with permadeath active, the threat of one of them actually kicking the bucket weighs heavily on you. During a recent play session, I was in the thick of an optional side mission alongside Trick, a former clone trooper, who is part of your starting squad. He already had an injury and was being flanked by multiple enemies, with no squad support nearby to assist.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Tiy8azPLRtZbjJLSZ6tBWN" name="star-wars-zero-company-screenshot-01" alt="Star Wars Zero Company screenshot" src="https://cdn.mos.cms.futurecdn.net/Tiy8azPLRtZbjJLSZ6tBWN.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Bit Reactor / Respawn Entertainment / Electronic Arts)</span></figcaption></figure><p>Even with the safety of knowing Trick could take a second injury and still return to base (remember it’s three injuries before death), I didn’t want to risk the mission going further south and Trick being wiped out for good, so I completely shifted my current strategy to move my other squadmates to Trick’s location to ensure that whatever happened next, he didn’t fatally fall. </p><p>This was just one moment, in one side mission, but it neatly showcased the extra dimension that permadeath adds to Zero Company. It stops your squad from being fodder, or you feeling tempted to send them on suicide runs knowing they can just be revived later on. Every move matters more.</p><h2 id="beskar-mode-raises-the-stakes-even-higher">Beskar Mode raises the stakes even higher</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="MUczWuQgQWkv7fQZHguiLN" name="star-wars-zero-company-screenshot-02" alt="Star Wars Zero Company screenshot" src="https://cdn.mos.cms.futurecdn.net/MUczWuQgQWkv7fQZHguiLN.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Bit Reactor / Respawn Entertainment / Electronic Arts)</span></figcaption></figure><p>If just permadeath alone doesn’t increase the stakes enough for you, there’s also Beskar Mode. But fair warning: this option is only for Zero Company players with true nerves of steel. </p><p>In Beskar Mode, manual saving is disabled, and the game autosaves after every single turn. You have to live with the consequences of every move. Completely flub a mission and get half your squad KIA; there’s no going back. The game continues, forcing you to adapt even when you make major mistakes. If Hawks dies, it's a permanent game over. You failed your mission.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="m8NYHgiiwFPnFACerMmsin" name="star-wars-zero-company-screenshot-05" alt="Star Wars Zero Company screenshot" src="https://cdn.mos.cms.futurecdn.net/m8NYHgiiwFPnFACerMmsin.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Bit Reactor / Respawn Entertainment / Electronic Arts)</span></figcaption></figure><p>There are truly no second chances in Beskar Mode. For me, those stakes are just a little too high. I don’t particularly like the idea of getting deep into my playthrough and having to start over from the beginning because Hawks gets surrounded by enemy troops. But if you want to make Zero Company a true test of your decision-making, it’s the option for you.</p><p>I think for most players, turning on permadeath finds the sweet spot. You still have to think about your next move, but have the safety net of a restart if you<em> really</em> screw up. Played this way, Star Wars Zero Company has become something of an unexpected GOTY contender for me. I’m not usually one for tactical games, but with my squad’s lives in Hawks’ hands, I’ve become determined to lead them to victory with as few casualties as possible.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/onimusha-way-of-the-sword-review">Onimusha Way of the Sword review</a></li><li><a href="https://www.tomsguide.com/news/star-wars-movies-in-order-4k-hdr">How to watch the Star Wars movies and shows in order</a></li><li><a href="https://www.tomsguide.com/entertainment/movies/star-wars-movies-and-shows-how-many-can-you-name-quiz">Can you name every 'Star Wars' movie and show?</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/star-wars-zero-company-is-a-surprise-goty-contender-but-you-need-to-switch-on-permadeath-trust-me</link>
                                                                            <description>
                            <![CDATA[ Star Wars Zero Company is one of my biggest gaming surprises of the year, and permadeath mode is the reason I can't stop playing. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">aHTwmJ4HWeJ7VTKWJ8feZf</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/nhLJjSskzt4sM7MscEx3QN-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Wed, 02 Sep 2026 10:30:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ rory.mellon@futurenet.com (Rory Mellon) ]]></author>                    <dc:creator><![CDATA[ Rory Mellon ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5Rv6LtQXMj5JB4Eu8Lt4Sn.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/nhLJjSskzt4sM7MscEx3QN-1280-80.jpg">
                                                            <media:credit><![CDATA[Bit Reactor / Respawn Entertainment / Electronic Arts]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Star Wars Zero Company screenshot]]></media:description>                                                            <media:text><![CDATA[Star Wars Zero Company screenshot]]></media:text>
                                <media:title type="plain"><![CDATA[Star Wars Zero Company screenshot]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/nhLJjSskzt4sM7MscEx3QN-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Video games are all about second chances. Respawning, restarting and reloading are fundamental pillars of the medium, and most “game over” screens offer the option to try again instantly. Star Wars Zero Company, a new turn-based tactics game set in the iconic sci-fi universe, is <em>technically </em>no different. But it can be, if you opt to turn on the permadeath setting.</p><p>If you want to play this game with the comfort blanket that any wrong moves can be rectified with a quick reload, developers Bit Reactor won’t stop you. But trust me, this Star Wars game goes from good to <em>great</em> if you’re willing to embrace failure and select permadeath from the start.</p><p>Zero Company is not the first game to incorporate permanent failure. For example, <a href="https://www.tomsguide.com/news/watch-dogs-legion-hands-on">Watch Dogs Legion</a> offered a similar mechanic. In that game, I’ll admit, I played with permadeath switched off; in the case of Zero Company, I’ve found that enabling it makes every decision feel extremely high-stakes.</p><div class="product"><a data-dimension112="b4bfe010-a638-11f1-8cc7-8da81255123b" data-action="Deal Block" data-label="Zero Company" data-dimension48="Zero Company" data-dimension25="$59" href="https://www.bestbuy.com/product/star-wars-zero-company-playstation-5/J7CYFSS9KQ/sku/6681186" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:867px;"><p class="vanilla-image-block" style="padding-top:124.57%;"><img id="df4u6rhdiGeCCnQNyHrueZ" name="star-war-zero-company-na-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/df4u6rhdiGeCCnQNyHrueZ.jpg" mos="" align="middle" fullscreen="" width="867" height="1080" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Star Wars Zero Company is a new turn-based tactics game where you recruit and lead a squad of operators and experience an original Star Wars story set during the Clone Wars. Offering strategic combat, cinematic production values, and a focus on player decisions, it's one of the best Star Wars video games in ages, and a potential GOTY pick.  <a class="view-deal button" href="https://www.bestbuy.com/product/star-wars-zero-company-playstation-5/J7CYFSS9KQ/sku/6681186" target="_blank" rel="nofollow" data-dimension112="b4bfe010-a638-11f1-8cc7-8da81255123b" data-action="Deal Block" data-label="Zero Company" data-dimension48="Zero Company" data-dimension25="$59">View Deal</a></p></div><h2 id="star-wars-zero-company-permadeath-explained">Star Wars Zero Company permadeath explained</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mck9cJhX2jquoKPXPUphJN" name="star-wars-zero-company-screenshot-04" alt="Star Wars Zero Company screenshot" src="https://cdn.mos.cms.futurecdn.net/mck9cJhX2jquoKPXPUphJN.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Bit Reactor / Respawn Entertainment / Electronic Arts)</span></figcaption></figure><p>Set during the Clone Wars era, Star Wars Zero Company is a game about assembling a ragtag crew of operators, then heading out on missions as part of the eponymous Zero Company. Mission types include destroying an enemy base, rescuing an ally, or stealing important data. It’s your usual assortment of Star Wars-themed mission objectives.</p><p>If you play without permadeath, if one of your operators falls, they’ll be in an injured state until you revive them, but won't actually die. However, with the setting on, if they receive three “injuries,” they will die, and I mean, die for good. There’s no coming back, as the name suggests; it’s <em>permanent. </em></p><p>You can heal squad “injuries” at your base’s medical bay, so even with permadeath turned on, the game gives you tools to keep your squad healthy, but even the threat of permanent consequences is enough to raise the stakes. Plus, the start-up screen notes the game was designed with permadeath in mind, so it offers the developer’s intended experience. </p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-W3YD8X"></div>                            </div>                            <script src="https://kwizly.com/embed/W3YD8X.js" async></script><h2 id="permadeath-brings-zero-company-alive">Permadeath brings Zero Company alive</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/ksOBF-T5LrA" allowfullscreen></iframe></div></div><p>In Star Wars: Zero Company, your squad members aren’t just random faces on a menu screen. You chat to them at your base between missions; you can give them customs name and outfits, and you select their loadout. They become extensions of you. Each is just as vital as the custom protagonist, Hawks. Each one a part of your (occasionally dysfunctional) Star Wars family.</p><p>So, with permadeath active, the threat of one of them actually kicking the bucket weighs heavily on you. During a recent play session, I was in the thick of an optional side mission alongside Trick, a former clone trooper, who is part of your starting squad. He already had an injury and was being flanked by multiple enemies, with no squad support nearby to assist.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Tiy8azPLRtZbjJLSZ6tBWN" name="star-wars-zero-company-screenshot-01" alt="Star Wars Zero Company screenshot" src="https://cdn.mos.cms.futurecdn.net/Tiy8azPLRtZbjJLSZ6tBWN.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Bit Reactor / Respawn Entertainment / Electronic Arts)</span></figcaption></figure><p>Even with the safety of knowing Trick could take a second injury and still return to base (remember it’s three injuries before death), I didn’t want to risk the mission going further south and Trick being wiped out for good, so I completely shifted my current strategy to move my other squadmates to Trick’s location to ensure that whatever happened next, he didn’t fatally fall. </p><p>This was just one moment, in one side mission, but it neatly showcased the extra dimension that permadeath adds to Zero Company. It stops your squad from being fodder, or you feeling tempted to send them on suicide runs knowing they can just be revived later on. Every move matters more.</p><h2 id="beskar-mode-raises-the-stakes-even-higher">Beskar Mode raises the stakes even higher</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="MUczWuQgQWkv7fQZHguiLN" name="star-wars-zero-company-screenshot-02" alt="Star Wars Zero Company screenshot" src="https://cdn.mos.cms.futurecdn.net/MUczWuQgQWkv7fQZHguiLN.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Bit Reactor / Respawn Entertainment / Electronic Arts)</span></figcaption></figure><p>If just permadeath alone doesn’t increase the stakes enough for you, there’s also Beskar Mode. But fair warning: this option is only for Zero Company players with true nerves of steel. </p><p>In Beskar Mode, manual saving is disabled, and the game autosaves after every single turn. You have to live with the consequences of every move. Completely flub a mission and get half your squad KIA; there’s no going back. The game continues, forcing you to adapt even when you make major mistakes. If Hawks dies, it's a permanent game over. You failed your mission.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="m8NYHgiiwFPnFACerMmsin" name="star-wars-zero-company-screenshot-05" alt="Star Wars Zero Company screenshot" src="https://cdn.mos.cms.futurecdn.net/m8NYHgiiwFPnFACerMmsin.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Bit Reactor / Respawn Entertainment / Electronic Arts)</span></figcaption></figure><p>There are truly no second chances in Beskar Mode. For me, those stakes are just a little too high. I don’t particularly like the idea of getting deep into my playthrough and having to start over from the beginning because Hawks gets surrounded by enemy troops. But if you want to make Zero Company a true test of your decision-making, it’s the option for you.</p><p>I think for most players, turning on permadeath finds the sweet spot. You still have to think about your next move, but have the safety net of a restart if you<em> really</em> screw up. Played this way, Star Wars Zero Company has become something of an unexpected GOTY contender for me. I’m not usually one for tactical games, but with my squad’s lives in Hawks’ hands, I’ve become determined to lead them to victory with as few casualties as possible.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/onimusha-way-of-the-sword-review">Onimusha Way of the Sword review</a></li><li><a href="https://www.tomsguide.com/news/star-wars-movies-in-order-4k-hdr">How to watch the Star Wars movies and shows in order</a></li><li><a href="https://www.tomsguide.com/entertainment/movies/star-wars-movies-and-shows-how-many-can-you-name-quiz">Can you name every 'Star Wars' movie and show?</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Metal Gear Solid 4 on PS5 is an almost perfect port of my favorite PS3 exclusive ]]></title>
                                                                                                <dc:content><![CDATA[ <p>Thanks to the newly released Metal Gear Solid: Master Collection Vol 2, Metal Gear Solid 4: Guns of the Patriots is finally playable outside the PS3. To be honest, this is a day I never thought would happen, given how difficult it is to port PS3 games because of that system’s infamous Cell architecture. I gained some hope when Metal Gear Solid: Master Collection Vol. 1 arrived, and now that glint of hope has become reality.</p><p>I bought my original PS3 in early 2008, anticipating Metal Gear Solid 4’s launch. I was already a huge fan of the franchise, with Metal Gear Solid 3 being my favorite game of all time. The iconic E3 2007 trailer and other pre-launch previews only whetted my appetite for MGS4. The final product exceeded my expectations and became my obsession that summer. So you can understand how excited I am to finally play it on modern hardware.</p><p>While the Master Collection Vol. 2 also contains Metal Gear Solid: Peace Walker (another favorite of mine) and the once Game Boy-exclusive Ghost Babel, I want to focus on MGS4, since that’s this collection’s crowning jewel and a title I’ve waited almost two decades to replay. Though I wouldn’t recommend this for first-time Metal Gear players, it’s a must for anyone who originally played it all those eons ago or didn’t own a PS3 back in the day. Here’s why.</p><div class="product"><a data-dimension112="a38c9f06-a645-11f1-8dd2-f566e99b96b5" data-action="Deal Block" data-label="Metal Gear Solid: Master Collection Vol. 2" data-dimension48="Metal Gear Solid: Master Collection Vol. 2" data-dimension25="$49" href="https://www.amazon.com/METAL-GEAR-SOLID-MASTER-COLLECTION-Vol/dp/B0GMLLHCQR?th=1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1180px;"><p class="vanilla-image-block" style="padding-top:127.12%;"><img id="eFmsYfmjKpBCsdbNjRMLfM" name="Metal Gear Solid Master Collection Vol. 2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/eFmsYfmjKpBCsdbNjRMLfM.jpg" mos="" align="middle" fullscreen="" width="1180" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Metal Gear Solid: Master Collection Vol. 2 finally brings the classic Metal Gear Solid 4: Guns of the Patriots from the PS3 and to modern consoles. In addition to that game, this collection has Metal Gear Solid: Peace Walker and Metal Gear Solid: Ghost Babel.<a class="view-deal button" href="https://www.amazon.com/METAL-GEAR-SOLID-MASTER-COLLECTION-Vol/dp/B0GMLLHCQR?th=1" target="_blank" rel="nofollow" data-dimension112="a38c9f06-a645-11f1-8dd2-f566e99b96b5" data-action="Deal Block" data-label="Metal Gear Solid: Master Collection Vol. 2" data-dimension48="Metal Gear Solid: Master Collection Vol. 2" data-dimension25="$49">View Deal</a></p></div><h2 id="sharper-visuals">Sharper visuals</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RedRwJDRjhxHhzNDbKUNrM" name="Metal Gear Solid: Master Collection Vol. 2" alt="Metal Gear Solid: Master Collection Vol. 2" src="https://cdn.mos.cms.futurecdn.net/RedRwJDRjhxHhzNDbKUNrM.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Konami)</span></figcaption></figure><p>Unlike <a href="https://www.tomsguide.com/gaming/metal-gear-solid-delta-snake-eater-review">Metal Gear Solid: Delta</a>, which is a complete remake from the ground up of Metal Gear Solid 3, Metal Gear Solid 4: Guns of the Patriots in Master Collection Vol. 2 is a native port of the 2008 PS3 original. Basically, it’s the same game as before, but with smoother performance, sharper resolution, drastically reduced load times, and some quality-of-life features.</p><p>The visuals are an interesting mix. While characters and character models are generally highly detailed, some background elements remain low-resolution, which can be jarring in certain segments, such as two detailed characters sitting at a pixelated table. Despite that, and likely because the game has a more stylized look, the visuals hold up pretty well in 2026, though they still show their age in spots.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mzQdBaFWhfH53bXXpt2Zfd" name="Metal Gear Solid: Master Collection Vol. 2" alt="Metal Gear Solid: Master Collection Vol. 2" src="https://cdn.mos.cms.futurecdn.net/mzQdBaFWhfH53bXXpt2Zfd.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Konami)</span></figcaption></figure><p>Performance is the big win here, as the game now runs at a steady 60 frames per second. I still remember feeling slightly disappointed that the original game ran at 30 fps, since the E3 trailer ran at 60. Now the game runs as well as that legendary trailer. I played this game on the PS5 Pro, which also supports 4K resolution, so I can’t speak to how it performs on other platforms. Based on the reviews I’ve seen, most players will have a smooth experience.</p><p>MGS4 was notorious for extremely long loading times, especially when transitioning between acts, which took so long that the game's protagonist, Solid Snake, would take a smoke break during them! You can still access this for fun, but it’s no longer part of the core experience. This is probably for the best, as Old Man Snake shouldn’t be smoking in the first place!</p><h2 id="streamlined-gameplay">Streamlined gameplay</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fSW2N6MebZpfoSXpPvq9xR" name="Metal Gear Solid: Master Collection Vol. 2" alt="Metal Gear Solid: Master Collection Vol. 2" src="https://cdn.mos.cms.futurecdn.net/fSW2N6MebZpfoSXpPvq9xR.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Konami)</span></figcaption></figure><p>Controls have also been redesigned for modern sensibilities. They are now fully remappable, and the default mapping is more like a modern third-person layout, with aiming and firing handled by the trigger buttons rather than the bumpers. PS5 users like me also get haptic feedback from the DualSense controller, which makes the experience even more immersive.</p><p>Metal Gear Solid: Delta features modern controls and is much easier to play than the PS2 original. While MGS4 has better controls than its predecessor, the updated Delta is far superior in this regard. I only completed the first act of MGS4 and found the gun controls cumbersome compared with those of a modern shooter. Aiming and shooting feel stiff and imprecise. I’m guessing (or hoping) I’ll acclimate to the shooting mechanics with more time. I guess this is a drawback of sticking so close to the original game.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mnd8LpGvFQdYPYHfWxw6k3" name="Metal Gear Solid: Master Collection Vol. 2" alt="Metal Gear Solid: Master Collection Vol. 2" src="https://cdn.mos.cms.futurecdn.net/mnd8LpGvFQdYPYHfWxw6k3.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Konami)</span></figcaption></figure><p>But in fairness to Metal Gear Solid 4, it’s primarily not a shooting game. It’s a stealth game where sneaking around and going unnoticed is at the core. And it still excels in that area, thanks to mechanics like active camouflage, using objects as distractions, and, of course, hiding inside a cardboard box. Sure, Metal Gear Solid V has more refined stealth mechanics and gameplay, but MGS4 is no slouch in this department.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-WVk9yO"></div>                            </div>                            <script src="https://kwizly.com/embed/WVk9yO.js" async></script><h2 id="war-never-changes">War never changes</h2><p>While it would’ve been nice if Metal Gear Solid 4 received the same remake treatment as Metal Gear Solid 3, I’d rather have an almost direct port of this long-lost game than nothing at all.</p><p>Even if it’s missing Metal Gear Online and has no new missions, I’m just glad I can finally relive one of my all-time favorite games. Hopefully, this opens the door for a major remake down the line. Regardless, Metal Gear Solid 4 is back—and it’s a glorious return indeed!</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/xbox/xbox-helix-will-battle-ps6-with-great-family-of-devices-heres-what-microsoft-needs-to-do-to-win-gamers-back">Xbox Helix will battle PS6 with 'great family of devices' — here's what Microsoft needs to do to win gamers back</a></li><li><a href="https://www.tomsguide.com/computing/gaming-desktops/hp-omen-max-45l-review">I just tested the HP Omen Max 45L and it's a seriously powerful gaming PC — but it'll crush your wallet</a></li><li><a href="https://www.tomsguide.com/gaming/marvel-tokon-fighting-souls-review">I’ve played fighting games for 35 years — and Marvel Tōkon is now one of my all-time favorites</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/metal-gear-solid-4-on-ps5-is-an-almost-perfect-port-of-my-favorite-ps3-exclusive</link>
                                                                            <description>
                            <![CDATA[ Metal Gear Solid 4 is finally available outside the PS3 thanks to the Metal Gear Solid: Master Collection Vol. 2. Here's how it stacks up in 2026. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">8JHVMbeDk92PQsrQBFjeFA</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/EMzUAcPBFdy2BvjLJBUd4Y-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Wed, 02 Sep 2026 06:30:00 +0000</pubDate>                                                                                                                                <updated>Wed, 02 Sep 2026 11:32:27 +0000</updated>
                                                                                                                                            <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ tony.polanco@futurenet.com (Tony Polanco) ]]></author>                    <dc:creator><![CDATA[ Tony Polanco ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/atzRNqFt5wYgEUPBDahWsD.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/EMzUAcPBFdy2BvjLJBUd4Y-1280-80.jpg">
                                                            <media:credit><![CDATA[Konami]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Metal Gear Solid: Master Collection Vol. 2]]></media:description>                                                            <media:text><![CDATA[Metal Gear Solid: Master Collection Vol. 2]]></media:text>
                                <media:title type="plain"><![CDATA[Metal Gear Solid: Master Collection Vol. 2]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/EMzUAcPBFdy2BvjLJBUd4Y-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Thanks to the newly released Metal Gear Solid: Master Collection Vol 2, Metal Gear Solid 4: Guns of the Patriots is finally playable outside the PS3. To be honest, this is a day I never thought would happen, given how difficult it is to port PS3 games because of that system’s infamous Cell architecture. I gained some hope when Metal Gear Solid: Master Collection Vol. 1 arrived, and now that glint of hope has become reality.</p><p>I bought my original PS3 in early 2008, anticipating Metal Gear Solid 4’s launch. I was already a huge fan of the franchise, with Metal Gear Solid 3 being my favorite game of all time. The iconic E3 2007 trailer and other pre-launch previews only whetted my appetite for MGS4. The final product exceeded my expectations and became my obsession that summer. So you can understand how excited I am to finally play it on modern hardware.</p><p>While the Master Collection Vol. 2 also contains Metal Gear Solid: Peace Walker (another favorite of mine) and the once Game Boy-exclusive Ghost Babel, I want to focus on MGS4, since that’s this collection’s crowning jewel and a title I’ve waited almost two decades to replay. Though I wouldn’t recommend this for first-time Metal Gear players, it’s a must for anyone who originally played it all those eons ago or didn’t own a PS3 back in the day. Here’s why.</p><div class="product"><a data-dimension112="a38c9f06-a645-11f1-8dd2-f566e99b96b5" data-action="Deal Block" data-label="Metal Gear Solid: Master Collection Vol. 2" data-dimension48="Metal Gear Solid: Master Collection Vol. 2" data-dimension25="$49" href="https://www.amazon.com/METAL-GEAR-SOLID-MASTER-COLLECTION-Vol/dp/B0GMLLHCQR?th=1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1180px;"><p class="vanilla-image-block" style="padding-top:127.12%;"><img id="eFmsYfmjKpBCsdbNjRMLfM" name="Metal Gear Solid Master Collection Vol. 2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/eFmsYfmjKpBCsdbNjRMLfM.jpg" mos="" align="middle" fullscreen="" width="1180" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Metal Gear Solid: Master Collection Vol. 2 finally brings the classic Metal Gear Solid 4: Guns of the Patriots from the PS3 and to modern consoles. In addition to that game, this collection has Metal Gear Solid: Peace Walker and Metal Gear Solid: Ghost Babel.<a class="view-deal button" href="https://www.amazon.com/METAL-GEAR-SOLID-MASTER-COLLECTION-Vol/dp/B0GMLLHCQR?th=1" target="_blank" rel="nofollow" data-dimension112="a38c9f06-a645-11f1-8dd2-f566e99b96b5" data-action="Deal Block" data-label="Metal Gear Solid: Master Collection Vol. 2" data-dimension48="Metal Gear Solid: Master Collection Vol. 2" data-dimension25="$49">View Deal</a></p></div><h2 id="sharper-visuals">Sharper visuals</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RedRwJDRjhxHhzNDbKUNrM" name="Metal Gear Solid: Master Collection Vol. 2" alt="Metal Gear Solid: Master Collection Vol. 2" src="https://cdn.mos.cms.futurecdn.net/RedRwJDRjhxHhzNDbKUNrM.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Konami)</span></figcaption></figure><p>Unlike <a href="https://www.tomsguide.com/gaming/metal-gear-solid-delta-snake-eater-review">Metal Gear Solid: Delta</a>, which is a complete remake from the ground up of Metal Gear Solid 3, Metal Gear Solid 4: Guns of the Patriots in Master Collection Vol. 2 is a native port of the 2008 PS3 original. Basically, it’s the same game as before, but with smoother performance, sharper resolution, drastically reduced load times, and some quality-of-life features.</p><p>The visuals are an interesting mix. While characters and character models are generally highly detailed, some background elements remain low-resolution, which can be jarring in certain segments, such as two detailed characters sitting at a pixelated table. Despite that, and likely because the game has a more stylized look, the visuals hold up pretty well in 2026, though they still show their age in spots.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mzQdBaFWhfH53bXXpt2Zfd" name="Metal Gear Solid: Master Collection Vol. 2" alt="Metal Gear Solid: Master Collection Vol. 2" src="https://cdn.mos.cms.futurecdn.net/mzQdBaFWhfH53bXXpt2Zfd.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Konami)</span></figcaption></figure><p>Performance is the big win here, as the game now runs at a steady 60 frames per second. I still remember feeling slightly disappointed that the original game ran at 30 fps, since the E3 trailer ran at 60. Now the game runs as well as that legendary trailer. I played this game on the PS5 Pro, which also supports 4K resolution, so I can’t speak to how it performs on other platforms. Based on the reviews I’ve seen, most players will have a smooth experience.</p><p>MGS4 was notorious for extremely long loading times, especially when transitioning between acts, which took so long that the game's protagonist, Solid Snake, would take a smoke break during them! You can still access this for fun, but it’s no longer part of the core experience. This is probably for the best, as Old Man Snake shouldn’t be smoking in the first place!</p><h2 id="streamlined-gameplay">Streamlined gameplay</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fSW2N6MebZpfoSXpPvq9xR" name="Metal Gear Solid: Master Collection Vol. 2" alt="Metal Gear Solid: Master Collection Vol. 2" src="https://cdn.mos.cms.futurecdn.net/fSW2N6MebZpfoSXpPvq9xR.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Konami)</span></figcaption></figure><p>Controls have also been redesigned for modern sensibilities. They are now fully remappable, and the default mapping is more like a modern third-person layout, with aiming and firing handled by the trigger buttons rather than the bumpers. PS5 users like me also get haptic feedback from the DualSense controller, which makes the experience even more immersive.</p><p>Metal Gear Solid: Delta features modern controls and is much easier to play than the PS2 original. While MGS4 has better controls than its predecessor, the updated Delta is far superior in this regard. I only completed the first act of MGS4 and found the gun controls cumbersome compared with those of a modern shooter. Aiming and shooting feel stiff and imprecise. I’m guessing (or hoping) I’ll acclimate to the shooting mechanics with more time. I guess this is a drawback of sticking so close to the original game.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mnd8LpGvFQdYPYHfWxw6k3" name="Metal Gear Solid: Master Collection Vol. 2" alt="Metal Gear Solid: Master Collection Vol. 2" src="https://cdn.mos.cms.futurecdn.net/mnd8LpGvFQdYPYHfWxw6k3.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Konami)</span></figcaption></figure><p>But in fairness to Metal Gear Solid 4, it’s primarily not a shooting game. It’s a stealth game where sneaking around and going unnoticed is at the core. And it still excels in that area, thanks to mechanics like active camouflage, using objects as distractions, and, of course, hiding inside a cardboard box. Sure, Metal Gear Solid V has more refined stealth mechanics and gameplay, but MGS4 is no slouch in this department.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-WVk9yO"></div>                            </div>                            <script src="https://kwizly.com/embed/WVk9yO.js" async></script><h2 id="war-never-changes">War never changes</h2><p>While it would’ve been nice if Metal Gear Solid 4 received the same remake treatment as Metal Gear Solid 3, I’d rather have an almost direct port of this long-lost game than nothing at all.</p><p>Even if it’s missing Metal Gear Online and has no new missions, I’m just glad I can finally relive one of my all-time favorite games. Hopefully, this opens the door for a major remake down the line. Regardless, Metal Gear Solid 4 is back—and it’s a glorious return indeed!</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/xbox/xbox-helix-will-battle-ps6-with-great-family-of-devices-heres-what-microsoft-needs-to-do-to-win-gamers-back">Xbox Helix will battle PS6 with 'great family of devices' — here's what Microsoft needs to do to win gamers back</a></li><li><a href="https://www.tomsguide.com/computing/gaming-desktops/hp-omen-max-45l-review">I just tested the HP Omen Max 45L and it's a seriously powerful gaming PC — but it'll crush your wallet</a></li><li><a href="https://www.tomsguide.com/gaming/marvel-tokon-fighting-souls-review">I’ve played fighting games for 35 years — and Marvel Tōkon is now one of my all-time favorites</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ The Blood of Dawnwalker is a dark, moody, ambitious RPG that's brilliant one minute and broken the next ]]></title>
                                                                                                <dc:content><![CDATA[ <div  class="fancy-box"><div class="fancy_box-title">The Blood of Dawnwalker review: Specs</div><div class="fancy_box_body"><p class="fancy-box__body-text"><strong>Platforms: </strong>Xbox Series X (reviewed) PS5, PC<br><strong>Price: </strong>$69 / £59 / AU$109<br><strong>Release Date: </strong>September 3, 2026<br><strong>Genre:</strong> RPG</p></div></div><p>There's a particular weight to a debut made by veterans. New studio Rebel Wolves is staffed by several developers who built <a href="https://www.tomsguide.com/gaming/im-so-school-of-the-wolf-the-witchers-doug-cockle-on-21-years-as-the-voice-of-geralt-of-rivia">The Witcher 3: Wild Hunt</a>, and The Blood of Dawnwalker never lets you forget it. From its opening scene, this dark vampire RPG carries the DNA of one of the greatest games ever made, setting a bar almost nothing could clear.</p><p>It doesn't clear it. What's surprising is how often it gets close, and how compelling it stays even while stumbling. You play Coen, a peasant in the plague-ravaged 14th-century valley of Vale Sangora who's turned into a Dawnwalker, human by day and vampire by night, then given 30 days (and 30 nights) to save his family from the vampire lord Brencis. </p><p>Around that hook sits some of the sharpest writing and bleakest atmosphere I've seen in an RPG this year, alongside a barren open world, clunky combat and a pile of technical rough edges.</p><p>The result is a game I spent hours wanting to defend and, minutes later, wanting to throw a controller at. It's ambitious to a fault, flawed in ways a debut studio can be forgiven for, and stuffed with ideas worth celebrating. Whether it's for you comes down to how much jank you'll happily wade through for a great story.</p><h2 id="the-blood-of-dawnwalker-the-basics">The Blood of Dawnwalker: The Basics</h2><ul><li><strong>What is it? </strong>A dark-fantasy action RPG set in a 14th-century valley ruled by vampires. You play Coen, a Dawnwalker who's human by day and vampire by night, racing a 30-day clock to save his family and topple the vampire lord Brencis.</li><li><strong>Who is it for? </strong>Fans of sprawling, story-driven RPGs first and foremost, along with anyone who prizes atmosphere and morally gray choices over polished, fluid action. Witcher fans will feel especially at home.</li><li><strong>What’s the price? </strong>The Blood of Dawnwalker is<strong> </strong><a href="https://www.amazon.com/BLOOD-DAWNWALKER-Day-PlayStation-5/dp/B0GWGTH4LF/" target="_blank" rel="nofollow">$69 at Amazon</a>. There's also a <a href="https://store.bandainamcoent.com/games/dawnwalker/dawnwalker/collectors-edition" target="_blank" rel="nofollow">Collector's Edition for $199</a> with physical extras.</li><li><strong>What other games has the developer made? </strong>None yet — this is Rebel Wolves' first game. The studio was founded by CD Projekt Red veterans, including director Konrad Tomaszkiewicz, who worked on <em>The </em>Witcher 3: Wild Hunt.</li><li><strong>What games is it similar to? </strong>The Witcher 3 above all, with directional combat reminiscent of Kingdom Come: Deliverance<em>. </em></li></ul><h2 id="a-land-worth-getting-lost-in">A land worth getting lost in </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="rbofXLa9biryMjuvpr7gKY" name="the-blood-of-dawnwalker-screenshot-02" alt="Screenshot from The Blood of Dawnwalker preview event" src="https://cdn.mos.cms.futurecdn.net/rbofXLa9biryMjuvpr7gKY.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rebel Wolves / Bandai Namco Entertainment)</span></figcaption></figure><p>Blood of the Dawnwalker’s setup is the easiest thing to love. Vale Sangora has traded one horror for another: its old despot is gone, overthrown by Brencis, an ancient vampire hailed by many as a savior even as he drains the people he 'protects'. </p><p>The game commits fully to that bleakness, and it's better for it. Instead of a power fantasy, this is a story about fear, compromise and the slow rot of living under monsters. It subverts vampire mythology rather than leaning on it, which makes the whole thing feel fresh and memorable.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="XEBWUzpT5fzd5SPyptZRfU" name="The Blood of Dawnwalker" alt="The Blood of Dawnwalker" src="https://cdn.mos.cms.futurecdn.net/XEBWUzpT5fzd5SPyptZRfU.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Character work is where the writing really flexes. Nearly everyone has a story to uncover through conversation, and the side threads you follow while recruiting allies are often more interesting than the main quest. Many play out as small mysteries you unravel using Coen's Focus ability, this game's take on Witcher senses, which casts you as a kind of fantasy detective.</p><p>One character lets the side down. Cohen himself. For a lead surrounded by such vivid people, he's a bit bland, for lack of a better term: too self-serious. To be fair, if I'd been through what he has, turned into a monster with his family torn apart and a whole valley of horrors to trudge through, I'd be miserable too, and the game earns that gloom. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Pym6bRKsxK38aQ9zY3VNo3" name="The Blood of Dawnwalker" alt="The Blood of Dawnwalker" src="https://cdn.mos.cms.futurecdn.net/Pym6bRKsxK38aQ9zY3VNo3.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>But there's a difference between a character who's understandably grim and one who's simply underwritten, and Coen too often feels like the latter. He'll head somewhere, a crypt for example, and mutter that the place makes his skin crawl, which lands strangely coming from a literal vampire, and a Dawnwalker at that. </p><p>What frustrates me the most is the awkward middle ground he occupies. He's not quite fleshed out enough to stand on his own as a fully realized protagonist, yet not customizable enough to work as the blank slate you can pour yourself into. </p><p>I kept waiting for him to grow an edge beyond his vampiric abilities, or a point of view worth following, and, ultimately, I wanted more from him than I got.</p><h2 id="powers-time-and-the-art-of-making-a-villain-angry">Powers, time and the art of making a villain angry</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="d44ZUBVpsh4CQHWdX9fVXk" name="The Blood of Dawnwalker" alt="The Blood of Dawnwalker" src="https://cdn.mos.cms.futurecdn.net/d44ZUBVpsh4CQHWdX9fVXk.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Coen's toolkit is the moment-to-moment highlight. You can bite an enemy's neck to claw back health, unlock satisfying swordsmanship skills, use haste to transform into a wolf and tear across the map, or compel a corpse to relive its final moments and reveal what happened before it died. These powers are inventive, and they make Coen feel distinct even when his dialogue doesn't.</p><p>The infamy system is the other pleasant surprise. Disrupt Brencis's operations and you provoke him. Push far enough and you'll bait the old monster into confronting you before you're ready. It gives the recruit-and-sabotage structure a real pressure valve and makes the villain feel present.</p><p>The headline mechanic, time, is harder to judge. You spend days and nights as a resource on quests, travel and leveling. In principle it's a smart rebuke to open-world bloat. In practice, I'm not yet sure what it's for. The pressure hasn't bitten, and since I haven't reached the endgame, I can't tell you whether it pays off, feeds replayability, or mostly exists to flip you between day and night. </p><h2 id="a-chess-match-with-the-pieces-glued-down">A chess match with the pieces glued down</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="SEZYxGaKXqNJffyjsQiQqf" name="The Blood of Dawnwalker" alt="The Blood of Dawnwalker" src="https://cdn.mos.cms.futurecdn.net/SEZYxGaKXqNJffyjsQiQqf.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Combat is where I'm most torn. The directional system, where you read an enemy's angle and block or riposte to open them up, can feel like a fun little chess match. When it clicks, prying a foe apart is satisfying, and that tactical core does a lot to hold the game together.</p><p>But it never evolves. Enemy variety is thin, so you're solving the same handful of puzzles for dozens of hours. Movement is jagged and imprecise almost all the time, turning what should be fluid duels into a clunky arcade brawl. </p><p>I lost count of how often I got wedged into a corner mid-dodge while enemies swarmed me, or ended up fighting the camera. At its worst, the combat can feel a step behind the modern RPGs it's competing with, which is a shame given the talent behind it. The foundations are here; they just need more time in the forge. </p><h2 id="when-the-polish-flickers">When the polish flickers</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="dK4xGXba2CUPX9EdtjAW8b" name="The Blood of Dawnwalker" alt="The Blood of Dawnwalker" src="https://cdn.mos.cms.futurecdn.net/dK4xGXba2CUPX9EdtjAW8b.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>For all the care poured into its world, the game hadn't quite ironed out its technical creases during my playthrough. Some of this may well improve with patches. </p><p>As it stands, though, the technical side can be rough: textures load in halfway through cutscenes, frame pacing stumbles in busier areas, and bugs are frequent, including swords floating in mid-air with nobody holding them. </p><p>My least-favorite moment came from using the vampiric teleport to reach a rooftop, only to rematerialize stuck against the wrong side of the building, not on top of it.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="KFT93nZhMTfpZLB6ejLMLY" name="the-blood-of-dawnwalker-screenshot-11" alt="Screenshot from The Blood of Dawnwalker preview event" src="https://cdn.mos.cms.futurecdn.net/KFT93nZhMTfpZLB6ejLMLY.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rebel Wolves / Bandai Namco Entertainment)</span></figcaption></figure><p>The frustrating part is how good it looks when it holds together. Once textures fully load and everything turns glossy, certain vistas are a treat, and the strange little dungeons dotted across the map are consistently cool to explore. </p><p>The polish is in there. It just flickers in and out too often, puncturing the immersion the writing works so hard to build.</p><h2 id="the-blood-of-dawnwalker-review-verdict">The Blood of Dawnwalker review: Verdict</h2><p>The Blood of Dawnwalker is a game of loud highs and frustrating lows, and where you land depends entirely on what you want from it. If you're after a fluid, polished action RPG, the jagged movement, repetitive combat and technical issues might grind you down. But if you're here for a dark, uncompromising story packed with fascinating characters and surprises that keep you guessing, there's plenty to sink your teeth into. </p><p>It's the kind of game that inevitably becomes a cult classic: undeniably flawed and still capable of winning over players willing to look past them. It needs a lot of post-launch work from Rebel Wolves, particularly on the performance front, before it lands where players will be fully happy. But I keep wanting to come back to it, and I'll be seeing it through to the end. For a debut this bold, that counts for a lot.</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/the-blood-of-dawnwalker-review</link>
                                                                            <description>
                            <![CDATA[ The Blood of Dawnwalker is a superbly written vampire RPG undercut by clunky combat and rough performance. It’s ambitious, flawed, and worth it for the story. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">d4jWhfjBA7jCRpxEyF57pm</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/xGgQfgYiAfJ8hWLJXEKjHY-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Tue, 01 Sep 2026 20:25:42 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ kaycee.hill@futurenet.com (Kaycee Hill) ]]></author>                    <dc:creator><![CDATA[ Kaycee Hill ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/xHn6RmpEqg87cvtLwrBu9G.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/xGgQfgYiAfJ8hWLJXEKjHY-1280-80.jpg">
                                                            <media:credit><![CDATA[Rebel Wolves / Bandai Namco Entertainment]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Screenshot from The Blood of Dawnwalker preview event]]></media:description>                                                            <media:text><![CDATA[Screenshot from The Blood of Dawnwalker preview event]]></media:text>
                                <media:title type="plain"><![CDATA[Screenshot from The Blood of Dawnwalker preview event]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/xGgQfgYiAfJ8hWLJXEKjHY-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <div  class="fancy-box"><div class="fancy_box-title">The Blood of Dawnwalker review: Specs</div><div class="fancy_box_body"><p class="fancy-box__body-text"><strong>Platforms: </strong>Xbox Series X (reviewed) PS5, PC<br><strong>Price: </strong>$69 / £59 / AU$109<br><strong>Release Date: </strong>September 3, 2026<br><strong>Genre:</strong> RPG</p></div></div><p>There's a particular weight to a debut made by veterans. New studio Rebel Wolves is staffed by several developers who built <a href="https://www.tomsguide.com/gaming/im-so-school-of-the-wolf-the-witchers-doug-cockle-on-21-years-as-the-voice-of-geralt-of-rivia">The Witcher 3: Wild Hunt</a>, and The Blood of Dawnwalker never lets you forget it. From its opening scene, this dark vampire RPG carries the DNA of one of the greatest games ever made, setting a bar almost nothing could clear.</p><p>It doesn't clear it. What's surprising is how often it gets close, and how compelling it stays even while stumbling. You play Coen, a peasant in the plague-ravaged 14th-century valley of Vale Sangora who's turned into a Dawnwalker, human by day and vampire by night, then given 30 days (and 30 nights) to save his family from the vampire lord Brencis. </p><p>Around that hook sits some of the sharpest writing and bleakest atmosphere I've seen in an RPG this year, alongside a barren open world, clunky combat and a pile of technical rough edges.</p><p>The result is a game I spent hours wanting to defend and, minutes later, wanting to throw a controller at. It's ambitious to a fault, flawed in ways a debut studio can be forgiven for, and stuffed with ideas worth celebrating. Whether it's for you comes down to how much jank you'll happily wade through for a great story.</p><h2 id="the-blood-of-dawnwalker-the-basics">The Blood of Dawnwalker: The Basics</h2><ul><li><strong>What is it? </strong>A dark-fantasy action RPG set in a 14th-century valley ruled by vampires. You play Coen, a Dawnwalker who's human by day and vampire by night, racing a 30-day clock to save his family and topple the vampire lord Brencis.</li><li><strong>Who is it for? </strong>Fans of sprawling, story-driven RPGs first and foremost, along with anyone who prizes atmosphere and morally gray choices over polished, fluid action. Witcher fans will feel especially at home.</li><li><strong>What’s the price? </strong>The Blood of Dawnwalker is<strong> </strong><a href="https://www.amazon.com/BLOOD-DAWNWALKER-Day-PlayStation-5/dp/B0GWGTH4LF/" target="_blank" rel="nofollow">$69 at Amazon</a>. There's also a <a href="https://store.bandainamcoent.com/games/dawnwalker/dawnwalker/collectors-edition" target="_blank" rel="nofollow">Collector's Edition for $199</a> with physical extras.</li><li><strong>What other games has the developer made? </strong>None yet — this is Rebel Wolves' first game. The studio was founded by CD Projekt Red veterans, including director Konrad Tomaszkiewicz, who worked on <em>The </em>Witcher 3: Wild Hunt.</li><li><strong>What games is it similar to? </strong>The Witcher 3 above all, with directional combat reminiscent of Kingdom Come: Deliverance<em>. </em></li></ul><h2 id="a-land-worth-getting-lost-in">A land worth getting lost in </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="rbofXLa9biryMjuvpr7gKY" name="the-blood-of-dawnwalker-screenshot-02" alt="Screenshot from The Blood of Dawnwalker preview event" src="https://cdn.mos.cms.futurecdn.net/rbofXLa9biryMjuvpr7gKY.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rebel Wolves / Bandai Namco Entertainment)</span></figcaption></figure><p>Blood of the Dawnwalker’s setup is the easiest thing to love. Vale Sangora has traded one horror for another: its old despot is gone, overthrown by Brencis, an ancient vampire hailed by many as a savior even as he drains the people he 'protects'. </p><p>The game commits fully to that bleakness, and it's better for it. Instead of a power fantasy, this is a story about fear, compromise and the slow rot of living under monsters. It subverts vampire mythology rather than leaning on it, which makes the whole thing feel fresh and memorable.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="XEBWUzpT5fzd5SPyptZRfU" name="The Blood of Dawnwalker" alt="The Blood of Dawnwalker" src="https://cdn.mos.cms.futurecdn.net/XEBWUzpT5fzd5SPyptZRfU.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Character work is where the writing really flexes. Nearly everyone has a story to uncover through conversation, and the side threads you follow while recruiting allies are often more interesting than the main quest. Many play out as small mysteries you unravel using Coen's Focus ability, this game's take on Witcher senses, which casts you as a kind of fantasy detective.</p><p>One character lets the side down. Cohen himself. For a lead surrounded by such vivid people, he's a bit bland, for lack of a better term: too self-serious. To be fair, if I'd been through what he has, turned into a monster with his family torn apart and a whole valley of horrors to trudge through, I'd be miserable too, and the game earns that gloom. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Pym6bRKsxK38aQ9zY3VNo3" name="The Blood of Dawnwalker" alt="The Blood of Dawnwalker" src="https://cdn.mos.cms.futurecdn.net/Pym6bRKsxK38aQ9zY3VNo3.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>But there's a difference between a character who's understandably grim and one who's simply underwritten, and Coen too often feels like the latter. He'll head somewhere, a crypt for example, and mutter that the place makes his skin crawl, which lands strangely coming from a literal vampire, and a Dawnwalker at that. </p><p>What frustrates me the most is the awkward middle ground he occupies. He's not quite fleshed out enough to stand on his own as a fully realized protagonist, yet not customizable enough to work as the blank slate you can pour yourself into. </p><p>I kept waiting for him to grow an edge beyond his vampiric abilities, or a point of view worth following, and, ultimately, I wanted more from him than I got.</p><h2 id="powers-time-and-the-art-of-making-a-villain-angry">Powers, time and the art of making a villain angry</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="d44ZUBVpsh4CQHWdX9fVXk" name="The Blood of Dawnwalker" alt="The Blood of Dawnwalker" src="https://cdn.mos.cms.futurecdn.net/d44ZUBVpsh4CQHWdX9fVXk.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Coen's toolkit is the moment-to-moment highlight. You can bite an enemy's neck to claw back health, unlock satisfying swordsmanship skills, use haste to transform into a wolf and tear across the map, or compel a corpse to relive its final moments and reveal what happened before it died. These powers are inventive, and they make Coen feel distinct even when his dialogue doesn't.</p><p>The infamy system is the other pleasant surprise. Disrupt Brencis's operations and you provoke him. Push far enough and you'll bait the old monster into confronting you before you're ready. It gives the recruit-and-sabotage structure a real pressure valve and makes the villain feel present.</p><p>The headline mechanic, time, is harder to judge. You spend days and nights as a resource on quests, travel and leveling. In principle it's a smart rebuke to open-world bloat. In practice, I'm not yet sure what it's for. The pressure hasn't bitten, and since I haven't reached the endgame, I can't tell you whether it pays off, feeds replayability, or mostly exists to flip you between day and night. </p><h2 id="a-chess-match-with-the-pieces-glued-down">A chess match with the pieces glued down</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="SEZYxGaKXqNJffyjsQiQqf" name="The Blood of Dawnwalker" alt="The Blood of Dawnwalker" src="https://cdn.mos.cms.futurecdn.net/SEZYxGaKXqNJffyjsQiQqf.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Combat is where I'm most torn. The directional system, where you read an enemy's angle and block or riposte to open them up, can feel like a fun little chess match. When it clicks, prying a foe apart is satisfying, and that tactical core does a lot to hold the game together.</p><p>But it never evolves. Enemy variety is thin, so you're solving the same handful of puzzles for dozens of hours. Movement is jagged and imprecise almost all the time, turning what should be fluid duels into a clunky arcade brawl. </p><p>I lost count of how often I got wedged into a corner mid-dodge while enemies swarmed me, or ended up fighting the camera. At its worst, the combat can feel a step behind the modern RPGs it's competing with, which is a shame given the talent behind it. The foundations are here; they just need more time in the forge. </p><h2 id="when-the-polish-flickers">When the polish flickers</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="dK4xGXba2CUPX9EdtjAW8b" name="The Blood of Dawnwalker" alt="The Blood of Dawnwalker" src="https://cdn.mos.cms.futurecdn.net/dK4xGXba2CUPX9EdtjAW8b.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>For all the care poured into its world, the game hadn't quite ironed out its technical creases during my playthrough. Some of this may well improve with patches. </p><p>As it stands, though, the technical side can be rough: textures load in halfway through cutscenes, frame pacing stumbles in busier areas, and bugs are frequent, including swords floating in mid-air with nobody holding them. </p><p>My least-favorite moment came from using the vampiric teleport to reach a rooftop, only to rematerialize stuck against the wrong side of the building, not on top of it.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="KFT93nZhMTfpZLB6ejLMLY" name="the-blood-of-dawnwalker-screenshot-11" alt="Screenshot from The Blood of Dawnwalker preview event" src="https://cdn.mos.cms.futurecdn.net/KFT93nZhMTfpZLB6ejLMLY.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rebel Wolves / Bandai Namco Entertainment)</span></figcaption></figure><p>The frustrating part is how good it looks when it holds together. Once textures fully load and everything turns glossy, certain vistas are a treat, and the strange little dungeons dotted across the map are consistently cool to explore. </p><p>The polish is in there. It just flickers in and out too often, puncturing the immersion the writing works so hard to build.</p><h2 id="the-blood-of-dawnwalker-review-verdict">The Blood of Dawnwalker review: Verdict</h2><p>The Blood of Dawnwalker is a game of loud highs and frustrating lows, and where you land depends entirely on what you want from it. If you're after a fluid, polished action RPG, the jagged movement, repetitive combat and technical issues might grind you down. But if you're here for a dark, uncompromising story packed with fascinating characters and surprises that keep you guessing, there's plenty to sink your teeth into. </p><p>It's the kind of game that inevitably becomes a cult classic: undeniably flawed and still capable of winning over players willing to look past them. It needs a lot of post-launch work from Rebel Wolves, particularly on the performance front, before it lands where players will be fully happy. But I keep wanting to come back to it, and I'll be seeing it through to the end. For a debut this bold, that counts for a lot.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I wanted to hate Nvidia’s DLSS 5 ‘AI filter’ — but the real DLSS 5 is photorealistic black magic ]]></title>
                                                                                                <dc:content><![CDATA[ <p>So there I was — Nvidia giving me a full breakdown of what DLSS 5 is and how it works, alongside a chance to play NBA 2K27 on multiple systems to show how it’s evolved from the controversial AI slop filter that divided opinions in the office to something much more refined.</p><p>I thought things were heading in the right direction. But then, modders extracted the leaked DLSS 5 files from 2K27 and stuffed it into unsupported games. The online reaction was immediate and fracturing: half praising the added detail while the other half declared it the AI-filtered destroyer of frame rates.</p><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/tTowPWp3cQc" allowfullscreen></iframe></div></div><p>Now that the embargo has lifted and I can (finally) talk about DLSS 5 (coming September 3 to NBA 2K27 first), as someone who spent time with the official integration, these mods are missing the point. Brute forcing a neural rendering file into a game without engine-level hooks is like judging a luxury car after hot-wiring it with missing spark plugs.</p><h2 id="the-big-question-is-dlss-5-just-an-ai-filter">The big question: is DLSS 5 just an AI filter?</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/4w9bUQZKZ6c7JsnLzuYy8P.jpg" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/HjqdMVf7ovcCsyq9FrJJ8P.jpg" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure></figure><p>So the answer, technically, is no. But there’s a lot to it. When you think about AI filters, they slap a 2D post-processing effect over a completed image. As I quickly learnt when talking to the team behind DLSS 5, this is so much more.</p><p>This is a <strong>3D-guided neural rendering pipeline</strong> — ingesting all that vital 3D geometry data, such as surface normals, semantics of lighting, motion vectors and scene depth, to work <em>within </em>the physical rules of the game engine rather than hallucinating.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mQgB2pqurghoQdopNCHRnM" name="DLSS 5" alt="DLSS 5" src="https://cdn.mos.cms.futurecdn.net/mQgB2pqurghoQdopNCHRnM.jpg" mos="" align="middle" fullscreen="1" width="3840" height="2160" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/mQgB2pqurghoQdopNCHRnM.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Nvidia)</span></figcaption></figure><p>And with all that information, it does something Nvidia calls <strong>real-time determinism</strong>. Think of it like the neural equivalent of when a bar is full — the rendering queue has a one-in/one-out policy. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="n9SYNVP4yTgoCse4GzHQaL" name="DLSS 5" alt="DLSS 5" src="https://cdn.mos.cms.futurecdn.net/n9SYNVP4yTgoCse4GzHQaL.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Nvidia)</span></figcaption></figure><p>Unlike offline video gen models that process chunks of video and take a guess at what it’ll look like (probabilistically), DLSS 5 processes every single frame in real-time to maintain stability between each one (deterministically). </p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/JjiF69QSN3XmKNf8yCVMaP.jpg" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/Uaa37z8HugEzreqYB5Q3aP.jpg" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure></figure><p>This means that instead of seeing somebody’s face change with every scene change in AI-generated video, the neural rendering on offer here doesn’t just imagine something new out of nowhere.</p><h2 id="what-s-new-since-we-saw-dlss-5">What’s new since we saw DLSS 5?</h2><p>When the next generation DLSS was announced earlier this year, the reaction across Tom’s Guide’s gaming Slack channel was swift and severe. The AI beautification of characters felt weird, and Digital Foundry’s test was combed over to see how much of the lighting and atmosphere had changed for the worse.</p><p>Of course, this was an <em>extremely </em>early build, and a lot has changed since then. Nvidia was quick to tell me they should’ve communicated DLSS 5 better at GTC, and Team Green is laying everything out about this new upscaler to us.</p><section class="howto-block">                    <h3>It’s now a lot smaller (and more efficient)</h3>                    <figure>                            <p class="bordeaux-image-check">                                <img    src="https://cdn.mos.cms.futurecdn.net/xVwWU3WNBnHMmPhzWSVfzL.jpg"                                        alt="DLSS 5"                                        onerror="this.parentNode.replaceChild(window.missingImage(),this)"                                        data-pin-media="https://cdn.mos.cms.futurecdn.net/xVwWU3WNBnHMmPhzWSVfzL.jpg"                                        class="expandable van-old-layout-image">                            </p><div class="credit">(Image: © Nvidia)</div></figure>                    <p><p>You may remember old demos of this needing two RTX 5090s to run. Now, just a few months later, I’ve seen it run on a single desktop GPU, GeForce Now and even an RTX 5060 laptop.</p></p>                </section><section class="howto-block">                    <h3>You’ve got a choice of three models</h3>                    <figure>                            <p class="bordeaux-image-check">                                <img    src="https://cdn.mos.cms.futurecdn.net/CuDozKyrNfVXvXdGPn7vQQ.jpg"                                        alt="DLSS 5"                                        onerror="this.parentNode.replaceChild(window.missingImage(),this)"                                        data-pin-media="https://cdn.mos.cms.futurecdn.net/CuDozKyrNfVXvXdGPn7vQQ.jpg"                                        class="expandable van-old-layout-image">                            </p><div class="credit">(Image: © Nvidia)</div></figure>                    <p><p>Models A, B and C all do the same thing, but are trained in slightly different ways to provide different looks. Model A seems to be more contrasty with its lighting, Model C looks to brighten faces and objects more, and B lands right in the middle.</p></p>                </section><section class="howto-block">                    <h3>Structure and tone sliders</h3>                    <figure>                            <p class="bordeaux-image-check">                                <img    src="https://cdn.mos.cms.futurecdn.net/tSw8MdDZPLg5JyAaKMYZpQ.jpg"                                        alt="DLSS 5"                                        onerror="this.parentNode.replaceChild(window.missingImage(),this)"                                        data-pin-media="https://cdn.mos.cms.futurecdn.net/tSw8MdDZPLg5JyAaKMYZpQ.jpg"                                        class="expandable van-old-layout-image">                            </p><div class="credit">(Image: © Nvidia)</div></figure>                    <p><p>Developers have the tools to adjust details with sliders. These can be both from a high level dial that turns everything up and down to specific details separate of color tones and lighting.</p></p>                </section><section class="howto-block">                    <h3>Automasking</h3>                    <figure>                            <p class="bordeaux-image-check">                                <img    src="https://cdn.mos.cms.futurecdn.net/yHeDb7BKEgwj37xPCyTqrP.jpg"                                        alt="DLSS 5"                                        onerror="this.parentNode.replaceChild(window.missingImage(),this)"                                        data-pin-media="https://cdn.mos.cms.futurecdn.net/yHeDb7BKEgwj37xPCyTqrP.jpg"                                        class="expandable van-old-layout-image">                            </p><div class="credit">(Image: © Nvidia)</div></figure>                    <p><p>On top of that, masks for neural enhancement can be applied exclusively to specific character models without touching a single thing around them.</p></p>                </section><p>Put simply, Nvidia’s providing some very strong tools here, but ensuring artistic intent remains at the heart of how you work with them — rather than having them replace the artistry.</p><h2 id="performance-reality-check">Performance reality check</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/fZTFuryubHFp9s5jRHKMHH.jpg" alt="NBA 2K27" /><figcaption><small role="credit">Nvidia / 2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/U78k4rErwqZWfTCkwrekUH.jpg" alt="NBA 2K27" /><figcaption><small role="credit">Nvidia / 2K Games</small></figcaption></figure></figure><p>If you were to look at the DLSS 5-injected modding over the weekend, it’d be fair to believe that frame rate takes a huge hit when doing this frame-by-frame neural rendering.</p><p>However, that’s not the experience I had across multiple tiers of systems playing the official DLSS 5 integration on NBA 2K27. Now, it’s worth noting that these demos I tried all had multi-frame generation turned on and ramped up too.</p><p>Frame counts were not turned on, so I can’t give you anything more numbers-wise than what Nvidia has given me here. But what I can confirm is gameplay felt silky smooth with no noticeable latency.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/GQJgtPguVwMYkcPXmk6x5T.png" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/X3KnpMo5oMH3CKRSynyEDT.png" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/S7QuF9kjY7HQVyCY8oprET.png" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure></figure><p>The RTX 5090 desktop rig was of course the star of the show, with frame rates so high that it completely saturated the refresh rate of the gaming monitor. And when played using GeForce Now, it <em>looked </em>like a flawless 120 FPS frame rate.</p><p>But the real star of the show to me is that RTX 5060 laptop. This goes to show the huge work Nvidia’s done to shrink DLSS 5 down and optimize it to run across the entire breadth of its GPUs, and the smoothness felt like it was around the 90-100 FPS mark in play.</p><h2 id="how-does-it-look">How does it look?</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/em2iCp7Ub6HgtSUzvsW6SF.jpg" alt="NBA 2K27" /><figcaption><small role="credit">Nvidia / 2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/LBFMM98tqWqFEYgHyTUjUH.jpg" alt="NBA 2K27" /><figcaption><small role="credit">Nvidia / 2K Games</small></figcaption></figure></figure><p>Visuals-wise, in a game like this that is actively pursuing photorealistic quality in its graphics, DLSS 5 really sings. Whether its the massive improvement in facial textures and definition in hair, the deeper contrast in and more realistic lighting, and the upgrades made to the crowd watching too, everything comes together nicely here.</p><p>If this were to placed on a game that’s more artistically stylized, it would look weird (and you’re seeing that on some of the modded work). Nvidia themselves are clear in saying that developers can just choose not to use it if that is what developers are aiming for.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/ervmMEDXgaQMWYNigs5qmH.jpg" alt="NBA 2K27" /><figcaption><small role="credit">Nvidia / 2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/bY7zJQEB8rcYiXznuv8BYH.jpg" alt="NBA 2K27" /><figcaption><small role="credit">Nvidia / 2K Games</small></figcaption></figure></figure><p>But in the case of NBA 2K27, the updates made to DLSS 5 since we last saw the super filtered looks from previous are really evident. The changes are more nuanced, and with the granular levels of control, they make a big positive difference to my eyes.</p><h2 id="a-specialized-weapon">A specialized weapon</h2><p>So let’s get down to brass tacks. DLSS 5 is built specifically to bridge the uncanny valley in photorealistic titles. It won’t make sense for cel-shared or heavily stylized indie games. But for sports sims, cinematic shooters and immersive open worlds, to my eyes and early impressions, this feels like a generational leap.</p><p>Of course, I want to test it more to be definitive about it, which is what I’ll absolutely do when it officially drops on September 3rd with NBA 2K27 across RTX 50-series systems and GeForce Now.</p><p>One thing is clear: this isn’t an AI filter — it’s the start of real-time neural rendering. I'm looking forward to seeing how it develops, and how the people will respond to it.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-OaLGwW"></div>                            </div>                            <script src="https://kwizly.com/embed/OaLGwW.js" async></script><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/computing/gaming-laptops/i-tested-6-rtx-spark-laptops-for-gaming-and-the-winner-completely-shocked-me">I tested 6 RTX Spark laptops for gaming — and the winner completely shocked me</a></li><li><a href="https://www.tomsguide.com/gaming/playstation/as-a-pc-snob-i-wanted-to-catch-gta-6-making-console-compromises-instead-im-in-awe-of-the-trickery">As a PC snob, I wanted to catch GTA 6 making console compromises. Instead, I’m in awe of the trickery</a></li><li><a href="https://www.tomsguide.com/computing/gpus/i-tested-nvidias-new-dlss-4-5-ray-reconstruction-it-finally-fixes-path-tracings-biggest-flaw-but-heres-the-reality-check">I tested NVIDIA’s new DLSS 4.5 Ray Reconstruction — it finally fixes path tracing’s biggest flaw, but here’s the reality check</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/pc-gaming/i-tested-the-real-dlss-5-forget-the-leaked-mods-its-not-an-ai-filter-this-is-nvidias-photorealistic-game-changer</link>
                                                                            <description>
                            <![CDATA[ I tested official DLSS 5 in NBA 2K27. Forget the leaked mods — here is why Nvidia's 3D-guided neural rendering pipeline is a photorealistic game-changer. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">VkkzRDt6JbL53rYUrTH3zc</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/yqb8cdrEp58qDStyShw9e3-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Tue, 01 Sep 2026 16:24:22 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[PC Gaming]]></category>
                                                    <category><![CDATA[GPUs]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                    <category><![CDATA[Computing Peripherals]]></category>
                                                    <category><![CDATA[Computing Hardware]]></category>
                                                                                                                    <dc:creator><![CDATA[ Jason England ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/v4fSq5U4uZUEtGY2BwNuJ6.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Jason brings a decade of tech and gaming journalism experience to his role as a Managing Editor of Computing at Tom&#039;s Guide. He has previously written for Laptop Mag, Tom&#039;s Hardware, Kotaku, Stuff and BBC Science Focus. In his spare time, you&#039;ll find Jason looking for good dogs to pet or thinking about eating pizza if he isn&#039;t already.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/yqb8cdrEp58qDStyShw9e3-1280-80.jpg">
                                                            <media:credit><![CDATA[Nvidia / Future]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[DLSS 5]]></media:description>                                                            <media:text><![CDATA[DLSS 5]]></media:text>
                                <media:title type="plain"><![CDATA[DLSS 5]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/yqb8cdrEp58qDStyShw9e3-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>So there I was — Nvidia giving me a full breakdown of what DLSS 5 is and how it works, alongside a chance to play NBA 2K27 on multiple systems to show how it’s evolved from the controversial AI slop filter that divided opinions in the office to something much more refined.</p><p>I thought things were heading in the right direction. But then, modders extracted the leaked DLSS 5 files from 2K27 and stuffed it into unsupported games. The online reaction was immediate and fracturing: half praising the added detail while the other half declared it the AI-filtered destroyer of frame rates.</p><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/tTowPWp3cQc" allowfullscreen></iframe></div></div><p>Now that the embargo has lifted and I can (finally) talk about DLSS 5 (coming September 3 to NBA 2K27 first), as someone who spent time with the official integration, these mods are missing the point. Brute forcing a neural rendering file into a game without engine-level hooks is like judging a luxury car after hot-wiring it with missing spark plugs.</p><h2 id="the-big-question-is-dlss-5-just-an-ai-filter">The big question: is DLSS 5 just an AI filter?</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/4w9bUQZKZ6c7JsnLzuYy8P.jpg" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/HjqdMVf7ovcCsyq9FrJJ8P.jpg" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure></figure><p>So the answer, technically, is no. But there’s a lot to it. When you think about AI filters, they slap a 2D post-processing effect over a completed image. As I quickly learnt when talking to the team behind DLSS 5, this is so much more.</p><p>This is a <strong>3D-guided neural rendering pipeline</strong> — ingesting all that vital 3D geometry data, such as surface normals, semantics of lighting, motion vectors and scene depth, to work <em>within </em>the physical rules of the game engine rather than hallucinating.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mQgB2pqurghoQdopNCHRnM" name="DLSS 5" alt="DLSS 5" src="https://cdn.mos.cms.futurecdn.net/mQgB2pqurghoQdopNCHRnM.jpg" mos="" align="middle" fullscreen="1" width="3840" height="2160" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/mQgB2pqurghoQdopNCHRnM.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Nvidia)</span></figcaption></figure><p>And with all that information, it does something Nvidia calls <strong>real-time determinism</strong>. Think of it like the neural equivalent of when a bar is full — the rendering queue has a one-in/one-out policy. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="n9SYNVP4yTgoCse4GzHQaL" name="DLSS 5" alt="DLSS 5" src="https://cdn.mos.cms.futurecdn.net/n9SYNVP4yTgoCse4GzHQaL.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Nvidia)</span></figcaption></figure><p>Unlike offline video gen models that process chunks of video and take a guess at what it’ll look like (probabilistically), DLSS 5 processes every single frame in real-time to maintain stability between each one (deterministically). </p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/JjiF69QSN3XmKNf8yCVMaP.jpg" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/Uaa37z8HugEzreqYB5Q3aP.jpg" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure></figure><p>This means that instead of seeing somebody’s face change with every scene change in AI-generated video, the neural rendering on offer here doesn’t just imagine something new out of nowhere.</p><h2 id="what-s-new-since-we-saw-dlss-5">What’s new since we saw DLSS 5?</h2><p>When the next generation DLSS was announced earlier this year, the reaction across Tom’s Guide’s gaming Slack channel was swift and severe. The AI beautification of characters felt weird, and Digital Foundry’s test was combed over to see how much of the lighting and atmosphere had changed for the worse.</p><p>Of course, this was an <em>extremely </em>early build, and a lot has changed since then. Nvidia was quick to tell me they should’ve communicated DLSS 5 better at GTC, and Team Green is laying everything out about this new upscaler to us.</p><section class="howto-block">                    <h3>It’s now a lot smaller (and more efficient)</h3>                    <figure>                            <p class="bordeaux-image-check">                                <img    src="https://cdn.mos.cms.futurecdn.net/xVwWU3WNBnHMmPhzWSVfzL.jpg"                                        alt="DLSS 5"                                        onerror="this.parentNode.replaceChild(window.missingImage(),this)"                                        data-pin-media="https://cdn.mos.cms.futurecdn.net/xVwWU3WNBnHMmPhzWSVfzL.jpg"                                        class="expandable van-old-layout-image">                            </p><div class="credit">(Image: © Nvidia)</div></figure>                    <p><p>You may remember old demos of this needing two RTX 5090s to run. Now, just a few months later, I’ve seen it run on a single desktop GPU, GeForce Now and even an RTX 5060 laptop.</p></p>                </section><section class="howto-block">                    <h3>You’ve got a choice of three models</h3>                    <figure>                            <p class="bordeaux-image-check">                                <img    src="https://cdn.mos.cms.futurecdn.net/CuDozKyrNfVXvXdGPn7vQQ.jpg"                                        alt="DLSS 5"                                        onerror="this.parentNode.replaceChild(window.missingImage(),this)"                                        data-pin-media="https://cdn.mos.cms.futurecdn.net/CuDozKyrNfVXvXdGPn7vQQ.jpg"                                        class="expandable van-old-layout-image">                            </p><div class="credit">(Image: © Nvidia)</div></figure>                    <p><p>Models A, B and C all do the same thing, but are trained in slightly different ways to provide different looks. Model A seems to be more contrasty with its lighting, Model C looks to brighten faces and objects more, and B lands right in the middle.</p></p>                </section><section class="howto-block">                    <h3>Structure and tone sliders</h3>                    <figure>                            <p class="bordeaux-image-check">                                <img    src="https://cdn.mos.cms.futurecdn.net/tSw8MdDZPLg5JyAaKMYZpQ.jpg"                                        alt="DLSS 5"                                        onerror="this.parentNode.replaceChild(window.missingImage(),this)"                                        data-pin-media="https://cdn.mos.cms.futurecdn.net/tSw8MdDZPLg5JyAaKMYZpQ.jpg"                                        class="expandable van-old-layout-image">                            </p><div class="credit">(Image: © Nvidia)</div></figure>                    <p><p>Developers have the tools to adjust details with sliders. These can be both from a high level dial that turns everything up and down to specific details separate of color tones and lighting.</p></p>                </section><section class="howto-block">                    <h3>Automasking</h3>                    <figure>                            <p class="bordeaux-image-check">                                <img    src="https://cdn.mos.cms.futurecdn.net/yHeDb7BKEgwj37xPCyTqrP.jpg"                                        alt="DLSS 5"                                        onerror="this.parentNode.replaceChild(window.missingImage(),this)"                                        data-pin-media="https://cdn.mos.cms.futurecdn.net/yHeDb7BKEgwj37xPCyTqrP.jpg"                                        class="expandable van-old-layout-image">                            </p><div class="credit">(Image: © Nvidia)</div></figure>                    <p><p>On top of that, masks for neural enhancement can be applied exclusively to specific character models without touching a single thing around them.</p></p>                </section><p>Put simply, Nvidia’s providing some very strong tools here, but ensuring artistic intent remains at the heart of how you work with them — rather than having them replace the artistry.</p><h2 id="performance-reality-check">Performance reality check</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/fZTFuryubHFp9s5jRHKMHH.jpg" alt="NBA 2K27" /><figcaption><small role="credit">Nvidia / 2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/U78k4rErwqZWfTCkwrekUH.jpg" alt="NBA 2K27" /><figcaption><small role="credit">Nvidia / 2K Games</small></figcaption></figure></figure><p>If you were to look at the DLSS 5-injected modding over the weekend, it’d be fair to believe that frame rate takes a huge hit when doing this frame-by-frame neural rendering.</p><p>However, that’s not the experience I had across multiple tiers of systems playing the official DLSS 5 integration on NBA 2K27. Now, it’s worth noting that these demos I tried all had multi-frame generation turned on and ramped up too.</p><p>Frame counts were not turned on, so I can’t give you anything more numbers-wise than what Nvidia has given me here. But what I can confirm is gameplay felt silky smooth with no noticeable latency.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/GQJgtPguVwMYkcPXmk6x5T.png" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/X3KnpMo5oMH3CKRSynyEDT.png" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/S7QuF9kjY7HQVyCY8oprET.png" alt="DLSS 5" /><figcaption><small role="credit">Nvidia</small></figcaption></figure></figure><p>The RTX 5090 desktop rig was of course the star of the show, with frame rates so high that it completely saturated the refresh rate of the gaming monitor. And when played using GeForce Now, it <em>looked </em>like a flawless 120 FPS frame rate.</p><p>But the real star of the show to me is that RTX 5060 laptop. This goes to show the huge work Nvidia’s done to shrink DLSS 5 down and optimize it to run across the entire breadth of its GPUs, and the smoothness felt like it was around the 90-100 FPS mark in play.</p><h2 id="how-does-it-look">How does it look?</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/em2iCp7Ub6HgtSUzvsW6SF.jpg" alt="NBA 2K27" /><figcaption><small role="credit">Nvidia / 2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/LBFMM98tqWqFEYgHyTUjUH.jpg" alt="NBA 2K27" /><figcaption><small role="credit">Nvidia / 2K Games</small></figcaption></figure></figure><p>Visuals-wise, in a game like this that is actively pursuing photorealistic quality in its graphics, DLSS 5 really sings. Whether its the massive improvement in facial textures and definition in hair, the deeper contrast in and more realistic lighting, and the upgrades made to the crowd watching too, everything comes together nicely here.</p><p>If this were to placed on a game that’s more artistically stylized, it would look weird (and you’re seeing that on some of the modded work). Nvidia themselves are clear in saying that developers can just choose not to use it if that is what developers are aiming for.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/ervmMEDXgaQMWYNigs5qmH.jpg" alt="NBA 2K27" /><figcaption><small role="credit">Nvidia / 2K Games</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/bY7zJQEB8rcYiXznuv8BYH.jpg" alt="NBA 2K27" /><figcaption><small role="credit">Nvidia / 2K Games</small></figcaption></figure></figure><p>But in the case of NBA 2K27, the updates made to DLSS 5 since we last saw the super filtered looks from previous are really evident. The changes are more nuanced, and with the granular levels of control, they make a big positive difference to my eyes.</p><h2 id="a-specialized-weapon">A specialized weapon</h2><p>So let’s get down to brass tacks. DLSS 5 is built specifically to bridge the uncanny valley in photorealistic titles. It won’t make sense for cel-shared or heavily stylized indie games. But for sports sims, cinematic shooters and immersive open worlds, to my eyes and early impressions, this feels like a generational leap.</p><p>Of course, I want to test it more to be definitive about it, which is what I’ll absolutely do when it officially drops on September 3rd with NBA 2K27 across RTX 50-series systems and GeForce Now.</p><p>One thing is clear: this isn’t an AI filter — it’s the start of real-time neural rendering. I'm looking forward to seeing how it develops, and how the people will respond to it.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-OaLGwW"></div>                            </div>                            <script src="https://kwizly.com/embed/OaLGwW.js" async></script><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/computing/gaming-laptops/i-tested-6-rtx-spark-laptops-for-gaming-and-the-winner-completely-shocked-me">I tested 6 RTX Spark laptops for gaming — and the winner completely shocked me</a></li><li><a href="https://www.tomsguide.com/gaming/playstation/as-a-pc-snob-i-wanted-to-catch-gta-6-making-console-compromises-instead-im-in-awe-of-the-trickery">As a PC snob, I wanted to catch GTA 6 making console compromises. Instead, I’m in awe of the trickery</a></li><li><a href="https://www.tomsguide.com/computing/gpus/i-tested-nvidias-new-dlss-4-5-ray-reconstruction-it-finally-fixes-path-tracings-biggest-flaw-but-heres-the-reality-check">I tested NVIDIA’s new DLSS 4.5 Ray Reconstruction — it finally fixes path tracing’s biggest flaw, but here’s the reality check</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Xbox Helix will battle PS6 with 'great family of devices' — here's what Microsoft needs to do to win gamers back ]]></title>
                                                                                                <dc:content><![CDATA[ <p>The next Xbox system might not be a single console but a family of devices. That’s not wild speculation, as Xbox CEO Asha Sharma has now hinted at this possibility. </p><p>In an interview with <a href="https://www.youtube.com/watch?v=txuYKwrbq1M" target="_blank">BBC News</a> during Gamescom 2026 (via <a href="https://www.digitaltrends.com/gaming/microsoft-hints-that-its-next-xbox-could-be-more-than-one-console/" target="_blank">Digital Trends</a>), Asha Sharma said that <a href="https://www.tomsguide.com/gaming/xbox/next-xbox-will-play-your-xbox-and-pc-games-new-ceo-promises">Project Helix</a>, which is the codename for the next Xbox console, is a “great family of devices.” Now, you can’t have a family of one, so Sharma’s statement heavily suggests that we could see more than one Helix device.</p><p>We’ve previously reported that <a href="https://www.tomsguide.com/gaming/xbox/microsoft-reveals-new-details-on-its-project-helix-pc-console-hybrid-heres-all-the-latest-on-the-next-xbox">Project Helix could be more akin to a gaming PC</a> than a console, and that Xbox is also reportedly manufacturing its own in-house handheld system. Combine those reports with Sharma’s statement about a family of devices, and we start getting a clearer picture of Microsoft’s potential next-gen plans.</p><h2 id="play-anywhere-the-next-generation">Play anywhere: The next generation</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="gnWdFGjBV35aRhN62rgT5i" name="XboxAppOnSmartTVs_UI_FINAL.jpg" alt="xbox game pass" src="https://cdn.mos.cms.futurecdn.net/gnWdFGjBV35aRhN62rgT5i.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Microsoft)</span></figcaption></figure><p>Xbox’s “Play Anywhere” initiative currently lets you buy a digital game once and play it on your Xbox console, Windows PC, and supported handhelds like the <a href="https://www.tomsguide.com/gaming/handheld-gaming/rog-xbox-ally-review">Asus ROG Xbox Ally</a>. If there is a family of Helix devices, then it seems Xbox will bring the existing Play Anywhere initiative to the next generation.</p><p>So what could this “family” of systems consist of? The Project Helix console could provide the traditional living room experience, while an Xbox-developed handheld could let you take your games on the go. That’s something that currently exists if you own an Xbox Series X and Asus’ Xbox-centric handheld, but what if Xbox goes beyond even this?</p><p>Reports suggest the Helix will be more like a PC, but what if that system is a higher-end model for hardcore players with money to spare? That’s speculation on my part, but if we’re talking about a family of devices, I have to imagine there could be more than just two systems. Given how Xbox already caters to console, handheld, and PC gamers, it’s not outlandish to wonder whether the Helix will exist for all of those customers.</p><h2 id="all-digital-future">All-digital future?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ZF4gnKdCy4MpgFD2q3wFyH" name="shutterstock_1860770944.jpg" alt="Xbox Series X on wooden table." src="https://cdn.mos.cms.futurecdn.net/ZF4gnKdCy4MpgFD2q3wFyH.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Alex Van Aken | Shutterstock)</span></figcaption></figure><p>Ever since <a href="https://www.tomsguide.com/gaming/playstation/playstation-is-officially-killing-physical-discs-heres-when-they-disappear-and-what-that-means-for-you">Sony announced it would stop manufacturing physical discs</a> starting in 2028, many have wondered whether Xbox would follow suit with an all-digital initiative. Asha Sharma hasn't directly answered this question, but if Xbox really wanted to stick it to Sony and potentially win over some of Sony’s disgruntled customers who want physical media, adding a disc drive to the Helix would be a savvy move.</p><p><a href="https://news.xbox.com/en-us/2026/08/26/your-discs-now-also-digital/" target="_blank">Xbox recently launched its disc-to-digital program</a>, which lets you convert eligible physical game discs into permanent digital licenses linked to your Microsoft account. If the company wants to continue this beyond Xbox Series X systems, it would make sense for Helix to either include a disc drive or for Xbox to release a detachable disc drive similar to the one for PS5 Pro.</p><p>It’s still anyone’s guess whether Project Helix will be an all-digital system. Microsoft is still largely a software company, so going all-digital seems logical. That said, if it plans to keep releasing gaming hardware, it would be smart for Helix to support discs in some fashion.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-XZqAkO"></div>                            </div>                            <script src="https://kwizly.com/embed/XZqAkO.js" async></script><h2 id="outlook">Outlook</h2><p>Naturally, we don’t have firm details about what Project Helix will be, so we’ll have to hold tight until Sharma or anyone else from the Xbox camp decides to share more. Regardless, it seems Xbox could be trying something relatively unusual and potentially game-changing for its next major console launch.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/computing/gaming-desktops/hp-omen-max-45l-review">I just tested the HP Omen Max 45L and it's a seriously powerful gaming PC</a></li><li><a href="https://www.tomsguide.com/gaming/playstation/playstation-27-gaming-monitor-review">PlayStation’s 27-inch gaming monitor is perfect for PS5 and PC gamers</a></li><li><a href="https://www.tomsguide.com/computing/android-tablets/the-gargantuan-speaker-on-this-android-tablet-isnt-a-gimmick-i-cant-believe-how-good-it-sounds">The gargantuan speaker on this Android tablet isn’t a gimmick</a></li></ul><div class="vizualizer-embed"><div class="tg-df-widget-host" data-widget-config="?search=gaming&brands=Xbox&min_discount_ratio=0.95&widget_title=Top+Deals+Handpicked+by+Our+Editors&widget_subtitle=Discover+the+best+discounts+currently+available%2C+curated+daily+by+the+Tom%27s+Guide+Savings+Squad.&bg_color=transparent" data-vizualizer-embed="true"></div>    <script>    /**     * Tom's Guide Deals Finder - Vanilla JS Encapsulated Engine     */    (function() {      // --- Freyr Analytics Adapter ---      function initAnalytics() {        window.dataLayer = window.dataLayer || [];        window.googletag = window.googletag || {};        window.googletag.cmd = window.googletag.cmd || [];        window.hawk = window.hawk || { analytics: { freyr: [] } };        window.hawk.analytics = window.hawk.analytics || { freyr: [] };        window.hawk.analytics.freyr = window.hawk.analytics.freyr || [];        window.freyr = window.freyr || { cmd: [] };        const scriptSrc = 'https://freyr.futurecdn.net/freyr.js';        const hostname = typeof window !== 'undefined' ? window.location.hostname : '';        const isTestEnv = typeof window.navigator !== 'undefined' && (window.navigator.webdriver || window.navigator.userAgent.includes('Headless'));        const shouldSendRealAnalytics = !isTestEnv && hostname && hostname !== 'localhost' && hostname !== '127.0.0.1' && !hostname.includes('run.app');        if (shouldSendRealAnalytics && !document.querySelector(`script[src="${scriptSrc}"]`)) {          const script = document.createElement('script');          script.src = scriptSrc;          script.async = true;          document.head.appendChild(script);        }      }      function storeEventForDebug(name, data) {        if (!window.hawk || !window.hawk.analytics || !window.hawk.analytics.freyr) return;        window.hawk.analytics.freyr.push({ name, data });        try {          if (typeof window !== 'undefined' && window.localStorage) {            window.localStorage.setItem("hawk", JSON.stringify(window.hawk));          }        } catch (e) {          // Ignore storage issues        }        try {          window.dispatchEvent(new CustomEvent("hawk-analytics-update"));        } catch (e) {}      }      function sendToFreyr(eventName, data) {        if (typeof window === 'undefined') return;        window.freyr = window.freyr || { cmd: [] };        window.freyr.cmd.push(() => {          if (window.freyr && window.freyr.pushAndUpdate) {            window.freyr.pushAndUpdate(eventName, data);          }        });      }      function sendEvent(event, skip = false) {        try {          storeEventForDebug(event.name, event.data);          if (!skip) {            sendToFreyr(event.name, event.data);          }        } catch (e) {          // Ensure tracking errors don't surface to the user        }      }      function getCookie(name) {        try {          const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));          return match ? match[2] : null;        } catch (e) {          return null;        }      }      function normalizeCurrency(symbol) {        const map = {          '£': 'GBP',          '$': 'USD',          'A$': 'AUD',          'CA$': 'CAD',          '€': 'EUR'        };        return map[symbol] || symbol;      }      function trackElementInteraction(props) {        sendEvent({          name: 'elementInteraction',          data: {            element: {              action: props.action || "click",              id: props.id || undefined,              class: props.class || undefined,              name: props.name || undefined,              text: props.text || undefined,              label: props.label || undefined,              container: props.container || undefined,              url: props.url || undefined,              articleId: props.articleId || undefined            }          }        });      }      function generateRevenueId(url, productName, merchantName, modelId) {        const str = `${window.location.href}|${productName}|${merchantName}|${modelId || ''}|${new Date().toDateString()}|tomsguide`;        let hash = 0;        for (let i = 0; i < str.length; i++) {          const char = str.charCodeAt(i);          hash = ((hash << 5) - hash) + char;          hash = hash & hash;        }        let numericStr = Math.abs(hash).toString();        while (numericStr.length < 19) {          numericStr += Math.floor(Math.random() * 10).toString();        }        return numericStr.substring(0, 19);      }      function rewriteAffiliateLink(url, territory, revenueId) {        if (!url) return url;        const t = (territory || 'gb').toLowerCase();        return url.replace(/hawk-custom-tracking/g, `tomsguide-${t}-${revenueId}`);      }      function trackHawkEvent(params) {        const { clickType, widgetId, productCategoryName, product, productsArray, zeroBasedProductIndexOrNull, totalDealsOrProducts, areaClicked, merchant, revenueId, isoCurrencyCode, queryName, widgetTypeName } = params;        const data = {          event: "hawkEvent",          category: "Affiliates",          affiliate: {            action: {              type: clickType,              id: widgetId,              event: clickType === "appeared" ? "viewed" : "Click from",              timestamp: Date.now()            },            component: {              flag: "Editor",              product: productCategoryName || "deals",              category: `Signal Deal Finder ${widgetTypeName || "Carousel"} widget`,              type: clickType === "appeared" ? "review" : "signal product",              label: queryName || (product ? (product.name || "") : ""),              index: zeroBasedProductIndexOrNull === null || zeroBasedProductIndexOrNull === undefined ? -1 : zeroBasedProductIndexOrNull,              linkCount: totalDealsOrProducts || 0,              blockLayout: "",              areaClicked: areaClicked || ""            }          },          products: productsArray || (product && merchant ? [            {              product: {                primary: {                  id: product.id || product.matchId || null,                  name: product.name,                  type: "deal",                  price: product.price,                  previousPrice: product.previousPrice || null,                  currency: isoCurrencyCode || "USD",                  preorder: false,                  labels: [],                  link: product.link,                  originalLink: product.originalLink || null,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: null,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: product.globalId || null,                  inStock: product.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: isoCurrencyCode || "USD"                }              },              merchant: {                id: merchant.id || null,                name: merchant.name,                url: merchant.url || null,                network: merchant.network || null              },              model: {                id: product.modelId || null,                brand: product.brand || null,                name: product.name,                parent: product.parent || null              }            }          ] : []),          reviews: [],          _clear: true,          "gtm.uniqueEventId": Date.now() % 10000        };        sendEvent({ name: 'hawkEvent', data });      }      function trackDealClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card" });      }      function trackViewSimilarClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card View Similar" });      }      function trackPriceComparisonClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Price Comparison" });      }      function trackReviewClick(params) {        trackHawkEvent({ ...params, clickType: "review", areaClicked: "Signal Product Card Review Link" });      }      function trackShare(params) {        trackHawkEvent({ ...params, clickType: "share", areaClicked: "Signal Product Card Share" });      }      function trackDealsAppeared(widgetId, deals, revenueId, currency, queryName, widgetTypeName) {         if (!deals || deals.length === 0) return;                  const productsArray = deals.slice(0, 50).map((deal) => {            let voucherPct = null;            let rawPrice = parseFloat(deal.rawPrice) || parseFloat(deal.price) || null;            let rawMsrp = parseFloat(deal.rawMsrp) || parseFloat(deal.msrp) || null;            if (rawMsrp > rawPrice && rawPrice > 0) {              voucherPct = Math.round((1 - (rawPrice / rawMsrp)) * 100);            }            let numId = null;            if (deal.externalProductId && !isNaN(parseInt(deal.externalProductId))) {              numId = parseInt(deal.externalProductId);            } else if (deal.id && !isNaN(parseInt(deal.id))) {              numId = parseInt(deal.id);            } else {              numId = deal.matchId || null;            }            return {              product: {                primary: {                  id: numId,                  name: deal.productName || deal.title || "",                  type: "deal",                  price: rawPrice,                  previousPrice: rawMsrp,                  currency: currency || 'USD',                  preorder: false,                  labels: deal.modelBrand || deal.brand ? [                     { type: "brand", value: deal.modelBrand || deal.brand }                  ] : [],                  link: deal.url,                  originalLink: deal.url,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: voucherPct,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: deal.productKey || null,                  inStock: deal.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: currency || 'USD'                }              },              merchant: {                id: deal.merchantId ? parseInt(deal.merchantId) : null,                name: deal.merchant || "Retailer",                url: deal.merchantUrl || null,                network: deal.merchantNetwork || null              },              model: {                id: deal.modelId ? parseInt(deal.modelId) : null,                brand: deal.modelBrand || deal.brand || null,                name: deal.productName || deal.title || "",                parent: deal.modelParent || null              }            };         });                  trackHawkEvent({             clickType: "appeared",             widgetId: widgetId,             productCategoryName: "deals",             zeroBasedProductIndexOrNull: null,             totalDealsOrProducts: deals.length,             productsArray: productsArray,             queryName: queryName,             widgetTypeName: widgetTypeName         });      }      // 1. Setup Shadow DOM Sandbox      const currentScript = document.currentScript;      let hostContainer = null;      let template = null;            if (currentScript) {        let prev = currentScript.previousElementSibling;        while (prev) {          if (prev.tagName === 'TEMPLATE' && prev.classList.contains('tg-df-widget-template')) {            template = prev;          } else if (prev.tagName === 'DIV' && prev.classList.contains('tg-df-widget-host') && !prev.hasAttribute('data-initialized')) {            hostContainer = prev;            break;          }          prev = prev.previousElementSibling;        }      }            // Fallbacks in case script is deferred      if (!hostContainer) {        const hosts = document.querySelectorAll('.tg-df-widget-host:not([data-initialized])');        if (hosts.length > 0) hostContainer = hosts[0];      }            // Safely embedded template for CMS environments      const rawTemplate = `  \x3Cstyle>    /* --- Shadow DOM Base Reset --- */    *, *::before, *::after {      box-sizing: border-box;    }    img, picture, svg, video {      max-width: 100%;      height: auto;      display: block;    }    /*       1. Scoped CSS for Tom's Guide Deals Widget       All classes are prefixed with \`tg-df-\` to prevent CMS style leakage.    */    .tg-df-container {      container-type: inline-size;      container-name: tg-df;      --tg-df-blue: #1F69FF;      --tg-df-blue-hover: #004d8c;      --tg-df-text: #222222;      --tg-df-text-muted: #555555;      --tg-df-bg: #ffffff;      --tg-df-bg-secondary: #f4f4f4;      --tg-df-border: #e2e8f0;      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;      color: var(--tg-df-text);      background-color: transparent;       width: 100%;      max-width: 1200px;      margin: 0 auto;      padding-bottom: 24px;    }    .tg-df-container *, .tg-df-container *::before, .tg-df-container *::after {      margin: 0;      padding: 0;      box-sizing: border-box;    }    .tg-df-container img {      border: none;      margin: 0;      padding: 0;    }    .tg-df-container a {      text-decoration: none;      color: inherit;    }    /*       2. Search & Filter Bar    */    .tg-df-controls {      display: flex;      flex-direction: column;      align-items: center;      gap: 20px;      margin-bottom: 32px;      width: 100%;    }    .tg-df-top-bar {      display: flex;      width: 100%;      max-width: 760px;      gap: 12px;      align-items: center;    }    .tg-df-search-wrapper {      position: relative;      flex: 1;      width: 100%;      box-shadow: 0 8px 24px rgba(0,0,0,0.06);      border-radius: 40px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      z-index: 100;    }    .tg-df-autocomplete-dropdown {      position: absolute;      top: calc(100% + 4px);      left: 0;      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      max-height: 300px;      overflow-y: auto;      z-index: 200;      display: none;    }    .tg-df-autocomplete-dropdown.active {      display: block;    }    .tg-df-autocomplete-item {      padding: 12px 24px;      cursor: pointer;      font-size: 14px;      color: var(--tg-df-text);      transition: background 0.1s ease;    }    .tg-df-autocomplete-item:hover {      background: var(--tg-df-bg-secondary);    }    .tg-df-search-input {      width: 100%;      padding: 16px 64px 16px 24px;      font-size: 16px;      border: 2px solid transparent;      border-radius: 40px;      outline: none;      transition: border-color 0.2s ease, box-shadow 0.2s ease;      color: var(--tg-df-text);      background: transparent;    }    .tg-df-search-input:focus {      border-color: transparent;      box-shadow: 0 0 0 3px rgba(0, 108, 196, 0.15);    }    .tg-df-search-input::placeholder {      color: #999999;    }        .tg-df-search-btn {      position: absolute;      right: 8px;      top: 50%;      transform: translateY(-50%);      width: 40px;      height: 40px;      border-radius: 50%;      background: #222;      border: none;      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: background 0.2s ease;    }        .tg-df-search-btn:hover {      background: #000;    }    .tg-df-search-icon {      width: 16px;      height: 16px;      fill: #fff;    }    .tg-df-settings-wrapper {      position: relative;    }        .tg-df-settings-btn {      width: 48px;      height: 48px;      border-radius: 50%;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      box-shadow: 0 4px 12px rgba(0,0,0,0.04);      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: all 0.2s ease;      color: var(--tg-df-text-muted);      flex-shrink: 0;    }    .tg-df-settings-btn:hover {      background: var(--tg-df-bg-secondary);      border-color: #0000ff;      color: var(--tg-df-text);    }    .tg-df-settings-btn svg {      width: 24px;      height: 24px;      fill: currentColor;    }    .tg-df-settings-dropdown {      position: absolute;      top: calc(100% + 8px);      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      width: 280px;      padding: 20px;      display: none;      z-index: 100;      flex-direction: column;      gap: 20px;    }    .tg-df-settings-dropdown.active {      display: flex;    }        .tg-df-settings-dropdown-backdrop {      display: none;      position: fixed;      inset: 0;      z-index: 99;    }        .tg-df-settings-dropdown-backdrop.active {      display: block;    }    .tg-df-setting-item {      display: flex;      flex-direction: column;      gap: 10px;    }    .tg-df-setting-label {      font-size: 11px;      font-weight: 700;      color: var(--tg-df-text-muted);      text-transform: uppercase;      letter-spacing: 0.5px;    }        .tg-df-region-select {        padding: 10px 12px;        border-radius: 8px;        border: 1px solid var(--tg-df-border);        font-size: 15px;        outline: none;        background: var(--tg-df-bg-secondary);        color: var(--tg-df-text);        cursor: pointer;        width: 100%;    }    .tg-df-toggle {        position: relative;        display: inline-block;        width: 44px;        height: 24px;        flex-shrink: 0;    }    .tg-df-toggle input {        opacity: 0;        width: 0;        height: 0;    }    .tg-df-slider {        position: absolute;        cursor: pointer;        top: 0; left: 0; right: 0; bottom: 0;        background-color: #ccc;        transition: .2s;        border-radius: 24px;    }    .tg-df-slider:before {        position: absolute;        content: "";        height: 18px;        width: 18px;        left: 3px;        bottom: 3px;        background-color: white;        transition: .2s;        border-radius: 50%;    }    .tg-df-toggle input:checked + .tg-df-slider {        background-color: #1F69FF;    }    .tg-df-toggle input:checked + .tg-df-slider:before {        transform: translateX(20px);    }    .tg-df-dl-row {        flex-direction: row;        align-items: center;        justify-content: space-between;    }    .tg-df-dl-row-text {        font-size: 14px;        font-weight: 600;        color: var(--tg-df-text);    }    .tg-df-dl-row-subtext {        font-size: 12px;        font-weight: 400;        line-height: 1.3;        color: var(--tg-df-text-muted);        margin-top: 4px;        display: block;    }    .tg-df-filters {      display: flex;      gap: 12px;      justify-content: center;      flex-wrap: wrap;    }    .tg-df-sort-wrapper {      position: relative;      display: flex;      align-items: center;    }        .tg-df-sort-icon {      position: absolute;      left: 14px;      width: 14px;      height: 14px;      fill: var(--tg-df-text-muted);      pointer-events: none;    }    .tg-df-sort-select, .tg-df-filter-select {      padding: 10px 36px 10px 38px;      font-size: 14px;      border: 1px solid var(--tg-df-border);      border-radius: 100px;      outline: none;      appearance: none;      background-color: var(--tg-df-bg-secondary);      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");      background-repeat: no-repeat;      background-position: right 14px center;      color: var(--tg-df-text);      cursor: pointer;      font-weight: 500;      transition: all 0.2s ease;    }        .tg-df-price-input::-webkit-outer-spin-button,    .tg-df-price-input::-webkit-inner-spin-button {      -webkit-appearance: none;      margin: 0;    }    .tg-df-price-input {      -moz-appearance: textfield;    }    .tg-df-sort-select:hover, .tg-df-filter-select:hover {      background-color: #e2e8f0;    }    .tg-df-multiselect-container {      position: relative;    }        .tg-df-multiselect-trigger {      display: block;      background: #fff;      user-select: none;      width: 100%;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis;    }        .tg-df-multiselect-dropdown {      display: none;      position: absolute;      top: calc(100% + 4px);      left: 0;      width: 100%;      min-width: 220px;      max-height: 300px;      overflow-y: auto;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);      z-index: 100;      padding: 8px 0;    }    .tg-df-multiselect-dropdown.active {      display: block;    }    .tg-df-ms-option {      padding: 8px 16px;      display: flex;      align-items: center;      gap: 8px;      cursor: pointer;      font-size: 14px;    }    .tg-df-ms-option:hover {      background-color: var(--tg-df-bg-secondary);    }        .tg-df-ms-option input {      cursor: pointer;      accent-color: #1f69ff;    }    .tg-df-sort-select:focus, .tg-df-filter-select:focus {      border-color: #0000ff;      box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.2);      background-color: var(--tg-df-bg);    }    /*       3. Deal Grid Layout    */    .tg-df-grid.tg-df-grid-auto {      padding-top: 24px;    }    .tg-df-grid, .tg-df-grid.layout-grid {      display: grid;      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      gap: 10px;    }    .tg-df-grid.layout-row {      grid-template-columns: 1fr;      gap: 16px;    }        .tg-df-grid.layout-row .tg-df-card {      flex-direction: row;      align-items: stretch;      height: auto;      box-shadow: none;      border-bottom: 1px solid var(--tg-df-border);    }    .tg-df-grid.layout-row .tg-df-card:hover {      box-shadow: none;    }    .tg-df-grid.layout-row .tg-df-card-image-box {      width: 140px;      min-width: 140px;      aspect-ratio: 3/4;      border-right: none;      padding: 16px 16px 16px 32px;    }    .tg-df-grid.layout-row .tg-df-card-body {      padding: 16px;      justify-content: space-between;    }    .tg-df-grid.layout-row .tg-df-card-title {      font-size: 15px;      margin-bottom: 16px;    }    .tg-df-grid.layout-row .tg-df-card-stars { margin-bottom: 8px; }    .tg-df-grid.layout-row .tg-df-card-footer {      flex-direction: column;      align-items: flex-start;      gap: 0;    }    .tg-df-grid.layout-row .tg-df-card-merchant-pill {      margin-bottom: 4px;    }    .tg-df-grid.layout-row .tg-df-card-price-group {      margin-bottom: 8px;    }    .tg-df-grid.layout-row .tg-df-price-group {      width: auto;    }    .tg-df-grid.layout-row .tg-df-card-cta {      width: 100%;      max-width: 200px;      padding: 10px 24px;      font-size: 13px;      flex-shrink: 0;      text-align: center;      justify-content: center;    }    /*       4. Deal Card Design    */    .tg-df-card {      position: relative;      display: flex;      flex-direction: column;      background-color: #ffffff;      border-radius: 0;      overflow: hidden;      transition: transform 0.2s ease, box-shadow 0.2s ease;      text-decoration: none;      color: inherit;      height: 100%;      box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);      border: 1px solid var(--tg-df-border);    }    .tg-df-card:hover {      box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);    }    .tg-df-card-image-box {      width: 100%;      aspect-ratio: 3/4;      background-color: #f8f8f8;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      padding: 32px;      flex: 0 0 auto;    }    .tg-df-card-image {      max-width: 100%;      max-height: 100%;      width: auto;      height: auto;      object-fit: contain;      mix-blend-mode: multiply; /* Helps white background images blend into secondary bg */      transition: transform 0.3s ease;    }    .tg-df-card:hover .tg-df-card-image {      transform: scale(1.05); /* Zoom in on hover */    }    .tg-df-card-discount-badge {      position: absolute;      top: 12px;      left: 12px;      background: #dc2626; /* Red */      color: #ffffff;      padding: 6px 8px;      font-size: 11px;      font-weight: 500;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      z-index: 10;    }        .tg-df-card-merchant-pill {      display: block;      padding: 0;      font-size: 11px;      font-weight: 600;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      color: var(--tg-df-text-muted);      margin-bottom: 8px;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }    .tg-df-card-body {      padding: 16px;      display: flex;      flex-direction: column;      flex-grow: 1;      min-width: 0;    }    .tg-df-card-badges {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-bottom: 8px;    }    .tg-df-tag {      display: inline-flex;      align-items: center;      padding: 4px 6px;      font-size: 11px;      font-weight: 700;      text-transform: uppercase;      border-radius: 4px;      gap: 4px;    }    .tg-df-tag-prime {      background-color: #00A8E1;      color: #fff;    }    .tg-df-tag-coupons {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-coupons:hover {      background-color: #e2e8f0;    }        .tg-df-tag-outline {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-outline:hover {      background-color: #e2e8f0;    }        @keyframes tg-df-spin {      0% { transform: rotate(0deg); }      100% { transform: rotate(360deg); }    }    .tg-df-coupon-spinner {      border: 2px solid #e2e8f0;      border-top: 2px solid #3b82f6;      border-radius: 50%;      width: 14px;      height: 14px;      animation: tg-df-spin 1s linear infinite;      margin: 4px 8px;      display: inline-block;    }        /* Vouchers Modal */    .tg-df-modal-backdrop {      position: fixed;      top: 0; left: 0; right: 0; bottom: 0;      background: rgba(0,0,0,0.5);      z-index: 10000;      display: flex;      align-items: center;      justify-content: center;      opacity: 0;      pointer-events: none;      transition: opacity 0.3s;    }    .tg-df-modal-backdrop.active {      opacity: 1;      pointer-events: auto;    }    .tg-df-modal {      background: #fff;      border-radius: 12px;      width: 90%;      max-width: 400px;      max-height: 80vh;      display: flex;      flex-direction: column;      box-shadow: 0 10px 40px rgba(0,0,0,0.2);      transform: translateY(20px);      transition: transform 0.3s;    }    .tg-df-modal-backdrop.active .tg-df-modal {      transform: translateY(0);    }    .tg-df-modal-header {      padding: 16px;      border-bottom: 1px solid #e2e8f0;      display: flex;      align-items: center;      justify-content: space-between;    }    .tg-df-modal-title {      font-size: 16px;      font-weight: 600;      margin: 0;    }    .tg-df-modal-close {      background: none;      border: none;      cursor: pointer;      padding: 4px;      color: #64748b;    }    .tg-df-modal-body {      padding: 16px;      overflow-y: auto;    }    .tg-df-voucher-item {      padding: 12px;      border: 1px dashed #cbd5e1;      border-radius: 8px;      margin-bottom: 10px;      background: #f8fafc;      display: flex;      align-items: center;      gap: 12px;      text-decoration: none;      color: inherit;      transition: background-color 0.2s, border-color 0.2s;    }    .tg-df-voucher-item:hover {      background: #f1f5f9;      border-color: #94a3b8;    }    .tg-df-voucher-item:last-child {      margin-bottom: 0;    }    .tg-df-voucher-logo {      width: 48px;      height: 48px;      object-fit: contain;      border-radius: 4px;      background: #fff;      border: 1px solid #e2e8f0;      flex-shrink: 0;    }    .tg-df-voucher-content {      flex: 1;      min-width: 0;    }    .tg-df-voucher-title {      font-size: 14px;      font-weight: 600;      margin: 0 0 4px 0;      line-height: 1.3;      color: #0f172a;    }    .tg-df-voucher-expiry {      font-size: 12px;      color: #64748b;      display: flex;      align-items: center;      gap: 4px;      margin-top: 6px;    }    .tg-df-voucher-code {      display: inline-flex;      align-items: center;      background: #f1f5f9;      border: 1px dashed #cbd5e1;      padding: 6px 10px;      font-family: monospace;      font-weight: 700;      font-size: 14px;      color: #0f172a;      border-radius: 4px;      margin-top: 8px;      cursor: pointer;      transition: all 0.2s ease;    }    .tg-df-voucher-code:hover {      background: #e2e8f0;      border-color: #94a3b8;    }    .tg-df-voucher-code.copied {      background: #ecfdf5;      border-color: #10b981;      color: #10b981;    }    .tg-df-voucher-cta {      display: inline-block;      margin-top: 8px;      font-size: 13px;      font-weight: 600;      color: #2563eb;      text-decoration: none;    }    .tg-df-card-title {      font-size: 15px;      font-weight: 400;      line-height: 1.4;      margin: 0 0 12px 0;      color: var(--tg-df-text);      display: -webkit-box;      -webkit-line-clamp: 2;      -webkit-box-orient: vertical;      overflow: hidden;    }    .tg-df-card-footer {      margin-top: auto;      display: flex;      flex-direction: column;      width: 100%;    }    .tg-df-card-price-group {      display: flex;      flex-direction: row;      align-items: center;      gap: 8px;      margin-bottom: 12px;    }    .tg-df-card-price {      font-size: 16px;      font-weight: 700;      color: #dc2626; /* Red price */      line-height: 1;    }        .tg-df-card-msrp {      font-size: 13px;      color: var(--tg-df-text-muted);      text-decoration: line-through;    }    .tg-df-container .tg-df-card-cta {      display: flex;      align-items: center;      justify-content: center;      width: 100%;      box-sizing: border-box;      background-color: #1f69ff;      color: #ffffff;      font-size: 12px;      font-weight: 700;      text-transform: uppercase;      letter-spacing: 0.5px;      padding: 12px 16px;      border-radius: 0;      border: none;      cursor: pointer;      transition: background-color 0.2s ease;    }    .tg-df-card:hover .tg-df-card-cta,    .tg-df-card-cta:hover {      background-color: #1555cc;    }    .tg-df-container .tg-df-card-cta.tg-df-cta-savings-squad {      background-color: #3c8d0d;    }    .tg-df-card:hover .tg-df-card-cta.tg-df-cta-savings-squad,    .tg-df-card-cta.tg-df-cta-savings-squad:hover {      background-color: #2b6509;    }    /*       5. State & Skeleton Styles    */    .tg-df-message {      grid-column: 1 / -1;      text-align: center;      padding: 48px 24px;      color: var(--tg-df-text-muted);      font-size: 16px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;    }    @keyframes tg-df-shimmer {      0% { background-position: -200% 0; }      100% { background-position: 200% 0; }    }    .tg-df-skeleton {      background: linear-gradient(90deg, var(--tg-df-bg-secondary) 25%, #e2e8f0 50%, var(--tg-df-bg-secondary) 75%);      background-size: 200% 100%;      animation: tg-df-shimmer 1.5s infinite;      border-radius: 4px;    }    .tg-df-skeleton-img {      width: 100%;      height: 100%;      position: absolute;      top: 0; left: 0;    }        .tg-df-skeleton-text {      height: 16px;      margin-bottom: 8px;      width: 100%;    }    .tg-df-skeleton-text.short { width: 40%; }    .tg-df-skeleton-text.title { height: 20px; margin-bottom: 16px; }    /* Editor Floating Bar & Elements */    .tg-df-editor-bar {      position: sticky;      top: 0;      z-index: 1000;      background: #111827;      color: #fff;      padding: 12px 16px;      border-radius: 8px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: space-between;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);    }    .tg-df-editor-bar-text {      font-weight: 600;      font-size: 14px;    }    .tg-df-editor-copy-btn {      background: #10b981;      color: #fff;      padding: 6px 16px;      border: none;      border-radius: 4px;      font-weight: 600;      cursor: pointer;      display: flex;      align-items: center;      font-size: 13px;    }    .tg-df-editor-copy-btn:hover { background: #059669; }        .tg-df-deal-checkbox {      position: absolute;      top: 12px;      right: 12px;      z-index: 10;      width: 20px;      height: 20px;      cursor: pointer;      pointer-events: auto;    }    /*       6. Mobile List View (Stacks into a cleaner horizontal row/list)    */    @container tg-df (max-width: 599px) {      .tg-df-controls {        padding: 0 16px;      }            .tg-df-top-bar {        width: 100%;      }            .tg-df-settings-dropdown {        position: fixed;        top: auto;        bottom: 0;        left: 0;        right: 0;        width: 100%;        border-radius: 20px 20px 0 0;        padding: 24px;        box-shadow: 0 -8px 32px rgba(0,0,0,0.15);        z-index: 1000;        border: none;        border-top: 1px solid var(--tg-df-border);      }            .tg-df-settings-dropdown-backdrop.active {        background: rgba(0,0,0,0.4);      }            .tg-df-search-wrapper {        box-shadow: 0 0 16px rgba(0,0,0,0.08);      }            .tg-df-filters {        width: calc(100% + 32px);        margin: 0 -16px;        padding: 0 16px 4px 16px;        display: flex;        justify-content: flex-start;        gap: 8px;        flex-wrap: nowrap;        overflow-x: auto;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;      }      .tg-df-filters::after {        content: "";        display: block;        flex: 0 0 8px;      }      .tg-df-filters::-webkit-scrollbar {        display: none;      }            .tg-df-sort-wrapper {        flex: 0 0 max(42%, 130px);        min-width: 0;      }      .tg-df-sort-wrapper.tg-df-price-range-wrapper {        flex: 0 0 auto;        min-width: max-content;      }            .tg-df-sort-select, .tg-df-filter-select {        width: 100%;        text-align: left;        padding: 10px 24px 10px 32px;        background-position: right 8px center;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;      }      .tg-df-sort-icon {        left: 10px;      }      .tg-df-grid:not(.layout-grid):not(.layout-row),      .tg-df-grid.layout-row {        grid-template-columns: 1fr;        gap: 16px;      }            .tg-df-grid.tg-df-grid-auto {        padding-top: 24px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card,      .tg-df-grid.layout-row .tg-df-card {        flex-direction: row;        align-items: stretch;        height: auto;        box-shadow: none; /* simple line on mobile if preferred, or keep */        border-bottom: 1px solid var(--tg-df-border);      }      .tg-df-grid.tg-df-grid-auto .tg-df-card:hover,      .tg-df-grid.layout-row .tg-df-card:hover {        box-shadow: none;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-image-box,      .tg-df-grid.layout-row .tg-df-card-image-box {        width: 120px;        min-width: 120px;        aspect-ratio: 3/4;        border-right: none;        padding: 12px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-body,      .tg-df-grid.layout-row .tg-df-card-body {        padding: 12px;        justify-content: space-between;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-title,      .tg-df-grid.layout-row .tg-df-card-title {        font-size: 14px;        margin-bottom: 12px;        -webkit-line-clamp: 3;      }      /* Single column mobile grid override */      .tg-df-grid.layout-grid {        grid-template-columns: 1fr;        gap: 16px;      }      .tg-df-grid.layout-grid .tg-df-card-image-box {        padding: 12px;      }      .tg-df-grid.layout-grid .tg-df-card-body {        padding: 10px;      }      .tg-df-grid.layout-grid .tg-df-card-title {        font-size: 13px;        -webkit-line-clamp: 3;        margin-bottom: 8px;      }      .tg-df-grid.layout-grid .tg-df-card-price {        font-size: 14px;      }            .tg-df-card-footer {        flex-direction: column;        align-items: stretch;        gap: 0;        width: 100%;        min-width: 0;      }      .tg-df-card-merchant-pill {        margin-bottom: 4px;      }      .tg-df-card-price-group {        flex: 1 1 auto;        margin-bottom: 8px;      }      .tg-df-card-price {        font-size: 16px;      }      .tg-df-card-msrp {        display: block;       }      .tg-df-grid.layout-row .tg-df-card-cta,      .tg-df-container .tg-df-card-cta {        width: 100%;        max-width: none;        min-width: 0;        box-sizing: border-box;        padding: 8px 16px;        font-size: 12px;        flex: 0 0 auto;        text-align: center;        white-space: normal;        line-height: 1.2;      }    }    .tg-df-container.is-carousel {      min-height: 760px;      background-color: #E7F0FF;      padding: 0 0 24px 0;      border-radius: 24px;    }    .tg-df-container.is-carousel.hide-header-details {      min-height: 480px;    }    /*       7. Carousel View Mode    */    .tg-df-container .tg-df-carousel-host {      /* Layout is now handled by container wrapper */    }    .tg-df-container .tg-df-carousel-eyebrow {      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      padding: 24px 16px 0 16px;      display: none;    }    .tg-df-container .tg-df-carousel-query-title {      color: #011535;      font-size: 28px;      font-weight: 600;      padding: 0 16px 24px 16px;      line-height: 1.2;      display: none;    }    .tg-df-container .tg-df-carousel-blue-box {      background-color: transparent;      border-radius: 0;      padding: 24px 24px 0 24px;      margin: 0;      color: #1F69FF;          position: relative;      overflow: hidden;    }    .tg-df-container .tg-df-carousel-bg-circle-1 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-2 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-3 {      display: none;    }    .tg-df-container .tg-df-carousel-box-content {      position: relative;      z-index: 10;    }    .tg-df-container .tg-df-carousel-box-eyebrow {      background-color: transparent;      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      display: inline-block;      padding: 0;      border-radius: 0;    }    .tg-df-container .tg-df-carousel-box-title {      font-size: 28px;      font-weight: 600;      line-height: 1.2;      margin-top: 8px;      color: #1e293b;    }    .tg-df-container .tg-df-countdown-wrapper {      position: absolute;      top: 0;      right: 0;      display: flex;      flex-direction: column;      align-items: flex-end;      gap: 12px;      transform: scale(0.67);      transform-origin: top right;    }    .tg-df-container .tg-df-countdown-title {      font-size: 16px;      text-align: center;      width: 100%;      font-weight: 600;      color: #011535;      margin: 0;    }    .tg-df-container .tg-df-countdown-blocks {      display: flex;      gap: 16px;    }    .tg-df-container .tg-df-countdown-item {      display: flex;      flex-direction: column;      align-items: center;      gap: 4px;    }    .tg-df-container .tg-df-countdown-box {      width: 59px;      height: 59px;      background: #03FE9E;      border-radius: 15px;      display: flex;      align-items: center;      justify-content: center;    }    .tg-df-container .tg-df-countdown-num {      font-family: 'Inter', sans-serif;      font-weight: 700;      font-size: 20px;      line-height: normal;      color: #011535;    }    .tg-df-container .tg-df-countdown-label {      font-family: 'Inter', sans-serif;      font-weight: 500;      font-size: 16px;      line-height: normal;      color: #1e293b;      text-transform: uppercase;    }    .tg-df-container .tg-df-carousel-box-subtitle {      font-size: 16px;      margin-top: 8px;      font-weight: 300;      color: #1e293b;      line-height: 24px;    }    .tg-df-container .tg-df-carousel-roundels-wrapper {      position: relative;      margin-top: 24px;      margin-left: -24px;      margin-right: -24px;    }    .tg-df-container .tg-df-carousel-roundels {      display: flex;      gap: 16px;      overflow-x: auto;            scrollbar-width: none;      padding-top: 12px;      padding-bottom: 24px;      padding-left: 24px;      padding-right: 24px;      margin-left: 0;      margin-right: 0;    }        .tg-df-container .tg-df-carousel-scroll-left,    .tg-df-container .tg-df-carousel-scroll-right {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 36px;      width: 36px;      display: flex;      align-items: center;      justify-content: center;      border-radius: 50%;      background-color: #ffffff;      border: 1px solid #e2e8f0;      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);      color: #1F69FF;      cursor: pointer;      transition: all 0.2s;      margin-top: -4px;      z-index: 20;    }    .tg-df-container .tg-df-carousel-scroll-left { left: 8px; }    .tg-df-container .tg-df-carousel-scroll-right { right: 8px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left { left: 0px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right { right: 0px; }    .tg-df-carousel-filters-outer { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }    @container tg-df (max-width: 599px) { .tg-df-carousel-filters-outer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } }        .tg-df-container .tg-df-carousel-scroll-left:hover,    .tg-df-container .tg-df-carousel-scroll-right:hover {      background-color: #f8fafc;      border-color: #cbd5e1;    }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right {      background-color: rgba(255, 255, 255, 0.4);      border: none;      box-shadow: none;      backdrop-filter: blur(4px);      -webkit-backdrop-filter: blur(4px);    }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right { right: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-right { right: 0; }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left:hover,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right:hover {      background-color: rgba(255, 255, 255, 0.6);      border: none;    }    .tg-df-container .tg-df-carousel-roundels::-webkit-scrollbar {      display: none;    }    .tg-df-container .tg-df-carousel-roundels::after {      content: "";      flex: 0 0 32px;    }    .tg-df-container .tg-df-roundel {      display: flex;      flex-direction: column;      align-items: center;      gap: 8px;      cursor: pointer;      min-width: 120px;      flex-shrink: 0;    }    .tg-df-container .tg-df-roundel-img-box {      width: 120px;      height: 120px;      border-radius: 50%;      background: white;      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: 0px 3px 14px 0px rgba(30, 41, 59, 0.08);      transition: box-shadow 0.2s;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box img {      transform: scale(1.08);    }    .tg-df-container .tg-df-roundel-img-box img {      width: 100%;      height: 100%;      object-fit: contain;      padding: 10px;      box-sizing: border-box;      transition: transform 0.3s ease;    }    .tg-df-container .tg-df-roundel-label {      font-size: 13px;      font-weight: 400;      color: #1e293b;      text-align: center;      transition: font-weight 0.2s;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-label {      font-weight: 700;    }    .tg-df-container .tg-df-carousel-filters-label {      font-size: 16px;      font-weight: 400;      color: #1e293b;      white-space: nowrap;      margin-right: 4px;    }    .tg-df-container .tg-df-carousel-filters-wrap {      display: flex;      align-items: center;      flex-wrap: nowrap;      gap: 8px;      margin-top: 8px;      overflow-x: auto;      scrollbar-width: none;      -webkit-overflow-scrolling: touch;      padding-bottom: 8px;      margin-left: -24px;      margin-right: -24px;      padding-left: 24px;      padding-right: 24px;    }    .tg-df-container .tg-df-carousel-filters-wrap::-webkit-scrollbar {      display: none;    }        .tg-df-container .tg-df-carousel-filter-btn img,    .tg-df-container .tg-df-carousel-filter-btn picture {      height: 20px;      width: 20px;      object-fit: contain;      object-position: center;      display: inline-flex;      align-items: center;      justify-content: center;      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn picture img {      margin-right: 0;      height: 100%;      width: 100%;    }    .tg-df-container .tg-df-carousel-filter-btn img.active-img,    .tg-df-container .tg-df-carousel-filter-btn picture:has(.active-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.inactive-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.inactive-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.active-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.active-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.active-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.active-img) {      display: inline-flex;    }    .tg-df-container .tg-df-carousel-filter-btn {      background: #ffffff;      border: 2px solid #1e293b;      color: #1e293b;      border-radius: 24px;      padding: 6px 16px;      font-size: 14px;      font-weight: 600;      cursor: pointer;      transition: all 0.2s;      flex-shrink: 0;      white-space: nowrap;      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 36px;      box-sizing: border-box;    }    .tg-df-container .tg-df-carousel-filter-btn svg {      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn:hover {      background: #1e293b;      color: white;      border-color: #1e293b;    }    .tg-df-container .tg-df-carousel-filter-btn.active {      background: #1e293b;      color: white;      border-color: #1e293b;    }        .tg-df-grid.carousel-compact {      display: flex;      flex-wrap: nowrap;      overflow-x: auto;      gap: 16px;      padding: 16px 24px;      align-items: stretch;      scrollbar-width: none;    }    .tg-df-grid.carousel-compact::after {      content: "";      flex: 0 0 32px;    }    .tg-df-grid-wrapper {      position: relative;    }    .tg-df-grid.carousel-compact::-webkit-scrollbar {      display: none;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card {      flex: 0 0 auto;      width: 100px;      border-radius: 15px;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      border: 2px solid #1e293b;      background: white;      color: #1e293b;      display: flex;      flex-direction: column;      justify-content: center;      align-items: center;      font-weight: 600;      font-size: 14px;      cursor: pointer;      padding: 16px;      text-align: center;      transition: all 0.2s;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card:hover {      background: #1e293b;      color: white;    }    .tg-df-grid.carousel-compact .tg-df-card {      flex: 0 0 auto;      width: 200px;      min-height: auto;      height: auto;      display: flex;      flex-direction: column;      border-radius: 15px;      border: none;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      overflow: visible;    }    .tg-df-grid.carousel-compact .tg-df-card-image-box {      padding: 12px;      background-color: transparent;      border-radius: 15px 15px 0 0;      height: 130px;    }    .tg-df-grid.carousel-compact .tg-df-card-image {      mix-blend-mode: normal;    }    .tg-df-grid.carousel-compact .tg-df-card-discount-badge {      border-radius: 0;      top: 0px;      left: 0px;      padding: 4px 8px;      font-size: 11px;    }    .tg-df-grid.carousel-compact .tg-df-card-body {      padding: 8px 12px 12px 12px;    }    .tg-df-grid.carousel-compact .tg-df-card-title {      font-size: 14px;      font-weight: 400;      -webkit-line-clamp: 2;      margin-bottom: 8px;      color: #011535;    }    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):not(:has(.tg-df-tag-prime)):not(:has(.tg-df-coupon-wrapper:not([style*="none"]))) > .tg-df-card-title,    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):has(> .tg-df-card-title:first-child) > .tg-df-card-title {      -webkit-line-clamp: 3;    }    .tg-df-grid.carousel-compact .tg-df-card-cta {      border-radius: 5px;      padding: 8px 10px;      margin-top: 4px;      background-color: #1F69FF;    }    .tg-df-grid.carousel-compact .tg-df-card-price-group {      margin-bottom: 2px;    }    .tg-df-grid.carousel-compact .tg-df-card-merchant-pill {      margin-bottom: 2px;    }    @container tg-df (max-width: 599px) {      .tg-df-container .tg-df-carousel-blue-box-title {        font-size: 24px;      }      .tg-df-container .tg-df-countdown-title {        display: none;      }      .tg-df-container .tg-df-countdown-wrapper {        position: absolute;        top: 0;        right: 0;        align-items: flex-end;        transform: scale(0.45);        transform-origin: top right;      }      .tg-df-container .tg-df-roundel {        min-width: 88px;      }      .tg-df-container .tg-df-roundel-img-box {        width: 88px;        height: 88px;      }    }    /* REPLICA BLOCK STYLES */    .tg-df-grid.layout-replica-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px; }    .tg-df-grid.layout-replica-1 { grid-template-columns: 1fr !important; gap: 20px; }        .tg-df-container .hawk-deal-widget-container { border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: inherit; }    .tg-df-container .hawk-deal-widget-wrap { display: flex; flex-direction: row; align-items: flex-start; width: 100%; gap: 24px; }    .tg-df-container .hawk-deal-widget-image-container { display: flex; flex-shrink: 0; justify-content: center; width: 160px; height: 160px; align-items: center; background: white; margin-bottom: 0px; }    .tg-df-container .hawk-deal-widget-title-product-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.4; display: inline; }    .tg-df-container .hawk-deal-widget-title-price { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-price-now { font-weight: 700; }    .tg-df-container .hawk-deal-widget-title-retailer-price:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-title-retailer { font-size: 18px; font-weight: 700; line-height: 1.4; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-was-price { color: #dc2626; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: line-through; white-space: nowrap; margin-left: 8px; margin-right: 8px; }    .tg-df-container .hawk-deal-widget-text-body-container { position: relative; width: 100%; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-text-body-main { font-size: 16px; width: 100%; margin-bottom: 12px; }    .tg-df-container .hawk-deal-widget-text-body-description { display: block; font-size: 15px; margin-top: 12px; color: #4b5563; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-body-description p { margin: 0; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-cta-container { display: flex; flex-direction: column; gap: 12px; width: 100%; flex: 1; min-width: 0; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-footer { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }    .tg-df-container .hawk-deal-widget-button-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; }    .tg-df-container .hawk-deal-widget-preferred-partner-wrapper { display: flex; flex-direction: row; }        @container tg-df (min-width: 600px) {      .tg-df-mobile-only { display: none !important; }    }    @container tg-df (max-width: 599px) {      .tg-df-desktop-only { display: none !important; }      .tg-df-grid.layout-replica-2 { grid-template-columns: 1fr !important; }      .tg-df-grid.savings-squad-cards { grid-template-columns: 1fr !important; display: flex; flex-direction: column; }    }    .tg-df-grid.savings-squad-cards .tg-df-card-title {      -webkit-line-clamp: unset !important;      display: block !important;      overflow: visible !important;    }    @container tg-df (max-width: 500px) {      .tg-df-container .hawk-deal-widget-wrap { display: block; }      .tg-df-container .hawk-deal-widget-image-container { display: block; float: left; margin: 0 16px 8px 0; width: 120px; max-width: 120px; height: auto; align-items: normal; justify-content: normal; }      .tg-df-container .hawk-deal-widget-text-cta-container { display: block; text-align: left; }      .tg-df-container .hawk-deal-widget-footer { display: block; margin-top: 16px; clear: both; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper .hawk-deal-widget-preferred-partner-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-affiliate-link-deal-button { box-sizing: border-box !important; display: flex !important; max-width: none !important; width: 100% !important; margin: 0 !important; }    }        .tg-df-container .hawk-affiliate-link-deal-button {       align-items: center; background-color: #5aaf0b; box-sizing: border-box; color: #ffffff !important; display: flex; font-size: 14px; font-weight: 700; justify-content: center; letter-spacing: 0.5px; line-height: 1; min-width: 160px; padding: 14px 24px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; word-break: normal; border-radius: 4px; border: 0; transition: background-color 0.2s;     }    .tg-df-container .hawk-affiliate-link-deal-button:hover { background-color: #4a9109; text-decoration: none; }    .tg-df-container .hawk-lazy-image-deal-widget { display: block; height: auto; margin: auto; max-height: 160px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; }    .tg-df-container .hawk-deal-widget-text-cta-container a { color: #2563eb; text-decoration: none; display: inline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:has(.hawk-deal-widget-title-product-title) { color: #111827; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-product-title,    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-retailer-price { text-decoration: underline; }  \x3C/style>  \x3C!-- Widget Container --\x3E  \x3Cdiv class="tg-df-container" id="signal-deals-finder-root">    \x3C!-- Editor Floating Bar --\x3E    \x3Cdiv class="tg-df-editor-bar" id="tg-df-editor-bar" style="display:none;">      \x3Cdiv class="tg-df-editor-bar-text" style="display: flex; align-items: center;">        \x3Cspan id="tg-df-selected-count">0\x3C/span>\x26nbsp;Deals Selected        \x3Cbutton class="tg-df-editor-clear-btn" id="tg-df-editor-clear" type="button" style="margin-left: 12px; font-size: 13px; color: #9ca3af; background: none; border: none; cursor: pointer; text-decoration: underline;">Clear All\x3C/button>      \x3C/div>      \x3Cbutton class="tg-df-editor-copy-btn" id="tg-df-editor-copy" type="button">        \x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">\x3C/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">\x3C/path>\x3C/svg>        Copy to CMS      \x3C/button>    \x3C/div>    \x3Cdiv class="tg-df-carousel-host" id="tg-df-carousel-host" style="display: none;">      \x3Cdiv class="tg-df-carousel-eyebrow">DEAL FINDER\x3C/div>      \x3Cdiv class="tg-df-carousel-query-title" id="tg-df-carousel-title-label">Best Deals\x3C/div>            \x3Cdiv class="tg-df-carousel-blue-box">        \x3Cdiv class="tg-df-carousel-bg-circle-1" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-2" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-3" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-box-content">          \x3Cdiv class="tg-df-countdown-wrapper" id="tg-df-countdown-wrapper" style="display:none;">            \x3Cdiv class="tg-df-countdown-title" id="tg-df-countdown-title">Prime Day starts in\x3C/div>            \x3Cdiv class="tg-df-countdown-blocks">              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-days">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">DAYS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-hrs">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">HRS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-min">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">MIN\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-sec">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">SEC\x3C/div>\x3C/div>            \x3C/div>          \x3C/div>          \x3Cdiv class="tg-df-carousel-box-eyebrow">DEAL FINDER\x3C/div>          \x3Cdiv class="tg-df-carousel-box-title">Find Deals Fast\x3C/div>          \x3Cdiv class="tg-df-carousel-box-subtitle">The latest deals from the biggest retailers, all in one place\x3C/div>                    \x3Cdiv class="tg-df-carousel-roundels-wrapper">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-roundels">            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>          \x3C/div>          \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-carousel-filters-outer" style="position: relative;">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-filters-wrap">                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="0">All\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_lightning">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_prime">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-d="10">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 10% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="15">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 15% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="25">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 25% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-pr="under50">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>            Under $50\x3C/button>        \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3C/div>    \x3C/div>    \x3C/div>      \x3C!-- Search & Filter Controls --\x3E    \x3Cdiv class="tg-df-controls" id="tg-df-controls" style="display:flex;">      \x3Cdiv class="tg-df-top-bar">        \x3Cdiv class="tg-df-search-wrapper">          \x3Cinput type="text" class="tg-df-search-input" placeholder="Search for deals, products, or brands...">          \x3Cbutton type="button" class="tg-df-search-btn" aria-label="Search">              \x3Csvg class="tg-df-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">                \x3Cpath d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-autocomplete-dropdown" id="tg-df-autocomplete">\x3C/div>        \x3C/div>                \x3Cdiv class="tg-df-settings-wrapper">          \x3Cbutton type="button" class="tg-df-settings-btn" aria-label="Settings" id="tg-df-settings-toggle">            \x3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20">                \x3Cpath d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.73 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.49-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>            \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-settings-dropdown-backdrop" id="tg-df-settings-backdrop">\x3C/div>          \x3Cdiv class="tg-df-settings-dropdown" id="tg-df-settings-panel">            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Search Region\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-region-select">                \x3Coption value="auto">🌍 Auto-detect\x3C/option>                \x3Coption value="US">🇺🇸 United States (US)\x3C/option>                \x3Coption value="GB">🇬🇧 United Kingdom (UK)\x3C/option>                \x3Coption value="CA">🇨🇦 Canada (CA)\x3C/option>                \x3Coption value="AU">🇦🇺 Australia (AU)\x3C/option>                \x3Coption value="DE">🇩🇪 Germany (DE)\x3C/option>                \x3Coption value="FR">🇫🇷 France (FR)\x3C/option>                \x3Coption value="IT">🇮🇹 Italy (IT)\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Retailer\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-retailer-select">                \x3Coption value="">All Retailers\x3C/option>                \x3Coption value="Amazon">Amazon\x3C/option>                \x3Coption value="Walmart">Walmart\x3C/option>                \x3Coption value="Best Buy">Best Buy\x3C/option>                \x3Coption value="Target">Target\x3C/option>                \x3Coption value="John Lewis">John Lewis\x3C/option>                \x3Coption value="Currys">Currys\x3C/option>                \x3Coption value="Argos">Argos\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Offer Type\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-offer-type-select">                \x3Coption value="">All Offers\x3C/option>                \x3Coption value="amazon_prime">Amazon Prime\x3C/option>                \x3Coption value="recommended_promo">Recommended Promo\x3C/option>                \x3Coption value="amazon_lightning">Amazon Lightning Deal\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Result Count\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-rows-select">                \x3Coption value="3">3 Items\x3C/option>                \x3Coption value="4">4 Items\x3C/option>                \x3Coption value="6">6 Items\x3C/option>                \x3Coption value="12" selected>12 Items\x3C/option>                \x3Coption value="24">24 Items\x3C/option>                \x3Coption value="48">48 Items\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Deal Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Only show products with active offers or previous prices (was_price)\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-deal-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Editor Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Enable multi-select to copy deals to CMS\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-editor-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">View Mode\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-view-mode-select">                \x3Coption value="auto">Auto Collection\x3C/option>                \x3Coption value="carousel">Carousel\x3C/option>                \x3Coption value="savings_squad">Savings Squad\x3C/option>                \x3Coption value="grid">Grid (Columns)\x3C/option>                \x3Coption value="row">Row (List)\x3C/option>              \x3C/select>            \x3C/div>          \x3C/div>        \x3C/div>      \x3C/div>      \x3Cdiv class="tg-df-filters">        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-category-filter-wrapper" style="display: none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-category-filter" aria-label="Category">            \x3Coption value="all">All Categories\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-multiselect-container" id="tg-df-brand-filter-wrapper" style="display:none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/>          \x3C/svg>          \x3Cdiv class="tg-df-filter-select tg-df-multiselect-trigger" id="tg-df-brand-trigger" tabindex="0">            Any Brand          \x3C/div>          \x3Cdiv class="tg-df-multiselect-dropdown" id="tg-df-brand-dropdown">            \x3C!-- Populated via script --\x3E          \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>          \x3C/svg>          \x3Cselect class="tg-df-sort-select" aria-label="Sort Deals">            \x3Coption value="date_desc">Newest First\x3C/option>            \x3Coption value="best_match">Sort by: Match\x3C/option>            \x3Coption value="price_asc">Price Low to High\x3C/option>            \x3Coption value="price_desc">Price High to Low\x3C/option>            \x3Coption value="discount_desc">Biggest Discount\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-price-range-wrapper" id="tg-df-custom-price-wrapper" style="display: flex; align-items:center; justify-content:center; padding: 10px 20px; gap: 8px; border: 1px solid var(--tg-df-border); border-radius: 100px; background-color: var(--tg-df-bg);">          \x3Cspan style="font-size:14px; font-weight:500; color:var(--tg-df-text-primary);">Price\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-min" placeholder="Min" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">          \x3Cspan style="color:var(--tg-df-text-muted)">-\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-max" placeholder="Max" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-legacy-price-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-price-filter" aria-label="Filter Prices">            \x3Coption value="all">All Prices\x3C/option>            \x3Coption value="under50">Under $50\x3C/option>            \x3Coption value="50_100">$50 - $100\x3C/option>            \x3Coption value="100_200">$100 - $200\x3C/option>            \x3Coption value="200_500">$200 - $500\x3C/option>            \x3Coption value="over500">Over $500\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-discount-filter-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-discount-filter" aria-label="Discount Amount">            \x3Coption value="all">Any discount\x3C/option>            \x3Coption value="5">Min 5%\x3C/option>            \x3Coption value="10">Min 10%\x3C/option>            \x3Coption value="15">Min 15%\x3C/option>            \x3Coption value="20">Min 20%\x3C/option>            \x3Coption value="25">Min 25%\x3C/option>            \x3Coption value="30">Min 30%\x3C/option>            \x3Coption value="40">Min 40%\x3C/option>            \x3Coption value="50">Min 50%\x3C/option>            \x3Coption value="60">Min 60%\x3C/option>            \x3Coption value="70">Min 70%\x3C/option>          \x3C/select>        \x3C/div>      \x3C/div>    \x3C/div>    \x3C!-- Deals Grid Wrapper --\x3E    \x3Cdiv class="tg-df-grid-wrapper tg-df-carousel-cards-wrapper" id="tg-df-grid-wrapper">      \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3Cdiv class="tg-df-grid" id="tg-df-grid">        \x3C!-- Content populated by JavaScript --\x3E      \x3C/div>      \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>    \x3C/div>        \x3C!-- Vouchers Modal --\x3E    \x3Cdiv class="tg-df-modal-backdrop" id="tg-df-vouchers-modal">      \x3Cdiv class="tg-df-modal">        \x3Cdiv class="tg-df-modal-header">          \x3Ch3 class="tg-df-modal-title" id="tg-df-vouchers-title">Available Coupons & Deals\x3C/h3>          \x3Cbutton class="tg-df-modal-close" id="tg-df-vouchers-close">            \x3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">              \x3Cline x1="18" y1="6" x2="6" y2="18">\x3C/line>              \x3Cline x1="6" y1="6" x2="18" y2="18">\x3C/line>            \x3C/svg>          \x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-modal-body" id="tg-df-vouchers-content">          \x3C!-- Vouchers injected here --\x3E        \x3C/div>      \x3C/div>    \x3C/div>  \x3C/div>`;      if (!template) {        template = document.createElement('template');        template.innerHTML = rawTemplate;      }      let shadowRoot = null;      if (hostContainer && template) {        hostContainer.setAttribute('data-initialized', 'true');        shadowRoot = hostContainer.attachShadow({ mode: 'open' });        shadowRoot.appendChild(template.content.cloneNode(true));      }      class DealsFinderWidget {        constructor(config) {          this.rootNode = config.rootNode || document;          this.hostContainer = config.hostContainer || null;          this.rootId = config.rootId || 'signal-deals-finder-root';          this.root = this.rootNode.querySelector('#' + this.rootId);          if (!this.root) return;          this.widgetId = (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'widget-' + Date.now() + '-' + Math.random().toString(36).slice(2);          this.grid = this.root.querySelector('#tg-df-grid');          this.tagsContainer = this.root.querySelector('#tg-df-tags-container');          this.categoryFilter = this.root.querySelector('#tg-df-category-filter');          this.categoryFilterWrapper = this.root.querySelector('#tg-df-category-filter-wrapper');          this.searchInput = this.root.querySelector('.tg-df-search-input');          this.autocompleteDropdown = this.root.querySelector('#tg-df-autocomplete');          this.sortSelect = this.root.querySelector('.tg-df-sort-select');          this.searchBtn = this.root.querySelector('.tg-df-search-btn');                    this.settingsToggle = this.root.querySelector('#tg-df-settings-toggle');          this.settingsPanel = this.root.querySelector('#tg-df-settings-panel');          this.settingsBackdrop = this.root.querySelector('#tg-df-settings-backdrop');          this.regionSelect = this.root.querySelector('#tg-df-region-select');          this.retailerSelect = this.root.querySelector('#tg-df-retailer-select');          this.offerTypeSelect = this.root.querySelector('#tg-df-offer-type-select');          this.viewModeSelect = this.root.querySelector('#tg-df-view-mode-select');          this.rowsSelect = this.root.querySelector('#tg-df-rows-select');          this.dealModeToggle = this.root.querySelector('#tg-df-deal-mode');          this.editorModeToggle = this.root.querySelector('#tg-df-editor-mode');          this.priceFilter = this.root.querySelector('#tg-df-price-filter');          this.discountFilter = this.root.querySelector('#tg-df-discount-filter');                    this.editorBar = this.root.querySelector('#tg-df-editor-bar');          this.editorSelectedCount = this.root.querySelector('#tg-df-selected-count');          this.editorCopyBtn = this.root.querySelector('#tg-df-editor-copy');          this.editorClearBtn = this.root.querySelector('#tg-df-editor-clear');                    this.apiUrl = 'https://search-api.fie.future.net.uk/widget.php';          this.deals = [];          this.displayLimit = 12;          this.airedaleArticles = null;          this.airedaleTags = [];          this.airedaleTagCounts = {};          this.activeDealTag = null;          this.selectedBrands = [];          this.currentQuery = '';          this.editorMode = this.hostContainer ? this.hostContainer.hasAttribute('data-editor-mode') : false;          this.viewModeOverride = this.hostContainer ? this.hostContainer.getAttribute('data-view-mode') : null;          this.selectedDeals = new Map();                    this.brandFilterWrapper = this.root.querySelector('#tg-df-brand-filter-wrapper');          this.brandTrigger = this.root.querySelector('#tg-df-brand-trigger');          this.brandDropdown = this.root.querySelector('#tg-df-brand-dropdown');                    this.customPriceWrapper = this.root.querySelector('#tg-df-custom-price-wrapper');          this.customPriceMin = this.root.querySelector('#tg-df-custom-price-min');          this.customPriceMax = this.root.querySelector('#tg-df-custom-price-max');          this.legacyPriceWrapper = this.root.querySelector('#tg-df-legacy-price-wrapper');          this.discountFilterWrapper = this.root.querySelector('#tg-df-discount-filter-wrapper');          this.initResizeObserver();          this.init();            if (['carousel', 'carousel-compact', 'auto', 'grid', 'row'].includes(this.getViewMode())) { this.loadCarouselSpreadsheet(); }        }        getViewMode() {          if (this.viewModeOverride && (!this.editorMode || !this.viewModeSelect)) {            return this.viewModeOverride;          }          return (this.viewModeSelect && this.viewModeSelect.value) ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');        }        applyLayoutMode() {          if (!this.grid) return;          const mode = this.getViewMode();          this.grid.classList.remove('layout-row', 'layout-grid', 'tg-df-grid-auto', 'carousel-compact', 'layout-replica-1', 'layout-replica-2');                    const carouselHost = this.root.querySelector('#tg-df-carousel-host');          const controlsDiv = this.root.querySelector('#tg-df-controls');          if (mode === 'carousel' || mode === 'auto' || mode === 'grid' || mode === 'row') {             if (mode === 'carousel') this.grid.classList.add('carousel-compact');             if (carouselHost) carouselHost.style.display = 'block';             if (controlsDiv) controlsDiv.style.display = 'none';             if (this.root.classList.contains('tg-df-container') && mode === 'carousel') {               this.root.classList.add('is-carousel');             } else if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          } else {             if (carouselHost) carouselHost.style.display = 'none';             if (controlsDiv) controlsDiv.style.display = 'flex';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          }          if (mode === 'grid') {            this.grid.classList.add('layout-grid');          } else if (mode === 'row') {            this.grid.classList.add('layout-row');          } else if (mode === 'savings_squad') {            this.grid.classList.add('tg-df-grid-auto', 'savings-squad-cards');          } else if (mode !== 'carousel') {            this.grid.classList.add('tg-df-grid-auto');          }                    const settingsWrapper = this.root.querySelector('.tg-df-settings-wrapper');          if (settingsWrapper) {            settingsWrapper.style.display = mode === 'auto' ? 'none' : 'block';          }          if (this.customPriceWrapper) {             this.customPriceWrapper.style.display = mode === 'auto' ? 'flex' : 'none';          }          if (this.legacyPriceWrapper) {             this.legacyPriceWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }          if (this.discountFilterWrapper) {             this.discountFilterWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }        }        initResizeObserver() {          try {            if (window.parent === window) return;          } catch (e) {            // cross origin frame check threw          }          const emitHeight = () => {            try {              const height = document.documentElement.scrollHeight || document.body.scrollHeight;              const msg = { type: 'embed-size', height: height };              if (window.parent && window.parent !== window) {                window.parent.postMessage(msg, '*');                window.parent.postMessage(JSON.stringify({ ...msg, sentinel: 'amp' }), '*');              }            } catch (e) {}          };                    if (window.ResizeObserver) {            try {              const ro = new ResizeObserver(() => emitHeight());              ro.observe(document.body);              if (this.root) ro.observe(this.root);            } catch(e){ console.warn(e); }          }          window.addEventListener('resize', emitHeight);          setTimeout(emitHeight, 300);        }        initCountdown() {          this.cdWrapper = this.root.querySelector('#tg-df-countdown-wrapper');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          this.showCountdown = params.get('show_countdown') === 'true';          const showHeaderDetails = params.get('show_header_details') !== 'false';          const eyebrow = this.root.querySelector('.tg-df-carousel-box-eyebrow');          const title = this.root.querySelector('.tg-df-carousel-box-title');          const subtitle = this.root.querySelector('.tg-df-carousel-box-subtitle');          if (!showHeaderDetails) {            let containerElement = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (containerElement) containerElement.classList.add('hide-header-details');            if (eyebrow) eyebrow.style.display = 'none';            if (title) title.style.display = 'none';            if (subtitle) subtitle.style.display = 'none';          }          if (!this.cdWrapper) return;          this.cdTitle = this.root.querySelector('#tg-df-countdown-title');          this.cdDays = this.root.querySelector('#tg-df-cd-days');          this.cdHrs = this.root.querySelector('#tg-df-cd-hrs');          this.cdMin = this.root.querySelector('#tg-df-cd-min');          this.cdSec = this.root.querySelector('#tg-df-cd-sec');          this.updateCountdown();          this.cdInterval = setInterval(() => this.updateCountdown(), 1000);        }        updateCountdown() {          if (!this.cdWrapper) return;          if (!this.showCountdown) {            this.cdWrapper.style.display = 'none';            return;          }          const area = this.getAreaCode();          let offset = '-04:00';          if (['DE', 'FR', 'IT', 'ES', 'NL'].includes(area)) {             offset = '+02:00';          } else if (['GB', 'IE', 'UK'].includes(area)) {             offset = '+01:00';          }          const startTime = new Date('2026-06-23T00:00:00' + offset).getTime();          const endTime = new Date('2026-06-26T00:00:00' + offset).getTime();          const now = Date.now();          let targetTime = 0;          if (now < startTime) {             targetTime = startTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day starts in';             this.cdWrapper.style.display = 'flex';          } else if (now < endTime) {             targetTime = endTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day ends in';             this.cdWrapper.style.display = 'flex';          } else {             this.cdWrapper.style.display = 'none';             if (this.cdInterval) clearInterval(this.cdInterval);             return;          }          const diff = Math.max(0, targetTime - now);          const d = Math.floor(diff / (1000 * 60 * 60 * 24));          const h = Math.floor((diff / (1000 * 60 * 60)) % 24);          const m = Math.floor((diff / 1000 / 60) % 60);          const s = Math.floor((diff / 1000) % 60);          if (this.cdDays) this.cdDays.textContent = d;          if (this.cdHrs) this.cdHrs.textContent = h;          if (this.cdMin) this.cdMin.textContent = m;          if (this.cdSec) this.cdSec.textContent = s;        }        init() {          this.initCountdown();          try {            initAnalytics();          } catch (e) {            console.warn('Deals Widget Analytics Error:', e);          }                    this.bindEvents();                    let initialQuery = '';                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          let initialViewMode = params.get('view_mode');          if (!params.has('search') && !params.has('q') && !params.has('query') && initialViewMode !== 'savings_squad') {             initialQuery = 'Everything';             if (this.discountFilter && !params.has('min_discount_ratio')) {               this.discountFilter.value = '5';             }          }          const website = params.get('website') || 'tomsguide';          this.website = website;          if (website === 'techradar') {            const squadHeader = this.root.querySelector('.tg-df-savings-squad-header');            if (squadHeader) {               const pic = squadHeader.querySelector('picture');               if (pic) pic.style.display = 'none';            }            const style = document.createElement('style');            style.innerHTML = `              .tg-df-container .hawk-affiliate-link-deal-button, .tg-df-container .tg-df-card-cta { background-color: #5DAF08 !important; }              .tg-df-container .hawk-affiliate-link-deal-button:hover, .tg-df-container .tg-df-card-cta:hover { background-color: #4a8c06 !important; }            `;            this.root.appendChild(style);          }                    if (this.regionSelect) {            this.regionSelect.value = params.get('region') || 'auto';            this.updatePriceDropdownCurrency();          }                    if (this.retailerSelect && params.has('retailer')) {            this.retailerSelect.value = params.get('retailer');          }                    if (params.has('brands')) {            const b = params.get('brands');            if (b) {              this.selectedBrands = b.split(',');            }          }                    if (this.offerTypeSelect && params.has('offer_type')) {            this.offerTypeSelect.value = params.get('offer_type');          }          if (params.has('bg_color')) {            const bg = params.get('bg_color');            if (bg === 'white') {              this.root.style.setProperty('background-color', '#ffffff', 'important');            } else if (bg === 'transparent') {              this.root.style.setProperty('background-color', 'transparent', 'important');            } else if (bg === 'light_blue') {              this.root.style.setProperty('background-color', '#E7F0FF', 'important');            }          } else {             this.root.style.removeProperty('background-color');          }                    if (params.has('view_mode')) {            if (this.viewModeSelect) {              this.viewModeSelect.value = params.get('view_mode');            } else {              this.viewModeOverride = params.get('view_mode');            }          }          if (this.rowsSelect && params.has('rows')) {            this.rowsSelect.value = params.get('rows');          }          if (params.has('price')) {            const priceVal = params.get('price');            if (this.priceFilter) {               // Try assigning it directly to select. If it's not present implicitly ignores               this.priceFilter.value = priceVal;            }            if (priceVal.includes('_')) {               const parts = priceVal.split('_');               if (this.customPriceMin && parts[0]) this.customPriceMin.value = parts[0];               if (this.customPriceMax && parts[1]) this.customPriceMax.value = parts[1];            }          }          if (this.discountFilter && params.has('min_discount_ratio')) {            // Need to convert back from ratio (e.g. 0.8) to select value (e.g. "20")            const ratioStr = params.get('min_discount_ratio');            const ratioFloat = parseFloat(ratioStr);            if (!isNaN(ratioFloat)) {               const percentage = Math.round((1 - ratioFloat) * 100);               this.discountFilter.value = percentage.toString();            }          }          if (this.sortSelect) {            this.sortSelect.value = params.get('sort') || 'discount_desc';          }          if (this.dealModeToggle && params.has('deal_mode')) {            this.dealModeToggle.checked = params.get('deal_mode') === 'true' || params.get('deal_mode') === '1';          }                    // Re-apply layout after params have updated control values          this.applyLayoutMode();                    if (params.get('search')) {            initialQuery = params.get('search');          } else if (params.get('q')) {            initialQuery = params.get('q');          } else if (params.get('query')) {            initialQuery = params.get('query');          }                    this.currentQuery = initialQuery;          if (this.searchInput) {            this.searchInput.value = this.currentQuery;          }                    if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {            this.fetchDeals(this.currentQuery);          } else {            this.render();          }        }        updatePriceDropdownCurrency() {          if (!this.priceFilter || !this.regionSelect) return;          const currencySymbols = {            'US': '$',            'GB': '£',            'CA': '$CA',            'AU': '$AU',            'DE': '€',            'FR': '€',            'IT': '€',          };          const area = this.getAreaCode();          const cur = currencySymbols[area || 'US'] || '$';                    const options = this.priceFilter.options;          for (let i = 0; i < options.length; i++) {            const opt = options[i];            if (opt.value === 'all') {              opt.innerText = 'All Prices';            } else if (opt.value === 'under50') {              opt.innerText = `Under ${cur}50`;            } else if (opt.value === '50_100') {              opt.innerText = `${cur}50 - ${cur}100`;            } else if (opt.value === '100_200') {              opt.innerText = `${cur}100 - ${cur}200`;            } else if (opt.value === '200_500') {              opt.innerText = `${cur}200 - ${cur}500`;            } else if (opt.value === 'over500') {              opt.innerText = `Over ${cur}500`;            }          }        }        populateBrandDropdown(values) {          if (!this.brandDropdown || !this.brandFilterWrapper) return;          this.brandFilterWrapper.style.display = 'flex'; // show the wrapper                    let html = '';          const allChecked = this.selectedBrands.length === 0 ? 'checked' : '';          const _div = '<' + '/div>';          const _span = '<' + '/span>';          html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="" ${allChecked} class="tg-df-brand-chk"> Any Brand${_div}`;                    values.forEach(v => {             if (!v.formatted_value || v.formatted_value === 'Any Brand') return;             const isChecked = this.selectedBrands.includes(v.formatted_value) ? 'checked' : '';             html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="${this.escapeHTML(v.formatted_value)}" ${isChecked} class="tg-df-brand-chk"> ${this.escapeHTML(v.formatted_value)} \x3Cspan style="color:var(--tg-df-text-muted);font-size:12px">(${v.count || 0})${_span}${_div}`;          });                    this.brandDropdown.innerHTML = html;                    // Re-bind listeners          const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');          chks.forEach(chk => {            chk.addEventListener('change', (e) => {              const val = e.target.value;              if (val === '') {                this.selectedBrands = [];              } else {                if (e.target.checked) {                   if (!this.selectedBrands.includes(val)) this.selectedBrands.push(val);                } else {                   this.selectedBrands = this.selectedBrands.filter(b => b !== val);                }              }                            if (this.selectedBrands.length === 0) {                 this.brandTrigger.innerText = 'Any Brand';              } else if (this.selectedBrands.length === 1) {                 this.brandTrigger.innerText = this.selectedBrands[0];              } else {                 this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;              }                            // Only call API if changed from UI interactions              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.updateURLParams();                 this.fetchDeals(this.currentQuery);              }            });          });                    // Update button text on load          if (this.selectedBrands.length === 0) {             this.brandTrigger.innerText = 'Any Brand';          } else if (this.selectedBrands.length === 1) {             this.brandTrigger.innerText = this.selectedBrands[0];          } else {             this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;          }        }        updateURLParams() {          const url = new URL(window.location);          if (this.currentQuery && this.currentQuery !== 'Gaming laptops') {            url.searchParams.set('q', this.currentQuery);          } else {            url.searchParams.delete('q');            url.searchParams.delete('search');            url.searchParams.delete('query');          }                    if (this.regionSelect && this.regionSelect.value !== 'auto') {            url.searchParams.set('region', this.regionSelect.value);          } else {            url.searchParams.delete('region');          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.set('retailer', this.retailerSelect.value);          } else {            url.searchParams.delete('retailer');          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.set('brands', this.selectedBrands.join(','));          } else {            url.searchParams.delete('brands');          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.set('offer_type', this.offerTypeSelect.value);          } else {            url.searchParams.delete('offer_type');          }                    if (this.viewModeSelect && this.viewModeSelect.value !== 'auto') {            url.searchParams.set('view_mode', this.viewModeSelect.value);          } else {            url.searchParams.delete('view_mode');          }                    if (this.rowsSelect && this.rowsSelect.value !== '12') {            url.searchParams.set('rows', this.rowsSelect.value);          } else {            url.searchParams.delete('rows');          }                    const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             url.searchParams.set('price', `${min}_${max}`);          } else if (this.priceFilter && this.priceFilter.value !== 'all') {            url.searchParams.set('price', this.priceFilter.value);          } else {            url.searchParams.delete('price');          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {               const ratio = (100 - v) / 100;               url.searchParams.set('min_discount_ratio', ratio.toString());            }          } else {            url.searchParams.delete('min_discount_ratio');          }                    if (this.sortSelect && this.sortSelect.value !== 'discount_desc') {            url.searchParams.set('sort', this.sortSelect.value);          } else {            url.searchParams.delete('sort');          }                    if (this.dealModeToggle && this.dealModeToggle.checked) {            url.searchParams.set('deal_mode', 'true');          } else {            url.searchParams.delete('deal_mode');          }                    window.history.replaceState({}, '', url);        }        bindEvents() {          const roundels = this.root.querySelectorAll('.tg-df-carousel-cat.original-hardcoded');          roundels.forEach(r => {             r.addEventListener('click', () => {                const q = r.getAttribute('data-query');                const pr = r.getAttribute('data-pr');                if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: q,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = q;                const label = this.root.querySelector('#tg-df-carousel-title-label');                if (label) label.textContent = 'Best ' + q;                if (this.priceFilter) this.priceFilter.value = pr || 'all';                if (this.discountFilter) this.discountFilter.value = '5';                if (this.searchInput) this.searchInput.value = q;                                roundels.forEach(ro => ro.classList.remove('active'));                r.classList.add('active');                this.fetchDeals(this.currentQuery);             });          });          const discBtns = this.root.querySelectorAll('.tg-df-carousel-filter-btn');          discBtns.forEach(b => {             b.addEventListener('click', () => {                const d = b.getAttribute('data-d');                const pr = b.getAttribute('data-pr');                const ot = b.getAttribute('data-ot');                let label = b.innerText ? b.innerText.trim() : '';                let filterType = 'unknown';                let filterVal = 'unknown';                if (d !== null) { filterType = 'discount'; filterVal = d; }                else if (pr !== null) { filterType = 'price'; filterVal = pr; }                else if (ot !== null) { filterType = 'offertype'; filterVal = ot; }                if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-${filterType}-${filterVal}`, name: 'Filter Button', label: label });                                if (d !== null) {                   if (this.discountFilter) this.discountFilter.value = this.discountFilter.value === d ? '0' : d;                } else if (pr !== null) {                   if (this.priceFilter) this.priceFilter.value = this.priceFilter.value === pr ? 'all' : pr;                } else if (ot !== null) {                   if (this.offerTypeSelect) this.offerTypeSelect.value = this.offerTypeSelect.value === ot ? 'all' : ot;                } else {                   if (this.discountFilter) this.discountFilter.value = '0';                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.offerTypeSelect) this.offerTypeSelect.value = 'all';                }                if (d === null && pr === null && ot === null && b.getAttribute("data-type") !== "custom") {                   discBtns.forEach(ro => ro.classList.remove('active'));                   b.classList.add('active');                } else if (b.getAttribute("data-type") !== "custom") {                   // Only operate on hardcoded buttons (those without data-type)                   discBtns.forEach(ro => {                      if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active');                   });                                      let makeActive = true;                   if (d !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-d') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (pr !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-pr') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (ot !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-ot') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   }                                      if (makeActive) b.classList.add('active');                                      // Check if anything is active, if not activate "All"                   let anyActive = false;                   discBtns.forEach(ro => { if (ro.classList.contains('active') && ro.getAttribute('data-type') !== 'custom') anyActive = true; });                   if (!anyActive) {                       discBtns.forEach(ro => { if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.add('active'); });                   }                }                                this.fetchDeals(this.currentQuery);             });          });          if (this.brandTrigger && this.brandDropdown) {            this.brandTrigger.addEventListener('click', () => {              this.brandDropdown.classList.toggle('active');            });            document.addEventListener('click', (e) => {              if (this.brandFilterWrapper && !e.composedPath().includes(this.brandFilterWrapper)) {                this.brandDropdown.classList.remove('active');              }            });          }          let debounceTimer;          if(this.searchInput) {            this.searchInput.addEventListener('input', (e) => {              clearTimeout(debounceTimer);              const query = e.target.value.trim();              this.currentQuery = query;              if (this.getViewMode() === 'savings_squad' && this.autocompleteDropdown && this.airedaleTags && query.length > 0) {                 const matches = this.airedaleTags.filter(t => t.toLowerCase().includes(query.toLowerCase()) && t.toLowerCase() !== query.toLowerCase()).slice(0, 5);                 if (matches.length > 0) {                    this.autocompleteDropdown.innerHTML = matches.map(m => `\x3Cdiv class="tg-df-autocomplete-item" data-tag="${this.escapeHTML(m)}">${this.escapeHTML(m)}<` + `/div>`).join('');                    this.autocompleteDropdown.classList.add('active');                 } else {                    this.autocompleteDropdown.classList.remove('active');                 }              } else if (this.autocompleteDropdown) {                 this.autocompleteDropdown.classList.remove('active');              }              debounceTimer = setTimeout(() => {                this.updateURLParams();                if (query.length > 2) {                  this.fetchDeals(query);                } else if (query.length === 0) {                  this.deals = [];                  this.render();                }              }, 400);            });            this.searchInput.addEventListener('keypress', (e) => {              if (e.key === 'Enter') {                if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');                clearTimeout(debounceTimer);                const query = e.target.value.trim();                this.currentQuery = query;                this.activeDealTag = null;                trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                this.updateURLParams();                if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                   this.fetchDeals(query);                }              }            });          }          if (this.autocompleteDropdown) {             this.autocompleteDropdown.addEventListener('click', (e) => {                const item = e.target.closest('.tg-df-autocomplete-item');                if (item) {                   const tag = item.getAttribute('data-tag');                   this.currentQuery = tag;                   if (this.searchInput) this.searchInput.value = tag;                   this.activeDealTag = tag;                   this.autocompleteDropdown.classList.remove('active');                   this.updateURLParams();                   this.fetchDeals(tag);                }             });             document.addEventListener('click', (e) => {               if (this.autocompleteDropdown && this.searchInput && !e.composedPath().includes(this.searchInput) && !e.composedPath().includes(this.autocompleteDropdown)) {                 this.autocompleteDropdown.classList.remove('active');               }             });          }          if (this.searchBtn) {            this.searchBtn.addEventListener('click', () => {              if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');              clearTimeout(debounceTimer);              const query = this.searchInput.value.trim();              trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });              this.activeDealTag = null;              this.currentQuery = query;              this.updateURLParams();              if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.fetchDeals(query);              }            });          }          if(this.sortSelect) this.sortSelect.addEventListener('change', () => {            trackElementInteraction({ id: `sort-option-${this.sortSelect.value}`, name: 'Sort', label: `Sort: ${this.sortSelect.options[this.sortSelect.selectedIndex].text}` });            this.updateURLParams();            if (this.deals.length > 0) {              this.sortData();              this.render();            }          });                    const priceFilter = this.root.querySelector('#tg-df-price-filter');          if (priceFilter) {            this.priceFilter = priceFilter;            this.priceFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-price-${this.priceFilter.value}`, name: 'Price', label: this.priceFilter.options[this.priceFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          const updateCustomPrice = () => {             this.updateURLParams();             if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);             } else {                this.render();             }          };          if (this.customPriceMin) {             this.customPriceMin.addEventListener('change', updateCustomPrice);             this.customPriceMin.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          if (this.customPriceMax) {             this.customPriceMax.addEventListener('change', updateCustomPrice);             this.customPriceMax.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          const discountFilter = this.root.querySelector('#tg-df-discount-filter');          if (discountFilter) {            this.discountFilter = discountFilter;            this.discountFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-discount-${this.discountFilter.value}`, name: 'Discount', label: this.discountFilter.options[this.discountFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          if (this.categoryFilter) {            this.categoryFilter.addEventListener('change', (e) => {               const val = e.target.value === 'all' ? null : e.target.value;               this.activeDealTag = val;               this.fetchSavingsSquad();            });          }                    if (this.settingsToggle) {            this.settingsToggle.addEventListener('click', () => {              const o = this.settingsPanel.classList.toggle('active');              this.settingsBackdrop.classList.toggle('active');              if (o) trackElementInteraction({ id: 'filter-open', name: 'Filters', label: 'Open filters' });            });          }                    if (this.settingsBackdrop) {            this.settingsBackdrop.addEventListener('click', () => {              this.settingsPanel.classList.remove('active');              this.settingsBackdrop.classList.remove('active');            });          }                    if (this.regionSelect) {            this.regionSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-region-${this.regionSelect.value}`, name: 'Region', label: this.regionSelect.options[this.regionSelect.selectedIndex].text });              this.updateURLParams();              this.updatePriceDropdownCurrency();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.retailerSelect) {            this.retailerSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-merchant-${this.retailerSelect.value}`, name: 'Retailer', label: this.retailerSelect.options[this.retailerSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.offerTypeSelect) {            this.offerTypeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-offertype-${this.offerTypeSelect.value}`, name: 'Offer Type', label: this.offerTypeSelect.options[this.offerTypeSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.viewModeSelect) {            this._prevViewMode = this.viewModeSelect.value;            this.viewModeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-viewmode-${this.viewModeSelect.value}`, name: 'View Mode', label: this.viewModeSelect.options[this.viewModeSelect.selectedIndex].text });                            // Reset all active toggles and filters to prevent config carry-over              this.selectedBrands = [];              if (this.brandTrigger) this.brandTrigger.innerText = 'Select Brands';              if (this.brandDropdown) {                const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                chks.forEach(chk => { chk.checked = false; });              }              if (this.priceFilter) this.priceFilter.value = 'all';              if (this.customPriceMin) this.customPriceMin.value = '';              if (this.customPriceMax) this.customPriceMax.value = '';              if (this.sortSelect) this.sortSelect.value = this.viewModeSelect.value === 'savings_squad' ? 'date_desc' : 'discount_desc';              if (this.discountFilter) this.discountFilter.value = '0';              if (this.retailerSelect) this.retailerSelect.value = '';              if (this.offerTypeSelect) this.offerTypeSelect.value = '';              if (this.rowsSelect) this.rowsSelect.value = '12';              if (this.categoryFilter) this.categoryFilter.value = 'all';              this.activeDealTag = null;              this.updateURLParams();              this.applyLayoutMode();                            if (this.getViewMode() === 'savings_squad' || this._prevViewMode === 'savings_squad') {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }              this._prevViewMode = this.viewModeSelect.value;            });          }                    if (this.rowsSelect) {            this.rowsSelect.addEventListener('change', () => {              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.dealModeToggle) {            this.dealModeToggle.addEventListener('change', () => {              this.updateURLParams();              this.render();            });          }          if (this.editorModeToggle) {             this.editorModeToggle.addEventListener('change', (e) => {                this.editorMode = e.target.checked;                this.render();                this.updateFloatingCopyBar();             });          }          if (this.editorCopyBtn) {             this.editorCopyBtn.addEventListener('click', () => {                this.copySelectedDealsToCMS();             });          }          if (this.editorClearBtn) {             this.editorClearBtn.addEventListener('click', () => {                this.selectedDeals.clear();                this.render();                this.updateFloatingCopyBar();             });          }          if (this.grid) {            this.grid.addEventListener('change', (e) => {               if (e.target.classList.contains('tg-df-deal-checkbox')) {                  const dealId = e.target.getAttribute('data-id');                  if (e.target.checked) {                     const dealObj = this.deals.find(d => d.id === dealId);                     if (dealObj) this.selectedDeals.set(dealId, dealObj);                  } else {                     this.selectedDeals.delete(dealId);                  }                  this.updateFloatingCopyBar();               }            });            this.grid.addEventListener('click', (e) => {              const dealCard = e.target.closest('[data-action="deal-click"]');              const similarCard = e.target.closest('[data-action="view-similar-click"]');              const cardLink = dealCard || similarCard;              if (cardLink) {                const productName = cardLink.getAttribute('data-product-name');                const merchantName = cardLink.getAttribute('data-merchant-name');                const productId = cardLink.getAttribute('data-analytics-id');                const price = parseFloat(cardLink.getAttribute('data-price')) || null;                const prevPriceStr = cardLink.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = cardLink.getAttribute('data-original-link');                const rewrittenLink = cardLink.getAttribute('href');                const revenueId = cardLink.getAttribute('data-revenue-id');                const index = parseInt(cardLink.getAttribute('data-index'), 10) || 0;                const inStock = cardLink.getAttribute('data-in-stock') === 'true';                const totalText = cardLink.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: cardLink.getAttribute('data-model-id') || null,                    matchId: cardLink.getAttribute('data-match-id') || null,                    brand: cardLink.getAttribute('data-model-brand') || null,                    parent: cardLink.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: cardLink.getAttribute('data-merchant-id') || null,                    network: cardLink.getAttribute('data-merchant-network') || null,                    url: cardLink.getAttribute('data-merchant-url') || null,                    name: merchantName                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: normalizeCurrency(this.escapeHTML(cardLink.getAttribute('data-currency') || '$'))                };                if (dealCard) {                  trackDealClick(trackingParams);                } else {                  trackViewSimilarClick(trackingParams);                }              }              const couponsBtn = e.target.closest('[data-action="coupons-click"]');              if (couponsBtn) {                trackElementInteraction({                  id: 'product-card-show-coupons',                  name: 'Coupons',                  label: `Product card coupons: ${couponsBtn.getAttribute('data-merchant')}`                });              }            });          }          this.setupScrollListeners();        }        setupScrollListeners() {          const containers = [             this.root.querySelector('.tg-df-carousel-roundels'),             this.root.querySelector('.tg-df-carousel-filters-wrap'),             this.root.querySelector('#tg-df-grid')          ];                    containers.forEach(container => {             if (!container) return;                          const checkScroll = () => {                if (!container.parentElement) return;                const leftBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-left');                const rightBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-right');                                if (leftBtn) {                   if (container.scrollLeft <= 5) leftBtn.style.display = 'none';                   else leftBtn.style.display = 'flex';                }                                if (rightBtn) {                   if (container.scrollWidth <= container.clientWidth) {                       rightBtn.style.display = 'none';                   } else if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 5) {                       rightBtn.style.display = 'none';                   } else {                       rightBtn.style.display = 'flex';                   }                }             };                          container.addEventListener('scroll', checkScroll);             checkScroll();                          window.addEventListener('resize', checkScroll);                          const observer = new MutationObserver(checkScroll);             observer.observe(container, { childList: true, subtree: true, characterData: false });          });        }        get widgetTypeName() {          const mode = this.viewModeSelect ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');          switch(mode) {              case 'carousel': return 'Carousel';              case 'savings_squad': return 'Savings Squad';              case 'grid': return 'Grid';              case 'row': return 'Row';              default: return 'Auto Collection';          }        }        getRowsLimit() {          if (this.rowsSelect && this.rowsSelect.value) return parseInt(this.rowsSelect.value, 10);          let configSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {             configSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {             configSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(configSource);          if (params.has('rows')) return parseInt(params.get('rows'), 10) || 12;          return 12;        }        getAreaCode() {          if (this.regionSelect && this.regionSelect.value) {            if (this.regionSelect.value === 'auto') return null;            return this.regionSelect.value;          }          let area = null;          try {            const locale = window.navigator.language || window.navigator.userLanguage;            if (locale && locale.includes('-')) {              area = locale.split('-')[1].toUpperCase();            } else if (locale && locale.length === 2) {              if (locale.toUpperCase() === 'EN') { area = 'US'; }              else { area = locale.toUpperCase(); }            }          } catch (e) { /* Ignore */ }                    // Map to known valid options or fallback to US          const valid = ['US', 'GB', 'CA', 'AU', 'DE', 'FR', 'IT'];          if (area === 'UK') area = 'GB';          if (valid.includes(area)) {             return area;          }          return 'US';        }                async loadCarouselSpreadsheet() {          try {              const parseCSVRow = (str) => {                  let result = [], cur = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (inQuotes) {                          if (char === '"') {                              if (str[i + 1] === '"') { cur += '"'; i++; }                              else { inQuotes = false; }                          } else { cur += char; }                      } else {                          if (char === '"') { inQuotes = true; }                          else if (char === ',') { result.push(cur); cur = ''; }                          else { cur += char; }                      }                  }                  result.push(cur); return result;              };              const parseCSV = (str) => {                  const rows = []; let curRow = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (char === '"') inQuotes = !inQuotes;                      if ((char === '\n' || char === '\r') && !inQuotes) {                          if (char === '\r' && str[i+1] === '\n') i++;                          if (curRow) rows.push(parseCSVRow(curRow));                          curRow = '';                      } else { curRow += char; }                  }                  if (curRow) rows.push(parseCSVRow(curRow));                  return rows;              };              const preloadedCSV = decodeURIComponent(escape(atob("LCwxLDIsMyw0LDUsNiw3LDgsOSwxMCwxMSwxMiwxMywxNCwxNQ0KUm91bmRlbCB0ZXh0LEFsbCxUVnMsRm9vdHdlYXIsQXBwYXJlbCxNYXR0cmVzZXMsQXBwbGlhbmNlcyxXZWFyYWJsZSB0ZWNoLEhlYWRwaG9uZXMsU21hcnQgSG9tZSxTcGVha2VycyxMYXB0b3BzLFRhYmxldHMsQ29tcHV0aW5nLFBob25lcyxHYW1pbmcsTGVnbw0KUm91bmRlbCBpbWFnZSxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL2FpLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL3R2cy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvN2IzYTIyNGIwNzk2M2M2MjdiNmI5MDliZDc4MzM4MzZlMDJmZjgxOS5qcGcud2VicCxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy84NGRhYzVkNDhlZDJkNDQ4NTU5ZWJhNjdhY2U4MzE0Y2M2N2NjZDk0LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vc2hvcC1hc3NldHMvY2Fyb3VzZWwvbWF0dHJlc3Nlcy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvNzY4ZTk3Y2ViMDcxODAxZmFlMjA5MTBkMDgyMGIxNmY3NDdhZjkzOS5qcGcud2VicCxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL3dlbGxuZXNzLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL2hlYWRwaG9uZXMuanBnLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzg5NTM1YmVlYmUyMGRiYmQ0YTM0NmQ2ZDZiZGZlOTFkOGE4ODRhMjEuanBnLndlYnAsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9zaG9wLWFzc2V0cy9jYXJvdXNlbC9hdWRpby5qcGcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9zaG9wLWFzc2V0cy9jYXJvdXNlbC9sYXB0b3BzLmpwZyxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy8yMzk3NTY0ZWQ3YTVmZjk0N2U5YjZiMzBlNTRmNDc0OTRiODQxZjg5LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vc2hvcC1hc3NldHMvY2Fyb3VzZWwvY29tcHV0aW5nLmpwZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL3Bob25lcy5wbmcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9zaG9wLWFzc2V0cy9jYXJvdXNlbC9nYW1pbmcucG5nLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzRmNmM2MjFjYWMwYmMxYTg1ZDU5M2UzNTk0YmE1YjM0OWVmZmQyOTIuanBnLndlYnANClNlYXJjaCBRdWVyeSxFdmVyeXRoaW5nLFRlbGV2aXNpb25zLCJTbmVha2VycywgcnVubmluZyBzaG9lcywgc2FuZGFscyIsQ2xvdGhpbmcsTWF0dHJlc3NlcyxIb21lIEFwcGxpYW5jZXMsV2VhcmFibGVzICYgRml0bmVzcyBUZWNoLEhlYWRwaG9uZXMsSG9tZSBUZWNoLFNwZWFrZXJzLExhcHRvcHMsVGFibGV0cyxDb21wdXRpbmcsUGhvbmVzLEdhbWluZyxDb25zdHJ1Y3Rpb24gVG95cw0KRGlzY291bnQgQW1vdW50LG1pbiA1JSxtaW4gMTAlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUNClByaWNlIFJhbmdlLCwsLCxtaW4gJDQwMCwsLCxtaW4gJDI1LCxtaW4gJDMwMCwsLG1pbiAkMTAwLCwNCkJyYW5kIFNlbGVjdGlvbiwsLCwsLCwsLCwsLCwsLCwNCkZpbHRlciBidXR0b25zLCwsLCwsLCwsLCwsLCwsLA0KMSxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMNCjIsQW1hem9uIGRlYWxzLFVuZGVyICQxMDAwLDUwJSBvZmYsQWRpZGFzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsNTAlIG9mZixBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscw0KMyxPdmVyICQ0MDAsVW5kZXIgJDUwMCxIb2thLE5pa2UsU2FhdHZhLE5pbmphLDQwJSBvZmYsSkxhYiwsSkJMLERlbGwsLEFzdXMsQXBwbGUsQ29uc29sZXMsU3RhciBXYXJzDQo0LFVuZGVyICQxMDAwLDUwJSBvZmYsU2tlY2hlcnMsVW5kZXIgQXJtb3VyLEhlbGl4LFNoYXJrLEdhcm1pbixBbmtlciBTb3VuZGNvcmUsUmluZyxTb25vcyxBcHBsZSxBcHBsZSxUUC1saW5rLFNhbXN1bmcsQWNjZXNzb3JpZXMsVW5kZXIgJDI1DQo1LFVuZGVyICQ1MDAsTEcsQXNpY3MsQ29sdW1iaWEsRHJlYW1DbG91ZCxLZXVyaWcsQXBwbGUsU29ueSxHb3ZlZSxUcmliaXQsTGVub3ZvLFNhbXN1bmcsRWVybyxHb29nbGUsR2FtZXMsVW5kZXIgJDUwDQo2LDUwJSBvZmYsU2Ftc3VuZyxOaWtlLFBhdGFnb25pYSxOZWN0YXIsRGUnTG9uZ2hpLEFtYXpmaXQsQXBwbGUsS2FzYSBzbWFydCxTb255LEFsaWVud2FyZSxUQ0wsTmV0Z2VhcixNb3Rvcm9sYSxOaW50ZW5kbyxCb3RhbmljYWxzDQo3LEFtYXpvbixIaXNlbnNlLE5ldyBCYWxhbmNlLEFyYyd0ZXJ5eCxUZW1wdXItcGVkaWMsRHlzb24sRml0Yml0LEJlYXRzLFBoaWxpcHMgSHVlLEFua2VyLEFjZXIsT25lUGx1cyxEZWxsLE9uZVBsdXMsU29ueSxEaXNuZXkNCjgsQXBwbGUsVENMLEFkaWRhcyxDYXJoYXJ0dCxCZWFyLEJpc3NlbGwsU2Ftc3VuZyxFYXJmdW4sQmxpbmssQmVhdHMsTVNJLE1pY3Jvc29mdCxBY2VyLE5vdGhpbmcsWGJveCxNYXJ2ZWwNCjksLFNvbnksU2F1Y29ueSxUaGUgTm9ydGggRmFjZSxTaWVuYSxOdXRyaWJ1bGxldCxPdXJhLFNhbXN1bmcsR29vZ2xlIE5lc3QgLE1hcnNoYWxsLFNhbXN1bmcsTGVub3ZvLExlbm92bywsLFBva2Vtb24NCjEwLCxSb2t1LEJpcmtlbnN0b2NrLENSWiBZb2dhLFdpbmtCZWRzLEJsYWNrIGFuZCBEZWNrZXIsUmluZ2Nvbm4sQ01GLEV1ZnksU2Ftc3VuZyxNaWNyb3NvZnQsUmVNYXJrYWJsZSxBbGllbndhcmUsLCwNCjExLCwsQnJvb2tzLFRoZSBHeW0gUGVvcGxlLEJyb29rbHluIGJlZGRpbmcsTmVzcHJlc3NvLCwxTW9yZSxBcmxvLCxSYXplciwsQ29yc2FpciwsLA0KMTIsLCxDcm9jcywsRWlnaHQgU2xlZXAsQ3Vpc2luYXJ0LCxKQkwsLCwsLEhQLCwsDQpOb3RlcywsLCwsLCwsLCwsLCwsLCwNCiwsIlByaW9yaXRpc2UgYmlnZ2VzdCAlLyQgZGlzY291bnQsIFR2cyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiB0aGUgbW9zdCBwb3B1bGFyIGV2ZW4gaWYgdGhleSBhcmUgc3RpbGwgZXhwZW5zaXZlIiwiTm8gcGF0dGVybiB0byBwcmljaW5nL2Rpc2NvdW50LCByZWFkZXJzIG1haW5seSBzaG9wIGJ5IGJyYW5kL3JlY29nbmlzYWJsZSBzaG9lcyIsIk5vIHBhdHRlcm4gdG8gcHJpY2luZy9kaXNjb3VudCwgcmVhZGVycyBtYWlubHkgc2hvcCBieSBicmFuZCIsIkEgbGFiZWwgd2lsbCBkZWZpbml0ZWx5IGhlbHAgaGVyZSBlLmcuIGJlc3QgZm9yIHNpZGUgc2xlZXBlciwgYmVzdCBtZW1vcnkgZm9hbSIsIkFwcGxpYW5jZXMgaXMgYSBiaWcgY2F0ZWdvcnksIGlzIGl0IHBvc3NpYmxlIHRvIHNwbGl0IGludG8ga2l0Y2hlbiBhcHBsaWFuY2VzLCBmbG9vcmNhcmUsIGFpciBoZWFsdGgvY29vbGluZz8gT3Igc2ltaWxhciIsIkZvY3VzIG9uIHZhbHVlIGZvciBtb25leSwgR2FybWlucyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiBwb3B1bGFyIGV2ZW4gdGhvdWdoIHRoZXkgYXJlIHN0aWxsICQ1MDAiLCwsLCxJbmNsdWRlIEtpbmRsZXMsSSB3b3VsZCBpbmNsdWRlIHdpZmkgcm91dGVycyBoZXJlIGluc3RlYWQgb2Ygc21hcnQgaG9tZSxDYW4gd2Ugc3VyZmFjZSBwaG9uZSBwcm92aWRlciBkZWFscz8gVC1tb2JpbGUgYW5kIHZlcml6b24gd291bGQgbWFrZSBhIGxvdCBtb3JlIG1vbmV5IHRoYW4gQW1hem9uLCwNCiwsaGF2aW5nIGEgJ2Jlc3QgZm9yJyBsYWJlbCB3b3VsZCBiZSBoZWxwZnVsIGUuZy4gYmVzdCBmb3IgYnJpZ2h0IHJvb20sQ2FuIHdlIHN0b3Aga2lkcyBzaG9lcyBmcm9tIHB1bGxpbmcgdGhyb3VnaD8sIldpbGwgdGhpcyBpbmNsdWRlIGFjY2Vzc29yaWVzIGUuZy4gY2FwcywgYmFncywgaWYgc28gbWFrZSBzdXJlIHRoZXNlIGFyZSBtaXhlZCB0aHJvdWdob3V0IGNsb3RoaW5nIGRlYWxzIixXaWxsIHRoaXMgaW5jbHVkZSB0b3BwZXJzIGFuZCBwaWxsb3dzPyBTZWVpbmcgbW9yZSBtb21lbnR1bSB3aXRoIHRoaXMgY2F0ZWdvcnkgcmVjZW50bHkgc28gYSBiZWRkaW5nIHRhYiBtaWdodCB3b3JrLCwiTmVlZCB0byBtYWtlIHN1cmUgYmFuZHMsIHNjcmVlbiBwcm90ZWN0b3JzIGV0Yy4gZG9uJ3QgcHVsbCBpbnRvIGhlcmUiLCwsLCwsLCwsDQosLCJQcmlvcml0aXNlIDY1JycgYW5kIDU1JyBpbmNoIFRWcywgdGhlbiBiaWdnZXIgc2NyZWVucyBiZWZvcmUgdGhlIHNtYWxsZXIgc2l6ZXMiLCwsUXVlZW4gaXMgdGhlIG1vc3QgcG9wdWxhciBzaXplIGluIHRoZSBVUyAtIHByaW9yaXRpc2UgZGVhbHMgZm9yIHRoaXMgc2l6ZSwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpDYXRlZ29yaWVzIHRvIGNvbnNpZGVyLCxQcm9kdWN0cyBpbmNsdWRlZCwsLCwsLCwsLCwsLCwsDQpVbmRlciAkNTA/LCxBaXIgdGFncywsLCwsLCwsLCwsLCwsDQosLFBvcnRhYmxlIGNoYXJnZXJzL3dpcmVsZXNzIGNoYXJnZXJzLCwsLCwsLCwsLCwsLCwNCiwsIldhdGVyIGJvdHRsZXMgKHN0YW5sZXlzLCBPd2FsYSwgSHlkcm8gZmxhc2ssIFlldGkpIiwsLCwsLCwsLCwsLCwsDQosLEhhbmQgaGVsZCBmYW5zLCwsLCwsLCwsLCwsLCwNCiwsLCwsLCwsLCwsLCwsLCwNCmhvbWUgb2ZmaWNlLCxvZmZpY2UgY2hhaXJzLCwsLCwsLCwsLCwsLCwNCiwsc3RhbmRpbmcgZGVza3MsLCwsLCwsLCwsLCwsLA0KLCxtb25pdG9ycywsLCwsLCwsLCwsLCwsDQosLEtleWJvYXJkcywsLCwsLCwsLCwsLCwsDQosLGRvY2tpbmcgc3RhdGlvbiwsLCwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpHYW1pbmcsLENvbnNvbGVzLCwsLCwsLCwsLCwsLCwNCiwsQWNjZXNzb3JpZXMsLCwsLCwsLCwsLCwsLA0KLCxHYW1lcywsLCwsLCwsLCwsLCwsDQosLENvdWxkIGluY2x1ZGUgTGVnbz8sLCwsLCwsLCwsLCwsLA==")));              const text = preloadedCSV;              const parsed = parseCSV(text);                            const rowsByName = {};              let filterStart = -1;              parsed.forEach((rc, i) => {                 if (rc && rc.length > 0 && rc[0]) rowsByName[rc[0]] = rc;                 if (rc && rc.length > 0 && rc[0] === 'Filter buttons') filterStart = i;              });                            const cols = [];              if(rowsByName['Roundel text']) {                const headerRow = rowsByName['Roundel text'];                for(let col = 1; col < headerRow.length; col++) {                   let label = headerRow[col];                   if (!label) continue;                                      let q = rowsByName['Search Query'] && rowsByName['Search Query'][col] ? rowsByName['Search Query'][col] : '';                   let img = rowsByName['Roundel image'] && rowsByName['Roundel image'][col] ? rowsByName['Roundel image'][col] : '';                   let ds = rowsByName['Discount Amount'] && rowsByName['Discount Amount'][col] ? rowsByName['Discount Amount'][col] : '';                   let pr = rowsByName['Price Range'] && rowsByName['Price Range'][col] ? rowsByName['Price Range'][col] : '';                   let rt = rowsByName['Retailer'] && rowsByName['Retailer'][col] ? rowsByName['Retailer'][col] : '';                   let ot = rowsByName['Offer Type'] && rowsByName['Offer Type'][col] ? rowsByName['Offer Type'][col] : '';                                      let filters = [];                   if(filterStart > 0) {                     for(let r = filterStart + 1; r < parsed.length; r++) {                         if(!parsed[r] || parsed[r][0] === 'Notes' || parsed[r][0] === 'Categories to consider') break;                         let f = parsed[r][col];                         if(f) filters.push(f);                     }                   }                   cols.push({ label, img, q, ds, pr, rt, ot, filters });                }              }              this.carouselData = cols;              if (this.carouselData && this.carouselData.length > 0) {                 const isMatched = this.carouselData.some(c => c.q === this.currentQuery || c.label === this.currentQuery);                 if (!isMatched) {                    const first = this.carouselData[0];                    this.currentQuery = first.q || first.label;                    if (this.priceFilter) this.priceFilter.value = 'all';                    if (this.customPriceMin) this.customPriceMin.value = '';                    if (this.customPriceMax) this.customPriceMax.value = '';                    let dPr = first.pr || 'all';                    if (typeof dPr === 'string' && dPr !== 'all') {                       let prLower = dPr.toLowerCase();                       if (prLower.includes('min') || prLower.includes('over')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else if (prLower.includes('max') || prLower.includes('under')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       }                    }                    let dAm = '0';                    if(first.ds && typeof first.ds === 'string') {                       let m = first.ds.match(/(\d+)/);                       if(m) dAm = m[1];                    }                    if (this.discountFilter) this.discountFilter.value = dAm;                    if (this.offerTypeSelect) this.offerTypeSelect.value = first.ot || '';                    if (this.retailerSelect) this.retailerSelect.value = first.rt || '';                    this.selectedBrands = [];                    if (this.brandDropdown) {                        const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                        chks.forEach(chk => chk.checked = false);                    }                    if (this.searchInput) this.searchInput.value = this.currentQuery;                 }              }              this.renderCarouselUI();          } catch(e){ console.warn(e); }        }                renderCarouselUI() {           const roundelWrapper = this.root.querySelector('.tg-df-carousel-roundels');           if(!roundelWrapper || !this.carouselData) return;                      let html = '';           this.carouselData.forEach(r => {              const q = r.q || r.label;              const isActive = (this.currentQuery === q || this.currentQuery === r.label) ? 'active' : '';              const imgHtml = r.img ? `\x3Cimg src="${r.img}" alt="${r.label}" />` : `\x3Csvg width="32" height="32" fill="#1F69FF" viewBox="0 0 24 24">\x3Cpath d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\x3C/svg>`;              html += `                \x3Cdiv class="tg-df-roundel tg-df-carousel-cat ${isActive}" data-label="${this.escapeHTML(r.label)}">                  \x3Cdiv class="tg-df-roundel-img-box">${imgHtml}\x3C/div>                  \x3Cspan class="tg-df-roundel-label">${this.escapeHTML(r.label)}\x3C/span>                \x3C/div>              `;           });           roundelWrapper.innerHTML = html;                      // Rebind clicks           const roundels = this.root.querySelectorAll('.tg-df-carousel-cat');           roundels.forEach(rNode => {             rNode.addEventListener('click', () => {                const r = this.carouselData.find(c => c.label === rNode.getAttribute('data-label'));                 if(!r) return;                                  if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: r.label,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = r.q || r.label;                const labelTitle = this.root.querySelector('#tg-df-carousel-title-label');                if (labelTitle) labelTitle.textContent = 'Best ' + this.currentQuery;                if (this.priceFilter) this.priceFilter.value = 'all';                if (this.customPriceMin) this.customPriceMin.value = '';                if (this.customPriceMax) this.customPriceMax.value = '';                let dPr = r.pr || 'all';                if (typeof dPr === 'string' && dPr !== 'all') {                   let prLower = dPr.toLowerCase();                   if (prLower.includes('min') || prLower.includes('over')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMin) this.customPriceMin.value = m[1];                   } else if (prLower.includes('max') || prLower.includes('under')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMax) this.customPriceMax.value = m[1];                   }                }                                let discountAmount = '0';                if(r.ds && typeof r.ds === 'string') {                   let m = r.ds.match(/(\d+)/);                   if(m) discountAmount = m[1];                }                if (this.discountFilter) this.discountFilter.value = discountAmount;                if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                                // Clear brands                    this.selectedBrands = [];                    if (this.brandDropdown) {                    const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                    chks.forEach(chk => chk.checked = false);                }                                if (this.searchInput) this.searchInput.value = this.currentQuery;                                roundels.forEach(ro => ro.classList.remove('active'));                if (rNode) rNode.classList.add('active');                                this.renderCarouselFilters(r);                this.fetchDeals(this.currentQuery);             });           });                      // Auto-highlight active           const activeR = this.carouselData.find(c => c.q === this.currentQuery || c.label === this.currentQuery);           if(activeR) this.renderCarouselFilters(activeR);        }                renderCarouselFilters(r) {           const filtersWrap = this.root.querySelector('.tg-df-carousel-filters-wrap');           if(!filtersWrap) return;                      let html = `\x3Cbutton class="tg-df-carousel-filter-btn" data-type="all">All\x3C/button>`;                      r.filters.forEach(f => {              let fL = f.toLowerCase();              let icon = '';              let logic = `data-type="custom" data-v="${this.escapeHTML(f)}"`;              if (fL === 'amazon deals' || fL === 'prime deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>`;              } else if (fL === 'lightning deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>`;              } else {                 if (fL.includes('lightning')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap">\x3Cpolygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2">\x3C/polygon>\x3C/svg>`;                 } else if (fL.includes('% off')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>`;                 } else if (fL.includes('under') || fL.includes('min ')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>`;                 }                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>${icon} ${this.escapeHTML(f)}\x3C/button>`;              }           });                      filtersWrap.innerHTML = html;                      const btns = filtersWrap.querySelectorAll('button');           btns.forEach(b => {             b.addEventListener('click', () => {                const type = b.getAttribute('data-type');                if (type === 'custom') {                   const v = b.getAttribute('data-v');                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-custom-${(v||'').toLowerCase().replace(/[^a-z0-9]+/g, '-')}`, name: 'Custom Filter', label: v });                }                if (type === 'all') {                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: 'filter-clear-all', name: 'Clear all', label: 'Clear all filters' });                   // reset everything                   btns.forEach(btn => btn.classList.remove('active'));                   b.classList.add('active');                                      // Reset prices                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   if (this.brandDropdown) {                     const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                     chks.forEach(chk => chk.checked = false);                   }                } else {                   const v = b.getAttribute('data-v');                   const fL = v.toLowerCase();                                      let mapRet = ['amazon', 'walmart', 'best buy', 'target', 'john lewis', 'currys', 'argos'];                   const getCategory = (s) => {                      if (s === 'lightning deals' || s === 'amazon deals' || s === 'prime deals') return 'offer';                      if (s.includes('% off')) return 'discount';                      if (s.includes('under') || s.includes('over') || s.includes('min') || s.includes('max')) return 'price';                      if (mapRet.includes(s)) return 'retailer';                      return 'brand';                   };                   const cat = getCategory(fL);                   const wasActive = b.classList.contains('active');                   if (cat !== 'brand') {                      btns.forEach(btn => {                          if (btn === b) return;                          if (btn.getAttribute('data-type') === 'all') return;                          const bV = btn.getAttribute('data-v');                          if (!bV) return;                          if (getCategory(bV.toLowerCase()) === cat) btn.classList.remove('active');                      });                   }                   if (wasActive) b.classList.remove('active');                   else b.classList.add('active');                   let anyActive = Array.from(btns).some(btn => btn !== btns[0] && btn.classList.contains('active'));                   if (!anyActive) {                       btns[0].click();                       return;                   } else {                       btns[0].classList.remove('active');                   }                                      if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   btns.forEach(btn => {                       if (!btn.classList.contains('active') || btn.getAttribute('data-type') === 'all') return;                       const vv = btn.getAttribute('data-v');                       const vl = vv.toLowerCase();                                              if (vl === 'lightning deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_lightning';                       } else if (vl === 'amazon deals' || vl === 'prime deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_prime';                       } else if (vl.includes('% off')) {                          let m = vl.match(/(\d+)%/);                          if (m && this.discountFilter) this.discountFilter.value = m[1];                       } else if (vl.includes('under') || vl.includes('max')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       } else if (vl.includes('min') || vl.includes('over')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else {                          let foundR = mapRet.find(x => x === vl);                          if (foundR) {                             let realR = ['Amazon', 'Walmart', 'Best Buy', 'Target', 'John Lewis', 'Currys', 'Argos'].find(x => x.toLowerCase() === vl);                             if (this.retailerSelect) this.retailerSelect.value = realR;                          } else {                             this.selectedBrands.push(vv);                          }                       }                   });                                      if (this.brandDropdown) {                       const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                       chks.forEach(c => c.checked = this.selectedBrands.includes(c.value));                   }                                      if (r.pr && typeof r.pr === 'string') {                       let prL = r.pr.toLowerCase();                       if (prL.includes('under $')) {                           let m = prL.match(/under \$(\d+)/i);                           if (m && this.customPriceMax && !this.customPriceMax.value) this.customPriceMax.value = m[1];                       }                   }                }                                this.fetchDeals(this.currentQuery);             });           });                      // default to highlighting first           btns[0].classList.add('active');        }async fetchDeals(query, append = false) {          if (!append) {             this.showLoading();             this.deals = [];             this.displayLimit = this.getRowsLimit();          } else {             this.displayLimit += this.getRowsLimit();          }                    try {            if (this.getViewMode() === 'savings_squad') {               await this.fetchSavingsSquad(append);            } else {               if (this.isBroadQuery(query)) {                 await this.fetchAdviserDeals(query, append);               } else {                 await this.fetchHawkDeals(query, append);                 if (this.deals.length === 0) {                   await this.fetchAdviserDeals(query, append);                 }               }            }          } catch (error) {            console.warn("[Tom's Guide Widget] Fetch error:", error);            this.showError();          }        }        async fetchSavingsSquad() {          let topArticles = this.airedaleArticles;          if (!topArticles) {            const airedaleUrl = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`;            let res;            try {               res = await fetch(airedaleUrl);            } catch(e) {               try { res = await fetch(`https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`); } catch (err) { console.warn("Fallback fetch failed", err); return; }            }            if (!res.ok) throw new Error('Airedale API Error');            const articles = await res.json();            topArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);            this.airedaleArticles = topArticles;                        let tagCounts = {};            topArticles.forEach((a) => {              let articleTags = new Set();              if (a.articlecategory && Array.isArray(a.articlecategory)) {                 a.articlecategory.forEach((t) => articleTags.add(t));              }              articleTags.forEach(t => {                 tagCounts[t] = (tagCounts[t] || 0) + 1;              });            });                        this.airedaleTags = Object.keys(tagCounts).sort((a, b) => tagCounts[b] - tagCounts[a]);            this.airedaleTagCounts = tagCounts;          }                    let targetArticles = topArticles;          if (this.activeDealTag) {             const cleanTag = this.activeDealTag.toLowerCase().replace(/&/g, '').replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');             const encodedTag = encodeURIComponent(cleanTag);             const url = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50&articleCategoryHandle=${encodedTag}`;             try {                const res = await fetch(url);                if (res.ok) {                   const articles = await res.json();                   targetArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);                }             } catch(e) {                console.warn("Failed to fetch by activeDealTag", e);             }          }          let extractedDeals = [];          let dynamicBrandsCounts = {};                    targetArticles.forEach((article) => {             if (!article.articlepage) return;                          let pageData = [];             try {                pageData = JSON.parse(article.articlepage[0]);             } catch(e){ console.warn(e); }                          const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');                          savingsSquad.forEach((block, idx) => {                const data = block.data || {};                const isFeatured = block.type === 'featured-product';                                const link = data.link || {};                const priceObj = data.price || {};                const image = data.image || {};                                if (data.brand) {                   data.brand = data.brand.replace(/^\d+\.\s*/, '').trim();                   dynamicBrandsCounts[data.brand] = (dynamicBrandsCounts[data.brand] || 0) + 1;                }                const externalUrl = isFeatured ? data.url : (link.href || null);                let summaryTitle = isFeatured ? (data.name || data.brand) : (data.productName || link.label || article.articlename);                let description = isFeatured ? (data.strapline || '') : (data.text || '');                                if (!isFeatured && !data.productName && data.text) {                   const brSplit = data.text.split(new RegExp('\x3Cbr\\s*\\/?\\x3E', 'i'));                   if (brSplit.length > 1) {                     summaryTitle = brSplit[0].replace(/<[^>]+>/g, '').trim();                     description = brSplit.slice(1).join(' ').replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();                   } else {                     const match = data.text.match(/\x3Cstrong>(.*?)<\/strong>/);                     if (match) {                       summaryTitle = match[1].replace(/<[^>]+>/g, '').trim();                       if (summaryTitle.endsWith(':')) summaryTitle = summaryTitle.slice(0, -1);                     }                   }                }                                let imageUrl = isFeatured ? image.mos : (image.src || null);                if (imageUrl && imageUrl.startsWith('//')) imageUrl = 'https:' + imageUrl;                                description = description.replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').replace(/View Deal$/i, '').trim();                                let merchantName = data.retailer || '';                if (!merchantName && externalUrl) {                   try {                     merchantName = new URL(externalUrl).hostname.replace('www.', '').split('.')[0];                     merchantName = merchantName.charAt(0).toUpperCase() + merchantName.slice(1);                   }catch(e){ console.warn(e); }                }                if (!merchantName) merchantName = 'Retailer';                const q = (this.currentQuery || '').toLowerCase();                const activeTagLogic = (this.activeDealTag || '').toLowerCase();                if (q.length > 2 && q !== activeTagLogic) {                   const searchTarget = `${summaryTitle || ''} ${description || ''}`.toLowerCase();                   if (!searchTarget.includes(q)) return;                }                let rawPrice = 0;                let rawMsrp = 0;                let currencyStr = '$';                if (isFeatured) {                   rawPrice = typeof data.salePrice === 'number' && data.salePrice > 0 ? data.salePrice : (typeof data.price === 'number' ? data.price : 0);                   rawMsrp = typeof data.salePrice === 'number' && typeof data.price === 'number' && data.price > data.salePrice ? data.price : 0;                   currencyStr = data.currency === 'GBP' ? '£' : '$';                } else {                   rawPrice = priceObj.amount ? parseFloat(priceObj.amount) : 0;                   rawMsrp = priceObj.amountWas ? parseFloat(priceObj.amountWas) : 0;                   currencyStr = priceObj.currency === 'GBP' ? '£' : '$';                }                                let savingAmt = 0;                let savingLabel = '';                if (rawPrice > 0 && rawMsrp > rawPrice) {                   savingAmt = parseFloat((rawMsrp - rawPrice).toFixed(2));                   savingLabel = `Save ${currencyStr}${savingAmt}`;                }                                // Apply Brand filter                if (this.selectedBrands && this.selectedBrands.length > 0) {                   const itemBrand = (data.brand || '').toLowerCase();                   const hasMatch = this.selectedBrands.some(sb => sb.toLowerCase() === itemBrand);                   if (!hasMatch) return;                }                // Apply Price filter                let priceFilterVal = null;                const min = this.customPriceMin ? this.customPriceMin.value : '';                const max = this.customPriceMax ? this.customPriceMax.value : '';                if (min || max) {                   priceFilterVal = `${min}_${max}`;                } else if (this.priceFilter && this.priceFilter.value !== 'all') {                   priceFilterVal = this.priceFilter.value;                }                if (priceFilterVal && rawPrice > 0) {                   if (priceFilterVal === 'under50' && rawPrice >= 50) return;                   if (priceFilterVal === 'over50' && rawPrice <= 50) return;                   if (priceFilterVal === 'over30' && rawPrice <= 30) return;                   if (priceFilterVal === 'over500' && rawPrice <= 500) return;                   if (priceFilterVal.includes('_')) {                      const parts = priceFilterVal.split('_');                      const min = parseFloat(parts[0]);                      const max = parseFloat(parts[1]);                      if (!isNaN(min) && rawPrice < min) return;                      if (!isNaN(max) && rawPrice > max) return;                   }                }                // Apply Discount filter                if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {                   const requiredDiscount = parseInt(this.discountFilter.value);                   if (!isNaN(requiredDiscount) && requiredDiscount > 0) {                      if (!rawMsrp || rawMsrp <= rawPrice) return;                      const ratio = Math.round((1 - (rawPrice / rawMsrp)) * 100);                      if (ratio < requiredDiscount) return;                   }                }                                extractedDeals.push({                   id: `airedale-${article.id || Math.random()}-${idx}`,                   url: externalUrl,                   image: imageUrl,                   fallbackImage: imageUrl,                   title: summaryTitle,                   brand: data.brand || '',                   productName: data.productName || '',                   merchant: merchantName,                   rawPrice: rawPrice,                   rawMsrp: rawMsrp,                   price: rawPrice > 0 ? rawPrice.toString() : '',                   msrp: rawMsrp > 0 ? rawMsrp.toString() : '',                   currency: currencyStr,                   isCheckPrice: !rawPrice,                   savingLabel: savingLabel,                   savingType: rawMsrp > rawPrice ? 'amount' : 'none',                   isPrime: false,                   starRating: null,                   description: description,                   text: data.text || ''                });             });          });                    const airedaleBrandsList = Object.keys(dynamicBrandsCounts).map(b => ({              formatted_value: b,              count: dynamicBrandsCounts[b]          })).sort((a,b) => b.count - a.count);                    if (this.getViewMode() === 'savings_squad') {             this.populateBrandDropdown(airedaleBrandsList.slice(0, 15));             if (this.brandFilterWrapper) {                if (airedaleBrandsList.length === 0) {                    this.brandFilterWrapper.style.display = 'none';                } else {                    this.brandFilterWrapper.style.display = 'flex';                }             }          }                    this.deals = extractedDeals;          this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        isBroadQuery(query) {          const q = query.toLowerCase();          const intentModifiers = ['deals', 'best', 'sale', 'under', 'cheap', 'offers', 'discount'];          return intentModifiers.some(term => q.includes(term));        }        async fetchHawkDeals(query, append = false) {          const url = new URL(this.apiUrl);          url.searchParams.append('model_name', query);          const areaCode = this.getAreaCode();          if (areaCode) {            url.searchParams.append('area', areaCode);          }                    if (append && this.deals.length > 0) {            url.searchParams.append('offset', this.deals.length.toString());          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.append('filter_merchant_name', this.retailerSelect.value);          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.append('filter_label[text_brand]', this.selectedBrands.join(','));          }                    let priceVal = null;          const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             priceVal = `${min}_${max}`;          } else if (this.priceFilter && this.priceFilter.value !== 'all') {             priceVal = this.priceFilter.value;          }          if (priceVal) {            if (priceVal === 'under50') {              url.searchParams.append('filter_max_price', '50');            } else if (priceVal === 'over50') {              url.searchParams.append('filter_min_price', '50');            } else if (priceVal === 'over30') {              url.searchParams.append('filter_min_price', '30');            } else if (priceVal === 'over500') {              url.searchParams.append('filter_min_price', '500');            } else if (priceVal.includes('_')) {              const parts = priceVal.split('_');              if (parts[0]) url.searchParams.append('filter_min_price', parts[0]);              if (parts[1]) url.searchParams.append('filter_max_price', parts[1]);            }          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {              const ratio = (100 - v) / 100;              url.searchParams.append('min_discount_ratio', ratio.toString());            }          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.append('offer', this.offerTypeSelect.value);          }                    url.searchParams.append('filter_product_types', 'deals');                    url.searchParams.append('rows', this.getRowsLimit().toString());          let response;          try {             response = await fetch(url.toString());          } catch(e) {             if (window.location.protocol === 'file:') {                console.warn("[Tom's Guide Widget] fetch from file:// blocked by local CORS policy, falling back to Adviser mock.");                await this.fetchAdviserDeals(query);                return;             }             console.warn("Hawk fetch failed", e);             this.deals = [];             this.render();             return;          }          if (!response.ok) {            throw new Error('Hawk API Response Error');          }          const rawData = await response.json();          // Safely locate data array from potentially wrapped response          let offers = [];          let modelInfoArray = [];                    let brandFilterData = null;          if (rawData && rawData.widget && rawData.widget.data && Array.isArray(rawData.widget.data.filters)) {             brandFilterData = rawData.widget.data.filters.find(f => f.type === 'label_text_brand');          } else if (rawData && rawData.data && Array.isArray(rawData.data.filters)) {             brandFilterData = rawData.data.filters.find(f => f.type === 'label_text_brand');          }          if (brandFilterData && Array.isArray(brandFilterData.values) && brandFilterData.values.length > 0) {             this.populateBrandDropdown(brandFilterData.values);          } else {             if (this.brandFilterWrapper && this.selectedBrands.length === 0) {                this.brandFilterWrapper.style.display = 'none';             }          }                    if (rawData && rawData.widget && rawData.widget.data) {            if (Array.isArray(rawData.widget.data.offers)) offers = rawData.widget.data.offers;            if (rawData.widget.data.model_info && typeof rawData.widget.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.widget.data.model_info) ? rawData.widget.data.model_info : Object.values(rawData.widget.data.model_info);            }          } else if (rawData && rawData.data) {            if (Array.isArray(rawData.data.offers)) offers = rawData.data.offers;            if (rawData.data.model_info && typeof rawData.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.data.model_info) ? rawData.data.model_info : Object.values(rawData.data.model_info);            }          } else {            if (Array.isArray(rawData)) offers = rawData;            else if (rawData && Array.isArray(rawData.offers)) offers = rawData.offers;            else if (rawData && rawData.offers && Array.isArray(rawData.offers.offer)) offers = rawData.offers.offer;            else if (rawData && rawData.offers) offers = [].concat(rawData.offers);                        if (rawData && rawData.model_info && typeof rawData.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.model_info) ? rawData.model_info : Object.values(rawData.model_info);            }          }          let modelDetails = {};          modelInfoArray.forEach(m => {            const mId = m.model_id || m.id;            if (mId) {              modelDetails[mId] = {                score: m.score != null ? parseFloat(m.score) : null,                brand: m.brand || null,                parent: (m.parents && Array.isArray(m.parents) && m.parents.length > 0) ? m.parents[0].name : null              };            }          });          offers.forEach(item => {            let data = { ...item };            const mId = data.model_id;            if (mId && modelDetails[mId]) {              data.review_score = modelDetails[mId].score;              data.model_brand = modelDetails[mId].brand;              data.model_parent = modelDetails[mId].parent;            } else {              data.review_score = null;            }                        let itemOffers = [];            if (Array.isArray(item.offers)) itemOffers = item.offers;            else if (Array.isArray(item.offer)) itemOffers = item.offer;            else if (item.offers && typeof item.offers === 'object') itemOffers = [item.offers];            else if (item.offer && typeof item.offer === 'object') itemOffers = [item.offer];            if (itemOffers.length > 0) {              itemOffers.forEach(subItem => {                let subData = { ...item, ...subItem };                const subId = subData.model_id;                if (subId && modelDetails[subId]) {                  subData.review_score = modelDetails[subId].score;                  subData.model_brand = modelDetails[subId].brand;                  subData.model_parent = modelDetails[subId].parent;                } else if (data.review_score != null) {                  subData.review_score = data.review_score;                }                if (subData.merchant && typeof subData.merchant === 'object') {                  subData.merchant_name = subData.merchant.name;                }                this.deals.push(this.extractDealData(subData));              });              return;            }                        if (item.merchant && typeof item.merchant === 'object') {              data.merchant_name = item.merchant.name;            }                        this.deals.push(this.extractDealData(data));          });                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        async fetchAdviserDeals(query) {          // ======================================================================          // TODO: ADVISER API REPLACEMENT          // The code below simulates the Adviser API response using mock data.          // Once the real endpoint is ready, remove getAdviserMockData() and           // perform an actual fetch() request similar to fetchHawkDeals().          // Example:          // const area = this.getAreaCode();          // let apiUrl = `https://your-adviser-api.com/search?q=${query}&area=${area}`;          // if (this.priceFilter && this.priceFilter.value !== 'all') {          //   const val = this.priceFilter.value;          //   if (val === 'under50') apiUrl += '&filter_max_price=50';          //   else if (val === '50_100') apiUrl += '&filter_max_price=100';          //   else if (val === '100_200') apiUrl += '&filter_max_price=200';          //   else if (val === '200_500') apiUrl += '&filter_max_price=500';          // }          // const res = await fetch(apiUrl);          // const rawData = await res.json();          // ======================================================================          // Simulating network latency          await new Promise(resolve => setTimeout(resolve, 400));                    const rawData = this.getAdviserMockData();          let offers = [];                    if (rawData && rawData.data && rawData.data.Get && Array.isArray(rawData.data.Get.Deal)) {            offers = rawData.data.Get.Deal;          }                    // Basic client-side filtering for the mock if we want it to react to the query          const q = query.toLowerCase();          const selectedRetailer = (this.retailerSelect && this.retailerSelect.value) ? this.retailerSelect.value.toLowerCase() : null;                    offers.forEach(item => {            const dataObj = item;                        // Apply retailer filter            const itemRetailer = (dataObj.dataRetailer || '').toLowerCase();            if (selectedRetailer && itemRetailer !== selectedRetailer && !itemRetailer.includes(selectedRetailer)) {              return;            }                        // Apply mock price filter            let price = dataObj.dataDiscountedPrice || 0;            if (typeof price === 'string') {              price = parseFloat(price.replace(/[^0-9.]/g, ''));            }            let priceVal = null;            const min = this.customPriceMin ? this.customPriceMin.value : '';            const max = this.customPriceMax ? this.customPriceMax.value : '';            if (min || max) {               priceVal = `${min}_${max}`;            } else if (this.priceFilter && this.priceFilter.value !== 'all') {               priceVal = this.priceFilter.value;            }            if (priceVal) {              if (priceVal === 'under50' && price >= 50) return;              if (priceVal === 'over50' && price <= 50) return;              if (priceVal === 'over30' && price <= 30) return;              if (priceVal === 'over500' && price <= 500) return;              if (priceVal.includes('_')) {                 const parts = priceVal.split('_');                 if (parts[0] && price < parseFloat(parts[0])) return;                 if (parts[1] && price > parseFloat(parts[1])) return;              }            }                        // Map Adviser schema to our widget's expected schema            const mappedData = {              url: dataObj.linkHREF || dataObj.dataLink || '#',              image: dataObj.imageURL || (dataObj.image && dataObj.image.src) || '',              title: dataObj.dataProduct || (dataObj.product && dataObj.product.name) || 'Product Deal',              merchant: dataObj.dataRetailer || 'Retailer',              price: dataObj.dataDiscountedPrice || 0,              currency: dataObj.dataCurrency === 'USD' ? '$' : (dataObj.dataCurrency || '$'),              msrp: dataObj.dataOriginalPrice || null            };                        const titleLow = mappedData.title.toLowerCase();            const merchLow = mappedData.merchant.toLowerCase();                        // Smarter mock filtering            let isMatch = false;            if (q === '' || this.isBroadQuery(q)) {              isMatch = true;            } else if (titleLow.includes(q) || merchLow.includes(q)) {              isMatch = true;            } else if ((q.includes('laptop') || q.includes('mac') || q.includes('pc')) && (titleLow.includes('macbook') || titleLow.includes('laptop'))) {              isMatch = true;            } else if ((q.includes('tv') || q.includes('television')) && (titleLow.includes('tv') || titleLow.includes('oled') || titleLow.includes('qled'))) {              isMatch = true;            } else if ((q.includes('phone') || q.includes('smartphone')) && (titleLow.includes('galaxy') || titleLow.includes('phone'))) {              isMatch = true;            } else if ((q.match(/watch|fitness|run|shoe/)) && (titleLow.includes('forerunner') || titleLow.includes('saucony') || titleLow.includes('watch'))) {              isMatch = true;            }                        if (isMatch) {               this.deals.push(this.extractDealData(mappedData));            }          });                    let rowLimit = this.getRowsLimit();          // Intentionally omitting the slice here to allow "Load More" to work if the API returns more                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        getAdviserMockData() {          return {            "data": {              "Get": {                "Deal": [                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 300,                    "dataOriginalPrice": 399,                    "dataProduct": "Samsung Galaxy A36",                    "dataRetailer": "Samsung",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/MqDYsukV3JBG54te6dEs7j.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 14,                    "dataOriginalPrice": 24,                    "dataProduct": "Blink Mini",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/3JurmAjHsDa5tPdaHAwEV8.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 59,                    "dataOriginalPrice": 99,                    "dataProduct": "Ring Video Doorbell",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/rAh4uR7AsAsALCCLTXnLNJ.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 10,                    "dataOriginalPrice": 599,                    "dataProduct": "MacBook Neo",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/Lg4Dvg68j9SbB5CPNrTEpH.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 749,                    "dataOriginalPrice": 849,                    "dataProduct": "65\\\" Fire TV Omni 4K QLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/SG34ZWodUkLTxJvMTbjPYR.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 71,                    "dataOriginalPrice": 160,                    "dataProduct": "Saucony Hurricane 24",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/vxf7UD5T2Am7guVzFoFcZ4.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 649,                    "dataOriginalPrice": 749,                    "dataProduct": "Garmin Forerunner 970",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/3GKnEu7CdhtxPMfnPCMCiA.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1049,                    "dataOriginalPrice": 1499,                    "dataProduct": "LG 48\\\" C4 4K OLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/imvwZV9zoMD6fn9Afuge35.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1499,                    "dataOriginalPrice": 2199,                    "dataProduct": "Samsung 49\\\" Odyssey Neo G9 4K Gaming Monitor",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/XWDEJ5dUAE2nhK8k3Jk7k7.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 299,                    "dataOriginalPrice": 699,                    "dataProduct": "EGOHOME Black Memory Foam Mattress (queen)",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/hMUemtAejNETLVYxNrktzm.jpg"                  }                ]              }            }          };        }        decodeHTML(html) {          if (!html) return '';          const txt = document.createElement("textarea");          txt.innerHTML = String(html);          return txt.value;        }        extractDealData(item) {          const priceRawStr = String(item.price || item.current_price || '0');          const msrpRawStr = String(item.was_price || item.msrp || item.original_price || '0');          const rawPrice = parseFloat(priceRawStr.replace(/[^\d.]/g, '')) || 0;          const rawMsrp = parseFloat(msrpRawStr.replace(/[^\d.]/g, '')) || 0;          const isCheckPrice = rawPrice === 0 || priceRawStr === '0.00' || priceRawStr === '0';                    let originalImageUrl = item.image || item.image_url || item.product_image || '';          let imageUrl = originalImageUrl;          if ((!imageUrl || isCheckPrice) && item.model_image_url) {             imageUrl = item.model_image_url;             originalImageUrl = imageUrl;          } else if ((!imageUrl || isCheckPrice) && item.model_image) {             imageUrl = item.model_image;             originalImageUrl = imageUrl;          }                    if (imageUrl) {            imageUrl = imageUrl.replace(/-(\d+)-(\d+)(\.[a-z.]+)$/i, '$3');          }                    let fallbackImage = '';          if (originalImageUrl && originalImageUrl !== imageUrl) {             fallbackImage = originalImageUrl;          } else if (item.model_image && item.model_image !== imageUrl) {             fallbackImage = item.model_image;          } else if (item.model_image_url && item.model_image_url !== imageUrl) {             fallbackImage = item.model_image_url;          }                    const rawCurrency = item.currency || item.currency_symbol || '$';                    let savingLabel = item.percentage_saving_label || '';          if (!savingLabel && rawMsrp > rawPrice && rawPrice > 0) {            const pct = Math.round(((rawMsrp - rawPrice) / rawMsrp) * 100);            if (pct > 0) {              savingLabel = `${pct}% OFF`;            }          }                    const isPrime = item.shipping && item.shipping.prime === true;                    let scoreRaw = (item.review_score !== undefined && item.review_score !== null && item.review_score > 0) ? parseFloat(item.review_score) : null;          let starRating = 0;          if (scoreRaw !== null) {            starRating = Math.round((scoreRaw > 10 ? scoreRaw / 20 : scoreRaw / 2) * 2) / 2;          }                    return {            id: item.offer_id || item.link || item.url || item.offer_link || Math.random().toString(),            url: item.link || item.url || item.offer_link || '#',            image: imageUrl,            fallbackImage: fallbackImage,            title: item.name || item.title || item.model_name || item.product_name || 'Unknown Product',            brand: item.brand || '',            productName: item.model_name || item.product_name || item.name || '',            merchant: item.merchant_name || item.merchant || item.retailer || 'Retailer',            price: item.price !== undefined ? String(item.price) : '0.00',            currency: this.decodeHTML(rawCurrency),            msrp: item.was_price || item.msrp || item.original_price || null,            rawPrice: rawPrice,            rawMsrp: rawMsrp,            hasWasPrice: (item.was_price !== undefined && item.was_price !== null),            isCheckPrice: isCheckPrice,            savingLabel: savingLabel,            isPrime: isPrime,            starRating: starRating > 0 ? starRating : null,            modelId: item.model_id || '',            productKey: item.product_key || '',            merchantId: (item.merchant && typeof item.merchant === 'object') ? item.merchant.id || '' : '',            matchId: item.match_id || '',            merchantNetwork: (item.merchant && typeof item.merchant === 'object') ? item.merchant.an || '' : '',            merchantUrl: (item.merchant && typeof item.merchant === 'object') ? item.merchant.url || '' : '',            modelBrand: item.model_brand || item.brand || '',            modelParent: item.model_parent || ''          };        }        sortData() {          const sortVal = this.sortSelect ? this.sortSelect.value : (this.getViewMode() === 'savings_squad' ? 'date_desc' : 'discount_desc');          if (sortVal === 'price_asc') {            this.deals.sort((a, b) => a.rawPrice - b.rawPrice);          } else if (sortVal === 'price_desc') {            this.deals.sort((a, b) => b.rawPrice - a.rawPrice);          } else if (sortVal === 'discount_desc') {            this.deals.sort((a, b) => {              const aDiscount = a.rawMsrp > a.rawPrice ? (a.rawMsrp - a.rawPrice) : 0;              const bDiscount = b.rawMsrp > b.rawPrice ? (b.rawMsrp - b.rawPrice) : 0;              return bDiscount - aDiscount;            });          } else if (sortVal === 'date_desc') {             this.deals.sort((a, b) => {                let dateA = 0;                let dateB = 0;                if (a && a.modifiedDate) {                   const valA = Array.isArray(a.modifiedDate) ? a.modifiedDate[0] : a.modifiedDate;                   dateA = new Date(valA).getTime();                   if (isNaN(dateA)) dateA = 0;                }                if (b && b.modifiedDate) {                   const valB = Array.isArray(b.modifiedDate) ? b.modifiedDate[0] : b.modifiedDate;                   dateB = new Date(valB).getTime();                   if (isNaN(dateB)) dateB = 0;                }                return dateB - dateA;             });          }        }        getFilteredDeals() {          let filteredDeals = [...this.deals];                    if (this.dealModeToggle && this.dealModeToggle.checked) {            filteredDeals = filteredDeals.filter(d => d.hasWasPrice || (d.msrp && d.rawMsrp > d.rawPrice));          }                    return filteredDeals;        }        showLoading() {          const _div = '<' + '/div>';          const skeletonCardHtml = `            \x3Cdiv class="tg-df-card">              \x3Cdiv class="tg-df-card-image-box">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-img">${_div}              ${_div}              \x3Cdiv class="tg-df-card-body">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-card-footer mt-auto">                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="height:24px;">${_div}                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text" style="height:44px; margin-top:8px;">${_div}                ${_div}              ${_div}            ${_div}`;          this.grid.innerHTML = Array(4).fill(skeletonCardHtml).join('');        }        showError() {          const _div = '<' + '/div>';          this.grid.innerHTML = `\x3Cdiv class="tg-df-message">            An error occurred while finding deals. Please check your connection and try again.          ${_div}`;        }        escapeHTML(str) {          if (!str) return '';          return String(str).replace(/[&<>'"]/g, tag => ({              '&': '&', '<': '<', '>': '>', "'": ''', '"': '"'          }[tag] || tag));        }                bindCouponButtons() {          const btns = this.root.querySelectorAll('.tg-df-tag-coupons');          btns.forEach(btn => {            btn.addEventListener('click', (e) => {              e.preventDefault();              e.stopPropagation();              const merchant = btn.getAttribute('data-merchant');              this.openVouchersModal(merchant);            });          });                    const closeBtn = this.root.querySelector('#tg-df-vouchers-close');          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (closeBtn) {            closeBtn.onclick = () => this.closeVouchersModal();          }          if (backdrop) {            backdrop.onclick = (e) => {              if (e.target === backdrop) this.closeVouchersModal();            };          }        }                closeVouchersModal() {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (backdrop) backdrop.classList.remove('active');        }                async checkMerchantsCouponsBulk(merchants) {          if (!merchants || merchants.length === 0) return {};          const controller = new AbortController();          const timeoutId = setTimeout(() => controller.abort(), 4000);          try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchants.join(','));            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '120');            url.searchParams.append('origin', 'widgets-clientside');                        let res; try { res = await fetch(url.toString(), { signal: controller.signal }); } catch (e) { return {}; }            clearTimeout(timeoutId);            if (!res.ok) return {};            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        const foundMerchants = new Set();            offers.forEach(o => {              let mName = o.merchant_name || o.merchant || o.retailer;              if (mName && typeof mName === 'object') mName = mName.name;              if (mName) foundMerchants.add(String(mName).toLowerCase());            });            const resultMap = {};            merchants.forEach(m => {              if (m) resultMap[m] = foundMerchants.has(String(m).toLowerCase());            });            return resultMap;          } catch (e) {            return {};          }        }                async openVouchersModal(merchantName) {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          const title = this.root.querySelector('#tg-df-vouchers-title');          const content = this.root.querySelector('#tg-df-vouchers-content');                    if (!backdrop || !content) return;                    // HACK: Hide closing tags          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h4 = '<' + '/h4>';          const _svg = '<' + '/svg>';          const _circle = '<' + '/circle>';          const _polyline = '<' + '/polyline>';          const _rect = '<' + '/rect>';          const _path = '<' + '/path>';                    title.innerText = `${merchantName} Coupons & Deals`;          content.innerHTML = `\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}                               \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}`;          backdrop.classList.add('active');                    try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchantName);            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '50');            url.searchParams.append('origin', 'widgets-clientside');                        const res = await fetch(url.toString());            if (!res.ok) throw new Error('API Error');            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        if (offers.length === 0) {              content.innerHTML = `\x3Cdiv class="tg-df-message">No vouchers currently available for ${this.escapeHTML(merchantName)}.${_div}`;              return;            }                        content.innerHTML = offers.map((v, idx) => {              let offerObj = v;              if (v.offers && v.offers.offer) {                offerObj = Array.isArray(v.offers.offer) ? v.offers.offer[0] : v.offers.offer;              } else if (v.offer) {                offerObj = Array.isArray(v.offer) ? v.offer[0] : v.offer;              }              let logoUrl = v.logo_url || offerObj.logo_url || '';              if (!logoUrl && v.merchant) {                if (Array.isArray(v.merchant) && v.merchant.length > 0) logoUrl = v.merchant[0].logo_url || '';                else logoUrl = v.merchant.logo_url || '';              }                            const offerName = offerObj.name || offerObj.title || v.name || v.title || 'Special Offer';              const endTime = offerObj.end_time || v.end_time || '';              const linkUrl = offerObj.link || offerObj.url || v.link || v.url || '#';                            let foundVoucherCode = '';              const findVoucherCode = (obj) => {                if (!obj || typeof obj !== 'object') return;                if (obj.type === 'voucher_code' && obj.display_value) {                  foundVoucherCode = obj.display_value;                  return;                }                if (Array.isArray(obj)) {                  for (const item of obj) {                    findVoucherCode(item);                    if (foundVoucherCode) return;                  }                } else {                  for (const k in obj) {                    if (Object.prototype.hasOwnProperty.call(obj, k)) {                      findVoucherCode(obj[k]);                      if (foundVoucherCode) return;                    }                  }                }              };              findVoucherCode(offerObj);              if (!foundVoucherCode) findVoucherCode(v);                            const voucherCode = foundVoucherCode || offerObj.voucher_code || v.voucher_code || '';              const codeHtml = voucherCode ? `\x3Cspan class="tg-df-voucher-code" data-action="copy-code" data-code="${this.escapeHTML(voucherCode)}" title="Copy to clipboard">                \x3Cspan class="tg-df-voucher-code-text">${this.escapeHTML(voucherCode)}${_span}                \x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:6px;flex-shrink:0;" class="tg-df-voucher-copy-icon">                  \x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">${_rect}                  \x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">${_path}                ${_svg}              ${_span}` : '';                            const logoHtml = logoUrl                 ? `\x3Cimg src="${this.escapeHTML(logoUrl)}" alt="${this.escapeHTML(offerName)}" class="tg-df-voucher-logo" />`                 : `\x3Cdiv class="tg-df-voucher-logo" style="background:#e2e8f0;">${_div}`;                            let expiryHtml = '';              if (endTime) {                let dStr = endTime;                if (!isNaN(dStr) && String(dStr).length === 10) dStr = Number(dStr) * 1000;                const d = new Date(dStr);                if (!isNaN(d.getTime())) {                  const options = { year: 'numeric', month: 'short', day: 'numeric' };                  expiryHtml = `                    \x3Cdiv class="tg-df-voucher-expiry">                      \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                        \x3Ccircle cx="12" cy="12" r="10">${_circle}                        \x3Cpolyline points="12 6 12 12 16 14">${_polyline}                      ${_svg}                      Expires ${d.toLocaleDateString(undefined, options)}                    ${_div}`;                }              }              const revenueIdVal = generateRevenueId(linkUrl, offerName, merchantName, null);              const rewrittenLinkUrl = rewriteAffiliateLink(linkUrl, area, revenueIdVal);              return `                \x3Ca href="${this.escapeHTML(rewrittenLinkUrl)}" target="_blank" rel="noopener nofollow" class="tg-df-voucher-item"                  data-action="voucher-click"                  data-product-name="${this.escapeHTML(offerName)}"                  data-merchant-name="${this.escapeHTML(merchantName)}"                  data-analytics-id="${this.escapeHTML(offerObj.offer_id || offerObj.id || v.id || '')}"                  data-price=""                  data-previous-price=""                  data-original-link="${this.escapeHTML(linkUrl)}"                  data-revenue-id="${revenueIdVal}"                  data-index="${idx}"                  data-total="${offers.length}"                  data-in-stock="true"                  data-currency="USD"                  data-model-id="${this.escapeHTML(offerObj.model_id || v.model_id || offerObj.id || v.id || '')}"                  data-merchant-id="${this.escapeHTML(offerObj.merchant_id || offerObj.merchant?.id || '')}"                >                  ${logoHtml}                  \x3Cdiv class="tg-df-voucher-content">                    \x3Ch4 class="tg-df-voucher-title">${this.escapeHTML(offerName)}${_h4}                    ${codeHtml}                    ${expiryHtml}                  ${_div}                ${_a}              `;            }).join('');                        // Attach copy functionality            const copyBtns = content.querySelectorAll('[data-action="copy-code"]');            copyBtns.forEach(btn => {              btn.addEventListener('click', async (e) => {                e.preventDefault();                e.stopPropagation();                                const code = btn.getAttribute('data-code');                if (!code) return;                                try {                  const copyToClipboard = async (text) => {                     if (window.navigator.clipboard && window.isSecureContext) {                        try { await window.navigator.clipboard.writeText(text); return; } catch (e) {}                     }                     const textArea = document.createElement("textarea");                     textArea.value = text;                     textArea.style.position = "fixed";                     document.body.appendChild(textArea);                     textArea.focus();                     textArea.select();                     document.execCommand('copy');                     textArea.remove();                  };                  await copyToClipboard(code);                                    // Visual feedback                  btn.classList.add('copied');                  const textSpan = btn.querySelector('.tg-df-voucher-code-text');                  const iconSvg = btn.querySelector('.tg-df-voucher-copy-icon');                                    const origText = textSpan.innerText;                  const origIcon = iconSvg.innerHTML;                                    textSpan.innerText = 'Copied!';                  iconSvg.innerHTML = `\x3Cpolyline points="20 6 9 17 4 12">${_polyline}`;                                    setTimeout(() => {                    if (btn) {                      btn.classList.remove('copied');                      if (textSpan) textSpan.innerText = origText;                      if (iconSvg) iconSvg.innerHTML = origIcon;                    }                  }, 2000);                                    trackElementInteraction({                    id: 'voucher-code-copy',                    name: 'Copy Voucher Code',                    label: `Copied ${code} for ${merchantName}`                  });                } catch (err) {                  console.warn('Failed to copy text: ', err);                }              });            });            // Attach voucher click tracking            const voucherBtns = content.querySelectorAll('[data-action="voucher-click"]');            voucherBtns.forEach(btn => {              btn.addEventListener('click', (e) => {                if (e.target.closest('[data-action="copy-code"]')) return;                                const productName = btn.getAttribute('data-product-name');                const merchantNameAttr = btn.getAttribute('data-merchant-name');                const productId = btn.getAttribute('data-analytics-id');                const price = parseFloat(btn.getAttribute('data-price')) || null;                const prevPriceStr = btn.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = btn.getAttribute('data-original-link');                const rewrittenLink = btn.getAttribute('href');                const revenueId = btn.getAttribute('data-revenue-id');                const index = parseInt(btn.getAttribute('data-index'), 10) || 0;                const inStock = btn.getAttribute('data-in-stock') === 'true';                const totalText = btn.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: btn.getAttribute('data-model-id') || null,                    matchId: btn.getAttribute('data-match-id') || null,                    brand: btn.getAttribute('data-model-brand') || null,                    parent: btn.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: btn.getAttribute('data-merchant-id') || null,                    network: btn.getAttribute('data-merchant-network') || null,                    url: btn.getAttribute('data-merchant-url') || null,                    name: merchantNameAttr                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: btn.getAttribute('data-currency') || 'USD'                };                if (typeof trackDealClick === 'function') {                  trackDealClick(trackingParams);                }              });            });                                  } catch (e) {            console.warn(e);            content.innerHTML = `\x3Cdiv class="tg-df-message">Failed to load vouchers.${_div}`;          }        }        render() {          try {            if (this.getViewMode() === 'savings_squad' && this.airedaleTags.length > 0) {              if (this.categoryFilterWrapper) {                 this.categoryFilterWrapper.style.display = 'flex';              }              if (this.categoryFilter) {                 const _option = '<' + '/option>';                 let optionsHtml = `\x3Coption value="all">All Categories${_option}`;                 this.airedaleTags.forEach(tag => {                    const isSelected = this.activeDealTag === tag ? 'selected' : '';                    optionsHtml += `\x3Coption value="${this.escapeHTML(tag)}" ${isSelected}>${this.escapeHTML(tag)} (${this.airedaleTagCounts[tag] || 0})${_option}`;                 });                 this.categoryFilter.innerHTML = optionsHtml;                 this.categoryFilter.value = this.activeDealTag || 'all';              }            } else {               if (this.categoryFilterWrapper) {                  this.categoryFilterWrapper.style.display = 'none';               }            }            const displayDeals = this.getFilteredDeals();          // HACK: Hide closing tags from the CMS HTML sanitizer so it doesn't strip them during in-page injection          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h3 = '<' + '/h3>';          const _p = '<' + '/p>';          const _strong = '<' + '/strong>';          const _sup = '<' + '/sup>';          const _button = '<' + '/button>';          if (displayDeals.length === 0) {            if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {              if (this.deals.length > 0) {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No deals match your selected filters.                ${_div}`;              } else if (this.getViewMode() === 'savings_squad' && this.currentQuery.length <= 2) {                 // Do not show "no exact matches" if query is empty for savings_squad                 this.grid.innerHTML = '';              } else {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No exact matches found for "\x3Cstrong>${this.escapeHTML(this.currentQuery)}${_strong}". Try adjusting your search term.                ${_div}`;              }            } else {              this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                Search product or category names to discover the best deals from across the web.              ${_div}`;            }            return;          }          let dealsHtml = displayDeals.slice(0, this.displayLimit).map((deal, index) => {            try {               const currencySym = this.escapeHTML(deal.currency);               const isoCurrencyCode = normalizeCurrency(currencySym);               const escapedPrice = this.escapeHTML(deal.price);               const escapedMsrp = this.escapeHTML(deal.msrp);               const areaCode = this.getAreaCode();                              const revenueId = generateRevenueId(deal.url, deal.title, deal.merchant, null);               const originalLink = deal.url;               const rewrittenLink = rewriteAffiliateLink(deal.url, areaCode, revenueId);                        const productCategoryName = 'deals';            const dataAttr = `              data-action="${deal.isCheckPrice ? 'view-similar-click' : 'deal-click'}"              data-analytics-id="${this.escapeHTML(deal.externalProductId || deal.id || '')}"              data-product-name="${this.escapeHTML(deal.title)}"              data-merchant-name="${this.escapeHTML(deal.merchant)}"              data-price="${deal.rawPrice || ''}"              data-previous-price="${deal.rawMsrp || ''}"              data-original-link="${this.escapeHTML(originalLink)}"              data-revenue-id="${revenueId}"              data-index="${index}"              data-total="${displayDeals.length}"              data-in-stock="${deal.inStock !== false}"              data-currency="${this.escapeHTML(isoCurrencyCode)}"              data-model-id="${this.escapeHTML(deal.modelId || '')}"              data-product-key="${this.escapeHTML(deal.productKey || '')}"              data-merchant-id="${this.escapeHTML(deal.merchantId || '')}"            `;                        let priceGroupHtml = '';            let isSavingsSquadMode = this.getViewMode() === 'savings_squad';            let ctaText = 'View Deal';            let formattedPrice = '';            let msrpHtml = '';                        if (deal.isCheckPrice) {              ctaText = isSavingsSquadMode ? 'View Deal' : 'Check Price';              if (isSavingsSquadMode) {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                  ${_div}                `;              } else {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                    \x3Cspan class="tg-df-card-price" style="font-size: 15px; font-weight: 500; font-style: italic;">See price at retailer${_span}                  ${_div}                `;              }            } else {              // Format Price              formattedPrice = escapedPrice.includes(currencySym)                 ? escapedPrice                 : `${currencySym}${escapedPrice}`;                              // Format MSRP              msrpHtml = deal.msrp && deal.rawMsrp > deal.rawPrice                ? `\x3Cspan class="tg-df-card-msrp">${escapedMsrp.includes(currencySym) ? escapedMsrp : currencySym + escapedMsrp}${_span}`                : '';                              priceGroupHtml = `                \x3Cdiv class="tg-df-card-merchant-wrapper">                  \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                ${_div}                \x3Cdiv class="tg-df-card-price-group">                  ${isSavingsSquadMode ? '' : `                  \x3Cspan class="tg-df-card-price">${formattedPrice}${_span}                  ${msrpHtml}                  `}                ${_div}              `;            }                        const discountBadgeHtml = deal.savingLabel && !deal.isCheckPrice              ? `\x3Cspan class="tg-df-card-discount-badge">${this.escapeHTML(deal.savingLabel)}${_span}`              : '';                          // HACK for CMS            const _button = '<' + '/button>';            const _svg = '<' + '/svg>';            const _path = '<' + '/path>';            const _rect = '<' + '/rect>';            const _circle = '<' + '/circle>';            const _polyline = '<' + '/polyline>';            const _line = '<' + '/line>';                        let badgesHtml = '';            const primeBadge = deal.isPrime ? `              \x3Cspan class="tg-df-tag tg-df-tag-prime">                \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="currentColor">                  \x3Cpath d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">${_path}                ${_svg} Prime              ${_span}            ` : '';                        const couponsBadge = deal.merchant && deal.merchant.toLowerCase().includes('amazon') ? '' : `              \x3Cdiv class="tg-df-coupon-wrapper" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:inline-flex; align-items:center;">                \x3Cdiv class="tg-df-coupon-spinner">${_div}                \x3Cbutton type="button" class="tg-df-tag tg-df-tag-coupons" data-action="coupons-click" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:none;">                  \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                    \x3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z">${_path}                    \x3Cline x1="7" y1="7" x2="7.01" y2="7">${_line}                  ${_svg} Coupons                ${_button}              ${_div}            `;                        // Note: We always add coupons badge if there's a chance, but to allow 3-line titles we check wrapper display state            badgesHtml = `              \x3Cdiv class="tg-df-card-badges">                ${primeBadge}                ${couponsBadge}              ${_div}            `;            const _linearGradient = '<' + '/linearGradient>';            const _polygon = '<' + '/polygon>';            const _stop = '<' + '/stop>';            const _defs = '<' + '/defs>';                        let starHtml = '';            if (deal.starRating) {              let rating = deal.starRating;                            if (rating > 0) {                const fullStars = Math.floor(rating);                const halfStar = (rating - fullStars) >= 0.5 ? 1 : 0;                const emptyStars = Math.max(0, 5 - fullStars - halfStar);                const blue = '#1f69ff'; // Tom's guide brand color from VIEW DEAL button                const gray = '#cbd5e1';                                const starSvgFull = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="${blue}" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                const gradId = 'half_grad_' + Math.floor(Math.random()*1000000);                const starSvgHalf = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cdefs>\x3ClinearGradient id="${gradId}" x1="0" x2="1" y1="0" y2="0">\x3Cstop offset="50%" stop-color="${blue}">${_stop}\x3Cstop offset="50%" stop-color="transparent">${_stop}${_linearGradient}${_defs}                  \x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26" fill="url(#${gradId})">${_polygon}${_svg}`;                                  const starSvgEmpty = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${gray}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                let stars = [];                for (let i=0; i<fullStars; i++) stars.push(starSvgFull);                if (halfStar) stars.push(starSvgHalf);                for (let i=0; i<emptyStars; i++) stars.push(starSvgEmpty);                                starHtml = `\x3Cdiv class="tg-df-card-stars" style="display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--tg-df-text-muted);">                  \x3Cspan style="margin-right:6px;">Tom's Guide:${_span}                  \x3Cdiv style="display:flex;gap:2px;">                    ${stars.join('')}                  ${_div}                ${_div}`;              }            }            let htmlOutput = '';            if (isSavingsSquadMode) {              htmlOutput += `              \x3Cdiv class="hawk-deal-widget-container tg-df-mobile-only" data-collapsible="true">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''} style="margin-bottom: 10px;">` : ''}                \x3Cdiv class="hawk-deal-widget-wrap">                  \x3Cdiv class="hawk-deal-widget-image-container">                    \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" rel="sponsored noopener" target="_blank" class="hawk-affiliate-link-deal-widget" ${dataAttr}>                      \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="hawk-lazy-image-deal-widget" loading="lazy" width="140" height="160" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                    ${_a}                  ${_div}                  \x3Cdiv class="hawk-deal-widget-text-cta-container">                    \x3Cdiv class="hawk-deal-widget-text-body-container">                      \x3Cdiv class="hawk-deal-widget-text-body-main">                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          ${deal.isCheckPrice ? `                            \x3Cspan class="hawk-deal-widget-title-product-title">${this.escapeHTML(deal.title)}${_span}                          ` : `                            \x3Cspan class="hawk-deal-widget-title-product-title">${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_span}                          `}                        ${_a}                        ${!deal.isCheckPrice && deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan class="hawk-deal-widget-title-was-price">was ${currencySym}${escapedMsrp}${_span}                          ${_a}                        ` : ''}                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          \x3Cspan class="hawk-deal-widget-title-retailer-price">                            ${!deal.isCheckPrice ? `                              \x3Cspan class="hawk-deal-widget-title-price">now ${formattedPrice}${_span}                              \x3Cspan class="hawk-deal-widget-title-retailer"> at ${this.escapeHTML(deal.merchant)}${_span}                            ` : `                              \x3Cspan class="hawk-deal-widget-title-price">See price at ${this.escapeHTML(deal.merchant)}${_span}                            `}                          ${_span}                        ${_a}                        ${deal.description ? `\x3Cdiv class="hawk-deal-widget-text-body-description">\x3Cp>${this.escapeHTML(deal.description)}${_p}${_div}` : ''}                      ${_div}                    ${_div}                    \x3Cdiv class="hawk-deal-widget-footer">                      \x3Cdiv class="hawk-deal-widget-button-wrapper">                        \x3Cdiv class="hawk-deal-widget-preferred-partner-wrapper">                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-deal-button" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan>${deal.isCheckPrice ? 'Check Price' : 'View Deal'}${_span}                          ${_a}                        ${_div}                      ${_div}                    ${_div}                  ${_div}                ${_div}              ${_div}              `;            }            htmlOutput += `              \x3Cdiv class="tg-df-card ${isSavingsSquadMode ? 'tg-df-desktop-only' : ''}">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''}>` : ''}                \x3Cdiv class="tg-df-card-image-box">                  ${discountBadgeHtml}                  \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">                    \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="tg-df-card-image" loading="lazy" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                  ${_a}                ${_div}                \x3Cdiv class="tg-df-card-body">                  ${starHtml}                  ${badgesHtml}                  \x3Ch3 class="tg-df-card-title tg-df-custom-savings-squad-title" title="${this.escapeHTML(deal.title)}">                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" disable-tracking="true" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit;">                      ${isSavingsSquadMode                         ? (deal.isCheckPrice                             ? (deal.title && deal.title.includes(':')                                 ? `\x3Cstrong>${this.escapeHTML(deal.title.substring(0, deal.title.indexOf(':') + 1))}${_strong}\x3Cspan style="color: #1f69ff; font-weight: normal;">${this.escapeHTML(deal.title.substring(deal.title.indexOf(':') + 1))}${_span}`                                : this.escapeHTML(deal.title)                              )                             : `\x3Cstrong>${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_strong} ${deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `\x3Cspan style="color: #d0021b; text-decoration: line-through; font-weight: normal; margin-right: 4px;">was ${currencySym}${escapedMsrp}${_span} ` : ''}\x3Cspan style="color: #1f69ff; font-weight: normal;">now ${formattedPrice} at ${this.escapeHTML(deal.merchant)}${_span}`                          )                        : this.escapeHTML(deal.title)                      }                    ${_a}                  ${_h3}                  ${deal.description ? `\x3Cp style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 12px; line-height: 1.4;">${this.escapeHTML(deal.description)}${_p}` : ''}                  \x3Cdiv class="tg-df-card-footer">                    ${priceGroupHtml}                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" class="tg-df-card-cta ${isSavingsSquadMode ? 'tg-df-cta-savings-squad' : ''}" style="text-decoration: none;">${ctaText}${_a}                  ${_div}                ${_div}              ${_div}            `;                        return htmlOutput;            } catch (e) {               console.log("Error rendering deal in map for index", index, typeof deal === 'object' ? JSON.stringify(deal) : deal, "MSG:", e.message);               return '';            }          }).join('');                    if (displayDeals.length > this.displayLimit || ((this.getViewMode() === 'carousel' || this.getViewMode() === 'auto') && displayDeals.length > 0 && displayDeals.length % ((this.rowsSelect && this.rowsSelect.value) ? parseInt(this.rowsSelect.value, 10) : 12) === 0)) {            if (this.getViewMode() === 'carousel') {               dealsHtml += `                 \x3Cbutton type="button" class="tg-df-load-more-card tg-df-load-more">                   \x3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 8px;">\x3Cpath d="M5 12h14">\x3C/path>\x3Cpath d="m12 5 7 7-7 7">\x3C/path>\x3C/svg>                   Load More                 ${_button}               `;            } else {               dealsHtml += `                 \x3Cdiv style="width: 100%; display: flex; justify-content: center; margin-top: 16px; grid-column: 1 / -1;">                   \x3Cbutton type="button" class="tg-df-tag-outline tg-df-load-more" style="padding: 8px 24px; border-radius: 100px; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center;">Load More${_button}                 ${_div}               `;            }          }                    this.grid.innerHTML = dealsHtml;          // Inject JSON-LD          try {            let targetNode = this.hostContainer || document.head;            let jsonLdScript = targetNode.querySelector('#tg-df-json-ld-' + this.widgetId);            if (!jsonLdScript) {                jsonLdScript = document.createElement('script');                jsonLdScript.type = 'application/ld+json';                jsonLdScript.id = 'tg-df-json-ld-' + this.widgetId;                targetNode.appendChild(jsonLdScript);            }            const jsonLdData = {              "@context": "https://schema.org",              "@type": "ItemList",              "itemListElement": displayDeals.slice(0, this.displayLimit).map((deal, index) => {                 let isoCurrency = "USD";                 if (deal.currency === '£') isoCurrency = "GBP";                 else if (deal.currency === '€') isoCurrency = "EUR";                 else if (deal.currency === 'A$') isoCurrency = "AUD";                 else if (deal.currency === 'CA$') isoCurrency = "CAD";                 const areaCode = typeof this.getAreaCode === 'function' ? this.getAreaCode() : 'US';                 const revenueId = typeof generateRevenueId === 'function' ? generateRevenueId(deal.url, deal.title, deal.merchant, null) : '';                 const rewrittenLink = typeof rewriteAffiliateLink === 'function' ? rewriteAffiliateLink(deal.url, areaCode, revenueId) : deal.url;                 return {                   "@type": "ListItem",                   "position": index + 1,                   "item": {                     "@type": "Product",                     "name": deal.title,                     "image": deal.image || "",                     "description": deal.description || "",                     "brand": {                       "@type": "Brand",                       "name": deal.brand || ""                     },                     "offers": {                       "@type": "Offer",                       "priceCurrency": isoCurrency,                       "price": deal.rawPrice || 0,                       "url": rewrittenLink,                       "seller": {                         "@type": "Organization",                         "name": deal.merchant || ""                       }                     }                   }                 };              }).filter(item => item.item.name)            };            jsonLdScript.textContent = JSON.stringify(jsonLdData);          } catch(e) { console.warn("JSON-LD generation failed", e); }                    let gridWrapper = this.grid.parentElement;          if (gridWrapper && gridWrapper.classList.contains('tg-df-grid-wrapper')) {             let rightChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-right');             let leftChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-left');             if (this.getViewMode() === 'carousel') {                 // The observer set up in setupScrollListeners handles visibility.                 if (rightChevron) rightChevron.style.display = 'flex';                 if (leftChevron) leftChevron.style.display = 'none'; // reset correctly             } else {                 if (rightChevron) rightChevron.style.display = 'none';                 if (leftChevron) leftChevron.style.display = 'none';             }          }                    const loadMoreBtn = this.grid.querySelector('.tg-df-load-more');          if (loadMoreBtn) {            loadMoreBtn.addEventListener('click', async () => {              if (typeof trackElementInteraction === 'function') {                trackElementInteraction({ id: 'load-more', name: 'Load more', label: 'Load More Results' });              }              if (displayDeals.length <= this.displayLimit) {                 loadMoreBtn.innerHTML = `                  <svg class="tg-df-spinner" style="width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83"/></svg>                  Loading...                 `;                 loadMoreBtn.disabled = true;                 await this.fetchDeals(this.currentQuery, true);              } else {                 this.displayLimit += this.getRowsLimit();                 this.render();              }            });          }                      this.bindCouponButtons();            this.checkAndUpdateCoupons();                        // Allow hawklinks.js to discover and rewrite our widget links             // by appending the .article-body class and manually triggering processArticle.            let container = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (container && !container.classList.contains('article-body')) {               container.classList.add('article-body');            }            setTimeout(() => {               if (this.grid && !this.grid.classList.contains('article-body')) this.grid.classList.add('article-body');               document.dispatchEvent(new CustomEvent('processArticle', { detail: { element: this.root } }));            }, 50);          } catch(e) {            console.warn("Widget render error", e);          }        }                async checkAndUpdateCoupons() {          const wrappers = Array.from(this.root.querySelectorAll('.tg-df-coupon-wrapper'));          if (wrappers.length === 0) return;                    const merchants = [...new Set(wrappers.map(w => w.getAttribute('data-merchant')).filter(Boolean))];          if (merchants.length === 0) return;          const couponResultsMap = await this.checkMerchantsCouponsBulk(merchants);                    for (const merchant of merchants) {            const hasCoupons = !!couponResultsMap[merchant];            const merchantWrappers = wrappers.filter(w => w.getAttribute('data-merchant') === merchant);            merchantWrappers.forEach(wrapper => {              const spinner = wrapper.querySelector('.tg-df-coupon-spinner');              const btn = wrapper.querySelector('.tg-df-tag-coupons');                            if (spinner) spinner.style.display = 'none';                            if (hasCoupons && btn) {                btn.style.display = 'inline-flex';              } else if (!hasCoupons) {                wrapper.style.display = 'none';              }            });          }        }        updateFloatingCopyBar() {          if (!this.editorBar || !this.editorSelectedCount) return;          if (this.editorMode && this.selectedDeals.size > 0) {            this.editorBar.style.display = 'flex';            this.editorSelectedCount.innerText = this.selectedDeals.size;          } else {            this.editorBar.style.display = 'none';          }        }        async copySelectedDealsToCMS() {           function htmlToSlate(htmlString) {              if (!htmlString) return [{ type: 'paragraph', children: [{ text: '' }] }];              let doc;              if (typeof window !== 'undefined' && window.DOMParser) {                 doc = new DOMParser().parseFromString(htmlString, 'text/html');              } else {                 doc = document.implementation.createHTMLDocument('');                 doc.body.innerHTML = htmlString;              }                            function parseNode(node, marks = {}) {                  if (node.nodeType === 3) {                      const text = node.textContent;                      if (!text) return null;                      return { text: text, ...marks };                  }                  if (node.nodeType === 1) {                      const tagName = node.tagName.toLowerCase();                      if (tagName === 'br') {                          return { type: 'line-break', children: [{ text: '' }] };                      }                      if (tagName === 'p') {                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return { type: 'paragraph', children };                      }                      if (tagName === 'strong' || tagName === 'b') {                          const newMarks = { ...marks, bold: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'em' || tagName === 'i') {                          const newMarks = { ...marks, italic: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'a') {                          const href = node.getAttribute('href') || '';                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return {                              type: 'link',                              url: href,                              isNoFollow: (node.getAttribute('rel') || '').includes('nofollow'),                              isSponsored: (node.getAttribute('rel') || '').includes('sponsored'),                              isOpenNewTab: node.getAttribute('target') === '_blank',                              isPreventDataRewrite: false,                              children: children                          };                      }                      return Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                  }                  return null;              }                            let blocksArray = [];              let currentParagraphChildren = [];              function flushParagraph() {                  if (currentParagraphChildren.length > 0) {                      blocksArray.push({ type: 'paragraph', children: currentParagraphChildren });                      currentParagraphChildren = [];                  }              }              Array.from(doc.body.childNodes).forEach(node => {                  const parsed = parseNode(node, {});                  const parsedItems = Array.isArray(parsed) ? parsed : (parsed ? [parsed] : []);                  parsedItems.forEach(item => {                      if (item.type === 'paragraph') {                          flushParagraph();                          blocksArray.push(item);                      } else {                          currentParagraphChildren.push(item);                      }                  });              });              flushParagraph();              if (blocksArray.length === 0) {                  blocksArray = [{ type: 'paragraph', children: [{ text: '' }] }];              }              return blocksArray;           }           const blocks = [];                      this.editorCopyBtn.innerHTML = '\x3Cspan class="tg-df-coupon-spinner" style="display:inline-block; margin-right:8px; border-top-color:#fff;">' + '<' + '/span> Copying...';           for (const deal of Array.from(this.selectedDeals.values())) {              const url = deal.url;              const merchant = deal.merchant;              const title = deal.title;              const image = deal.image;              const currentPrice = deal.currency + deal.rawPrice;              const wasPrice = deal.hasWasPrice && deal.rawMsrp > deal.rawPrice ? deal.currency + deal.rawMsrp : '';                            let couponsChildren = [];              try {                  const area = this.getAreaCode();                  const apiUrl = new URL('https://search-api.fie.future.net.uk/widget.php');                  apiUrl.searchParams.append('model_name', 'Everything');                  apiUrl.searchParams.append('language', 'en-GB');                  apiUrl.searchParams.append('area', area);                  apiUrl.searchParams.append('combine_product_types', '1');                  apiUrl.searchParams.append('filter_merchant_name', merchant);                  apiUrl.searchParams.append('all_filters', 'false');                  apiUrl.searchParams.append('exclude_unlabelled', 'false');                  apiUrl.searchParams.append('include_specs', 'false');                  apiUrl.searchParams.append('sort', 'voucher');                  apiUrl.searchParams.append('distinct_merchants', 'natural');                  apiUrl.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');                  apiUrl.searchParams.append('rows', '3');                  apiUrl.searchParams.append('origin', 'widgets-clientside');                                    let res; try { res = await fetch(apiUrl.toString()); } catch (e) { return; }                  if (res.ok) {                      const data = await res.json();                      let offers = [];                      if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {                        offers = data.widget.data.offers;                      } else if (data && data.data && Array.isArray(data.data.offers)) {                        offers = data.data.offers;                      }                                            if (offers.length > 0) {                          couponsChildren.push({ text: "Also check out these coupons: ", bold: true });                          offers.slice(0, 3).forEach((offer, idx) => {                              const actualOffer = offer.offer || offer;                              const offerName = actualOffer.name || actualOffer.title || offer.model_name || offer.title || offer.name || 'Coupon';                              const linkUrl = actualOffer.link || actualOffer.url || actualOffer.offer_link || '#';                              couponsChildren.push({ type: "line-break", children: [{ text: "" }] });                              couponsChildren.push({ text: "🎟️ " });                              couponsChildren.push({                                  type: "link",                                  url: linkUrl,                                  isNoFollow: true,                                  isSponsored: false,                                  isOpenNewTab: true,                                  isPreventDataRewrite: false,                                  children: [{ text: offerName, bold: true }]                              });                          });                      }                  }              } catch (err) {                  console.warn('Failed to fetch coupons for', merchant, err);              }              let descriptionValue = [];              if (deal.text) {                 descriptionValue = htmlToSlate(deal.text);              } else {                 const dealDescriptions = [                   `Don't miss out on this fantastic deal for the ${title}. It is currently available at ${merchant} for a highly competitive price.`,                   `We've spotted an excellent price drop on the ${title}. Grab it now at ${merchant} before it's gone.`,                   `The ${title} is currently seeing a generous discount over at ${merchant}. This is a perfect time to buy if you've been holding out.`,                   `If you're in the market for the ${title}, ${merchant} has just the deal for you.`,                   `Score the ${title} for less at ${merchant} right now. This is a rare chance to save big.`,                   `Upgrade your setup with the ${title}, now available at a stellar price via ${merchant}.`                 ];                 const randomDescription = dealDescriptions[Math.floor(Math.random() * dealDescriptions.length)];                 descriptionValue = [                    { type: "paragraph", children: [{ text: randomDescription }] }                 ];              }                            if (couponsChildren.length > 0) {                 let lastBlock = descriptionValue[descriptionValue.length - 1];                 if (lastBlock && lastBlock.type === 'paragraph') {                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ text: "Also check out these coupons: ", bold: true });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children = lastBlock.children.concat(couponsChildren);                 } else {                     descriptionValue.push({                         type: "paragraph",                         children: [                             { type: "line-break", children: [{ text: "" }] },                             { type: "line-break", children: [{ text: "" }] },                             { text: "Also check out these coupons: ", bold: true },                             { type: "line-break", children: [{ text: "" }] },                             ...couponsChildren                         ]                     });                 }              }              function normalizeCurrencyToISO(symbol) {                const map = { '£': 'GBP', '$': 'USD', 'A$': 'AUD', 'CA$': 'CAD', '€': 'EUR' };                return map[symbol] || symbol;              }              const isoCurrency = normalizeCurrencyToISO(deal.currency);              blocks.push({                 id: (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'cms-' + Date.now() + Math.random(),                 blockTypeName: "deal",                 excludeFrom: [],                 collapsible: false,                 props: {                    description: {                       value: descriptionValue,                       touched: false,                       validationMessage: ""                    },                    image: {                       value: {                          credit: [{ type: "paragraph", children: [{ text: merchant }] }],                          dateCreated: Date.now(),                          dateModified: Date.now(),                          distribution: [],                          fileSize: 0,                          height: 1000,                          id: deal.id,                          imageRights: "",                          src: image,                          name: title + ".jpg",                          tags: [],                          width: 1000                       },                       touched: false,                       validationMessage: ""                    },                    showDealButton: { value: true, touched: false, validationMessage: "" },                    isPreferredPartner: { value: false, touched: false, validationMessage: "" },                    linkHref: { value: url, touched: false, validationMessage: "" },                    linkLabel: { value: "", touched: false, validationMessage: "" },                    linkIsNoFollow: { value: true, touched: false, validationMessage: "" },                    linkIsSponsored: { value: false, touched: false, validationMessage: "" },                    linkIsOpenNewWindow: { value: true, touched: false, validationMessage: "" },                    customPromoFlags: { value: [], touched: false, validationMessage: "" },                    showStarDeal: { value: false, touched: false, validationMessage: "" },                    savingType: { value: "none", touched: false, validationMessage: "" },                    starDealPromoFlag: { value: "", touched: false, validationMessage: "" },                    showEditorsChoice: { value: false, touched: false, validationMessage: "" },                    editorsChoiceTitle: { value: "", touched: false, validationMessage: "" },                    hawkPriceCurrency: { value: { value: isoCurrency, label: isoCurrency }, touched: false, validationMessage: "" },                    hawkPrice: { value: deal.hasWasPrice ? String(deal.rawMsrp) : String(deal.rawPrice), touched: false, validationMessage: "" },                    hawkSalePrice: { value: String(deal.rawPrice), touched: false, validationMessage: "" },                    lastCheckedPriceDate: { value: "", touched: false, validationMessage: "" },                    hawkModel: { touched: false, validationMessage: "" },                    productId: { value: "", touched: false, validationMessage: "" },                    voucherId: { value: "", touched: false, validationMessage: "" },                    brand: { value: deal.brand || merchant, touched: false, validationMessage: "" },                    productName: { value: title, touched: false, validationMessage: "" },                    label: { value: "", touched: false, validationMessage: "" },                    retailer: { value: merchant, touched: false, validationMessage: "" },                    priceCheckError: false                 },                 failedFetchError: ""              });           }           const payload = {              type: "articleBuilderPages",              data: blocks           };           const jsonStr = JSON.stringify(payload);                      if (navigator.clipboard && navigator.clipboard.writeText) {              navigator.clipboard.writeText(jsonStr).then(() => {                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              }).catch(err => {                 console.warn('Failed to copy text: ', err);                 alert('Failed to copy deals to clipboard. See console.');              });           } else {              // Fallback              const textArea = document.createElement("textarea");              textArea.value = jsonStr;              document.body.appendChild(textArea);              textArea.focus();              textArea.select();              try {                 document.execCommand('copy');                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              } catch (err) {                 console.warn('Fallback: Oops, unable to copy', err);                 alert('Fallback: Failed to copy deals to clipboard.');              }              document.body.removeChild(textArea);           }        }      }      // Initialize the Widget      if (document.readyState === 'loading') {        document.addEventListener('DOMContentLoaded', () => new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer }));      } else {        new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer });      }    })();  </script></div> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/xbox/xbox-helix-will-battle-ps6-with-great-family-of-devices-heres-what-microsoft-needs-to-do-to-win-gamers-back</link>
                                                                            <description>
                            <![CDATA[ In an interview during Gamescom 2026, Xbox CEO Asha Sharma said that Project Helix will be a "great family of devices." Here's what that could mean. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">LoaooXRvX7LP6k6rNTMmYf</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/stWxmxQxthCyMxKosjKikc-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Tue, 01 Sep 2026 05:00:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Xbox]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ tony.polanco@futurenet.com (Tony Polanco) ]]></author>                    <dc:creator><![CDATA[ Tony Polanco ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/atzRNqFt5wYgEUPBDahWsD.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/stWxmxQxthCyMxKosjKikc-1280-80.jpg">
                                                            <media:credit><![CDATA[Phil Barker/Future Publishing via Getty Images]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Xbox Series X  console]]></media:description>                                                            <media:text><![CDATA[Xbox Series X  console]]></media:text>
                                <media:title type="plain"><![CDATA[Xbox Series X  console]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/stWxmxQxthCyMxKosjKikc-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>The next Xbox system might not be a single console but a family of devices. That’s not wild speculation, as Xbox CEO Asha Sharma has now hinted at this possibility. </p><p>In an interview with <a href="https://www.youtube.com/watch?v=txuYKwrbq1M" target="_blank">BBC News</a> during Gamescom 2026 (via <a href="https://www.digitaltrends.com/gaming/microsoft-hints-that-its-next-xbox-could-be-more-than-one-console/" target="_blank">Digital Trends</a>), Asha Sharma said that <a href="https://www.tomsguide.com/gaming/xbox/next-xbox-will-play-your-xbox-and-pc-games-new-ceo-promises">Project Helix</a>, which is the codename for the next Xbox console, is a “great family of devices.” Now, you can’t have a family of one, so Sharma’s statement heavily suggests that we could see more than one Helix device.</p><p>We’ve previously reported that <a href="https://www.tomsguide.com/gaming/xbox/microsoft-reveals-new-details-on-its-project-helix-pc-console-hybrid-heres-all-the-latest-on-the-next-xbox">Project Helix could be more akin to a gaming PC</a> than a console, and that Xbox is also reportedly manufacturing its own in-house handheld system. Combine those reports with Sharma’s statement about a family of devices, and we start getting a clearer picture of Microsoft’s potential next-gen plans.</p><h2 id="play-anywhere-the-next-generation">Play anywhere: The next generation</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="gnWdFGjBV35aRhN62rgT5i" name="XboxAppOnSmartTVs_UI_FINAL.jpg" alt="xbox game pass" src="https://cdn.mos.cms.futurecdn.net/gnWdFGjBV35aRhN62rgT5i.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Microsoft)</span></figcaption></figure><p>Xbox’s “Play Anywhere” initiative currently lets you buy a digital game once and play it on your Xbox console, Windows PC, and supported handhelds like the <a href="https://www.tomsguide.com/gaming/handheld-gaming/rog-xbox-ally-review">Asus ROG Xbox Ally</a>. If there is a family of Helix devices, then it seems Xbox will bring the existing Play Anywhere initiative to the next generation.</p><p>So what could this “family” of systems consist of? The Project Helix console could provide the traditional living room experience, while an Xbox-developed handheld could let you take your games on the go. That’s something that currently exists if you own an Xbox Series X and Asus’ Xbox-centric handheld, but what if Xbox goes beyond even this?</p><p>Reports suggest the Helix will be more like a PC, but what if that system is a higher-end model for hardcore players with money to spare? That’s speculation on my part, but if we’re talking about a family of devices, I have to imagine there could be more than just two systems. Given how Xbox already caters to console, handheld, and PC gamers, it’s not outlandish to wonder whether the Helix will exist for all of those customers.</p><h2 id="all-digital-future">All-digital future?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ZF4gnKdCy4MpgFD2q3wFyH" name="shutterstock_1860770944.jpg" alt="Xbox Series X on wooden table." src="https://cdn.mos.cms.futurecdn.net/ZF4gnKdCy4MpgFD2q3wFyH.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Alex Van Aken | Shutterstock)</span></figcaption></figure><p>Ever since <a href="https://www.tomsguide.com/gaming/playstation/playstation-is-officially-killing-physical-discs-heres-when-they-disappear-and-what-that-means-for-you">Sony announced it would stop manufacturing physical discs</a> starting in 2028, many have wondered whether Xbox would follow suit with an all-digital initiative. Asha Sharma hasn't directly answered this question, but if Xbox really wanted to stick it to Sony and potentially win over some of Sony’s disgruntled customers who want physical media, adding a disc drive to the Helix would be a savvy move.</p><p><a href="https://news.xbox.com/en-us/2026/08/26/your-discs-now-also-digital/" target="_blank">Xbox recently launched its disc-to-digital program</a>, which lets you convert eligible physical game discs into permanent digital licenses linked to your Microsoft account. If the company wants to continue this beyond Xbox Series X systems, it would make sense for Helix to either include a disc drive or for Xbox to release a detachable disc drive similar to the one for PS5 Pro.</p><p>It’s still anyone’s guess whether Project Helix will be an all-digital system. Microsoft is still largely a software company, so going all-digital seems logical. That said, if it plans to keep releasing gaming hardware, it would be smart for Helix to support discs in some fashion.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-XZqAkO"></div>                            </div>                            <script src="https://kwizly.com/embed/XZqAkO.js" async></script><h2 id="outlook">Outlook</h2><p>Naturally, we don’t have firm details about what Project Helix will be, so we’ll have to hold tight until Sharma or anyone else from the Xbox camp decides to share more. Regardless, it seems Xbox could be trying something relatively unusual and potentially game-changing for its next major console launch.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/computing/gaming-desktops/hp-omen-max-45l-review">I just tested the HP Omen Max 45L and it's a seriously powerful gaming PC</a></li><li><a href="https://www.tomsguide.com/gaming/playstation/playstation-27-gaming-monitor-review">PlayStation’s 27-inch gaming monitor is perfect for PS5 and PC gamers</a></li><li><a href="https://www.tomsguide.com/computing/android-tablets/the-gargantuan-speaker-on-this-android-tablet-isnt-a-gimmick-i-cant-believe-how-good-it-sounds">The gargantuan speaker on this Android tablet isn’t a gimmick</a></li></ul><div class="vizualizer-embed"><div class="tg-df-widget-host" data-widget-config="?search=gaming&brands=Xbox&min_discount_ratio=0.95&widget_title=Top+Deals+Handpicked+by+Our+Editors&widget_subtitle=Discover+the+best+discounts+currently+available%2C+curated+daily+by+the+Tom%27s+Guide+Savings+Squad.&bg_color=transparent" data-vizualizer-embed="true"></div>    <script>    /**     * Tom's Guide Deals Finder - Vanilla JS Encapsulated Engine     */    (function() {      // --- Freyr Analytics Adapter ---      function initAnalytics() {        window.dataLayer = window.dataLayer || [];        window.googletag = window.googletag || {};        window.googletag.cmd = window.googletag.cmd || [];        window.hawk = window.hawk || { analytics: { freyr: [] } };        window.hawk.analytics = window.hawk.analytics || { freyr: [] };        window.hawk.analytics.freyr = window.hawk.analytics.freyr || [];        window.freyr = window.freyr || { cmd: [] };        const scriptSrc = 'https://freyr.futurecdn.net/freyr.js';        const hostname = typeof window !== 'undefined' ? window.location.hostname : '';        const isTestEnv = typeof window.navigator !== 'undefined' && (window.navigator.webdriver || window.navigator.userAgent.includes('Headless'));        const shouldSendRealAnalytics = !isTestEnv && hostname && hostname !== 'localhost' && hostname !== '127.0.0.1' && !hostname.includes('run.app');        if (shouldSendRealAnalytics && !document.querySelector(`script[src="${scriptSrc}"]`)) {          const script = document.createElement('script');          script.src = scriptSrc;          script.async = true;          document.head.appendChild(script);        }      }      function storeEventForDebug(name, data) {        if (!window.hawk || !window.hawk.analytics || !window.hawk.analytics.freyr) return;        window.hawk.analytics.freyr.push({ name, data });        try {          if (typeof window !== 'undefined' && window.localStorage) {            window.localStorage.setItem("hawk", JSON.stringify(window.hawk));          }        } catch (e) {          // Ignore storage issues        }        try {          window.dispatchEvent(new CustomEvent("hawk-analytics-update"));        } catch (e) {}      }      function sendToFreyr(eventName, data) {        if (typeof window === 'undefined') return;        window.freyr = window.freyr || { cmd: [] };        window.freyr.cmd.push(() => {          if (window.freyr && window.freyr.pushAndUpdate) {            window.freyr.pushAndUpdate(eventName, data);          }        });      }      function sendEvent(event, skip = false) {        try {          storeEventForDebug(event.name, event.data);          if (!skip) {            sendToFreyr(event.name, event.data);          }        } catch (e) {          // Ensure tracking errors don't surface to the user        }      }      function getCookie(name) {        try {          const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));          return match ? match[2] : null;        } catch (e) {          return null;        }      }      function normalizeCurrency(symbol) {        const map = {          '£': 'GBP',          '$': 'USD',          'A$': 'AUD',          'CA$': 'CAD',          '€': 'EUR'        };        return map[symbol] || symbol;      }      function trackElementInteraction(props) {        sendEvent({          name: 'elementInteraction',          data: {            element: {              action: props.action || "click",              id: props.id || undefined,              class: props.class || undefined,              name: props.name || undefined,              text: props.text || undefined,              label: props.label || undefined,              container: props.container || undefined,              url: props.url || undefined,              articleId: props.articleId || undefined            }          }        });      }      function generateRevenueId(url, productName, merchantName, modelId) {        const str = `${window.location.href}|${productName}|${merchantName}|${modelId || ''}|${new Date().toDateString()}|tomsguide`;        let hash = 0;        for (let i = 0; i < str.length; i++) {          const char = str.charCodeAt(i);          hash = ((hash << 5) - hash) + char;          hash = hash & hash;        }        let numericStr = Math.abs(hash).toString();        while (numericStr.length < 19) {          numericStr += Math.floor(Math.random() * 10).toString();        }        return numericStr.substring(0, 19);      }      function rewriteAffiliateLink(url, territory, revenueId) {        if (!url) return url;        const t = (territory || 'gb').toLowerCase();        return url.replace(/hawk-custom-tracking/g, `tomsguide-${t}-${revenueId}`);      }      function trackHawkEvent(params) {        const { clickType, widgetId, productCategoryName, product, productsArray, zeroBasedProductIndexOrNull, totalDealsOrProducts, areaClicked, merchant, revenueId, isoCurrencyCode, queryName, widgetTypeName } = params;        const data = {          event: "hawkEvent",          category: "Affiliates",          affiliate: {            action: {              type: clickType,              id: widgetId,              event: clickType === "appeared" ? "viewed" : "Click from",              timestamp: Date.now()            },            component: {              flag: "Editor",              product: productCategoryName || "deals",              category: `Signal Deal Finder ${widgetTypeName || "Carousel"} widget`,              type: clickType === "appeared" ? "review" : "signal product",              label: queryName || (product ? (product.name || "") : ""),              index: zeroBasedProductIndexOrNull === null || zeroBasedProductIndexOrNull === undefined ? -1 : zeroBasedProductIndexOrNull,              linkCount: totalDealsOrProducts || 0,              blockLayout: "",              areaClicked: areaClicked || ""            }          },          products: productsArray || (product && merchant ? [            {              product: {                primary: {                  id: product.id || product.matchId || null,                  name: product.name,                  type: "deal",                  price: product.price,                  previousPrice: product.previousPrice || null,                  currency: isoCurrencyCode || "USD",                  preorder: false,                  labels: [],                  link: product.link,                  originalLink: product.originalLink || null,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: null,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: product.globalId || null,                  inStock: product.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: isoCurrencyCode || "USD"                }              },              merchant: {                id: merchant.id || null,                name: merchant.name,                url: merchant.url || null,                network: merchant.network || null              },              model: {                id: product.modelId || null,                brand: product.brand || null,                name: product.name,                parent: product.parent || null              }            }          ] : []),          reviews: [],          _clear: true,          "gtm.uniqueEventId": Date.now() % 10000        };        sendEvent({ name: 'hawkEvent', data });      }      function trackDealClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card" });      }      function trackViewSimilarClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card View Similar" });      }      function trackPriceComparisonClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Price Comparison" });      }      function trackReviewClick(params) {        trackHawkEvent({ ...params, clickType: "review", areaClicked: "Signal Product Card Review Link" });      }      function trackShare(params) {        trackHawkEvent({ ...params, clickType: "share", areaClicked: "Signal Product Card Share" });      }      function trackDealsAppeared(widgetId, deals, revenueId, currency, queryName, widgetTypeName) {         if (!deals || deals.length === 0) return;                  const productsArray = deals.slice(0, 50).map((deal) => {            let voucherPct = null;            let rawPrice = parseFloat(deal.rawPrice) || parseFloat(deal.price) || null;            let rawMsrp = parseFloat(deal.rawMsrp) || parseFloat(deal.msrp) || null;            if (rawMsrp > rawPrice && rawPrice > 0) {              voucherPct = Math.round((1 - (rawPrice / rawMsrp)) * 100);            }            let numId = null;            if (deal.externalProductId && !isNaN(parseInt(deal.externalProductId))) {              numId = parseInt(deal.externalProductId);            } else if (deal.id && !isNaN(parseInt(deal.id))) {              numId = parseInt(deal.id);            } else {              numId = deal.matchId || null;            }            return {              product: {                primary: {                  id: numId,                  name: deal.productName || deal.title || "",                  type: "deal",                  price: rawPrice,                  previousPrice: rawMsrp,                  currency: currency || 'USD',                  preorder: false,                  labels: deal.modelBrand || deal.brand ? [                     { type: "brand", value: deal.modelBrand || deal.brand }                  ] : [],                  link: deal.url,                  originalLink: deal.url,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: voucherPct,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: deal.productKey || null,                  inStock: deal.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: currency || 'USD'                }              },              merchant: {                id: deal.merchantId ? parseInt(deal.merchantId) : null,                name: deal.merchant || "Retailer",                url: deal.merchantUrl || null,                network: deal.merchantNetwork || null              },              model: {                id: deal.modelId ? parseInt(deal.modelId) : null,                brand: deal.modelBrand || deal.brand || null,                name: deal.productName || deal.title || "",                parent: deal.modelParent || null              }            };         });                  trackHawkEvent({             clickType: "appeared",             widgetId: widgetId,             productCategoryName: "deals",             zeroBasedProductIndexOrNull: null,             totalDealsOrProducts: deals.length,             productsArray: productsArray,             queryName: queryName,             widgetTypeName: widgetTypeName         });      }      // 1. Setup Shadow DOM Sandbox      const currentScript = document.currentScript;      let hostContainer = null;      let template = null;            if (currentScript) {        let prev = currentScript.previousElementSibling;        while (prev) {          if (prev.tagName === 'TEMPLATE' && prev.classList.contains('tg-df-widget-template')) {            template = prev;          } else if (prev.tagName === 'DIV' && prev.classList.contains('tg-df-widget-host') && !prev.hasAttribute('data-initialized')) {            hostContainer = prev;            break;          }          prev = prev.previousElementSibling;        }      }            // Fallbacks in case script is deferred      if (!hostContainer) {        const hosts = document.querySelectorAll('.tg-df-widget-host:not([data-initialized])');        if (hosts.length > 0) hostContainer = hosts[0];      }            // Safely embedded template for CMS environments      const rawTemplate = `  \x3Cstyle>    /* --- Shadow DOM Base Reset --- */    *, *::before, *::after {      box-sizing: border-box;    }    img, picture, svg, video {      max-width: 100%;      height: auto;      display: block;    }    /*       1. Scoped CSS for Tom's Guide Deals Widget       All classes are prefixed with \`tg-df-\` to prevent CMS style leakage.    */    .tg-df-container {      container-type: inline-size;      container-name: tg-df;      --tg-df-blue: #1F69FF;      --tg-df-blue-hover: #004d8c;      --tg-df-text: #222222;      --tg-df-text-muted: #555555;      --tg-df-bg: #ffffff;      --tg-df-bg-secondary: #f4f4f4;      --tg-df-border: #e2e8f0;      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;      color: var(--tg-df-text);      background-color: transparent;       width: 100%;      max-width: 1200px;      margin: 0 auto;      padding-bottom: 24px;    }    .tg-df-container *, .tg-df-container *::before, .tg-df-container *::after {      margin: 0;      padding: 0;      box-sizing: border-box;    }    .tg-df-container img {      border: none;      margin: 0;      padding: 0;    }    .tg-df-container a {      text-decoration: none;      color: inherit;    }    /*       2. Search & Filter Bar    */    .tg-df-controls {      display: flex;      flex-direction: column;      align-items: center;      gap: 20px;      margin-bottom: 32px;      width: 100%;    }    .tg-df-top-bar {      display: flex;      width: 100%;      max-width: 760px;      gap: 12px;      align-items: center;    }    .tg-df-search-wrapper {      position: relative;      flex: 1;      width: 100%;      box-shadow: 0 8px 24px rgba(0,0,0,0.06);      border-radius: 40px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      z-index: 100;    }    .tg-df-autocomplete-dropdown {      position: absolute;      top: calc(100% + 4px);      left: 0;      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      max-height: 300px;      overflow-y: auto;      z-index: 200;      display: none;    }    .tg-df-autocomplete-dropdown.active {      display: block;    }    .tg-df-autocomplete-item {      padding: 12px 24px;      cursor: pointer;      font-size: 14px;      color: var(--tg-df-text);      transition: background 0.1s ease;    }    .tg-df-autocomplete-item:hover {      background: var(--tg-df-bg-secondary);    }    .tg-df-search-input {      width: 100%;      padding: 16px 64px 16px 24px;      font-size: 16px;      border: 2px solid transparent;      border-radius: 40px;      outline: none;      transition: border-color 0.2s ease, box-shadow 0.2s ease;      color: var(--tg-df-text);      background: transparent;    }    .tg-df-search-input:focus {      border-color: transparent;      box-shadow: 0 0 0 3px rgba(0, 108, 196, 0.15);    }    .tg-df-search-input::placeholder {      color: #999999;    }        .tg-df-search-btn {      position: absolute;      right: 8px;      top: 50%;      transform: translateY(-50%);      width: 40px;      height: 40px;      border-radius: 50%;      background: #222;      border: none;      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: background 0.2s ease;    }        .tg-df-search-btn:hover {      background: #000;    }    .tg-df-search-icon {      width: 16px;      height: 16px;      fill: #fff;    }    .tg-df-settings-wrapper {      position: relative;    }        .tg-df-settings-btn {      width: 48px;      height: 48px;      border-radius: 50%;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      box-shadow: 0 4px 12px rgba(0,0,0,0.04);      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: all 0.2s ease;      color: var(--tg-df-text-muted);      flex-shrink: 0;    }    .tg-df-settings-btn:hover {      background: var(--tg-df-bg-secondary);      border-color: #0000ff;      color: var(--tg-df-text);    }    .tg-df-settings-btn svg {      width: 24px;      height: 24px;      fill: currentColor;    }    .tg-df-settings-dropdown {      position: absolute;      top: calc(100% + 8px);      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      width: 280px;      padding: 20px;      display: none;      z-index: 100;      flex-direction: column;      gap: 20px;    }    .tg-df-settings-dropdown.active {      display: flex;    }        .tg-df-settings-dropdown-backdrop {      display: none;      position: fixed;      inset: 0;      z-index: 99;    }        .tg-df-settings-dropdown-backdrop.active {      display: block;    }    .tg-df-setting-item {      display: flex;      flex-direction: column;      gap: 10px;    }    .tg-df-setting-label {      font-size: 11px;      font-weight: 700;      color: var(--tg-df-text-muted);      text-transform: uppercase;      letter-spacing: 0.5px;    }        .tg-df-region-select {        padding: 10px 12px;        border-radius: 8px;        border: 1px solid var(--tg-df-border);        font-size: 15px;        outline: none;        background: var(--tg-df-bg-secondary);        color: var(--tg-df-text);        cursor: pointer;        width: 100%;    }    .tg-df-toggle {        position: relative;        display: inline-block;        width: 44px;        height: 24px;        flex-shrink: 0;    }    .tg-df-toggle input {        opacity: 0;        width: 0;        height: 0;    }    .tg-df-slider {        position: absolute;        cursor: pointer;        top: 0; left: 0; right: 0; bottom: 0;        background-color: #ccc;        transition: .2s;        border-radius: 24px;    }    .tg-df-slider:before {        position: absolute;        content: "";        height: 18px;        width: 18px;        left: 3px;        bottom: 3px;        background-color: white;        transition: .2s;        border-radius: 50%;    }    .tg-df-toggle input:checked + .tg-df-slider {        background-color: #1F69FF;    }    .tg-df-toggle input:checked + .tg-df-slider:before {        transform: translateX(20px);    }    .tg-df-dl-row {        flex-direction: row;        align-items: center;        justify-content: space-between;    }    .tg-df-dl-row-text {        font-size: 14px;        font-weight: 600;        color: var(--tg-df-text);    }    .tg-df-dl-row-subtext {        font-size: 12px;        font-weight: 400;        line-height: 1.3;        color: var(--tg-df-text-muted);        margin-top: 4px;        display: block;    }    .tg-df-filters {      display: flex;      gap: 12px;      justify-content: center;      flex-wrap: wrap;    }    .tg-df-sort-wrapper {      position: relative;      display: flex;      align-items: center;    }        .tg-df-sort-icon {      position: absolute;      left: 14px;      width: 14px;      height: 14px;      fill: var(--tg-df-text-muted);      pointer-events: none;    }    .tg-df-sort-select, .tg-df-filter-select {      padding: 10px 36px 10px 38px;      font-size: 14px;      border: 1px solid var(--tg-df-border);      border-radius: 100px;      outline: none;      appearance: none;      background-color: var(--tg-df-bg-secondary);      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");      background-repeat: no-repeat;      background-position: right 14px center;      color: var(--tg-df-text);      cursor: pointer;      font-weight: 500;      transition: all 0.2s ease;    }        .tg-df-price-input::-webkit-outer-spin-button,    .tg-df-price-input::-webkit-inner-spin-button {      -webkit-appearance: none;      margin: 0;    }    .tg-df-price-input {      -moz-appearance: textfield;    }    .tg-df-sort-select:hover, .tg-df-filter-select:hover {      background-color: #e2e8f0;    }    .tg-df-multiselect-container {      position: relative;    }        .tg-df-multiselect-trigger {      display: block;      background: #fff;      user-select: none;      width: 100%;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis;    }        .tg-df-multiselect-dropdown {      display: none;      position: absolute;      top: calc(100% + 4px);      left: 0;      width: 100%;      min-width: 220px;      max-height: 300px;      overflow-y: auto;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);      z-index: 100;      padding: 8px 0;    }    .tg-df-multiselect-dropdown.active {      display: block;    }    .tg-df-ms-option {      padding: 8px 16px;      display: flex;      align-items: center;      gap: 8px;      cursor: pointer;      font-size: 14px;    }    .tg-df-ms-option:hover {      background-color: var(--tg-df-bg-secondary);    }        .tg-df-ms-option input {      cursor: pointer;      accent-color: #1f69ff;    }    .tg-df-sort-select:focus, .tg-df-filter-select:focus {      border-color: #0000ff;      box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.2);      background-color: var(--tg-df-bg);    }    /*       3. Deal Grid Layout    */    .tg-df-grid.tg-df-grid-auto {      padding-top: 24px;    }    .tg-df-grid, .tg-df-grid.layout-grid {      display: grid;      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      gap: 10px;    }    .tg-df-grid.layout-row {      grid-template-columns: 1fr;      gap: 16px;    }        .tg-df-grid.layout-row .tg-df-card {      flex-direction: row;      align-items: stretch;      height: auto;      box-shadow: none;      border-bottom: 1px solid var(--tg-df-border);    }    .tg-df-grid.layout-row .tg-df-card:hover {      box-shadow: none;    }    .tg-df-grid.layout-row .tg-df-card-image-box {      width: 140px;      min-width: 140px;      aspect-ratio: 3/4;      border-right: none;      padding: 16px 16px 16px 32px;    }    .tg-df-grid.layout-row .tg-df-card-body {      padding: 16px;      justify-content: space-between;    }    .tg-df-grid.layout-row .tg-df-card-title {      font-size: 15px;      margin-bottom: 16px;    }    .tg-df-grid.layout-row .tg-df-card-stars { margin-bottom: 8px; }    .tg-df-grid.layout-row .tg-df-card-footer {      flex-direction: column;      align-items: flex-start;      gap: 0;    }    .tg-df-grid.layout-row .tg-df-card-merchant-pill {      margin-bottom: 4px;    }    .tg-df-grid.layout-row .tg-df-card-price-group {      margin-bottom: 8px;    }    .tg-df-grid.layout-row .tg-df-price-group {      width: auto;    }    .tg-df-grid.layout-row .tg-df-card-cta {      width: 100%;      max-width: 200px;      padding: 10px 24px;      font-size: 13px;      flex-shrink: 0;      text-align: center;      justify-content: center;    }    /*       4. Deal Card Design    */    .tg-df-card {      position: relative;      display: flex;      flex-direction: column;      background-color: #ffffff;      border-radius: 0;      overflow: hidden;      transition: transform 0.2s ease, box-shadow 0.2s ease;      text-decoration: none;      color: inherit;      height: 100%;      box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);      border: 1px solid var(--tg-df-border);    }    .tg-df-card:hover {      box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);    }    .tg-df-card-image-box {      width: 100%;      aspect-ratio: 3/4;      background-color: #f8f8f8;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      padding: 32px;      flex: 0 0 auto;    }    .tg-df-card-image {      max-width: 100%;      max-height: 100%;      width: auto;      height: auto;      object-fit: contain;      mix-blend-mode: multiply; /* Helps white background images blend into secondary bg */      transition: transform 0.3s ease;    }    .tg-df-card:hover .tg-df-card-image {      transform: scale(1.05); /* Zoom in on hover */    }    .tg-df-card-discount-badge {      position: absolute;      top: 12px;      left: 12px;      background: #dc2626; /* Red */      color: #ffffff;      padding: 6px 8px;      font-size: 11px;      font-weight: 500;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      z-index: 10;    }        .tg-df-card-merchant-pill {      display: block;      padding: 0;      font-size: 11px;      font-weight: 600;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      color: var(--tg-df-text-muted);      margin-bottom: 8px;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }    .tg-df-card-body {      padding: 16px;      display: flex;      flex-direction: column;      flex-grow: 1;      min-width: 0;    }    .tg-df-card-badges {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-bottom: 8px;    }    .tg-df-tag {      display: inline-flex;      align-items: center;      padding: 4px 6px;      font-size: 11px;      font-weight: 700;      text-transform: uppercase;      border-radius: 4px;      gap: 4px;    }    .tg-df-tag-prime {      background-color: #00A8E1;      color: #fff;    }    .tg-df-tag-coupons {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-coupons:hover {      background-color: #e2e8f0;    }        .tg-df-tag-outline {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-outline:hover {      background-color: #e2e8f0;    }        @keyframes tg-df-spin {      0% { transform: rotate(0deg); }      100% { transform: rotate(360deg); }    }    .tg-df-coupon-spinner {      border: 2px solid #e2e8f0;      border-top: 2px solid #3b82f6;      border-radius: 50%;      width: 14px;      height: 14px;      animation: tg-df-spin 1s linear infinite;      margin: 4px 8px;      display: inline-block;    }        /* Vouchers Modal */    .tg-df-modal-backdrop {      position: fixed;      top: 0; left: 0; right: 0; bottom: 0;      background: rgba(0,0,0,0.5);      z-index: 10000;      display: flex;      align-items: center;      justify-content: center;      opacity: 0;      pointer-events: none;      transition: opacity 0.3s;    }    .tg-df-modal-backdrop.active {      opacity: 1;      pointer-events: auto;    }    .tg-df-modal {      background: #fff;      border-radius: 12px;      width: 90%;      max-width: 400px;      max-height: 80vh;      display: flex;      flex-direction: column;      box-shadow: 0 10px 40px rgba(0,0,0,0.2);      transform: translateY(20px);      transition: transform 0.3s;    }    .tg-df-modal-backdrop.active .tg-df-modal {      transform: translateY(0);    }    .tg-df-modal-header {      padding: 16px;      border-bottom: 1px solid #e2e8f0;      display: flex;      align-items: center;      justify-content: space-between;    }    .tg-df-modal-title {      font-size: 16px;      font-weight: 600;      margin: 0;    }    .tg-df-modal-close {      background: none;      border: none;      cursor: pointer;      padding: 4px;      color: #64748b;    }    .tg-df-modal-body {      padding: 16px;      overflow-y: auto;    }    .tg-df-voucher-item {      padding: 12px;      border: 1px dashed #cbd5e1;      border-radius: 8px;      margin-bottom: 10px;      background: #f8fafc;      display: flex;      align-items: center;      gap: 12px;      text-decoration: none;      color: inherit;      transition: background-color 0.2s, border-color 0.2s;    }    .tg-df-voucher-item:hover {      background: #f1f5f9;      border-color: #94a3b8;    }    .tg-df-voucher-item:last-child {      margin-bottom: 0;    }    .tg-df-voucher-logo {      width: 48px;      height: 48px;      object-fit: contain;      border-radius: 4px;      background: #fff;      border: 1px solid #e2e8f0;      flex-shrink: 0;    }    .tg-df-voucher-content {      flex: 1;      min-width: 0;    }    .tg-df-voucher-title {      font-size: 14px;      font-weight: 600;      margin: 0 0 4px 0;      line-height: 1.3;      color: #0f172a;    }    .tg-df-voucher-expiry {      font-size: 12px;      color: #64748b;      display: flex;      align-items: center;      gap: 4px;      margin-top: 6px;    }    .tg-df-voucher-code {      display: inline-flex;      align-items: center;      background: #f1f5f9;      border: 1px dashed #cbd5e1;      padding: 6px 10px;      font-family: monospace;      font-weight: 700;      font-size: 14px;      color: #0f172a;      border-radius: 4px;      margin-top: 8px;      cursor: pointer;      transition: all 0.2s ease;    }    .tg-df-voucher-code:hover {      background: #e2e8f0;      border-color: #94a3b8;    }    .tg-df-voucher-code.copied {      background: #ecfdf5;      border-color: #10b981;      color: #10b981;    }    .tg-df-voucher-cta {      display: inline-block;      margin-top: 8px;      font-size: 13px;      font-weight: 600;      color: #2563eb;      text-decoration: none;    }    .tg-df-card-title {      font-size: 15px;      font-weight: 400;      line-height: 1.4;      margin: 0 0 12px 0;      color: var(--tg-df-text);      display: -webkit-box;      -webkit-line-clamp: 2;      -webkit-box-orient: vertical;      overflow: hidden;    }    .tg-df-card-footer {      margin-top: auto;      display: flex;      flex-direction: column;      width: 100%;    }    .tg-df-card-price-group {      display: flex;      flex-direction: row;      align-items: center;      gap: 8px;      margin-bottom: 12px;    }    .tg-df-card-price {      font-size: 16px;      font-weight: 700;      color: #dc2626; /* Red price */      line-height: 1;    }        .tg-df-card-msrp {      font-size: 13px;      color: var(--tg-df-text-muted);      text-decoration: line-through;    }    .tg-df-container .tg-df-card-cta {      display: flex;      align-items: center;      justify-content: center;      width: 100%;      box-sizing: border-box;      background-color: #1f69ff;      color: #ffffff;      font-size: 12px;      font-weight: 700;      text-transform: uppercase;      letter-spacing: 0.5px;      padding: 12px 16px;      border-radius: 0;      border: none;      cursor: pointer;      transition: background-color 0.2s ease;    }    .tg-df-card:hover .tg-df-card-cta,    .tg-df-card-cta:hover {      background-color: #1555cc;    }    .tg-df-container .tg-df-card-cta.tg-df-cta-savings-squad {      background-color: #3c8d0d;    }    .tg-df-card:hover .tg-df-card-cta.tg-df-cta-savings-squad,    .tg-df-card-cta.tg-df-cta-savings-squad:hover {      background-color: #2b6509;    }    /*       5. State & Skeleton Styles    */    .tg-df-message {      grid-column: 1 / -1;      text-align: center;      padding: 48px 24px;      color: var(--tg-df-text-muted);      font-size: 16px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;    }    @keyframes tg-df-shimmer {      0% { background-position: -200% 0; }      100% { background-position: 200% 0; }    }    .tg-df-skeleton {      background: linear-gradient(90deg, var(--tg-df-bg-secondary) 25%, #e2e8f0 50%, var(--tg-df-bg-secondary) 75%);      background-size: 200% 100%;      animation: tg-df-shimmer 1.5s infinite;      border-radius: 4px;    }    .tg-df-skeleton-img {      width: 100%;      height: 100%;      position: absolute;      top: 0; left: 0;    }        .tg-df-skeleton-text {      height: 16px;      margin-bottom: 8px;      width: 100%;    }    .tg-df-skeleton-text.short { width: 40%; }    .tg-df-skeleton-text.title { height: 20px; margin-bottom: 16px; }    /* Editor Floating Bar & Elements */    .tg-df-editor-bar {      position: sticky;      top: 0;      z-index: 1000;      background: #111827;      color: #fff;      padding: 12px 16px;      border-radius: 8px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: space-between;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);    }    .tg-df-editor-bar-text {      font-weight: 600;      font-size: 14px;    }    .tg-df-editor-copy-btn {      background: #10b981;      color: #fff;      padding: 6px 16px;      border: none;      border-radius: 4px;      font-weight: 600;      cursor: pointer;      display: flex;      align-items: center;      font-size: 13px;    }    .tg-df-editor-copy-btn:hover { background: #059669; }        .tg-df-deal-checkbox {      position: absolute;      top: 12px;      right: 12px;      z-index: 10;      width: 20px;      height: 20px;      cursor: pointer;      pointer-events: auto;    }    /*       6. Mobile List View (Stacks into a cleaner horizontal row/list)    */    @container tg-df (max-width: 599px) {      .tg-df-controls {        padding: 0 16px;      }            .tg-df-top-bar {        width: 100%;      }            .tg-df-settings-dropdown {        position: fixed;        top: auto;        bottom: 0;        left: 0;        right: 0;        width: 100%;        border-radius: 20px 20px 0 0;        padding: 24px;        box-shadow: 0 -8px 32px rgba(0,0,0,0.15);        z-index: 1000;        border: none;        border-top: 1px solid var(--tg-df-border);      }            .tg-df-settings-dropdown-backdrop.active {        background: rgba(0,0,0,0.4);      }            .tg-df-search-wrapper {        box-shadow: 0 0 16px rgba(0,0,0,0.08);      }            .tg-df-filters {        width: calc(100% + 32px);        margin: 0 -16px;        padding: 0 16px 4px 16px;        display: flex;        justify-content: flex-start;        gap: 8px;        flex-wrap: nowrap;        overflow-x: auto;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;      }      .tg-df-filters::after {        content: "";        display: block;        flex: 0 0 8px;      }      .tg-df-filters::-webkit-scrollbar {        display: none;      }            .tg-df-sort-wrapper {        flex: 0 0 max(42%, 130px);        min-width: 0;      }      .tg-df-sort-wrapper.tg-df-price-range-wrapper {        flex: 0 0 auto;        min-width: max-content;      }            .tg-df-sort-select, .tg-df-filter-select {        width: 100%;        text-align: left;        padding: 10px 24px 10px 32px;        background-position: right 8px center;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;      }      .tg-df-sort-icon {        left: 10px;      }      .tg-df-grid:not(.layout-grid):not(.layout-row),      .tg-df-grid.layout-row {        grid-template-columns: 1fr;        gap: 16px;      }            .tg-df-grid.tg-df-grid-auto {        padding-top: 24px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card,      .tg-df-grid.layout-row .tg-df-card {        flex-direction: row;        align-items: stretch;        height: auto;        box-shadow: none; /* simple line on mobile if preferred, or keep */        border-bottom: 1px solid var(--tg-df-border);      }      .tg-df-grid.tg-df-grid-auto .tg-df-card:hover,      .tg-df-grid.layout-row .tg-df-card:hover {        box-shadow: none;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-image-box,      .tg-df-grid.layout-row .tg-df-card-image-box {        width: 120px;        min-width: 120px;        aspect-ratio: 3/4;        border-right: none;        padding: 12px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-body,      .tg-df-grid.layout-row .tg-df-card-body {        padding: 12px;        justify-content: space-between;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-title,      .tg-df-grid.layout-row .tg-df-card-title {        font-size: 14px;        margin-bottom: 12px;        -webkit-line-clamp: 3;      }      /* Single column mobile grid override */      .tg-df-grid.layout-grid {        grid-template-columns: 1fr;        gap: 16px;      }      .tg-df-grid.layout-grid .tg-df-card-image-box {        padding: 12px;      }      .tg-df-grid.layout-grid .tg-df-card-body {        padding: 10px;      }      .tg-df-grid.layout-grid .tg-df-card-title {        font-size: 13px;        -webkit-line-clamp: 3;        margin-bottom: 8px;      }      .tg-df-grid.layout-grid .tg-df-card-price {        font-size: 14px;      }            .tg-df-card-footer {        flex-direction: column;        align-items: stretch;        gap: 0;        width: 100%;        min-width: 0;      }      .tg-df-card-merchant-pill {        margin-bottom: 4px;      }      .tg-df-card-price-group {        flex: 1 1 auto;        margin-bottom: 8px;      }      .tg-df-card-price {        font-size: 16px;      }      .tg-df-card-msrp {        display: block;       }      .tg-df-grid.layout-row .tg-df-card-cta,      .tg-df-container .tg-df-card-cta {        width: 100%;        max-width: none;        min-width: 0;        box-sizing: border-box;        padding: 8px 16px;        font-size: 12px;        flex: 0 0 auto;        text-align: center;        white-space: normal;        line-height: 1.2;      }    }    .tg-df-container.is-carousel {      min-height: 760px;      background-color: #E7F0FF;      padding: 0 0 24px 0;      border-radius: 24px;    }    .tg-df-container.is-carousel.hide-header-details {      min-height: 480px;    }    /*       7. Carousel View Mode    */    .tg-df-container .tg-df-carousel-host {      /* Layout is now handled by container wrapper */    }    .tg-df-container .tg-df-carousel-eyebrow {      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      padding: 24px 16px 0 16px;      display: none;    }    .tg-df-container .tg-df-carousel-query-title {      color: #011535;      font-size: 28px;      font-weight: 600;      padding: 0 16px 24px 16px;      line-height: 1.2;      display: none;    }    .tg-df-container .tg-df-carousel-blue-box {      background-color: transparent;      border-radius: 0;      padding: 24px 24px 0 24px;      margin: 0;      color: #1F69FF;          position: relative;      overflow: hidden;    }    .tg-df-container .tg-df-carousel-bg-circle-1 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-2 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-3 {      display: none;    }    .tg-df-container .tg-df-carousel-box-content {      position: relative;      z-index: 10;    }    .tg-df-container .tg-df-carousel-box-eyebrow {      background-color: transparent;      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      display: inline-block;      padding: 0;      border-radius: 0;    }    .tg-df-container .tg-df-carousel-box-title {      font-size: 28px;      font-weight: 600;      line-height: 1.2;      margin-top: 8px;      color: #1e293b;    }    .tg-df-container .tg-df-countdown-wrapper {      position: absolute;      top: 0;      right: 0;      display: flex;      flex-direction: column;      align-items: flex-end;      gap: 12px;      transform: scale(0.67);      transform-origin: top right;    }    .tg-df-container .tg-df-countdown-title {      font-size: 16px;      text-align: center;      width: 100%;      font-weight: 600;      color: #011535;      margin: 0;    }    .tg-df-container .tg-df-countdown-blocks {      display: flex;      gap: 16px;    }    .tg-df-container .tg-df-countdown-item {      display: flex;      flex-direction: column;      align-items: center;      gap: 4px;    }    .tg-df-container .tg-df-countdown-box {      width: 59px;      height: 59px;      background: #03FE9E;      border-radius: 15px;      display: flex;      align-items: center;      justify-content: center;    }    .tg-df-container .tg-df-countdown-num {      font-family: 'Inter', sans-serif;      font-weight: 700;      font-size: 20px;      line-height: normal;      color: #011535;    }    .tg-df-container .tg-df-countdown-label {      font-family: 'Inter', sans-serif;      font-weight: 500;      font-size: 16px;      line-height: normal;      color: #1e293b;      text-transform: uppercase;    }    .tg-df-container .tg-df-carousel-box-subtitle {      font-size: 16px;      margin-top: 8px;      font-weight: 300;      color: #1e293b;      line-height: 24px;    }    .tg-df-container .tg-df-carousel-roundels-wrapper {      position: relative;      margin-top: 24px;      margin-left: -24px;      margin-right: -24px;    }    .tg-df-container .tg-df-carousel-roundels {      display: flex;      gap: 16px;      overflow-x: auto;            scrollbar-width: none;      padding-top: 12px;      padding-bottom: 24px;      padding-left: 24px;      padding-right: 24px;      margin-left: 0;      margin-right: 0;    }        .tg-df-container .tg-df-carousel-scroll-left,    .tg-df-container .tg-df-carousel-scroll-right {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 36px;      width: 36px;      display: flex;      align-items: center;      justify-content: center;      border-radius: 50%;      background-color: #ffffff;      border: 1px solid #e2e8f0;      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);      color: #1F69FF;      cursor: pointer;      transition: all 0.2s;      margin-top: -4px;      z-index: 20;    }    .tg-df-container .tg-df-carousel-scroll-left { left: 8px; }    .tg-df-container .tg-df-carousel-scroll-right { right: 8px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left { left: 0px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right { right: 0px; }    .tg-df-carousel-filters-outer { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }    @container tg-df (max-width: 599px) { .tg-df-carousel-filters-outer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } }        .tg-df-container .tg-df-carousel-scroll-left:hover,    .tg-df-container .tg-df-carousel-scroll-right:hover {      background-color: #f8fafc;      border-color: #cbd5e1;    }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right {      background-color: rgba(255, 255, 255, 0.4);      border: none;      box-shadow: none;      backdrop-filter: blur(4px);      -webkit-backdrop-filter: blur(4px);    }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right { right: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-right { right: 0; }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left:hover,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right:hover {      background-color: rgba(255, 255, 255, 0.6);      border: none;    }    .tg-df-container .tg-df-carousel-roundels::-webkit-scrollbar {      display: none;    }    .tg-df-container .tg-df-carousel-roundels::after {      content: "";      flex: 0 0 32px;    }    .tg-df-container .tg-df-roundel {      display: flex;      flex-direction: column;      align-items: center;      gap: 8px;      cursor: pointer;      min-width: 120px;      flex-shrink: 0;    }    .tg-df-container .tg-df-roundel-img-box {      width: 120px;      height: 120px;      border-radius: 50%;      background: white;      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: 0px 3px 14px 0px rgba(30, 41, 59, 0.08);      transition: box-shadow 0.2s;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box img {      transform: scale(1.08);    }    .tg-df-container .tg-df-roundel-img-box img {      width: 100%;      height: 100%;      object-fit: contain;      padding: 10px;      box-sizing: border-box;      transition: transform 0.3s ease;    }    .tg-df-container .tg-df-roundel-label {      font-size: 13px;      font-weight: 400;      color: #1e293b;      text-align: center;      transition: font-weight 0.2s;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-label {      font-weight: 700;    }    .tg-df-container .tg-df-carousel-filters-label {      font-size: 16px;      font-weight: 400;      color: #1e293b;      white-space: nowrap;      margin-right: 4px;    }    .tg-df-container .tg-df-carousel-filters-wrap {      display: flex;      align-items: center;      flex-wrap: nowrap;      gap: 8px;      margin-top: 8px;      overflow-x: auto;      scrollbar-width: none;      -webkit-overflow-scrolling: touch;      padding-bottom: 8px;      margin-left: -24px;      margin-right: -24px;      padding-left: 24px;      padding-right: 24px;    }    .tg-df-container .tg-df-carousel-filters-wrap::-webkit-scrollbar {      display: none;    }        .tg-df-container .tg-df-carousel-filter-btn img,    .tg-df-container .tg-df-carousel-filter-btn picture {      height: 20px;      width: 20px;      object-fit: contain;      object-position: center;      display: inline-flex;      align-items: center;      justify-content: center;      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn picture img {      margin-right: 0;      height: 100%;      width: 100%;    }    .tg-df-container .tg-df-carousel-filter-btn img.active-img,    .tg-df-container .tg-df-carousel-filter-btn picture:has(.active-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.inactive-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.inactive-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.active-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.active-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.active-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.active-img) {      display: inline-flex;    }    .tg-df-container .tg-df-carousel-filter-btn {      background: #ffffff;      border: 2px solid #1e293b;      color: #1e293b;      border-radius: 24px;      padding: 6px 16px;      font-size: 14px;      font-weight: 600;      cursor: pointer;      transition: all 0.2s;      flex-shrink: 0;      white-space: nowrap;      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 36px;      box-sizing: border-box;    }    .tg-df-container .tg-df-carousel-filter-btn svg {      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn:hover {      background: #1e293b;      color: white;      border-color: #1e293b;    }    .tg-df-container .tg-df-carousel-filter-btn.active {      background: #1e293b;      color: white;      border-color: #1e293b;    }        .tg-df-grid.carousel-compact {      display: flex;      flex-wrap: nowrap;      overflow-x: auto;      gap: 16px;      padding: 16px 24px;      align-items: stretch;      scrollbar-width: none;    }    .tg-df-grid.carousel-compact::after {      content: "";      flex: 0 0 32px;    }    .tg-df-grid-wrapper {      position: relative;    }    .tg-df-grid.carousel-compact::-webkit-scrollbar {      display: none;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card {      flex: 0 0 auto;      width: 100px;      border-radius: 15px;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      border: 2px solid #1e293b;      background: white;      color: #1e293b;      display: flex;      flex-direction: column;      justify-content: center;      align-items: center;      font-weight: 600;      font-size: 14px;      cursor: pointer;      padding: 16px;      text-align: center;      transition: all 0.2s;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card:hover {      background: #1e293b;      color: white;    }    .tg-df-grid.carousel-compact .tg-df-card {      flex: 0 0 auto;      width: 200px;      min-height: auto;      height: auto;      display: flex;      flex-direction: column;      border-radius: 15px;      border: none;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      overflow: visible;    }    .tg-df-grid.carousel-compact .tg-df-card-image-box {      padding: 12px;      background-color: transparent;      border-radius: 15px 15px 0 0;      height: 130px;    }    .tg-df-grid.carousel-compact .tg-df-card-image {      mix-blend-mode: normal;    }    .tg-df-grid.carousel-compact .tg-df-card-discount-badge {      border-radius: 0;      top: 0px;      left: 0px;      padding: 4px 8px;      font-size: 11px;    }    .tg-df-grid.carousel-compact .tg-df-card-body {      padding: 8px 12px 12px 12px;    }    .tg-df-grid.carousel-compact .tg-df-card-title {      font-size: 14px;      font-weight: 400;      -webkit-line-clamp: 2;      margin-bottom: 8px;      color: #011535;    }    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):not(:has(.tg-df-tag-prime)):not(:has(.tg-df-coupon-wrapper:not([style*="none"]))) > .tg-df-card-title,    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):has(> .tg-df-card-title:first-child) > .tg-df-card-title {      -webkit-line-clamp: 3;    }    .tg-df-grid.carousel-compact .tg-df-card-cta {      border-radius: 5px;      padding: 8px 10px;      margin-top: 4px;      background-color: #1F69FF;    }    .tg-df-grid.carousel-compact .tg-df-card-price-group {      margin-bottom: 2px;    }    .tg-df-grid.carousel-compact .tg-df-card-merchant-pill {      margin-bottom: 2px;    }    @container tg-df (max-width: 599px) {      .tg-df-container .tg-df-carousel-blue-box-title {        font-size: 24px;      }      .tg-df-container .tg-df-countdown-title {        display: none;      }      .tg-df-container .tg-df-countdown-wrapper {        position: absolute;        top: 0;        right: 0;        align-items: flex-end;        transform: scale(0.45);        transform-origin: top right;      }      .tg-df-container .tg-df-roundel {        min-width: 88px;      }      .tg-df-container .tg-df-roundel-img-box {        width: 88px;        height: 88px;      }    }    /* REPLICA BLOCK STYLES */    .tg-df-grid.layout-replica-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px; }    .tg-df-grid.layout-replica-1 { grid-template-columns: 1fr !important; gap: 20px; }        .tg-df-container .hawk-deal-widget-container { border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: inherit; }    .tg-df-container .hawk-deal-widget-wrap { display: flex; flex-direction: row; align-items: flex-start; width: 100%; gap: 24px; }    .tg-df-container .hawk-deal-widget-image-container { display: flex; flex-shrink: 0; justify-content: center; width: 160px; height: 160px; align-items: center; background: white; margin-bottom: 0px; }    .tg-df-container .hawk-deal-widget-title-product-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.4; display: inline; }    .tg-df-container .hawk-deal-widget-title-price { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-price-now { font-weight: 700; }    .tg-df-container .hawk-deal-widget-title-retailer-price:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-title-retailer { font-size: 18px; font-weight: 700; line-height: 1.4; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-was-price { color: #dc2626; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: line-through; white-space: nowrap; margin-left: 8px; margin-right: 8px; }    .tg-df-container .hawk-deal-widget-text-body-container { position: relative; width: 100%; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-text-body-main { font-size: 16px; width: 100%; margin-bottom: 12px; }    .tg-df-container .hawk-deal-widget-text-body-description { display: block; font-size: 15px; margin-top: 12px; color: #4b5563; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-body-description p { margin: 0; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-cta-container { display: flex; flex-direction: column; gap: 12px; width: 100%; flex: 1; min-width: 0; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-footer { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }    .tg-df-container .hawk-deal-widget-button-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; }    .tg-df-container .hawk-deal-widget-preferred-partner-wrapper { display: flex; flex-direction: row; }        @container tg-df (min-width: 600px) {      .tg-df-mobile-only { display: none !important; }    }    @container tg-df (max-width: 599px) {      .tg-df-desktop-only { display: none !important; }      .tg-df-grid.layout-replica-2 { grid-template-columns: 1fr !important; }      .tg-df-grid.savings-squad-cards { grid-template-columns: 1fr !important; display: flex; flex-direction: column; }    }    .tg-df-grid.savings-squad-cards .tg-df-card-title {      -webkit-line-clamp: unset !important;      display: block !important;      overflow: visible !important;    }    @container tg-df (max-width: 500px) {      .tg-df-container .hawk-deal-widget-wrap { display: block; }      .tg-df-container .hawk-deal-widget-image-container { display: block; float: left; margin: 0 16px 8px 0; width: 120px; max-width: 120px; height: auto; align-items: normal; justify-content: normal; }      .tg-df-container .hawk-deal-widget-text-cta-container { display: block; text-align: left; }      .tg-df-container .hawk-deal-widget-footer { display: block; margin-top: 16px; clear: both; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper .hawk-deal-widget-preferred-partner-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-affiliate-link-deal-button { box-sizing: border-box !important; display: flex !important; max-width: none !important; width: 100% !important; margin: 0 !important; }    }        .tg-df-container .hawk-affiliate-link-deal-button {       align-items: center; background-color: #5aaf0b; box-sizing: border-box; color: #ffffff !important; display: flex; font-size: 14px; font-weight: 700; justify-content: center; letter-spacing: 0.5px; line-height: 1; min-width: 160px; padding: 14px 24px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; word-break: normal; border-radius: 4px; border: 0; transition: background-color 0.2s;     }    .tg-df-container .hawk-affiliate-link-deal-button:hover { background-color: #4a9109; text-decoration: none; }    .tg-df-container .hawk-lazy-image-deal-widget { display: block; height: auto; margin: auto; max-height: 160px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; }    .tg-df-container .hawk-deal-widget-text-cta-container a { color: #2563eb; text-decoration: none; display: inline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:has(.hawk-deal-widget-title-product-title) { color: #111827; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-product-title,    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-retailer-price { text-decoration: underline; }  \x3C/style>  \x3C!-- Widget Container --\x3E  \x3Cdiv class="tg-df-container" id="signal-deals-finder-root">    \x3C!-- Editor Floating Bar --\x3E    \x3Cdiv class="tg-df-editor-bar" id="tg-df-editor-bar" style="display:none;">      \x3Cdiv class="tg-df-editor-bar-text" style="display: flex; align-items: center;">        \x3Cspan id="tg-df-selected-count">0\x3C/span>\x26nbsp;Deals Selected        \x3Cbutton class="tg-df-editor-clear-btn" id="tg-df-editor-clear" type="button" style="margin-left: 12px; font-size: 13px; color: #9ca3af; background: none; border: none; cursor: pointer; text-decoration: underline;">Clear All\x3C/button>      \x3C/div>      \x3Cbutton class="tg-df-editor-copy-btn" id="tg-df-editor-copy" type="button">        \x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">\x3C/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">\x3C/path>\x3C/svg>        Copy to CMS      \x3C/button>    \x3C/div>    \x3Cdiv class="tg-df-carousel-host" id="tg-df-carousel-host" style="display: none;">      \x3Cdiv class="tg-df-carousel-eyebrow">DEAL FINDER\x3C/div>      \x3Cdiv class="tg-df-carousel-query-title" id="tg-df-carousel-title-label">Best Deals\x3C/div>            \x3Cdiv class="tg-df-carousel-blue-box">        \x3Cdiv class="tg-df-carousel-bg-circle-1" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-2" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-3" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-box-content">          \x3Cdiv class="tg-df-countdown-wrapper" id="tg-df-countdown-wrapper" style="display:none;">            \x3Cdiv class="tg-df-countdown-title" id="tg-df-countdown-title">Prime Day starts in\x3C/div>            \x3Cdiv class="tg-df-countdown-blocks">              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-days">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">DAYS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-hrs">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">HRS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-min">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">MIN\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-sec">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">SEC\x3C/div>\x3C/div>            \x3C/div>          \x3C/div>          \x3Cdiv class="tg-df-carousel-box-eyebrow">DEAL FINDER\x3C/div>          \x3Cdiv class="tg-df-carousel-box-title">Find Deals Fast\x3C/div>          \x3Cdiv class="tg-df-carousel-box-subtitle">The latest deals from the biggest retailers, all in one place\x3C/div>                    \x3Cdiv class="tg-df-carousel-roundels-wrapper">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-roundels">            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>          \x3C/div>          \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-carousel-filters-outer" style="position: relative;">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-filters-wrap">                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="0">All\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_lightning">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_prime">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-d="10">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 10% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="15">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 15% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="25">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 25% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-pr="under50">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>            Under $50\x3C/button>        \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3C/div>    \x3C/div>    \x3C/div>      \x3C!-- Search & Filter Controls --\x3E    \x3Cdiv class="tg-df-controls" id="tg-df-controls" style="display:flex;">      \x3Cdiv class="tg-df-top-bar">        \x3Cdiv class="tg-df-search-wrapper">          \x3Cinput type="text" class="tg-df-search-input" placeholder="Search for deals, products, or brands...">          \x3Cbutton type="button" class="tg-df-search-btn" aria-label="Search">              \x3Csvg class="tg-df-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">                \x3Cpath d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-autocomplete-dropdown" id="tg-df-autocomplete">\x3C/div>        \x3C/div>                \x3Cdiv class="tg-df-settings-wrapper">          \x3Cbutton type="button" class="tg-df-settings-btn" aria-label="Settings" id="tg-df-settings-toggle">            \x3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20">                \x3Cpath d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.73 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.49-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>            \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-settings-dropdown-backdrop" id="tg-df-settings-backdrop">\x3C/div>          \x3Cdiv class="tg-df-settings-dropdown" id="tg-df-settings-panel">            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Search Region\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-region-select">                \x3Coption value="auto">🌍 Auto-detect\x3C/option>                \x3Coption value="US">🇺🇸 United States (US)\x3C/option>                \x3Coption value="GB">🇬🇧 United Kingdom (UK)\x3C/option>                \x3Coption value="CA">🇨🇦 Canada (CA)\x3C/option>                \x3Coption value="AU">🇦🇺 Australia (AU)\x3C/option>                \x3Coption value="DE">🇩🇪 Germany (DE)\x3C/option>                \x3Coption value="FR">🇫🇷 France (FR)\x3C/option>                \x3Coption value="IT">🇮🇹 Italy (IT)\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Retailer\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-retailer-select">                \x3Coption value="">All Retailers\x3C/option>                \x3Coption value="Amazon">Amazon\x3C/option>                \x3Coption value="Walmart">Walmart\x3C/option>                \x3Coption value="Best Buy">Best Buy\x3C/option>                \x3Coption value="Target">Target\x3C/option>                \x3Coption value="John Lewis">John Lewis\x3C/option>                \x3Coption value="Currys">Currys\x3C/option>                \x3Coption value="Argos">Argos\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Offer Type\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-offer-type-select">                \x3Coption value="">All Offers\x3C/option>                \x3Coption value="amazon_prime">Amazon Prime\x3C/option>                \x3Coption value="recommended_promo">Recommended Promo\x3C/option>                \x3Coption value="amazon_lightning">Amazon Lightning Deal\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Result Count\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-rows-select">                \x3Coption value="3">3 Items\x3C/option>                \x3Coption value="4">4 Items\x3C/option>                \x3Coption value="6">6 Items\x3C/option>                \x3Coption value="12" selected>12 Items\x3C/option>                \x3Coption value="24">24 Items\x3C/option>                \x3Coption value="48">48 Items\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Deal Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Only show products with active offers or previous prices (was_price)\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-deal-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Editor Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Enable multi-select to copy deals to CMS\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-editor-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">View Mode\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-view-mode-select">                \x3Coption value="auto">Auto Collection\x3C/option>                \x3Coption value="carousel">Carousel\x3C/option>                \x3Coption value="savings_squad">Savings Squad\x3C/option>                \x3Coption value="grid">Grid (Columns)\x3C/option>                \x3Coption value="row">Row (List)\x3C/option>              \x3C/select>            \x3C/div>          \x3C/div>        \x3C/div>      \x3C/div>      \x3Cdiv class="tg-df-filters">        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-category-filter-wrapper" style="display: none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-category-filter" aria-label="Category">            \x3Coption value="all">All Categories\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-multiselect-container" id="tg-df-brand-filter-wrapper" style="display:none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/>          \x3C/svg>          \x3Cdiv class="tg-df-filter-select tg-df-multiselect-trigger" id="tg-df-brand-trigger" tabindex="0">            Any Brand          \x3C/div>          \x3Cdiv class="tg-df-multiselect-dropdown" id="tg-df-brand-dropdown">            \x3C!-- Populated via script --\x3E          \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>          \x3C/svg>          \x3Cselect class="tg-df-sort-select" aria-label="Sort Deals">            \x3Coption value="date_desc">Newest First\x3C/option>            \x3Coption value="best_match">Sort by: Match\x3C/option>            \x3Coption value="price_asc">Price Low to High\x3C/option>            \x3Coption value="price_desc">Price High to Low\x3C/option>            \x3Coption value="discount_desc">Biggest Discount\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-price-range-wrapper" id="tg-df-custom-price-wrapper" style="display: flex; align-items:center; justify-content:center; padding: 10px 20px; gap: 8px; border: 1px solid var(--tg-df-border); border-radius: 100px; background-color: var(--tg-df-bg);">          \x3Cspan style="font-size:14px; font-weight:500; color:var(--tg-df-text-primary);">Price\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-min" placeholder="Min" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">          \x3Cspan style="color:var(--tg-df-text-muted)">-\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-max" placeholder="Max" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-legacy-price-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-price-filter" aria-label="Filter Prices">            \x3Coption value="all">All Prices\x3C/option>            \x3Coption value="under50">Under $50\x3C/option>            \x3Coption value="50_100">$50 - $100\x3C/option>            \x3Coption value="100_200">$100 - $200\x3C/option>            \x3Coption value="200_500">$200 - $500\x3C/option>            \x3Coption value="over500">Over $500\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-discount-filter-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-discount-filter" aria-label="Discount Amount">            \x3Coption value="all">Any discount\x3C/option>            \x3Coption value="5">Min 5%\x3C/option>            \x3Coption value="10">Min 10%\x3C/option>            \x3Coption value="15">Min 15%\x3C/option>            \x3Coption value="20">Min 20%\x3C/option>            \x3Coption value="25">Min 25%\x3C/option>            \x3Coption value="30">Min 30%\x3C/option>            \x3Coption value="40">Min 40%\x3C/option>            \x3Coption value="50">Min 50%\x3C/option>            \x3Coption value="60">Min 60%\x3C/option>            \x3Coption value="70">Min 70%\x3C/option>          \x3C/select>        \x3C/div>      \x3C/div>    \x3C/div>    \x3C!-- Deals Grid Wrapper --\x3E    \x3Cdiv class="tg-df-grid-wrapper tg-df-carousel-cards-wrapper" id="tg-df-grid-wrapper">      \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3Cdiv class="tg-df-grid" id="tg-df-grid">        \x3C!-- Content populated by JavaScript --\x3E      \x3C/div>      \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>    \x3C/div>        \x3C!-- Vouchers Modal --\x3E    \x3Cdiv class="tg-df-modal-backdrop" id="tg-df-vouchers-modal">      \x3Cdiv class="tg-df-modal">        \x3Cdiv class="tg-df-modal-header">          \x3Ch3 class="tg-df-modal-title" id="tg-df-vouchers-title">Available Coupons & Deals\x3C/h3>          \x3Cbutton class="tg-df-modal-close" id="tg-df-vouchers-close">            \x3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">              \x3Cline x1="18" y1="6" x2="6" y2="18">\x3C/line>              \x3Cline x1="6" y1="6" x2="18" y2="18">\x3C/line>            \x3C/svg>          \x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-modal-body" id="tg-df-vouchers-content">          \x3C!-- Vouchers injected here --\x3E        \x3C/div>      \x3C/div>    \x3C/div>  \x3C/div>`;      if (!template) {        template = document.createElement('template');        template.innerHTML = rawTemplate;      }      let shadowRoot = null;      if (hostContainer && template) {        hostContainer.setAttribute('data-initialized', 'true');        shadowRoot = hostContainer.attachShadow({ mode: 'open' });        shadowRoot.appendChild(template.content.cloneNode(true));      }      class DealsFinderWidget {        constructor(config) {          this.rootNode = config.rootNode || document;          this.hostContainer = config.hostContainer || null;          this.rootId = config.rootId || 'signal-deals-finder-root';          this.root = this.rootNode.querySelector('#' + this.rootId);          if (!this.root) return;          this.widgetId = (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'widget-' + Date.now() + '-' + Math.random().toString(36).slice(2);          this.grid = this.root.querySelector('#tg-df-grid');          this.tagsContainer = this.root.querySelector('#tg-df-tags-container');          this.categoryFilter = this.root.querySelector('#tg-df-category-filter');          this.categoryFilterWrapper = this.root.querySelector('#tg-df-category-filter-wrapper');          this.searchInput = this.root.querySelector('.tg-df-search-input');          this.autocompleteDropdown = this.root.querySelector('#tg-df-autocomplete');          this.sortSelect = this.root.querySelector('.tg-df-sort-select');          this.searchBtn = this.root.querySelector('.tg-df-search-btn');                    this.settingsToggle = this.root.querySelector('#tg-df-settings-toggle');          this.settingsPanel = this.root.querySelector('#tg-df-settings-panel');          this.settingsBackdrop = this.root.querySelector('#tg-df-settings-backdrop');          this.regionSelect = this.root.querySelector('#tg-df-region-select');          this.retailerSelect = this.root.querySelector('#tg-df-retailer-select');          this.offerTypeSelect = this.root.querySelector('#tg-df-offer-type-select');          this.viewModeSelect = this.root.querySelector('#tg-df-view-mode-select');          this.rowsSelect = this.root.querySelector('#tg-df-rows-select');          this.dealModeToggle = this.root.querySelector('#tg-df-deal-mode');          this.editorModeToggle = this.root.querySelector('#tg-df-editor-mode');          this.priceFilter = this.root.querySelector('#tg-df-price-filter');          this.discountFilter = this.root.querySelector('#tg-df-discount-filter');                    this.editorBar = this.root.querySelector('#tg-df-editor-bar');          this.editorSelectedCount = this.root.querySelector('#tg-df-selected-count');          this.editorCopyBtn = this.root.querySelector('#tg-df-editor-copy');          this.editorClearBtn = this.root.querySelector('#tg-df-editor-clear');                    this.apiUrl = 'https://search-api.fie.future.net.uk/widget.php';          this.deals = [];          this.displayLimit = 12;          this.airedaleArticles = null;          this.airedaleTags = [];          this.airedaleTagCounts = {};          this.activeDealTag = null;          this.selectedBrands = [];          this.currentQuery = '';          this.editorMode = this.hostContainer ? this.hostContainer.hasAttribute('data-editor-mode') : false;          this.viewModeOverride = this.hostContainer ? this.hostContainer.getAttribute('data-view-mode') : null;          this.selectedDeals = new Map();                    this.brandFilterWrapper = this.root.querySelector('#tg-df-brand-filter-wrapper');          this.brandTrigger = this.root.querySelector('#tg-df-brand-trigger');          this.brandDropdown = this.root.querySelector('#tg-df-brand-dropdown');                    this.customPriceWrapper = this.root.querySelector('#tg-df-custom-price-wrapper');          this.customPriceMin = this.root.querySelector('#tg-df-custom-price-min');          this.customPriceMax = this.root.querySelector('#tg-df-custom-price-max');          this.legacyPriceWrapper = this.root.querySelector('#tg-df-legacy-price-wrapper');          this.discountFilterWrapper = this.root.querySelector('#tg-df-discount-filter-wrapper');          this.initResizeObserver();          this.init();            if (['carousel', 'carousel-compact', 'auto', 'grid', 'row'].includes(this.getViewMode())) { this.loadCarouselSpreadsheet(); }        }        getViewMode() {          if (this.viewModeOverride && (!this.editorMode || !this.viewModeSelect)) {            return this.viewModeOverride;          }          return (this.viewModeSelect && this.viewModeSelect.value) ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');        }        applyLayoutMode() {          if (!this.grid) return;          const mode = this.getViewMode();          this.grid.classList.remove('layout-row', 'layout-grid', 'tg-df-grid-auto', 'carousel-compact', 'layout-replica-1', 'layout-replica-2');                    const carouselHost = this.root.querySelector('#tg-df-carousel-host');          const controlsDiv = this.root.querySelector('#tg-df-controls');          if (mode === 'carousel' || mode === 'auto' || mode === 'grid' || mode === 'row') {             if (mode === 'carousel') this.grid.classList.add('carousel-compact');             if (carouselHost) carouselHost.style.display = 'block';             if (controlsDiv) controlsDiv.style.display = 'none';             if (this.root.classList.contains('tg-df-container') && mode === 'carousel') {               this.root.classList.add('is-carousel');             } else if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          } else {             if (carouselHost) carouselHost.style.display = 'none';             if (controlsDiv) controlsDiv.style.display = 'flex';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          }          if (mode === 'grid') {            this.grid.classList.add('layout-grid');          } else if (mode === 'row') {            this.grid.classList.add('layout-row');          } else if (mode === 'savings_squad') {            this.grid.classList.add('tg-df-grid-auto', 'savings-squad-cards');          } else if (mode !== 'carousel') {            this.grid.classList.add('tg-df-grid-auto');          }                    const settingsWrapper = this.root.querySelector('.tg-df-settings-wrapper');          if (settingsWrapper) {            settingsWrapper.style.display = mode === 'auto' ? 'none' : 'block';          }          if (this.customPriceWrapper) {             this.customPriceWrapper.style.display = mode === 'auto' ? 'flex' : 'none';          }          if (this.legacyPriceWrapper) {             this.legacyPriceWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }          if (this.discountFilterWrapper) {             this.discountFilterWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }        }        initResizeObserver() {          try {            if (window.parent === window) return;          } catch (e) {            // cross origin frame check threw          }          const emitHeight = () => {            try {              const height = document.documentElement.scrollHeight || document.body.scrollHeight;              const msg = { type: 'embed-size', height: height };              if (window.parent && window.parent !== window) {                window.parent.postMessage(msg, '*');                window.parent.postMessage(JSON.stringify({ ...msg, sentinel: 'amp' }), '*');              }            } catch (e) {}          };                    if (window.ResizeObserver) {            try {              const ro = new ResizeObserver(() => emitHeight());              ro.observe(document.body);              if (this.root) ro.observe(this.root);            } catch(e){ console.warn(e); }          }          window.addEventListener('resize', emitHeight);          setTimeout(emitHeight, 300);        }        initCountdown() {          this.cdWrapper = this.root.querySelector('#tg-df-countdown-wrapper');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          this.showCountdown = params.get('show_countdown') === 'true';          const showHeaderDetails = params.get('show_header_details') !== 'false';          const eyebrow = this.root.querySelector('.tg-df-carousel-box-eyebrow');          const title = this.root.querySelector('.tg-df-carousel-box-title');          const subtitle = this.root.querySelector('.tg-df-carousel-box-subtitle');          if (!showHeaderDetails) {            let containerElement = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (containerElement) containerElement.classList.add('hide-header-details');            if (eyebrow) eyebrow.style.display = 'none';            if (title) title.style.display = 'none';            if (subtitle) subtitle.style.display = 'none';          }          if (!this.cdWrapper) return;          this.cdTitle = this.root.querySelector('#tg-df-countdown-title');          this.cdDays = this.root.querySelector('#tg-df-cd-days');          this.cdHrs = this.root.querySelector('#tg-df-cd-hrs');          this.cdMin = this.root.querySelector('#tg-df-cd-min');          this.cdSec = this.root.querySelector('#tg-df-cd-sec');          this.updateCountdown();          this.cdInterval = setInterval(() => this.updateCountdown(), 1000);        }        updateCountdown() {          if (!this.cdWrapper) return;          if (!this.showCountdown) {            this.cdWrapper.style.display = 'none';            return;          }          const area = this.getAreaCode();          let offset = '-04:00';          if (['DE', 'FR', 'IT', 'ES', 'NL'].includes(area)) {             offset = '+02:00';          } else if (['GB', 'IE', 'UK'].includes(area)) {             offset = '+01:00';          }          const startTime = new Date('2026-06-23T00:00:00' + offset).getTime();          const endTime = new Date('2026-06-26T00:00:00' + offset).getTime();          const now = Date.now();          let targetTime = 0;          if (now < startTime) {             targetTime = startTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day starts in';             this.cdWrapper.style.display = 'flex';          } else if (now < endTime) {             targetTime = endTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day ends in';             this.cdWrapper.style.display = 'flex';          } else {             this.cdWrapper.style.display = 'none';             if (this.cdInterval) clearInterval(this.cdInterval);             return;          }          const diff = Math.max(0, targetTime - now);          const d = Math.floor(diff / (1000 * 60 * 60 * 24));          const h = Math.floor((diff / (1000 * 60 * 60)) % 24);          const m = Math.floor((diff / 1000 / 60) % 60);          const s = Math.floor((diff / 1000) % 60);          if (this.cdDays) this.cdDays.textContent = d;          if (this.cdHrs) this.cdHrs.textContent = h;          if (this.cdMin) this.cdMin.textContent = m;          if (this.cdSec) this.cdSec.textContent = s;        }        init() {          this.initCountdown();          try {            initAnalytics();          } catch (e) {            console.warn('Deals Widget Analytics Error:', e);          }                    this.bindEvents();                    let initialQuery = '';                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          let initialViewMode = params.get('view_mode');          if (!params.has('search') && !params.has('q') && !params.has('query') && initialViewMode !== 'savings_squad') {             initialQuery = 'Everything';             if (this.discountFilter && !params.has('min_discount_ratio')) {               this.discountFilter.value = '5';             }          }          const website = params.get('website') || 'tomsguide';          this.website = website;          if (website === 'techradar') {            const squadHeader = this.root.querySelector('.tg-df-savings-squad-header');            if (squadHeader) {               const pic = squadHeader.querySelector('picture');               if (pic) pic.style.display = 'none';            }            const style = document.createElement('style');            style.innerHTML = `              .tg-df-container .hawk-affiliate-link-deal-button, .tg-df-container .tg-df-card-cta { background-color: #5DAF08 !important; }              .tg-df-container .hawk-affiliate-link-deal-button:hover, .tg-df-container .tg-df-card-cta:hover { background-color: #4a8c06 !important; }            `;            this.root.appendChild(style);          }                    if (this.regionSelect) {            this.regionSelect.value = params.get('region') || 'auto';            this.updatePriceDropdownCurrency();          }                    if (this.retailerSelect && params.has('retailer')) {            this.retailerSelect.value = params.get('retailer');          }                    if (params.has('brands')) {            const b = params.get('brands');            if (b) {              this.selectedBrands = b.split(',');            }          }                    if (this.offerTypeSelect && params.has('offer_type')) {            this.offerTypeSelect.value = params.get('offer_type');          }          if (params.has('bg_color')) {            const bg = params.get('bg_color');            if (bg === 'white') {              this.root.style.setProperty('background-color', '#ffffff', 'important');            } else if (bg === 'transparent') {              this.root.style.setProperty('background-color', 'transparent', 'important');            } else if (bg === 'light_blue') {              this.root.style.setProperty('background-color', '#E7F0FF', 'important');            }          } else {             this.root.style.removeProperty('background-color');          }                    if (params.has('view_mode')) {            if (this.viewModeSelect) {              this.viewModeSelect.value = params.get('view_mode');            } else {              this.viewModeOverride = params.get('view_mode');            }          }          if (this.rowsSelect && params.has('rows')) {            this.rowsSelect.value = params.get('rows');          }          if (params.has('price')) {            const priceVal = params.get('price');            if (this.priceFilter) {               // Try assigning it directly to select. If it's not present implicitly ignores               this.priceFilter.value = priceVal;            }            if (priceVal.includes('_')) {               const parts = priceVal.split('_');               if (this.customPriceMin && parts[0]) this.customPriceMin.value = parts[0];               if (this.customPriceMax && parts[1]) this.customPriceMax.value = parts[1];            }          }          if (this.discountFilter && params.has('min_discount_ratio')) {            // Need to convert back from ratio (e.g. 0.8) to select value (e.g. "20")            const ratioStr = params.get('min_discount_ratio');            const ratioFloat = parseFloat(ratioStr);            if (!isNaN(ratioFloat)) {               const percentage = Math.round((1 - ratioFloat) * 100);               this.discountFilter.value = percentage.toString();            }          }          if (this.sortSelect) {            this.sortSelect.value = params.get('sort') || 'discount_desc';          }          if (this.dealModeToggle && params.has('deal_mode')) {            this.dealModeToggle.checked = params.get('deal_mode') === 'true' || params.get('deal_mode') === '1';          }                    // Re-apply layout after params have updated control values          this.applyLayoutMode();                    if (params.get('search')) {            initialQuery = params.get('search');          } else if (params.get('q')) {            initialQuery = params.get('q');          } else if (params.get('query')) {            initialQuery = params.get('query');          }                    this.currentQuery = initialQuery;          if (this.searchInput) {            this.searchInput.value = this.currentQuery;          }                    if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {            this.fetchDeals(this.currentQuery);          } else {            this.render();          }        }        updatePriceDropdownCurrency() {          if (!this.priceFilter || !this.regionSelect) return;          const currencySymbols = {            'US': '$',            'GB': '£',            'CA': '$CA',            'AU': '$AU',            'DE': '€',            'FR': '€',            'IT': '€',          };          const area = this.getAreaCode();          const cur = currencySymbols[area || 'US'] || '$';                    const options = this.priceFilter.options;          for (let i = 0; i < options.length; i++) {            const opt = options[i];            if (opt.value === 'all') {              opt.innerText = 'All Prices';            } else if (opt.value === 'under50') {              opt.innerText = `Under ${cur}50`;            } else if (opt.value === '50_100') {              opt.innerText = `${cur}50 - ${cur}100`;            } else if (opt.value === '100_200') {              opt.innerText = `${cur}100 - ${cur}200`;            } else if (opt.value === '200_500') {              opt.innerText = `${cur}200 - ${cur}500`;            } else if (opt.value === 'over500') {              opt.innerText = `Over ${cur}500`;            }          }        }        populateBrandDropdown(values) {          if (!this.brandDropdown || !this.brandFilterWrapper) return;          this.brandFilterWrapper.style.display = 'flex'; // show the wrapper                    let html = '';          const allChecked = this.selectedBrands.length === 0 ? 'checked' : '';          const _div = '<' + '/div>';          const _span = '<' + '/span>';          html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="" ${allChecked} class="tg-df-brand-chk"> Any Brand${_div}`;                    values.forEach(v => {             if (!v.formatted_value || v.formatted_value === 'Any Brand') return;             const isChecked = this.selectedBrands.includes(v.formatted_value) ? 'checked' : '';             html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="${this.escapeHTML(v.formatted_value)}" ${isChecked} class="tg-df-brand-chk"> ${this.escapeHTML(v.formatted_value)} \x3Cspan style="color:var(--tg-df-text-muted);font-size:12px">(${v.count || 0})${_span}${_div}`;          });                    this.brandDropdown.innerHTML = html;                    // Re-bind listeners          const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');          chks.forEach(chk => {            chk.addEventListener('change', (e) => {              const val = e.target.value;              if (val === '') {                this.selectedBrands = [];              } else {                if (e.target.checked) {                   if (!this.selectedBrands.includes(val)) this.selectedBrands.push(val);                } else {                   this.selectedBrands = this.selectedBrands.filter(b => b !== val);                }              }                            if (this.selectedBrands.length === 0) {                 this.brandTrigger.innerText = 'Any Brand';              } else if (this.selectedBrands.length === 1) {                 this.brandTrigger.innerText = this.selectedBrands[0];              } else {                 this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;              }                            // Only call API if changed from UI interactions              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.updateURLParams();                 this.fetchDeals(this.currentQuery);              }            });          });                    // Update button text on load          if (this.selectedBrands.length === 0) {             this.brandTrigger.innerText = 'Any Brand';          } else if (this.selectedBrands.length === 1) {             this.brandTrigger.innerText = this.selectedBrands[0];          } else {             this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;          }        }        updateURLParams() {          const url = new URL(window.location);          if (this.currentQuery && this.currentQuery !== 'Gaming laptops') {            url.searchParams.set('q', this.currentQuery);          } else {            url.searchParams.delete('q');            url.searchParams.delete('search');            url.searchParams.delete('query');          }                    if (this.regionSelect && this.regionSelect.value !== 'auto') {            url.searchParams.set('region', this.regionSelect.value);          } else {            url.searchParams.delete('region');          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.set('retailer', this.retailerSelect.value);          } else {            url.searchParams.delete('retailer');          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.set('brands', this.selectedBrands.join(','));          } else {            url.searchParams.delete('brands');          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.set('offer_type', this.offerTypeSelect.value);          } else {            url.searchParams.delete('offer_type');          }                    if (this.viewModeSelect && this.viewModeSelect.value !== 'auto') {            url.searchParams.set('view_mode', this.viewModeSelect.value);          } else {            url.searchParams.delete('view_mode');          }                    if (this.rowsSelect && this.rowsSelect.value !== '12') {            url.searchParams.set('rows', this.rowsSelect.value);          } else {            url.searchParams.delete('rows');          }                    const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             url.searchParams.set('price', `${min}_${max}`);          } else if (this.priceFilter && this.priceFilter.value !== 'all') {            url.searchParams.set('price', this.priceFilter.value);          } else {            url.searchParams.delete('price');          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {               const ratio = (100 - v) / 100;               url.searchParams.set('min_discount_ratio', ratio.toString());            }          } else {            url.searchParams.delete('min_discount_ratio');          }                    if (this.sortSelect && this.sortSelect.value !== 'discount_desc') {            url.searchParams.set('sort', this.sortSelect.value);          } else {            url.searchParams.delete('sort');          }                    if (this.dealModeToggle && this.dealModeToggle.checked) {            url.searchParams.set('deal_mode', 'true');          } else {            url.searchParams.delete('deal_mode');          }                    window.history.replaceState({}, '', url);        }        bindEvents() {          const roundels = this.root.querySelectorAll('.tg-df-carousel-cat.original-hardcoded');          roundels.forEach(r => {             r.addEventListener('click', () => {                const q = r.getAttribute('data-query');                const pr = r.getAttribute('data-pr');                if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: q,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = q;                const label = this.root.querySelector('#tg-df-carousel-title-label');                if (label) label.textContent = 'Best ' + q;                if (this.priceFilter) this.priceFilter.value = pr || 'all';                if (this.discountFilter) this.discountFilter.value = '5';                if (this.searchInput) this.searchInput.value = q;                                roundels.forEach(ro => ro.classList.remove('active'));                r.classList.add('active');                this.fetchDeals(this.currentQuery);             });          });          const discBtns = this.root.querySelectorAll('.tg-df-carousel-filter-btn');          discBtns.forEach(b => {             b.addEventListener('click', () => {                const d = b.getAttribute('data-d');                const pr = b.getAttribute('data-pr');                const ot = b.getAttribute('data-ot');                let label = b.innerText ? b.innerText.trim() : '';                let filterType = 'unknown';                let filterVal = 'unknown';                if (d !== null) { filterType = 'discount'; filterVal = d; }                else if (pr !== null) { filterType = 'price'; filterVal = pr; }                else if (ot !== null) { filterType = 'offertype'; filterVal = ot; }                if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-${filterType}-${filterVal}`, name: 'Filter Button', label: label });                                if (d !== null) {                   if (this.discountFilter) this.discountFilter.value = this.discountFilter.value === d ? '0' : d;                } else if (pr !== null) {                   if (this.priceFilter) this.priceFilter.value = this.priceFilter.value === pr ? 'all' : pr;                } else if (ot !== null) {                   if (this.offerTypeSelect) this.offerTypeSelect.value = this.offerTypeSelect.value === ot ? 'all' : ot;                } else {                   if (this.discountFilter) this.discountFilter.value = '0';                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.offerTypeSelect) this.offerTypeSelect.value = 'all';                }                if (d === null && pr === null && ot === null && b.getAttribute("data-type") !== "custom") {                   discBtns.forEach(ro => ro.classList.remove('active'));                   b.classList.add('active');                } else if (b.getAttribute("data-type") !== "custom") {                   // Only operate on hardcoded buttons (those without data-type)                   discBtns.forEach(ro => {                      if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active');                   });                                      let makeActive = true;                   if (d !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-d') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (pr !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-pr') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (ot !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-ot') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   }                                      if (makeActive) b.classList.add('active');                                      // Check if anything is active, if not activate "All"                   let anyActive = false;                   discBtns.forEach(ro => { if (ro.classList.contains('active') && ro.getAttribute('data-type') !== 'custom') anyActive = true; });                   if (!anyActive) {                       discBtns.forEach(ro => { if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.add('active'); });                   }                }                                this.fetchDeals(this.currentQuery);             });          });          if (this.brandTrigger && this.brandDropdown) {            this.brandTrigger.addEventListener('click', () => {              this.brandDropdown.classList.toggle('active');            });            document.addEventListener('click', (e) => {              if (this.brandFilterWrapper && !e.composedPath().includes(this.brandFilterWrapper)) {                this.brandDropdown.classList.remove('active');              }            });          }          let debounceTimer;          if(this.searchInput) {            this.searchInput.addEventListener('input', (e) => {              clearTimeout(debounceTimer);              const query = e.target.value.trim();              this.currentQuery = query;              if (this.getViewMode() === 'savings_squad' && this.autocompleteDropdown && this.airedaleTags && query.length > 0) {                 const matches = this.airedaleTags.filter(t => t.toLowerCase().includes(query.toLowerCase()) && t.toLowerCase() !== query.toLowerCase()).slice(0, 5);                 if (matches.length > 0) {                    this.autocompleteDropdown.innerHTML = matches.map(m => `\x3Cdiv class="tg-df-autocomplete-item" data-tag="${this.escapeHTML(m)}">${this.escapeHTML(m)}<` + `/div>`).join('');                    this.autocompleteDropdown.classList.add('active');                 } else {                    this.autocompleteDropdown.classList.remove('active');                 }              } else if (this.autocompleteDropdown) {                 this.autocompleteDropdown.classList.remove('active');              }              debounceTimer = setTimeout(() => {                this.updateURLParams();                if (query.length > 2) {                  this.fetchDeals(query);                } else if (query.length === 0) {                  this.deals = [];                  this.render();                }              }, 400);            });            this.searchInput.addEventListener('keypress', (e) => {              if (e.key === 'Enter') {                if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');                clearTimeout(debounceTimer);                const query = e.target.value.trim();                this.currentQuery = query;                this.activeDealTag = null;                trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                this.updateURLParams();                if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                   this.fetchDeals(query);                }              }            });          }          if (this.autocompleteDropdown) {             this.autocompleteDropdown.addEventListener('click', (e) => {                const item = e.target.closest('.tg-df-autocomplete-item');                if (item) {                   const tag = item.getAttribute('data-tag');                   this.currentQuery = tag;                   if (this.searchInput) this.searchInput.value = tag;                   this.activeDealTag = tag;                   this.autocompleteDropdown.classList.remove('active');                   this.updateURLParams();                   this.fetchDeals(tag);                }             });             document.addEventListener('click', (e) => {               if (this.autocompleteDropdown && this.searchInput && !e.composedPath().includes(this.searchInput) && !e.composedPath().includes(this.autocompleteDropdown)) {                 this.autocompleteDropdown.classList.remove('active');               }             });          }          if (this.searchBtn) {            this.searchBtn.addEventListener('click', () => {              if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');              clearTimeout(debounceTimer);              const query = this.searchInput.value.trim();              trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });              this.activeDealTag = null;              this.currentQuery = query;              this.updateURLParams();              if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.fetchDeals(query);              }            });          }          if(this.sortSelect) this.sortSelect.addEventListener('change', () => {            trackElementInteraction({ id: `sort-option-${this.sortSelect.value}`, name: 'Sort', label: `Sort: ${this.sortSelect.options[this.sortSelect.selectedIndex].text}` });            this.updateURLParams();            if (this.deals.length > 0) {              this.sortData();              this.render();            }          });                    const priceFilter = this.root.querySelector('#tg-df-price-filter');          if (priceFilter) {            this.priceFilter = priceFilter;            this.priceFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-price-${this.priceFilter.value}`, name: 'Price', label: this.priceFilter.options[this.priceFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          const updateCustomPrice = () => {             this.updateURLParams();             if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);             } else {                this.render();             }          };          if (this.customPriceMin) {             this.customPriceMin.addEventListener('change', updateCustomPrice);             this.customPriceMin.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          if (this.customPriceMax) {             this.customPriceMax.addEventListener('change', updateCustomPrice);             this.customPriceMax.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          const discountFilter = this.root.querySelector('#tg-df-discount-filter');          if (discountFilter) {            this.discountFilter = discountFilter;            this.discountFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-discount-${this.discountFilter.value}`, name: 'Discount', label: this.discountFilter.options[this.discountFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          if (this.categoryFilter) {            this.categoryFilter.addEventListener('change', (e) => {               const val = e.target.value === 'all' ? null : e.target.value;               this.activeDealTag = val;               this.fetchSavingsSquad();            });          }                    if (this.settingsToggle) {            this.settingsToggle.addEventListener('click', () => {              const o = this.settingsPanel.classList.toggle('active');              this.settingsBackdrop.classList.toggle('active');              if (o) trackElementInteraction({ id: 'filter-open', name: 'Filters', label: 'Open filters' });            });          }                    if (this.settingsBackdrop) {            this.settingsBackdrop.addEventListener('click', () => {              this.settingsPanel.classList.remove('active');              this.settingsBackdrop.classList.remove('active');            });          }                    if (this.regionSelect) {            this.regionSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-region-${this.regionSelect.value}`, name: 'Region', label: this.regionSelect.options[this.regionSelect.selectedIndex].text });              this.updateURLParams();              this.updatePriceDropdownCurrency();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.retailerSelect) {            this.retailerSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-merchant-${this.retailerSelect.value}`, name: 'Retailer', label: this.retailerSelect.options[this.retailerSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.offerTypeSelect) {            this.offerTypeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-offertype-${this.offerTypeSelect.value}`, name: 'Offer Type', label: this.offerTypeSelect.options[this.offerTypeSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.viewModeSelect) {            this._prevViewMode = this.viewModeSelect.value;            this.viewModeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-viewmode-${this.viewModeSelect.value}`, name: 'View Mode', label: this.viewModeSelect.options[this.viewModeSelect.selectedIndex].text });                            // Reset all active toggles and filters to prevent config carry-over              this.selectedBrands = [];              if (this.brandTrigger) this.brandTrigger.innerText = 'Select Brands';              if (this.brandDropdown) {                const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                chks.forEach(chk => { chk.checked = false; });              }              if (this.priceFilter) this.priceFilter.value = 'all';              if (this.customPriceMin) this.customPriceMin.value = '';              if (this.customPriceMax) this.customPriceMax.value = '';              if (this.sortSelect) this.sortSelect.value = this.viewModeSelect.value === 'savings_squad' ? 'date_desc' : 'discount_desc';              if (this.discountFilter) this.discountFilter.value = '0';              if (this.retailerSelect) this.retailerSelect.value = '';              if (this.offerTypeSelect) this.offerTypeSelect.value = '';              if (this.rowsSelect) this.rowsSelect.value = '12';              if (this.categoryFilter) this.categoryFilter.value = 'all';              this.activeDealTag = null;              this.updateURLParams();              this.applyLayoutMode();                            if (this.getViewMode() === 'savings_squad' || this._prevViewMode === 'savings_squad') {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }              this._prevViewMode = this.viewModeSelect.value;            });          }                    if (this.rowsSelect) {            this.rowsSelect.addEventListener('change', () => {              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.dealModeToggle) {            this.dealModeToggle.addEventListener('change', () => {              this.updateURLParams();              this.render();            });          }          if (this.editorModeToggle) {             this.editorModeToggle.addEventListener('change', (e) => {                this.editorMode = e.target.checked;                this.render();                this.updateFloatingCopyBar();             });          }          if (this.editorCopyBtn) {             this.editorCopyBtn.addEventListener('click', () => {                this.copySelectedDealsToCMS();             });          }          if (this.editorClearBtn) {             this.editorClearBtn.addEventListener('click', () => {                this.selectedDeals.clear();                this.render();                this.updateFloatingCopyBar();             });          }          if (this.grid) {            this.grid.addEventListener('change', (e) => {               if (e.target.classList.contains('tg-df-deal-checkbox')) {                  const dealId = e.target.getAttribute('data-id');                  if (e.target.checked) {                     const dealObj = this.deals.find(d => d.id === dealId);                     if (dealObj) this.selectedDeals.set(dealId, dealObj);                  } else {                     this.selectedDeals.delete(dealId);                  }                  this.updateFloatingCopyBar();               }            });            this.grid.addEventListener('click', (e) => {              const dealCard = e.target.closest('[data-action="deal-click"]');              const similarCard = e.target.closest('[data-action="view-similar-click"]');              const cardLink = dealCard || similarCard;              if (cardLink) {                const productName = cardLink.getAttribute('data-product-name');                const merchantName = cardLink.getAttribute('data-merchant-name');                const productId = cardLink.getAttribute('data-analytics-id');                const price = parseFloat(cardLink.getAttribute('data-price')) || null;                const prevPriceStr = cardLink.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = cardLink.getAttribute('data-original-link');                const rewrittenLink = cardLink.getAttribute('href');                const revenueId = cardLink.getAttribute('data-revenue-id');                const index = parseInt(cardLink.getAttribute('data-index'), 10) || 0;                const inStock = cardLink.getAttribute('data-in-stock') === 'true';                const totalText = cardLink.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: cardLink.getAttribute('data-model-id') || null,                    matchId: cardLink.getAttribute('data-match-id') || null,                    brand: cardLink.getAttribute('data-model-brand') || null,                    parent: cardLink.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: cardLink.getAttribute('data-merchant-id') || null,                    network: cardLink.getAttribute('data-merchant-network') || null,                    url: cardLink.getAttribute('data-merchant-url') || null,                    name: merchantName                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: normalizeCurrency(this.escapeHTML(cardLink.getAttribute('data-currency') || '$'))                };                if (dealCard) {                  trackDealClick(trackingParams);                } else {                  trackViewSimilarClick(trackingParams);                }              }              const couponsBtn = e.target.closest('[data-action="coupons-click"]');              if (couponsBtn) {                trackElementInteraction({                  id: 'product-card-show-coupons',                  name: 'Coupons',                  label: `Product card coupons: ${couponsBtn.getAttribute('data-merchant')}`                });              }            });          }          this.setupScrollListeners();        }        setupScrollListeners() {          const containers = [             this.root.querySelector('.tg-df-carousel-roundels'),             this.root.querySelector('.tg-df-carousel-filters-wrap'),             this.root.querySelector('#tg-df-grid')          ];                    containers.forEach(container => {             if (!container) return;                          const checkScroll = () => {                if (!container.parentElement) return;                const leftBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-left');                const rightBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-right');                                if (leftBtn) {                   if (container.scrollLeft <= 5) leftBtn.style.display = 'none';                   else leftBtn.style.display = 'flex';                }                                if (rightBtn) {                   if (container.scrollWidth <= container.clientWidth) {                       rightBtn.style.display = 'none';                   } else if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 5) {                       rightBtn.style.display = 'none';                   } else {                       rightBtn.style.display = 'flex';                   }                }             };                          container.addEventListener('scroll', checkScroll);             checkScroll();                          window.addEventListener('resize', checkScroll);                          const observer = new MutationObserver(checkScroll);             observer.observe(container, { childList: true, subtree: true, characterData: false });          });        }        get widgetTypeName() {          const mode = this.viewModeSelect ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');          switch(mode) {              case 'carousel': return 'Carousel';              case 'savings_squad': return 'Savings Squad';              case 'grid': return 'Grid';              case 'row': return 'Row';              default: return 'Auto Collection';          }        }        getRowsLimit() {          if (this.rowsSelect && this.rowsSelect.value) return parseInt(this.rowsSelect.value, 10);          let configSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {             configSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {             configSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(configSource);          if (params.has('rows')) return parseInt(params.get('rows'), 10) || 12;          return 12;        }        getAreaCode() {          if (this.regionSelect && this.regionSelect.value) {            if (this.regionSelect.value === 'auto') return null;            return this.regionSelect.value;          }          let area = null;          try {            const locale = window.navigator.language || window.navigator.userLanguage;            if (locale && locale.includes('-')) {              area = locale.split('-')[1].toUpperCase();            } else if (locale && locale.length === 2) {              if (locale.toUpperCase() === 'EN') { area = 'US'; }              else { area = locale.toUpperCase(); }            }          } catch (e) { /* Ignore */ }                    // Map to known valid options or fallback to US          const valid = ['US', 'GB', 'CA', 'AU', 'DE', 'FR', 'IT'];          if (area === 'UK') area = 'GB';          if (valid.includes(area)) {             return area;          }          return 'US';        }                async loadCarouselSpreadsheet() {          try {              const parseCSVRow = (str) => {                  let result = [], cur = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (inQuotes) {                          if (char === '"') {                              if (str[i + 1] === '"') { cur += '"'; i++; }                              else { inQuotes = false; }                          } else { cur += char; }                      } else {                          if (char === '"') { inQuotes = true; }                          else if (char === ',') { result.push(cur); cur = ''; }                          else { cur += char; }                      }                  }                  result.push(cur); return result;              };              const parseCSV = (str) => {                  const rows = []; let curRow = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (char === '"') inQuotes = !inQuotes;                      if ((char === '\n' || char === '\r') && !inQuotes) {                          if (char === '\r' && str[i+1] === '\n') i++;                          if (curRow) rows.push(parseCSVRow(curRow));                          curRow = '';                      } else { curRow += char; }                  }                  if (curRow) rows.push(parseCSVRow(curRow));                  return rows;              };              const preloadedCSV = decodeURIComponent(escape(atob("LCwxLDIsMyw0LDUsNiw3LDgsOSwxMCwxMSwxMiwxMywxNCwxNQ0KUm91bmRlbCB0ZXh0LEFsbCxUVnMsRm9vdHdlYXIsQXBwYXJlbCxNYXR0cmVzZXMsQXBwbGlhbmNlcyxXZWFyYWJsZSB0ZWNoLEhlYWRwaG9uZXMsU21hcnQgSG9tZSxTcGVha2VycyxMYXB0b3BzLFRhYmxldHMsQ29tcHV0aW5nLFBob25lcyxHYW1pbmcsTGVnbw0KUm91bmRlbCBpbWFnZSxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL2FpLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL3R2cy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvN2IzYTIyNGIwNzk2M2M2MjdiNmI5MDliZDc4MzM4MzZlMDJmZjgxOS5qcGcud2VicCxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy84NGRhYzVkNDhlZDJkNDQ4NTU5ZWJhNjdhY2U4MzE0Y2M2N2NjZDk0LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vc2hvcC1hc3NldHMvY2Fyb3VzZWwvbWF0dHJlc3Nlcy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvNzY4ZTk3Y2ViMDcxODAxZmFlMjA5MTBkMDgyMGIxNmY3NDdhZjkzOS5qcGcud2VicCxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL3dlbGxuZXNzLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL2hlYWRwaG9uZXMuanBnLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzg5NTM1YmVlYmUyMGRiYmQ0YTM0NmQ2ZDZiZGZlOTFkOGE4ODRhMjEuanBnLndlYnAsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9zaG9wLWFzc2V0cy9jYXJvdXNlbC9hdWRpby5qcGcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9zaG9wLWFzc2V0cy9jYXJvdXNlbC9sYXB0b3BzLmpwZyxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy8yMzk3NTY0ZWQ3YTVmZjk0N2U5YjZiMzBlNTRmNDc0OTRiODQxZjg5LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vc2hvcC1hc3NldHMvY2Fyb3VzZWwvY29tcHV0aW5nLmpwZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL3Bob25lcy5wbmcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9zaG9wLWFzc2V0cy9jYXJvdXNlbC9nYW1pbmcucG5nLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzRmNmM2MjFjYWMwYmMxYTg1ZDU5M2UzNTk0YmE1YjM0OWVmZmQyOTIuanBnLndlYnANClNlYXJjaCBRdWVyeSxFdmVyeXRoaW5nLFRlbGV2aXNpb25zLCJTbmVha2VycywgcnVubmluZyBzaG9lcywgc2FuZGFscyIsQ2xvdGhpbmcsTWF0dHJlc3NlcyxIb21lIEFwcGxpYW5jZXMsV2VhcmFibGVzICYgRml0bmVzcyBUZWNoLEhlYWRwaG9uZXMsSG9tZSBUZWNoLFNwZWFrZXJzLExhcHRvcHMsVGFibGV0cyxDb21wdXRpbmcsUGhvbmVzLEdhbWluZyxDb25zdHJ1Y3Rpb24gVG95cw0KRGlzY291bnQgQW1vdW50LG1pbiA1JSxtaW4gMTAlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUNClByaWNlIFJhbmdlLCwsLCxtaW4gJDQwMCwsLCxtaW4gJDI1LCxtaW4gJDMwMCwsLG1pbiAkMTAwLCwNCkJyYW5kIFNlbGVjdGlvbiwsLCwsLCwsLCwsLCwsLCwNCkZpbHRlciBidXR0b25zLCwsLCwsLCwsLCwsLCwsLA0KMSxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMNCjIsQW1hem9uIGRlYWxzLFVuZGVyICQxMDAwLDUwJSBvZmYsQWRpZGFzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsNTAlIG9mZixBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscw0KMyxPdmVyICQ0MDAsVW5kZXIgJDUwMCxIb2thLE5pa2UsU2FhdHZhLE5pbmphLDQwJSBvZmYsSkxhYiwsSkJMLERlbGwsLEFzdXMsQXBwbGUsQ29uc29sZXMsU3RhciBXYXJzDQo0LFVuZGVyICQxMDAwLDUwJSBvZmYsU2tlY2hlcnMsVW5kZXIgQXJtb3VyLEhlbGl4LFNoYXJrLEdhcm1pbixBbmtlciBTb3VuZGNvcmUsUmluZyxTb25vcyxBcHBsZSxBcHBsZSxUUC1saW5rLFNhbXN1bmcsQWNjZXNzb3JpZXMsVW5kZXIgJDI1DQo1LFVuZGVyICQ1MDAsTEcsQXNpY3MsQ29sdW1iaWEsRHJlYW1DbG91ZCxLZXVyaWcsQXBwbGUsU29ueSxHb3ZlZSxUcmliaXQsTGVub3ZvLFNhbXN1bmcsRWVybyxHb29nbGUsR2FtZXMsVW5kZXIgJDUwDQo2LDUwJSBvZmYsU2Ftc3VuZyxOaWtlLFBhdGFnb25pYSxOZWN0YXIsRGUnTG9uZ2hpLEFtYXpmaXQsQXBwbGUsS2FzYSBzbWFydCxTb255LEFsaWVud2FyZSxUQ0wsTmV0Z2VhcixNb3Rvcm9sYSxOaW50ZW5kbyxCb3RhbmljYWxzDQo3LEFtYXpvbixIaXNlbnNlLE5ldyBCYWxhbmNlLEFyYyd0ZXJ5eCxUZW1wdXItcGVkaWMsRHlzb24sRml0Yml0LEJlYXRzLFBoaWxpcHMgSHVlLEFua2VyLEFjZXIsT25lUGx1cyxEZWxsLE9uZVBsdXMsU29ueSxEaXNuZXkNCjgsQXBwbGUsVENMLEFkaWRhcyxDYXJoYXJ0dCxCZWFyLEJpc3NlbGwsU2Ftc3VuZyxFYXJmdW4sQmxpbmssQmVhdHMsTVNJLE1pY3Jvc29mdCxBY2VyLE5vdGhpbmcsWGJveCxNYXJ2ZWwNCjksLFNvbnksU2F1Y29ueSxUaGUgTm9ydGggRmFjZSxTaWVuYSxOdXRyaWJ1bGxldCxPdXJhLFNhbXN1bmcsR29vZ2xlIE5lc3QgLE1hcnNoYWxsLFNhbXN1bmcsTGVub3ZvLExlbm92bywsLFBva2Vtb24NCjEwLCxSb2t1LEJpcmtlbnN0b2NrLENSWiBZb2dhLFdpbmtCZWRzLEJsYWNrIGFuZCBEZWNrZXIsUmluZ2Nvbm4sQ01GLEV1ZnksU2Ftc3VuZyxNaWNyb3NvZnQsUmVNYXJrYWJsZSxBbGllbndhcmUsLCwNCjExLCwsQnJvb2tzLFRoZSBHeW0gUGVvcGxlLEJyb29rbHluIGJlZGRpbmcsTmVzcHJlc3NvLCwxTW9yZSxBcmxvLCxSYXplciwsQ29yc2FpciwsLA0KMTIsLCxDcm9jcywsRWlnaHQgU2xlZXAsQ3Vpc2luYXJ0LCxKQkwsLCwsLEhQLCwsDQpOb3RlcywsLCwsLCwsLCwsLCwsLCwNCiwsIlByaW9yaXRpc2UgYmlnZ2VzdCAlLyQgZGlzY291bnQsIFR2cyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiB0aGUgbW9zdCBwb3B1bGFyIGV2ZW4gaWYgdGhleSBhcmUgc3RpbGwgZXhwZW5zaXZlIiwiTm8gcGF0dGVybiB0byBwcmljaW5nL2Rpc2NvdW50LCByZWFkZXJzIG1haW5seSBzaG9wIGJ5IGJyYW5kL3JlY29nbmlzYWJsZSBzaG9lcyIsIk5vIHBhdHRlcm4gdG8gcHJpY2luZy9kaXNjb3VudCwgcmVhZGVycyBtYWlubHkgc2hvcCBieSBicmFuZCIsIkEgbGFiZWwgd2lsbCBkZWZpbml0ZWx5IGhlbHAgaGVyZSBlLmcuIGJlc3QgZm9yIHNpZGUgc2xlZXBlciwgYmVzdCBtZW1vcnkgZm9hbSIsIkFwcGxpYW5jZXMgaXMgYSBiaWcgY2F0ZWdvcnksIGlzIGl0IHBvc3NpYmxlIHRvIHNwbGl0IGludG8ga2l0Y2hlbiBhcHBsaWFuY2VzLCBmbG9vcmNhcmUsIGFpciBoZWFsdGgvY29vbGluZz8gT3Igc2ltaWxhciIsIkZvY3VzIG9uIHZhbHVlIGZvciBtb25leSwgR2FybWlucyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiBwb3B1bGFyIGV2ZW4gdGhvdWdoIHRoZXkgYXJlIHN0aWxsICQ1MDAiLCwsLCxJbmNsdWRlIEtpbmRsZXMsSSB3b3VsZCBpbmNsdWRlIHdpZmkgcm91dGVycyBoZXJlIGluc3RlYWQgb2Ygc21hcnQgaG9tZSxDYW4gd2Ugc3VyZmFjZSBwaG9uZSBwcm92aWRlciBkZWFscz8gVC1tb2JpbGUgYW5kIHZlcml6b24gd291bGQgbWFrZSBhIGxvdCBtb3JlIG1vbmV5IHRoYW4gQW1hem9uLCwNCiwsaGF2aW5nIGEgJ2Jlc3QgZm9yJyBsYWJlbCB3b3VsZCBiZSBoZWxwZnVsIGUuZy4gYmVzdCBmb3IgYnJpZ2h0IHJvb20sQ2FuIHdlIHN0b3Aga2lkcyBzaG9lcyBmcm9tIHB1bGxpbmcgdGhyb3VnaD8sIldpbGwgdGhpcyBpbmNsdWRlIGFjY2Vzc29yaWVzIGUuZy4gY2FwcywgYmFncywgaWYgc28gbWFrZSBzdXJlIHRoZXNlIGFyZSBtaXhlZCB0aHJvdWdob3V0IGNsb3RoaW5nIGRlYWxzIixXaWxsIHRoaXMgaW5jbHVkZSB0b3BwZXJzIGFuZCBwaWxsb3dzPyBTZWVpbmcgbW9yZSBtb21lbnR1bSB3aXRoIHRoaXMgY2F0ZWdvcnkgcmVjZW50bHkgc28gYSBiZWRkaW5nIHRhYiBtaWdodCB3b3JrLCwiTmVlZCB0byBtYWtlIHN1cmUgYmFuZHMsIHNjcmVlbiBwcm90ZWN0b3JzIGV0Yy4gZG9uJ3QgcHVsbCBpbnRvIGhlcmUiLCwsLCwsLCwsDQosLCJQcmlvcml0aXNlIDY1JycgYW5kIDU1JyBpbmNoIFRWcywgdGhlbiBiaWdnZXIgc2NyZWVucyBiZWZvcmUgdGhlIHNtYWxsZXIgc2l6ZXMiLCwsUXVlZW4gaXMgdGhlIG1vc3QgcG9wdWxhciBzaXplIGluIHRoZSBVUyAtIHByaW9yaXRpc2UgZGVhbHMgZm9yIHRoaXMgc2l6ZSwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpDYXRlZ29yaWVzIHRvIGNvbnNpZGVyLCxQcm9kdWN0cyBpbmNsdWRlZCwsLCwsLCwsLCwsLCwsDQpVbmRlciAkNTA/LCxBaXIgdGFncywsLCwsLCwsLCwsLCwsDQosLFBvcnRhYmxlIGNoYXJnZXJzL3dpcmVsZXNzIGNoYXJnZXJzLCwsLCwsLCwsLCwsLCwNCiwsIldhdGVyIGJvdHRsZXMgKHN0YW5sZXlzLCBPd2FsYSwgSHlkcm8gZmxhc2ssIFlldGkpIiwsLCwsLCwsLCwsLCwsDQosLEhhbmQgaGVsZCBmYW5zLCwsLCwsLCwsLCwsLCwNCiwsLCwsLCwsLCwsLCwsLCwNCmhvbWUgb2ZmaWNlLCxvZmZpY2UgY2hhaXJzLCwsLCwsLCwsLCwsLCwNCiwsc3RhbmRpbmcgZGVza3MsLCwsLCwsLCwsLCwsLA0KLCxtb25pdG9ycywsLCwsLCwsLCwsLCwsDQosLEtleWJvYXJkcywsLCwsLCwsLCwsLCwsDQosLGRvY2tpbmcgc3RhdGlvbiwsLCwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpHYW1pbmcsLENvbnNvbGVzLCwsLCwsLCwsLCwsLCwNCiwsQWNjZXNzb3JpZXMsLCwsLCwsLCwsLCwsLA0KLCxHYW1lcywsLCwsLCwsLCwsLCwsDQosLENvdWxkIGluY2x1ZGUgTGVnbz8sLCwsLCwsLCwsLCwsLA==")));              const text = preloadedCSV;              const parsed = parseCSV(text);                            const rowsByName = {};              let filterStart = -1;              parsed.forEach((rc, i) => {                 if (rc && rc.length > 0 && rc[0]) rowsByName[rc[0]] = rc;                 if (rc && rc.length > 0 && rc[0] === 'Filter buttons') filterStart = i;              });                            const cols = [];              if(rowsByName['Roundel text']) {                const headerRow = rowsByName['Roundel text'];                for(let col = 1; col < headerRow.length; col++) {                   let label = headerRow[col];                   if (!label) continue;                                      let q = rowsByName['Search Query'] && rowsByName['Search Query'][col] ? rowsByName['Search Query'][col] : '';                   let img = rowsByName['Roundel image'] && rowsByName['Roundel image'][col] ? rowsByName['Roundel image'][col] : '';                   let ds = rowsByName['Discount Amount'] && rowsByName['Discount Amount'][col] ? rowsByName['Discount Amount'][col] : '';                   let pr = rowsByName['Price Range'] && rowsByName['Price Range'][col] ? rowsByName['Price Range'][col] : '';                   let rt = rowsByName['Retailer'] && rowsByName['Retailer'][col] ? rowsByName['Retailer'][col] : '';                   let ot = rowsByName['Offer Type'] && rowsByName['Offer Type'][col] ? rowsByName['Offer Type'][col] : '';                                      let filters = [];                   if(filterStart > 0) {                     for(let r = filterStart + 1; r < parsed.length; r++) {                         if(!parsed[r] || parsed[r][0] === 'Notes' || parsed[r][0] === 'Categories to consider') break;                         let f = parsed[r][col];                         if(f) filters.push(f);                     }                   }                   cols.push({ label, img, q, ds, pr, rt, ot, filters });                }              }              this.carouselData = cols;              if (this.carouselData && this.carouselData.length > 0) {                 const isMatched = this.carouselData.some(c => c.q === this.currentQuery || c.label === this.currentQuery);                 if (!isMatched) {                    const first = this.carouselData[0];                    this.currentQuery = first.q || first.label;                    if (this.priceFilter) this.priceFilter.value = 'all';                    if (this.customPriceMin) this.customPriceMin.value = '';                    if (this.customPriceMax) this.customPriceMax.value = '';                    let dPr = first.pr || 'all';                    if (typeof dPr === 'string' && dPr !== 'all') {                       let prLower = dPr.toLowerCase();                       if (prLower.includes('min') || prLower.includes('over')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else if (prLower.includes('max') || prLower.includes('under')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       }                    }                    let dAm = '0';                    if(first.ds && typeof first.ds === 'string') {                       let m = first.ds.match(/(\d+)/);                       if(m) dAm = m[1];                    }                    if (this.discountFilter) this.discountFilter.value = dAm;                    if (this.offerTypeSelect) this.offerTypeSelect.value = first.ot || '';                    if (this.retailerSelect) this.retailerSelect.value = first.rt || '';                    this.selectedBrands = [];                    if (this.brandDropdown) {                        const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                        chks.forEach(chk => chk.checked = false);                    }                    if (this.searchInput) this.searchInput.value = this.currentQuery;                 }              }              this.renderCarouselUI();          } catch(e){ console.warn(e); }        }                renderCarouselUI() {           const roundelWrapper = this.root.querySelector('.tg-df-carousel-roundels');           if(!roundelWrapper || !this.carouselData) return;                      let html = '';           this.carouselData.forEach(r => {              const q = r.q || r.label;              const isActive = (this.currentQuery === q || this.currentQuery === r.label) ? 'active' : '';              const imgHtml = r.img ? `\x3Cimg src="${r.img}" alt="${r.label}" />` : `\x3Csvg width="32" height="32" fill="#1F69FF" viewBox="0 0 24 24">\x3Cpath d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\x3C/svg>`;              html += `                \x3Cdiv class="tg-df-roundel tg-df-carousel-cat ${isActive}" data-label="${this.escapeHTML(r.label)}">                  \x3Cdiv class="tg-df-roundel-img-box">${imgHtml}\x3C/div>                  \x3Cspan class="tg-df-roundel-label">${this.escapeHTML(r.label)}\x3C/span>                \x3C/div>              `;           });           roundelWrapper.innerHTML = html;                      // Rebind clicks           const roundels = this.root.querySelectorAll('.tg-df-carousel-cat');           roundels.forEach(rNode => {             rNode.addEventListener('click', () => {                const r = this.carouselData.find(c => c.label === rNode.getAttribute('data-label'));                 if(!r) return;                                  if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: r.label,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = r.q || r.label;                const labelTitle = this.root.querySelector('#tg-df-carousel-title-label');                if (labelTitle) labelTitle.textContent = 'Best ' + this.currentQuery;                if (this.priceFilter) this.priceFilter.value = 'all';                if (this.customPriceMin) this.customPriceMin.value = '';                if (this.customPriceMax) this.customPriceMax.value = '';                let dPr = r.pr || 'all';                if (typeof dPr === 'string' && dPr !== 'all') {                   let prLower = dPr.toLowerCase();                   if (prLower.includes('min') || prLower.includes('over')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMin) this.customPriceMin.value = m[1];                   } else if (prLower.includes('max') || prLower.includes('under')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMax) this.customPriceMax.value = m[1];                   }                }                                let discountAmount = '0';                if(r.ds && typeof r.ds === 'string') {                   let m = r.ds.match(/(\d+)/);                   if(m) discountAmount = m[1];                }                if (this.discountFilter) this.discountFilter.value = discountAmount;                if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                                // Clear brands                    this.selectedBrands = [];                    if (this.brandDropdown) {                    const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                    chks.forEach(chk => chk.checked = false);                }                                if (this.searchInput) this.searchInput.value = this.currentQuery;                                roundels.forEach(ro => ro.classList.remove('active'));                if (rNode) rNode.classList.add('active');                                this.renderCarouselFilters(r);                this.fetchDeals(this.currentQuery);             });           });                      // Auto-highlight active           const activeR = this.carouselData.find(c => c.q === this.currentQuery || c.label === this.currentQuery);           if(activeR) this.renderCarouselFilters(activeR);        }                renderCarouselFilters(r) {           const filtersWrap = this.root.querySelector('.tg-df-carousel-filters-wrap');           if(!filtersWrap) return;                      let html = `\x3Cbutton class="tg-df-carousel-filter-btn" data-type="all">All\x3C/button>`;                      r.filters.forEach(f => {              let fL = f.toLowerCase();              let icon = '';              let logic = `data-type="custom" data-v="${this.escapeHTML(f)}"`;              if (fL === 'amazon deals' || fL === 'prime deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>`;              } else if (fL === 'lightning deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>`;              } else {                 if (fL.includes('lightning')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap">\x3Cpolygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2">\x3C/polygon>\x3C/svg>`;                 } else if (fL.includes('% off')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>`;                 } else if (fL.includes('under') || fL.includes('min ')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>`;                 }                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>${icon} ${this.escapeHTML(f)}\x3C/button>`;              }           });                      filtersWrap.innerHTML = html;                      const btns = filtersWrap.querySelectorAll('button');           btns.forEach(b => {             b.addEventListener('click', () => {                const type = b.getAttribute('data-type');                if (type === 'custom') {                   const v = b.getAttribute('data-v');                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-custom-${(v||'').toLowerCase().replace(/[^a-z0-9]+/g, '-')}`, name: 'Custom Filter', label: v });                }                if (type === 'all') {                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: 'filter-clear-all', name: 'Clear all', label: 'Clear all filters' });                   // reset everything                   btns.forEach(btn => btn.classList.remove('active'));                   b.classList.add('active');                                      // Reset prices                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   if (this.brandDropdown) {                     const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                     chks.forEach(chk => chk.checked = false);                   }                } else {                   const v = b.getAttribute('data-v');                   const fL = v.toLowerCase();                                      let mapRet = ['amazon', 'walmart', 'best buy', 'target', 'john lewis', 'currys', 'argos'];                   const getCategory = (s) => {                      if (s === 'lightning deals' || s === 'amazon deals' || s === 'prime deals') return 'offer';                      if (s.includes('% off')) return 'discount';                      if (s.includes('under') || s.includes('over') || s.includes('min') || s.includes('max')) return 'price';                      if (mapRet.includes(s)) return 'retailer';                      return 'brand';                   };                   const cat = getCategory(fL);                   const wasActive = b.classList.contains('active');                   if (cat !== 'brand') {                      btns.forEach(btn => {                          if (btn === b) return;                          if (btn.getAttribute('data-type') === 'all') return;                          const bV = btn.getAttribute('data-v');                          if (!bV) return;                          if (getCategory(bV.toLowerCase()) === cat) btn.classList.remove('active');                      });                   }                   if (wasActive) b.classList.remove('active');                   else b.classList.add('active');                   let anyActive = Array.from(btns).some(btn => btn !== btns[0] && btn.classList.contains('active'));                   if (!anyActive) {                       btns[0].click();                       return;                   } else {                       btns[0].classList.remove('active');                   }                                      if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   btns.forEach(btn => {                       if (!btn.classList.contains('active') || btn.getAttribute('data-type') === 'all') return;                       const vv = btn.getAttribute('data-v');                       const vl = vv.toLowerCase();                                              if (vl === 'lightning deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_lightning';                       } else if (vl === 'amazon deals' || vl === 'prime deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_prime';                       } else if (vl.includes('% off')) {                          let m = vl.match(/(\d+)%/);                          if (m && this.discountFilter) this.discountFilter.value = m[1];                       } else if (vl.includes('under') || vl.includes('max')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       } else if (vl.includes('min') || vl.includes('over')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else {                          let foundR = mapRet.find(x => x === vl);                          if (foundR) {                             let realR = ['Amazon', 'Walmart', 'Best Buy', 'Target', 'John Lewis', 'Currys', 'Argos'].find(x => x.toLowerCase() === vl);                             if (this.retailerSelect) this.retailerSelect.value = realR;                          } else {                             this.selectedBrands.push(vv);                          }                       }                   });                                      if (this.brandDropdown) {                       const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                       chks.forEach(c => c.checked = this.selectedBrands.includes(c.value));                   }                                      if (r.pr && typeof r.pr === 'string') {                       let prL = r.pr.toLowerCase();                       if (prL.includes('under $')) {                           let m = prL.match(/under \$(\d+)/i);                           if (m && this.customPriceMax && !this.customPriceMax.value) this.customPriceMax.value = m[1];                       }                   }                }                                this.fetchDeals(this.currentQuery);             });           });                      // default to highlighting first           btns[0].classList.add('active');        }async fetchDeals(query, append = false) {          if (!append) {             this.showLoading();             this.deals = [];             this.displayLimit = this.getRowsLimit();          } else {             this.displayLimit += this.getRowsLimit();          }                    try {            if (this.getViewMode() === 'savings_squad') {               await this.fetchSavingsSquad(append);            } else {               if (this.isBroadQuery(query)) {                 await this.fetchAdviserDeals(query, append);               } else {                 await this.fetchHawkDeals(query, append);                 if (this.deals.length === 0) {                   await this.fetchAdviserDeals(query, append);                 }               }            }          } catch (error) {            console.warn("[Tom's Guide Widget] Fetch error:", error);            this.showError();          }        }        async fetchSavingsSquad() {          let topArticles = this.airedaleArticles;          if (!topArticles) {            const airedaleUrl = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`;            let res;            try {               res = await fetch(airedaleUrl);            } catch(e) {               try { res = await fetch(`https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`); } catch (err) { console.warn("Fallback fetch failed", err); return; }            }            if (!res.ok) throw new Error('Airedale API Error');            const articles = await res.json();            topArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);            this.airedaleArticles = topArticles;                        let tagCounts = {};            topArticles.forEach((a) => {              let articleTags = new Set();              if (a.articlecategory && Array.isArray(a.articlecategory)) {                 a.articlecategory.forEach((t) => articleTags.add(t));              }              articleTags.forEach(t => {                 tagCounts[t] = (tagCounts[t] || 0) + 1;              });            });                        this.airedaleTags = Object.keys(tagCounts).sort((a, b) => tagCounts[b] - tagCounts[a]);            this.airedaleTagCounts = tagCounts;          }                    let targetArticles = topArticles;          if (this.activeDealTag) {             const cleanTag = this.activeDealTag.toLowerCase().replace(/&/g, '').replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');             const encodedTag = encodeURIComponent(cleanTag);             const url = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50&articleCategoryHandle=${encodedTag}`;             try {                const res = await fetch(url);                if (res.ok) {                   const articles = await res.json();                   targetArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);                }             } catch(e) {                console.warn("Failed to fetch by activeDealTag", e);             }          }          let extractedDeals = [];          let dynamicBrandsCounts = {};                    targetArticles.forEach((article) => {             if (!article.articlepage) return;                          let pageData = [];             try {                pageData = JSON.parse(article.articlepage[0]);             } catch(e){ console.warn(e); }                          const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');                          savingsSquad.forEach((block, idx) => {                const data = block.data || {};                const isFeatured = block.type === 'featured-product';                                const link = data.link || {};                const priceObj = data.price || {};                const image = data.image || {};                                if (data.brand) {                   data.brand = data.brand.replace(/^\d+\.\s*/, '').trim();                   dynamicBrandsCounts[data.brand] = (dynamicBrandsCounts[data.brand] || 0) + 1;                }                const externalUrl = isFeatured ? data.url : (link.href || null);                let summaryTitle = isFeatured ? (data.name || data.brand) : (data.productName || link.label || article.articlename);                let description = isFeatured ? (data.strapline || '') : (data.text || '');                                if (!isFeatured && !data.productName && data.text) {                   const brSplit = data.text.split(new RegExp('\x3Cbr\\s*\\/?\\x3E', 'i'));                   if (brSplit.length > 1) {                     summaryTitle = brSplit[0].replace(/<[^>]+>/g, '').trim();                     description = brSplit.slice(1).join(' ').replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();                   } else {                     const match = data.text.match(/\x3Cstrong>(.*?)<\/strong>/);                     if (match) {                       summaryTitle = match[1].replace(/<[^>]+>/g, '').trim();                       if (summaryTitle.endsWith(':')) summaryTitle = summaryTitle.slice(0, -1);                     }                   }                }                                let imageUrl = isFeatured ? image.mos : (image.src || null);                if (imageUrl && imageUrl.startsWith('//')) imageUrl = 'https:' + imageUrl;                                description = description.replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').replace(/View Deal$/i, '').trim();                                let merchantName = data.retailer || '';                if (!merchantName && externalUrl) {                   try {                     merchantName = new URL(externalUrl).hostname.replace('www.', '').split('.')[0];                     merchantName = merchantName.charAt(0).toUpperCase() + merchantName.slice(1);                   }catch(e){ console.warn(e); }                }                if (!merchantName) merchantName = 'Retailer';                const q = (this.currentQuery || '').toLowerCase();                const activeTagLogic = (this.activeDealTag || '').toLowerCase();                if (q.length > 2 && q !== activeTagLogic) {                   const searchTarget = `${summaryTitle || ''} ${description || ''}`.toLowerCase();                   if (!searchTarget.includes(q)) return;                }                let rawPrice = 0;                let rawMsrp = 0;                let currencyStr = '$';                if (isFeatured) {                   rawPrice = typeof data.salePrice === 'number' && data.salePrice > 0 ? data.salePrice : (typeof data.price === 'number' ? data.price : 0);                   rawMsrp = typeof data.salePrice === 'number' && typeof data.price === 'number' && data.price > data.salePrice ? data.price : 0;                   currencyStr = data.currency === 'GBP' ? '£' : '$';                } else {                   rawPrice = priceObj.amount ? parseFloat(priceObj.amount) : 0;                   rawMsrp = priceObj.amountWas ? parseFloat(priceObj.amountWas) : 0;                   currencyStr = priceObj.currency === 'GBP' ? '£' : '$';                }                                let savingAmt = 0;                let savingLabel = '';                if (rawPrice > 0 && rawMsrp > rawPrice) {                   savingAmt = parseFloat((rawMsrp - rawPrice).toFixed(2));                   savingLabel = `Save ${currencyStr}${savingAmt}`;                }                                // Apply Brand filter                if (this.selectedBrands && this.selectedBrands.length > 0) {                   const itemBrand = (data.brand || '').toLowerCase();                   const hasMatch = this.selectedBrands.some(sb => sb.toLowerCase() === itemBrand);                   if (!hasMatch) return;                }                // Apply Price filter                let priceFilterVal = null;                const min = this.customPriceMin ? this.customPriceMin.value : '';                const max = this.customPriceMax ? this.customPriceMax.value : '';                if (min || max) {                   priceFilterVal = `${min}_${max}`;                } else if (this.priceFilter && this.priceFilter.value !== 'all') {                   priceFilterVal = this.priceFilter.value;                }                if (priceFilterVal && rawPrice > 0) {                   if (priceFilterVal === 'under50' && rawPrice >= 50) return;                   if (priceFilterVal === 'over50' && rawPrice <= 50) return;                   if (priceFilterVal === 'over30' && rawPrice <= 30) return;                   if (priceFilterVal === 'over500' && rawPrice <= 500) return;                   if (priceFilterVal.includes('_')) {                      const parts = priceFilterVal.split('_');                      const min = parseFloat(parts[0]);                      const max = parseFloat(parts[1]);                      if (!isNaN(min) && rawPrice < min) return;                      if (!isNaN(max) && rawPrice > max) return;                   }                }                // Apply Discount filter                if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {                   const requiredDiscount = parseInt(this.discountFilter.value);                   if (!isNaN(requiredDiscount) && requiredDiscount > 0) {                      if (!rawMsrp || rawMsrp <= rawPrice) return;                      const ratio = Math.round((1 - (rawPrice / rawMsrp)) * 100);                      if (ratio < requiredDiscount) return;                   }                }                                extractedDeals.push({                   id: `airedale-${article.id || Math.random()}-${idx}`,                   url: externalUrl,                   image: imageUrl,                   fallbackImage: imageUrl,                   title: summaryTitle,                   brand: data.brand || '',                   productName: data.productName || '',                   merchant: merchantName,                   rawPrice: rawPrice,                   rawMsrp: rawMsrp,                   price: rawPrice > 0 ? rawPrice.toString() : '',                   msrp: rawMsrp > 0 ? rawMsrp.toString() : '',                   currency: currencyStr,                   isCheckPrice: !rawPrice,                   savingLabel: savingLabel,                   savingType: rawMsrp > rawPrice ? 'amount' : 'none',                   isPrime: false,                   starRating: null,                   description: description,                   text: data.text || ''                });             });          });                    const airedaleBrandsList = Object.keys(dynamicBrandsCounts).map(b => ({              formatted_value: b,              count: dynamicBrandsCounts[b]          })).sort((a,b) => b.count - a.count);                    if (this.getViewMode() === 'savings_squad') {             this.populateBrandDropdown(airedaleBrandsList.slice(0, 15));             if (this.brandFilterWrapper) {                if (airedaleBrandsList.length === 0) {                    this.brandFilterWrapper.style.display = 'none';                } else {                    this.brandFilterWrapper.style.display = 'flex';                }             }          }                    this.deals = extractedDeals;          this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        isBroadQuery(query) {          const q = query.toLowerCase();          const intentModifiers = ['deals', 'best', 'sale', 'under', 'cheap', 'offers', 'discount'];          return intentModifiers.some(term => q.includes(term));        }        async fetchHawkDeals(query, append = false) {          const url = new URL(this.apiUrl);          url.searchParams.append('model_name', query);          const areaCode = this.getAreaCode();          if (areaCode) {            url.searchParams.append('area', areaCode);          }                    if (append && this.deals.length > 0) {            url.searchParams.append('offset', this.deals.length.toString());          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.append('filter_merchant_name', this.retailerSelect.value);          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.append('filter_label[text_brand]', this.selectedBrands.join(','));          }                    let priceVal = null;          const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             priceVal = `${min}_${max}`;          } else if (this.priceFilter && this.priceFilter.value !== 'all') {             priceVal = this.priceFilter.value;          }          if (priceVal) {            if (priceVal === 'under50') {              url.searchParams.append('filter_max_price', '50');            } else if (priceVal === 'over50') {              url.searchParams.append('filter_min_price', '50');            } else if (priceVal === 'over30') {              url.searchParams.append('filter_min_price', '30');            } else if (priceVal === 'over500') {              url.searchParams.append('filter_min_price', '500');            } else if (priceVal.includes('_')) {              const parts = priceVal.split('_');              if (parts[0]) url.searchParams.append('filter_min_price', parts[0]);              if (parts[1]) url.searchParams.append('filter_max_price', parts[1]);            }          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {              const ratio = (100 - v) / 100;              url.searchParams.append('min_discount_ratio', ratio.toString());            }          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.append('offer', this.offerTypeSelect.value);          }                    url.searchParams.append('filter_product_types', 'deals');                    url.searchParams.append('rows', this.getRowsLimit().toString());          let response;          try {             response = await fetch(url.toString());          } catch(e) {             if (window.location.protocol === 'file:') {                console.warn("[Tom's Guide Widget] fetch from file:// blocked by local CORS policy, falling back to Adviser mock.");                await this.fetchAdviserDeals(query);                return;             }             console.warn("Hawk fetch failed", e);             this.deals = [];             this.render();             return;          }          if (!response.ok) {            throw new Error('Hawk API Response Error');          }          const rawData = await response.json();          // Safely locate data array from potentially wrapped response          let offers = [];          let modelInfoArray = [];                    let brandFilterData = null;          if (rawData && rawData.widget && rawData.widget.data && Array.isArray(rawData.widget.data.filters)) {             brandFilterData = rawData.widget.data.filters.find(f => f.type === 'label_text_brand');          } else if (rawData && rawData.data && Array.isArray(rawData.data.filters)) {             brandFilterData = rawData.data.filters.find(f => f.type === 'label_text_brand');          }          if (brandFilterData && Array.isArray(brandFilterData.values) && brandFilterData.values.length > 0) {             this.populateBrandDropdown(brandFilterData.values);          } else {             if (this.brandFilterWrapper && this.selectedBrands.length === 0) {                this.brandFilterWrapper.style.display = 'none';             }          }                    if (rawData && rawData.widget && rawData.widget.data) {            if (Array.isArray(rawData.widget.data.offers)) offers = rawData.widget.data.offers;            if (rawData.widget.data.model_info && typeof rawData.widget.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.widget.data.model_info) ? rawData.widget.data.model_info : Object.values(rawData.widget.data.model_info);            }          } else if (rawData && rawData.data) {            if (Array.isArray(rawData.data.offers)) offers = rawData.data.offers;            if (rawData.data.model_info && typeof rawData.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.data.model_info) ? rawData.data.model_info : Object.values(rawData.data.model_info);            }          } else {            if (Array.isArray(rawData)) offers = rawData;            else if (rawData && Array.isArray(rawData.offers)) offers = rawData.offers;            else if (rawData && rawData.offers && Array.isArray(rawData.offers.offer)) offers = rawData.offers.offer;            else if (rawData && rawData.offers) offers = [].concat(rawData.offers);                        if (rawData && rawData.model_info && typeof rawData.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.model_info) ? rawData.model_info : Object.values(rawData.model_info);            }          }          let modelDetails = {};          modelInfoArray.forEach(m => {            const mId = m.model_id || m.id;            if (mId) {              modelDetails[mId] = {                score: m.score != null ? parseFloat(m.score) : null,                brand: m.brand || null,                parent: (m.parents && Array.isArray(m.parents) && m.parents.length > 0) ? m.parents[0].name : null              };            }          });          offers.forEach(item => {            let data = { ...item };            const mId = data.model_id;            if (mId && modelDetails[mId]) {              data.review_score = modelDetails[mId].score;              data.model_brand = modelDetails[mId].brand;              data.model_parent = modelDetails[mId].parent;            } else {              data.review_score = null;            }                        let itemOffers = [];            if (Array.isArray(item.offers)) itemOffers = item.offers;            else if (Array.isArray(item.offer)) itemOffers = item.offer;            else if (item.offers && typeof item.offers === 'object') itemOffers = [item.offers];            else if (item.offer && typeof item.offer === 'object') itemOffers = [item.offer];            if (itemOffers.length > 0) {              itemOffers.forEach(subItem => {                let subData = { ...item, ...subItem };                const subId = subData.model_id;                if (subId && modelDetails[subId]) {                  subData.review_score = modelDetails[subId].score;                  subData.model_brand = modelDetails[subId].brand;                  subData.model_parent = modelDetails[subId].parent;                } else if (data.review_score != null) {                  subData.review_score = data.review_score;                }                if (subData.merchant && typeof subData.merchant === 'object') {                  subData.merchant_name = subData.merchant.name;                }                this.deals.push(this.extractDealData(subData));              });              return;            }                        if (item.merchant && typeof item.merchant === 'object') {              data.merchant_name = item.merchant.name;            }                        this.deals.push(this.extractDealData(data));          });                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        async fetchAdviserDeals(query) {          // ======================================================================          // TODO: ADVISER API REPLACEMENT          // The code below simulates the Adviser API response using mock data.          // Once the real endpoint is ready, remove getAdviserMockData() and           // perform an actual fetch() request similar to fetchHawkDeals().          // Example:          // const area = this.getAreaCode();          // let apiUrl = `https://your-adviser-api.com/search?q=${query}&area=${area}`;          // if (this.priceFilter && this.priceFilter.value !== 'all') {          //   const val = this.priceFilter.value;          //   if (val === 'under50') apiUrl += '&filter_max_price=50';          //   else if (val === '50_100') apiUrl += '&filter_max_price=100';          //   else if (val === '100_200') apiUrl += '&filter_max_price=200';          //   else if (val === '200_500') apiUrl += '&filter_max_price=500';          // }          // const res = await fetch(apiUrl);          // const rawData = await res.json();          // ======================================================================          // Simulating network latency          await new Promise(resolve => setTimeout(resolve, 400));                    const rawData = this.getAdviserMockData();          let offers = [];                    if (rawData && rawData.data && rawData.data.Get && Array.isArray(rawData.data.Get.Deal)) {            offers = rawData.data.Get.Deal;          }                    // Basic client-side filtering for the mock if we want it to react to the query          const q = query.toLowerCase();          const selectedRetailer = (this.retailerSelect && this.retailerSelect.value) ? this.retailerSelect.value.toLowerCase() : null;                    offers.forEach(item => {            const dataObj = item;                        // Apply retailer filter            const itemRetailer = (dataObj.dataRetailer || '').toLowerCase();            if (selectedRetailer && itemRetailer !== selectedRetailer && !itemRetailer.includes(selectedRetailer)) {              return;            }                        // Apply mock price filter            let price = dataObj.dataDiscountedPrice || 0;            if (typeof price === 'string') {              price = parseFloat(price.replace(/[^0-9.]/g, ''));            }            let priceVal = null;            const min = this.customPriceMin ? this.customPriceMin.value : '';            const max = this.customPriceMax ? this.customPriceMax.value : '';            if (min || max) {               priceVal = `${min}_${max}`;            } else if (this.priceFilter && this.priceFilter.value !== 'all') {               priceVal = this.priceFilter.value;            }            if (priceVal) {              if (priceVal === 'under50' && price >= 50) return;              if (priceVal === 'over50' && price <= 50) return;              if (priceVal === 'over30' && price <= 30) return;              if (priceVal === 'over500' && price <= 500) return;              if (priceVal.includes('_')) {                 const parts = priceVal.split('_');                 if (parts[0] && price < parseFloat(parts[0])) return;                 if (parts[1] && price > parseFloat(parts[1])) return;              }            }                        // Map Adviser schema to our widget's expected schema            const mappedData = {              url: dataObj.linkHREF || dataObj.dataLink || '#',              image: dataObj.imageURL || (dataObj.image && dataObj.image.src) || '',              title: dataObj.dataProduct || (dataObj.product && dataObj.product.name) || 'Product Deal',              merchant: dataObj.dataRetailer || 'Retailer',              price: dataObj.dataDiscountedPrice || 0,              currency: dataObj.dataCurrency === 'USD' ? '$' : (dataObj.dataCurrency || '$'),              msrp: dataObj.dataOriginalPrice || null            };                        const titleLow = mappedData.title.toLowerCase();            const merchLow = mappedData.merchant.toLowerCase();                        // Smarter mock filtering            let isMatch = false;            if (q === '' || this.isBroadQuery(q)) {              isMatch = true;            } else if (titleLow.includes(q) || merchLow.includes(q)) {              isMatch = true;            } else if ((q.includes('laptop') || q.includes('mac') || q.includes('pc')) && (titleLow.includes('macbook') || titleLow.includes('laptop'))) {              isMatch = true;            } else if ((q.includes('tv') || q.includes('television')) && (titleLow.includes('tv') || titleLow.includes('oled') || titleLow.includes('qled'))) {              isMatch = true;            } else if ((q.includes('phone') || q.includes('smartphone')) && (titleLow.includes('galaxy') || titleLow.includes('phone'))) {              isMatch = true;            } else if ((q.match(/watch|fitness|run|shoe/)) && (titleLow.includes('forerunner') || titleLow.includes('saucony') || titleLow.includes('watch'))) {              isMatch = true;            }                        if (isMatch) {               this.deals.push(this.extractDealData(mappedData));            }          });                    let rowLimit = this.getRowsLimit();          // Intentionally omitting the slice here to allow "Load More" to work if the API returns more                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        getAdviserMockData() {          return {            "data": {              "Get": {                "Deal": [                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 300,                    "dataOriginalPrice": 399,                    "dataProduct": "Samsung Galaxy A36",                    "dataRetailer": "Samsung",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/MqDYsukV3JBG54te6dEs7j.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 14,                    "dataOriginalPrice": 24,                    "dataProduct": "Blink Mini",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/3JurmAjHsDa5tPdaHAwEV8.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 59,                    "dataOriginalPrice": 99,                    "dataProduct": "Ring Video Doorbell",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/rAh4uR7AsAsALCCLTXnLNJ.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 10,                    "dataOriginalPrice": 599,                    "dataProduct": "MacBook Neo",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/Lg4Dvg68j9SbB5CPNrTEpH.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 749,                    "dataOriginalPrice": 849,                    "dataProduct": "65\\\" Fire TV Omni 4K QLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/SG34ZWodUkLTxJvMTbjPYR.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 71,                    "dataOriginalPrice": 160,                    "dataProduct": "Saucony Hurricane 24",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/vxf7UD5T2Am7guVzFoFcZ4.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 649,                    "dataOriginalPrice": 749,                    "dataProduct": "Garmin Forerunner 970",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/3GKnEu7CdhtxPMfnPCMCiA.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1049,                    "dataOriginalPrice": 1499,                    "dataProduct": "LG 48\\\" C4 4K OLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/imvwZV9zoMD6fn9Afuge35.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1499,                    "dataOriginalPrice": 2199,                    "dataProduct": "Samsung 49\\\" Odyssey Neo G9 4K Gaming Monitor",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/XWDEJ5dUAE2nhK8k3Jk7k7.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 299,                    "dataOriginalPrice": 699,                    "dataProduct": "EGOHOME Black Memory Foam Mattress (queen)",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/hMUemtAejNETLVYxNrktzm.jpg"                  }                ]              }            }          };        }        decodeHTML(html) {          if (!html) return '';          const txt = document.createElement("textarea");          txt.innerHTML = String(html);          return txt.value;        }        extractDealData(item) {          const priceRawStr = String(item.price || item.current_price || '0');          const msrpRawStr = String(item.was_price || item.msrp || item.original_price || '0');          const rawPrice = parseFloat(priceRawStr.replace(/[^\d.]/g, '')) || 0;          const rawMsrp = parseFloat(msrpRawStr.replace(/[^\d.]/g, '')) || 0;          const isCheckPrice = rawPrice === 0 || priceRawStr === '0.00' || priceRawStr === '0';                    let originalImageUrl = item.image || item.image_url || item.product_image || '';          let imageUrl = originalImageUrl;          if ((!imageUrl || isCheckPrice) && item.model_image_url) {             imageUrl = item.model_image_url;             originalImageUrl = imageUrl;          } else if ((!imageUrl || isCheckPrice) && item.model_image) {             imageUrl = item.model_image;             originalImageUrl = imageUrl;          }                    if (imageUrl) {            imageUrl = imageUrl.replace(/-(\d+)-(\d+)(\.[a-z.]+)$/i, '$3');          }                    let fallbackImage = '';          if (originalImageUrl && originalImageUrl !== imageUrl) {             fallbackImage = originalImageUrl;          } else if (item.model_image && item.model_image !== imageUrl) {             fallbackImage = item.model_image;          } else if (item.model_image_url && item.model_image_url !== imageUrl) {             fallbackImage = item.model_image_url;          }                    const rawCurrency = item.currency || item.currency_symbol || '$';                    let savingLabel = item.percentage_saving_label || '';          if (!savingLabel && rawMsrp > rawPrice && rawPrice > 0) {            const pct = Math.round(((rawMsrp - rawPrice) / rawMsrp) * 100);            if (pct > 0) {              savingLabel = `${pct}% OFF`;            }          }                    const isPrime = item.shipping && item.shipping.prime === true;                    let scoreRaw = (item.review_score !== undefined && item.review_score !== null && item.review_score > 0) ? parseFloat(item.review_score) : null;          let starRating = 0;          if (scoreRaw !== null) {            starRating = Math.round((scoreRaw > 10 ? scoreRaw / 20 : scoreRaw / 2) * 2) / 2;          }                    return {            id: item.offer_id || item.link || item.url || item.offer_link || Math.random().toString(),            url: item.link || item.url || item.offer_link || '#',            image: imageUrl,            fallbackImage: fallbackImage,            title: item.name || item.title || item.model_name || item.product_name || 'Unknown Product',            brand: item.brand || '',            productName: item.model_name || item.product_name || item.name || '',            merchant: item.merchant_name || item.merchant || item.retailer || 'Retailer',            price: item.price !== undefined ? String(item.price) : '0.00',            currency: this.decodeHTML(rawCurrency),            msrp: item.was_price || item.msrp || item.original_price || null,            rawPrice: rawPrice,            rawMsrp: rawMsrp,            hasWasPrice: (item.was_price !== undefined && item.was_price !== null),            isCheckPrice: isCheckPrice,            savingLabel: savingLabel,            isPrime: isPrime,            starRating: starRating > 0 ? starRating : null,            modelId: item.model_id || '',            productKey: item.product_key || '',            merchantId: (item.merchant && typeof item.merchant === 'object') ? item.merchant.id || '' : '',            matchId: item.match_id || '',            merchantNetwork: (item.merchant && typeof item.merchant === 'object') ? item.merchant.an || '' : '',            merchantUrl: (item.merchant && typeof item.merchant === 'object') ? item.merchant.url || '' : '',            modelBrand: item.model_brand || item.brand || '',            modelParent: item.model_parent || ''          };        }        sortData() {          const sortVal = this.sortSelect ? this.sortSelect.value : (this.getViewMode() === 'savings_squad' ? 'date_desc' : 'discount_desc');          if (sortVal === 'price_asc') {            this.deals.sort((a, b) => a.rawPrice - b.rawPrice);          } else if (sortVal === 'price_desc') {            this.deals.sort((a, b) => b.rawPrice - a.rawPrice);          } else if (sortVal === 'discount_desc') {            this.deals.sort((a, b) => {              const aDiscount = a.rawMsrp > a.rawPrice ? (a.rawMsrp - a.rawPrice) : 0;              const bDiscount = b.rawMsrp > b.rawPrice ? (b.rawMsrp - b.rawPrice) : 0;              return bDiscount - aDiscount;            });          } else if (sortVal === 'date_desc') {             this.deals.sort((a, b) => {                let dateA = 0;                let dateB = 0;                if (a && a.modifiedDate) {                   const valA = Array.isArray(a.modifiedDate) ? a.modifiedDate[0] : a.modifiedDate;                   dateA = new Date(valA).getTime();                   if (isNaN(dateA)) dateA = 0;                }                if (b && b.modifiedDate) {                   const valB = Array.isArray(b.modifiedDate) ? b.modifiedDate[0] : b.modifiedDate;                   dateB = new Date(valB).getTime();                   if (isNaN(dateB)) dateB = 0;                }                return dateB - dateA;             });          }        }        getFilteredDeals() {          let filteredDeals = [...this.deals];                    if (this.dealModeToggle && this.dealModeToggle.checked) {            filteredDeals = filteredDeals.filter(d => d.hasWasPrice || (d.msrp && d.rawMsrp > d.rawPrice));          }                    return filteredDeals;        }        showLoading() {          const _div = '<' + '/div>';          const skeletonCardHtml = `            \x3Cdiv class="tg-df-card">              \x3Cdiv class="tg-df-card-image-box">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-img">${_div}              ${_div}              \x3Cdiv class="tg-df-card-body">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-card-footer mt-auto">                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="height:24px;">${_div}                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text" style="height:44px; margin-top:8px;">${_div}                ${_div}              ${_div}            ${_div}`;          this.grid.innerHTML = Array(4).fill(skeletonCardHtml).join('');        }        showError() {          const _div = '<' + '/div>';          this.grid.innerHTML = `\x3Cdiv class="tg-df-message">            An error occurred while finding deals. Please check your connection and try again.          ${_div}`;        }        escapeHTML(str) {          if (!str) return '';          return String(str).replace(/[&<>'"]/g, tag => ({              '&': '&', '<': '<', '>': '>', "'": ''', '"': '"'          }[tag] || tag));        }                bindCouponButtons() {          const btns = this.root.querySelectorAll('.tg-df-tag-coupons');          btns.forEach(btn => {            btn.addEventListener('click', (e) => {              e.preventDefault();              e.stopPropagation();              const merchant = btn.getAttribute('data-merchant');              this.openVouchersModal(merchant);            });          });                    const closeBtn = this.root.querySelector('#tg-df-vouchers-close');          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (closeBtn) {            closeBtn.onclick = () => this.closeVouchersModal();          }          if (backdrop) {            backdrop.onclick = (e) => {              if (e.target === backdrop) this.closeVouchersModal();            };          }        }                closeVouchersModal() {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (backdrop) backdrop.classList.remove('active');        }                async checkMerchantsCouponsBulk(merchants) {          if (!merchants || merchants.length === 0) return {};          const controller = new AbortController();          const timeoutId = setTimeout(() => controller.abort(), 4000);          try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchants.join(','));            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '120');            url.searchParams.append('origin', 'widgets-clientside');                        let res; try { res = await fetch(url.toString(), { signal: controller.signal }); } catch (e) { return {}; }            clearTimeout(timeoutId);            if (!res.ok) return {};            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        const foundMerchants = new Set();            offers.forEach(o => {              let mName = o.merchant_name || o.merchant || o.retailer;              if (mName && typeof mName === 'object') mName = mName.name;              if (mName) foundMerchants.add(String(mName).toLowerCase());            });            const resultMap = {};            merchants.forEach(m => {              if (m) resultMap[m] = foundMerchants.has(String(m).toLowerCase());            });            return resultMap;          } catch (e) {            return {};          }        }                async openVouchersModal(merchantName) {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          const title = this.root.querySelector('#tg-df-vouchers-title');          const content = this.root.querySelector('#tg-df-vouchers-content');                    if (!backdrop || !content) return;                    // HACK: Hide closing tags          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h4 = '<' + '/h4>';          const _svg = '<' + '/svg>';          const _circle = '<' + '/circle>';          const _polyline = '<' + '/polyline>';          const _rect = '<' + '/rect>';          const _path = '<' + '/path>';                    title.innerText = `${merchantName} Coupons & Deals`;          content.innerHTML = `\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}                               \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}`;          backdrop.classList.add('active');                    try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchantName);            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '50');            url.searchParams.append('origin', 'widgets-clientside');                        const res = await fetch(url.toString());            if (!res.ok) throw new Error('API Error');            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        if (offers.length === 0) {              content.innerHTML = `\x3Cdiv class="tg-df-message">No vouchers currently available for ${this.escapeHTML(merchantName)}.${_div}`;              return;            }                        content.innerHTML = offers.map((v, idx) => {              let offerObj = v;              if (v.offers && v.offers.offer) {                offerObj = Array.isArray(v.offers.offer) ? v.offers.offer[0] : v.offers.offer;              } else if (v.offer) {                offerObj = Array.isArray(v.offer) ? v.offer[0] : v.offer;              }              let logoUrl = v.logo_url || offerObj.logo_url || '';              if (!logoUrl && v.merchant) {                if (Array.isArray(v.merchant) && v.merchant.length > 0) logoUrl = v.merchant[0].logo_url || '';                else logoUrl = v.merchant.logo_url || '';              }                            const offerName = offerObj.name || offerObj.title || v.name || v.title || 'Special Offer';              const endTime = offerObj.end_time || v.end_time || '';              const linkUrl = offerObj.link || offerObj.url || v.link || v.url || '#';                            let foundVoucherCode = '';              const findVoucherCode = (obj) => {                if (!obj || typeof obj !== 'object') return;                if (obj.type === 'voucher_code' && obj.display_value) {                  foundVoucherCode = obj.display_value;                  return;                }                if (Array.isArray(obj)) {                  for (const item of obj) {                    findVoucherCode(item);                    if (foundVoucherCode) return;                  }                } else {                  for (const k in obj) {                    if (Object.prototype.hasOwnProperty.call(obj, k)) {                      findVoucherCode(obj[k]);                      if (foundVoucherCode) return;                    }                  }                }              };              findVoucherCode(offerObj);              if (!foundVoucherCode) findVoucherCode(v);                            const voucherCode = foundVoucherCode || offerObj.voucher_code || v.voucher_code || '';              const codeHtml = voucherCode ? `\x3Cspan class="tg-df-voucher-code" data-action="copy-code" data-code="${this.escapeHTML(voucherCode)}" title="Copy to clipboard">                \x3Cspan class="tg-df-voucher-code-text">${this.escapeHTML(voucherCode)}${_span}                \x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:6px;flex-shrink:0;" class="tg-df-voucher-copy-icon">                  \x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">${_rect}                  \x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">${_path}                ${_svg}              ${_span}` : '';                            const logoHtml = logoUrl                 ? `\x3Cimg src="${this.escapeHTML(logoUrl)}" alt="${this.escapeHTML(offerName)}" class="tg-df-voucher-logo" />`                 : `\x3Cdiv class="tg-df-voucher-logo" style="background:#e2e8f0;">${_div}`;                            let expiryHtml = '';              if (endTime) {                let dStr = endTime;                if (!isNaN(dStr) && String(dStr).length === 10) dStr = Number(dStr) * 1000;                const d = new Date(dStr);                if (!isNaN(d.getTime())) {                  const options = { year: 'numeric', month: 'short', day: 'numeric' };                  expiryHtml = `                    \x3Cdiv class="tg-df-voucher-expiry">                      \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                        \x3Ccircle cx="12" cy="12" r="10">${_circle}                        \x3Cpolyline points="12 6 12 12 16 14">${_polyline}                      ${_svg}                      Expires ${d.toLocaleDateString(undefined, options)}                    ${_div}`;                }              }              const revenueIdVal = generateRevenueId(linkUrl, offerName, merchantName, null);              const rewrittenLinkUrl = rewriteAffiliateLink(linkUrl, area, revenueIdVal);              return `                \x3Ca href="${this.escapeHTML(rewrittenLinkUrl)}" target="_blank" rel="noopener nofollow" class="tg-df-voucher-item"                  data-action="voucher-click"                  data-product-name="${this.escapeHTML(offerName)}"                  data-merchant-name="${this.escapeHTML(merchantName)}"                  data-analytics-id="${this.escapeHTML(offerObj.offer_id || offerObj.id || v.id || '')}"                  data-price=""                  data-previous-price=""                  data-original-link="${this.escapeHTML(linkUrl)}"                  data-revenue-id="${revenueIdVal}"                  data-index="${idx}"                  data-total="${offers.length}"                  data-in-stock="true"                  data-currency="USD"                  data-model-id="${this.escapeHTML(offerObj.model_id || v.model_id || offerObj.id || v.id || '')}"                  data-merchant-id="${this.escapeHTML(offerObj.merchant_id || offerObj.merchant?.id || '')}"                >                  ${logoHtml}                  \x3Cdiv class="tg-df-voucher-content">                    \x3Ch4 class="tg-df-voucher-title">${this.escapeHTML(offerName)}${_h4}                    ${codeHtml}                    ${expiryHtml}                  ${_div}                ${_a}              `;            }).join('');                        // Attach copy functionality            const copyBtns = content.querySelectorAll('[data-action="copy-code"]');            copyBtns.forEach(btn => {              btn.addEventListener('click', async (e) => {                e.preventDefault();                e.stopPropagation();                                const code = btn.getAttribute('data-code');                if (!code) return;                                try {                  const copyToClipboard = async (text) => {                     if (window.navigator.clipboard && window.isSecureContext) {                        try { await window.navigator.clipboard.writeText(text); return; } catch (e) {}                     }                     const textArea = document.createElement("textarea");                     textArea.value = text;                     textArea.style.position = "fixed";                     document.body.appendChild(textArea);                     textArea.focus();                     textArea.select();                     document.execCommand('copy');                     textArea.remove();                  };                  await copyToClipboard(code);                                    // Visual feedback                  btn.classList.add('copied');                  const textSpan = btn.querySelector('.tg-df-voucher-code-text');                  const iconSvg = btn.querySelector('.tg-df-voucher-copy-icon');                                    const origText = textSpan.innerText;                  const origIcon = iconSvg.innerHTML;                                    textSpan.innerText = 'Copied!';                  iconSvg.innerHTML = `\x3Cpolyline points="20 6 9 17 4 12">${_polyline}`;                                    setTimeout(() => {                    if (btn) {                      btn.classList.remove('copied');                      if (textSpan) textSpan.innerText = origText;                      if (iconSvg) iconSvg.innerHTML = origIcon;                    }                  }, 2000);                                    trackElementInteraction({                    id: 'voucher-code-copy',                    name: 'Copy Voucher Code',                    label: `Copied ${code} for ${merchantName}`                  });                } catch (err) {                  console.warn('Failed to copy text: ', err);                }              });            });            // Attach voucher click tracking            const voucherBtns = content.querySelectorAll('[data-action="voucher-click"]');            voucherBtns.forEach(btn => {              btn.addEventListener('click', (e) => {                if (e.target.closest('[data-action="copy-code"]')) return;                                const productName = btn.getAttribute('data-product-name');                const merchantNameAttr = btn.getAttribute('data-merchant-name');                const productId = btn.getAttribute('data-analytics-id');                const price = parseFloat(btn.getAttribute('data-price')) || null;                const prevPriceStr = btn.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = btn.getAttribute('data-original-link');                const rewrittenLink = btn.getAttribute('href');                const revenueId = btn.getAttribute('data-revenue-id');                const index = parseInt(btn.getAttribute('data-index'), 10) || 0;                const inStock = btn.getAttribute('data-in-stock') === 'true';                const totalText = btn.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: btn.getAttribute('data-model-id') || null,                    matchId: btn.getAttribute('data-match-id') || null,                    brand: btn.getAttribute('data-model-brand') || null,                    parent: btn.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: btn.getAttribute('data-merchant-id') || null,                    network: btn.getAttribute('data-merchant-network') || null,                    url: btn.getAttribute('data-merchant-url') || null,                    name: merchantNameAttr                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: btn.getAttribute('data-currency') || 'USD'                };                if (typeof trackDealClick === 'function') {                  trackDealClick(trackingParams);                }              });            });                                  } catch (e) {            console.warn(e);            content.innerHTML = `\x3Cdiv class="tg-df-message">Failed to load vouchers.${_div}`;          }        }        render() {          try {            if (this.getViewMode() === 'savings_squad' && this.airedaleTags.length > 0) {              if (this.categoryFilterWrapper) {                 this.categoryFilterWrapper.style.display = 'flex';              }              if (this.categoryFilter) {                 const _option = '<' + '/option>';                 let optionsHtml = `\x3Coption value="all">All Categories${_option}`;                 this.airedaleTags.forEach(tag => {                    const isSelected = this.activeDealTag === tag ? 'selected' : '';                    optionsHtml += `\x3Coption value="${this.escapeHTML(tag)}" ${isSelected}>${this.escapeHTML(tag)} (${this.airedaleTagCounts[tag] || 0})${_option}`;                 });                 this.categoryFilter.innerHTML = optionsHtml;                 this.categoryFilter.value = this.activeDealTag || 'all';              }            } else {               if (this.categoryFilterWrapper) {                  this.categoryFilterWrapper.style.display = 'none';               }            }            const displayDeals = this.getFilteredDeals();          // HACK: Hide closing tags from the CMS HTML sanitizer so it doesn't strip them during in-page injection          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h3 = '<' + '/h3>';          const _p = '<' + '/p>';          const _strong = '<' + '/strong>';          const _sup = '<' + '/sup>';          const _button = '<' + '/button>';          if (displayDeals.length === 0) {            if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {              if (this.deals.length > 0) {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No deals match your selected filters.                ${_div}`;              } else if (this.getViewMode() === 'savings_squad' && this.currentQuery.length <= 2) {                 // Do not show "no exact matches" if query is empty for savings_squad                 this.grid.innerHTML = '';              } else {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No exact matches found for "\x3Cstrong>${this.escapeHTML(this.currentQuery)}${_strong}". Try adjusting your search term.                ${_div}`;              }            } else {              this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                Search product or category names to discover the best deals from across the web.              ${_div}`;            }            return;          }          let dealsHtml = displayDeals.slice(0, this.displayLimit).map((deal, index) => {            try {               const currencySym = this.escapeHTML(deal.currency);               const isoCurrencyCode = normalizeCurrency(currencySym);               const escapedPrice = this.escapeHTML(deal.price);               const escapedMsrp = this.escapeHTML(deal.msrp);               const areaCode = this.getAreaCode();                              const revenueId = generateRevenueId(deal.url, deal.title, deal.merchant, null);               const originalLink = deal.url;               const rewrittenLink = rewriteAffiliateLink(deal.url, areaCode, revenueId);                        const productCategoryName = 'deals';            const dataAttr = `              data-action="${deal.isCheckPrice ? 'view-similar-click' : 'deal-click'}"              data-analytics-id="${this.escapeHTML(deal.externalProductId || deal.id || '')}"              data-product-name="${this.escapeHTML(deal.title)}"              data-merchant-name="${this.escapeHTML(deal.merchant)}"              data-price="${deal.rawPrice || ''}"              data-previous-price="${deal.rawMsrp || ''}"              data-original-link="${this.escapeHTML(originalLink)}"              data-revenue-id="${revenueId}"              data-index="${index}"              data-total="${displayDeals.length}"              data-in-stock="${deal.inStock !== false}"              data-currency="${this.escapeHTML(isoCurrencyCode)}"              data-model-id="${this.escapeHTML(deal.modelId || '')}"              data-product-key="${this.escapeHTML(deal.productKey || '')}"              data-merchant-id="${this.escapeHTML(deal.merchantId || '')}"            `;                        let priceGroupHtml = '';            let isSavingsSquadMode = this.getViewMode() === 'savings_squad';            let ctaText = 'View Deal';            let formattedPrice = '';            let msrpHtml = '';                        if (deal.isCheckPrice) {              ctaText = isSavingsSquadMode ? 'View Deal' : 'Check Price';              if (isSavingsSquadMode) {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                  ${_div}                `;              } else {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                    \x3Cspan class="tg-df-card-price" style="font-size: 15px; font-weight: 500; font-style: italic;">See price at retailer${_span}                  ${_div}                `;              }            } else {              // Format Price              formattedPrice = escapedPrice.includes(currencySym)                 ? escapedPrice                 : `${currencySym}${escapedPrice}`;                              // Format MSRP              msrpHtml = deal.msrp && deal.rawMsrp > deal.rawPrice                ? `\x3Cspan class="tg-df-card-msrp">${escapedMsrp.includes(currencySym) ? escapedMsrp : currencySym + escapedMsrp}${_span}`                : '';                              priceGroupHtml = `                \x3Cdiv class="tg-df-card-merchant-wrapper">                  \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                ${_div}                \x3Cdiv class="tg-df-card-price-group">                  ${isSavingsSquadMode ? '' : `                  \x3Cspan class="tg-df-card-price">${formattedPrice}${_span}                  ${msrpHtml}                  `}                ${_div}              `;            }                        const discountBadgeHtml = deal.savingLabel && !deal.isCheckPrice              ? `\x3Cspan class="tg-df-card-discount-badge">${this.escapeHTML(deal.savingLabel)}${_span}`              : '';                          // HACK for CMS            const _button = '<' + '/button>';            const _svg = '<' + '/svg>';            const _path = '<' + '/path>';            const _rect = '<' + '/rect>';            const _circle = '<' + '/circle>';            const _polyline = '<' + '/polyline>';            const _line = '<' + '/line>';                        let badgesHtml = '';            const primeBadge = deal.isPrime ? `              \x3Cspan class="tg-df-tag tg-df-tag-prime">                \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="currentColor">                  \x3Cpath d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">${_path}                ${_svg} Prime              ${_span}            ` : '';                        const couponsBadge = deal.merchant && deal.merchant.toLowerCase().includes('amazon') ? '' : `              \x3Cdiv class="tg-df-coupon-wrapper" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:inline-flex; align-items:center;">                \x3Cdiv class="tg-df-coupon-spinner">${_div}                \x3Cbutton type="button" class="tg-df-tag tg-df-tag-coupons" data-action="coupons-click" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:none;">                  \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                    \x3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z">${_path}                    \x3Cline x1="7" y1="7" x2="7.01" y2="7">${_line}                  ${_svg} Coupons                ${_button}              ${_div}            `;                        // Note: We always add coupons badge if there's a chance, but to allow 3-line titles we check wrapper display state            badgesHtml = `              \x3Cdiv class="tg-df-card-badges">                ${primeBadge}                ${couponsBadge}              ${_div}            `;            const _linearGradient = '<' + '/linearGradient>';            const _polygon = '<' + '/polygon>';            const _stop = '<' + '/stop>';            const _defs = '<' + '/defs>';                        let starHtml = '';            if (deal.starRating) {              let rating = deal.starRating;                            if (rating > 0) {                const fullStars = Math.floor(rating);                const halfStar = (rating - fullStars) >= 0.5 ? 1 : 0;                const emptyStars = Math.max(0, 5 - fullStars - halfStar);                const blue = '#1f69ff'; // Tom's guide brand color from VIEW DEAL button                const gray = '#cbd5e1';                                const starSvgFull = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="${blue}" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                const gradId = 'half_grad_' + Math.floor(Math.random()*1000000);                const starSvgHalf = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cdefs>\x3ClinearGradient id="${gradId}" x1="0" x2="1" y1="0" y2="0">\x3Cstop offset="50%" stop-color="${blue}">${_stop}\x3Cstop offset="50%" stop-color="transparent">${_stop}${_linearGradient}${_defs}                  \x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26" fill="url(#${gradId})">${_polygon}${_svg}`;                                  const starSvgEmpty = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${gray}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                let stars = [];                for (let i=0; i<fullStars; i++) stars.push(starSvgFull);                if (halfStar) stars.push(starSvgHalf);                for (let i=0; i<emptyStars; i++) stars.push(starSvgEmpty);                                starHtml = `\x3Cdiv class="tg-df-card-stars" style="display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--tg-df-text-muted);">                  \x3Cspan style="margin-right:6px;">Tom's Guide:${_span}                  \x3Cdiv style="display:flex;gap:2px;">                    ${stars.join('')}                  ${_div}                ${_div}`;              }            }            let htmlOutput = '';            if (isSavingsSquadMode) {              htmlOutput += `              \x3Cdiv class="hawk-deal-widget-container tg-df-mobile-only" data-collapsible="true">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''} style="margin-bottom: 10px;">` : ''}                \x3Cdiv class="hawk-deal-widget-wrap">                  \x3Cdiv class="hawk-deal-widget-image-container">                    \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" rel="sponsored noopener" target="_blank" class="hawk-affiliate-link-deal-widget" ${dataAttr}>                      \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="hawk-lazy-image-deal-widget" loading="lazy" width="140" height="160" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                    ${_a}                  ${_div}                  \x3Cdiv class="hawk-deal-widget-text-cta-container">                    \x3Cdiv class="hawk-deal-widget-text-body-container">                      \x3Cdiv class="hawk-deal-widget-text-body-main">                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          ${deal.isCheckPrice ? `                            \x3Cspan class="hawk-deal-widget-title-product-title">${this.escapeHTML(deal.title)}${_span}                          ` : `                            \x3Cspan class="hawk-deal-widget-title-product-title">${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_span}                          `}                        ${_a}                        ${!deal.isCheckPrice && deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan class="hawk-deal-widget-title-was-price">was ${currencySym}${escapedMsrp}${_span}                          ${_a}                        ` : ''}                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          \x3Cspan class="hawk-deal-widget-title-retailer-price">                            ${!deal.isCheckPrice ? `                              \x3Cspan class="hawk-deal-widget-title-price">now ${formattedPrice}${_span}                              \x3Cspan class="hawk-deal-widget-title-retailer"> at ${this.escapeHTML(deal.merchant)}${_span}                            ` : `                              \x3Cspan class="hawk-deal-widget-title-price">See price at ${this.escapeHTML(deal.merchant)}${_span}                            `}                          ${_span}                        ${_a}                        ${deal.description ? `\x3Cdiv class="hawk-deal-widget-text-body-description">\x3Cp>${this.escapeHTML(deal.description)}${_p}${_div}` : ''}                      ${_div}                    ${_div}                    \x3Cdiv class="hawk-deal-widget-footer">                      \x3Cdiv class="hawk-deal-widget-button-wrapper">                        \x3Cdiv class="hawk-deal-widget-preferred-partner-wrapper">                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-deal-button" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan>${deal.isCheckPrice ? 'Check Price' : 'View Deal'}${_span}                          ${_a}                        ${_div}                      ${_div}                    ${_div}                  ${_div}                ${_div}              ${_div}              `;            }            htmlOutput += `              \x3Cdiv class="tg-df-card ${isSavingsSquadMode ? 'tg-df-desktop-only' : ''}">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''}>` : ''}                \x3Cdiv class="tg-df-card-image-box">                  ${discountBadgeHtml}                  \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">                    \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="tg-df-card-image" loading="lazy" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                  ${_a}                ${_div}                \x3Cdiv class="tg-df-card-body">                  ${starHtml}                  ${badgesHtml}                  \x3Ch3 class="tg-df-card-title tg-df-custom-savings-squad-title" title="${this.escapeHTML(deal.title)}">                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" disable-tracking="true" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit;">                      ${isSavingsSquadMode                         ? (deal.isCheckPrice                             ? (deal.title && deal.title.includes(':')                                 ? `\x3Cstrong>${this.escapeHTML(deal.title.substring(0, deal.title.indexOf(':') + 1))}${_strong}\x3Cspan style="color: #1f69ff; font-weight: normal;">${this.escapeHTML(deal.title.substring(deal.title.indexOf(':') + 1))}${_span}`                                : this.escapeHTML(deal.title)                              )                             : `\x3Cstrong>${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_strong} ${deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `\x3Cspan style="color: #d0021b; text-decoration: line-through; font-weight: normal; margin-right: 4px;">was ${currencySym}${escapedMsrp}${_span} ` : ''}\x3Cspan style="color: #1f69ff; font-weight: normal;">now ${formattedPrice} at ${this.escapeHTML(deal.merchant)}${_span}`                          )                        : this.escapeHTML(deal.title)                      }                    ${_a}                  ${_h3}                  ${deal.description ? `\x3Cp style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 12px; line-height: 1.4;">${this.escapeHTML(deal.description)}${_p}` : ''}                  \x3Cdiv class="tg-df-card-footer">                    ${priceGroupHtml}                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" class="tg-df-card-cta ${isSavingsSquadMode ? 'tg-df-cta-savings-squad' : ''}" style="text-decoration: none;">${ctaText}${_a}                  ${_div}                ${_div}              ${_div}            `;                        return htmlOutput;            } catch (e) {               console.log("Error rendering deal in map for index", index, typeof deal === 'object' ? JSON.stringify(deal) : deal, "MSG:", e.message);               return '';            }          }).join('');                    if (displayDeals.length > this.displayLimit || ((this.getViewMode() === 'carousel' || this.getViewMode() === 'auto') && displayDeals.length > 0 && displayDeals.length % ((this.rowsSelect && this.rowsSelect.value) ? parseInt(this.rowsSelect.value, 10) : 12) === 0)) {            if (this.getViewMode() === 'carousel') {               dealsHtml += `                 \x3Cbutton type="button" class="tg-df-load-more-card tg-df-load-more">                   \x3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 8px;">\x3Cpath d="M5 12h14">\x3C/path>\x3Cpath d="m12 5 7 7-7 7">\x3C/path>\x3C/svg>                   Load More                 ${_button}               `;            } else {               dealsHtml += `                 \x3Cdiv style="width: 100%; display: flex; justify-content: center; margin-top: 16px; grid-column: 1 / -1;">                   \x3Cbutton type="button" class="tg-df-tag-outline tg-df-load-more" style="padding: 8px 24px; border-radius: 100px; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center;">Load More${_button}                 ${_div}               `;            }          }                    this.grid.innerHTML = dealsHtml;          // Inject JSON-LD          try {            let targetNode = this.hostContainer || document.head;            let jsonLdScript = targetNode.querySelector('#tg-df-json-ld-' + this.widgetId);            if (!jsonLdScript) {                jsonLdScript = document.createElement('script');                jsonLdScript.type = 'application/ld+json';                jsonLdScript.id = 'tg-df-json-ld-' + this.widgetId;                targetNode.appendChild(jsonLdScript);            }            const jsonLdData = {              "@context": "https://schema.org",              "@type": "ItemList",              "itemListElement": displayDeals.slice(0, this.displayLimit).map((deal, index) => {                 let isoCurrency = "USD";                 if (deal.currency === '£') isoCurrency = "GBP";                 else if (deal.currency === '€') isoCurrency = "EUR";                 else if (deal.currency === 'A$') isoCurrency = "AUD";                 else if (deal.currency === 'CA$') isoCurrency = "CAD";                 const areaCode = typeof this.getAreaCode === 'function' ? this.getAreaCode() : 'US';                 const revenueId = typeof generateRevenueId === 'function' ? generateRevenueId(deal.url, deal.title, deal.merchant, null) : '';                 const rewrittenLink = typeof rewriteAffiliateLink === 'function' ? rewriteAffiliateLink(deal.url, areaCode, revenueId) : deal.url;                 return {                   "@type": "ListItem",                   "position": index + 1,                   "item": {                     "@type": "Product",                     "name": deal.title,                     "image": deal.image || "",                     "description": deal.description || "",                     "brand": {                       "@type": "Brand",                       "name": deal.brand || ""                     },                     "offers": {                       "@type": "Offer",                       "priceCurrency": isoCurrency,                       "price": deal.rawPrice || 0,                       "url": rewrittenLink,                       "seller": {                         "@type": "Organization",                         "name": deal.merchant || ""                       }                     }                   }                 };              }).filter(item => item.item.name)            };            jsonLdScript.textContent = JSON.stringify(jsonLdData);          } catch(e) { console.warn("JSON-LD generation failed", e); }                    let gridWrapper = this.grid.parentElement;          if (gridWrapper && gridWrapper.classList.contains('tg-df-grid-wrapper')) {             let rightChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-right');             let leftChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-left');             if (this.getViewMode() === 'carousel') {                 // The observer set up in setupScrollListeners handles visibility.                 if (rightChevron) rightChevron.style.display = 'flex';                 if (leftChevron) leftChevron.style.display = 'none'; // reset correctly             } else {                 if (rightChevron) rightChevron.style.display = 'none';                 if (leftChevron) leftChevron.style.display = 'none';             }          }                    const loadMoreBtn = this.grid.querySelector('.tg-df-load-more');          if (loadMoreBtn) {            loadMoreBtn.addEventListener('click', async () => {              if (typeof trackElementInteraction === 'function') {                trackElementInteraction({ id: 'load-more', name: 'Load more', label: 'Load More Results' });              }              if (displayDeals.length <= this.displayLimit) {                 loadMoreBtn.innerHTML = `                  <svg class="tg-df-spinner" style="width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83"/></svg>                  Loading...                 `;                 loadMoreBtn.disabled = true;                 await this.fetchDeals(this.currentQuery, true);              } else {                 this.displayLimit += this.getRowsLimit();                 this.render();              }            });          }                      this.bindCouponButtons();            this.checkAndUpdateCoupons();                        // Allow hawklinks.js to discover and rewrite our widget links             // by appending the .article-body class and manually triggering processArticle.            let container = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (container && !container.classList.contains('article-body')) {               container.classList.add('article-body');            }            setTimeout(() => {               if (this.grid && !this.grid.classList.contains('article-body')) this.grid.classList.add('article-body');               document.dispatchEvent(new CustomEvent('processArticle', { detail: { element: this.root } }));            }, 50);          } catch(e) {            console.warn("Widget render error", e);          }        }                async checkAndUpdateCoupons() {          const wrappers = Array.from(this.root.querySelectorAll('.tg-df-coupon-wrapper'));          if (wrappers.length === 0) return;                    const merchants = [...new Set(wrappers.map(w => w.getAttribute('data-merchant')).filter(Boolean))];          if (merchants.length === 0) return;          const couponResultsMap = await this.checkMerchantsCouponsBulk(merchants);                    for (const merchant of merchants) {            const hasCoupons = !!couponResultsMap[merchant];            const merchantWrappers = wrappers.filter(w => w.getAttribute('data-merchant') === merchant);            merchantWrappers.forEach(wrapper => {              const spinner = wrapper.querySelector('.tg-df-coupon-spinner');              const btn = wrapper.querySelector('.tg-df-tag-coupons');                            if (spinner) spinner.style.display = 'none';                            if (hasCoupons && btn) {                btn.style.display = 'inline-flex';              } else if (!hasCoupons) {                wrapper.style.display = 'none';              }            });          }        }        updateFloatingCopyBar() {          if (!this.editorBar || !this.editorSelectedCount) return;          if (this.editorMode && this.selectedDeals.size > 0) {            this.editorBar.style.display = 'flex';            this.editorSelectedCount.innerText = this.selectedDeals.size;          } else {            this.editorBar.style.display = 'none';          }        }        async copySelectedDealsToCMS() {           function htmlToSlate(htmlString) {              if (!htmlString) return [{ type: 'paragraph', children: [{ text: '' }] }];              let doc;              if (typeof window !== 'undefined' && window.DOMParser) {                 doc = new DOMParser().parseFromString(htmlString, 'text/html');              } else {                 doc = document.implementation.createHTMLDocument('');                 doc.body.innerHTML = htmlString;              }                            function parseNode(node, marks = {}) {                  if (node.nodeType === 3) {                      const text = node.textContent;                      if (!text) return null;                      return { text: text, ...marks };                  }                  if (node.nodeType === 1) {                      const tagName = node.tagName.toLowerCase();                      if (tagName === 'br') {                          return { type: 'line-break', children: [{ text: '' }] };                      }                      if (tagName === 'p') {                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return { type: 'paragraph', children };                      }                      if (tagName === 'strong' || tagName === 'b') {                          const newMarks = { ...marks, bold: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'em' || tagName === 'i') {                          const newMarks = { ...marks, italic: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'a') {                          const href = node.getAttribute('href') || '';                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return {                              type: 'link',                              url: href,                              isNoFollow: (node.getAttribute('rel') || '').includes('nofollow'),                              isSponsored: (node.getAttribute('rel') || '').includes('sponsored'),                              isOpenNewTab: node.getAttribute('target') === '_blank',                              isPreventDataRewrite: false,                              children: children                          };                      }                      return Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                  }                  return null;              }                            let blocksArray = [];              let currentParagraphChildren = [];              function flushParagraph() {                  if (currentParagraphChildren.length > 0) {                      blocksArray.push({ type: 'paragraph', children: currentParagraphChildren });                      currentParagraphChildren = [];                  }              }              Array.from(doc.body.childNodes).forEach(node => {                  const parsed = parseNode(node, {});                  const parsedItems = Array.isArray(parsed) ? parsed : (parsed ? [parsed] : []);                  parsedItems.forEach(item => {                      if (item.type === 'paragraph') {                          flushParagraph();                          blocksArray.push(item);                      } else {                          currentParagraphChildren.push(item);                      }                  });              });              flushParagraph();              if (blocksArray.length === 0) {                  blocksArray = [{ type: 'paragraph', children: [{ text: '' }] }];              }              return blocksArray;           }           const blocks = [];                      this.editorCopyBtn.innerHTML = '\x3Cspan class="tg-df-coupon-spinner" style="display:inline-block; margin-right:8px; border-top-color:#fff;">' + '<' + '/span> Copying...';           for (const deal of Array.from(this.selectedDeals.values())) {              const url = deal.url;              const merchant = deal.merchant;              const title = deal.title;              const image = deal.image;              const currentPrice = deal.currency + deal.rawPrice;              const wasPrice = deal.hasWasPrice && deal.rawMsrp > deal.rawPrice ? deal.currency + deal.rawMsrp : '';                            let couponsChildren = [];              try {                  const area = this.getAreaCode();                  const apiUrl = new URL('https://search-api.fie.future.net.uk/widget.php');                  apiUrl.searchParams.append('model_name', 'Everything');                  apiUrl.searchParams.append('language', 'en-GB');                  apiUrl.searchParams.append('area', area);                  apiUrl.searchParams.append('combine_product_types', '1');                  apiUrl.searchParams.append('filter_merchant_name', merchant);                  apiUrl.searchParams.append('all_filters', 'false');                  apiUrl.searchParams.append('exclude_unlabelled', 'false');                  apiUrl.searchParams.append('include_specs', 'false');                  apiUrl.searchParams.append('sort', 'voucher');                  apiUrl.searchParams.append('distinct_merchants', 'natural');                  apiUrl.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');                  apiUrl.searchParams.append('rows', '3');                  apiUrl.searchParams.append('origin', 'widgets-clientside');                                    let res; try { res = await fetch(apiUrl.toString()); } catch (e) { return; }                  if (res.ok) {                      const data = await res.json();                      let offers = [];                      if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {                        offers = data.widget.data.offers;                      } else if (data && data.data && Array.isArray(data.data.offers)) {                        offers = data.data.offers;                      }                                            if (offers.length > 0) {                          couponsChildren.push({ text: "Also check out these coupons: ", bold: true });                          offers.slice(0, 3).forEach((offer, idx) => {                              const actualOffer = offer.offer || offer;                              const offerName = actualOffer.name || actualOffer.title || offer.model_name || offer.title || offer.name || 'Coupon';                              const linkUrl = actualOffer.link || actualOffer.url || actualOffer.offer_link || '#';                              couponsChildren.push({ type: "line-break", children: [{ text: "" }] });                              couponsChildren.push({ text: "🎟️ " });                              couponsChildren.push({                                  type: "link",                                  url: linkUrl,                                  isNoFollow: true,                                  isSponsored: false,                                  isOpenNewTab: true,                                  isPreventDataRewrite: false,                                  children: [{ text: offerName, bold: true }]                              });                          });                      }                  }              } catch (err) {                  console.warn('Failed to fetch coupons for', merchant, err);              }              let descriptionValue = [];              if (deal.text) {                 descriptionValue = htmlToSlate(deal.text);              } else {                 const dealDescriptions = [                   `Don't miss out on this fantastic deal for the ${title}. It is currently available at ${merchant} for a highly competitive price.`,                   `We've spotted an excellent price drop on the ${title}. Grab it now at ${merchant} before it's gone.`,                   `The ${title} is currently seeing a generous discount over at ${merchant}. This is a perfect time to buy if you've been holding out.`,                   `If you're in the market for the ${title}, ${merchant} has just the deal for you.`,                   `Score the ${title} for less at ${merchant} right now. This is a rare chance to save big.`,                   `Upgrade your setup with the ${title}, now available at a stellar price via ${merchant}.`                 ];                 const randomDescription = dealDescriptions[Math.floor(Math.random() * dealDescriptions.length)];                 descriptionValue = [                    { type: "paragraph", children: [{ text: randomDescription }] }                 ];              }                            if (couponsChildren.length > 0) {                 let lastBlock = descriptionValue[descriptionValue.length - 1];                 if (lastBlock && lastBlock.type === 'paragraph') {                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ text: "Also check out these coupons: ", bold: true });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children = lastBlock.children.concat(couponsChildren);                 } else {                     descriptionValue.push({                         type: "paragraph",                         children: [                             { type: "line-break", children: [{ text: "" }] },                             { type: "line-break", children: [{ text: "" }] },                             { text: "Also check out these coupons: ", bold: true },                             { type: "line-break", children: [{ text: "" }] },                             ...couponsChildren                         ]                     });                 }              }              function normalizeCurrencyToISO(symbol) {                const map = { '£': 'GBP', '$': 'USD', 'A$': 'AUD', 'CA$': 'CAD', '€': 'EUR' };                return map[symbol] || symbol;              }              const isoCurrency = normalizeCurrencyToISO(deal.currency);              blocks.push({                 id: (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'cms-' + Date.now() + Math.random(),                 blockTypeName: "deal",                 excludeFrom: [],                 collapsible: false,                 props: {                    description: {                       value: descriptionValue,                       touched: false,                       validationMessage: ""                    },                    image: {                       value: {                          credit: [{ type: "paragraph", children: [{ text: merchant }] }],                          dateCreated: Date.now(),                          dateModified: Date.now(),                          distribution: [],                          fileSize: 0,                          height: 1000,                          id: deal.id,                          imageRights: "",                          src: image,                          name: title + ".jpg",                          tags: [],                          width: 1000                       },                       touched: false,                       validationMessage: ""                    },                    showDealButton: { value: true, touched: false, validationMessage: "" },                    isPreferredPartner: { value: false, touched: false, validationMessage: "" },                    linkHref: { value: url, touched: false, validationMessage: "" },                    linkLabel: { value: "", touched: false, validationMessage: "" },                    linkIsNoFollow: { value: true, touched: false, validationMessage: "" },                    linkIsSponsored: { value: false, touched: false, validationMessage: "" },                    linkIsOpenNewWindow: { value: true, touched: false, validationMessage: "" },                    customPromoFlags: { value: [], touched: false, validationMessage: "" },                    showStarDeal: { value: false, touched: false, validationMessage: "" },                    savingType: { value: "none", touched: false, validationMessage: "" },                    starDealPromoFlag: { value: "", touched: false, validationMessage: "" },                    showEditorsChoice: { value: false, touched: false, validationMessage: "" },                    editorsChoiceTitle: { value: "", touched: false, validationMessage: "" },                    hawkPriceCurrency: { value: { value: isoCurrency, label: isoCurrency }, touched: false, validationMessage: "" },                    hawkPrice: { value: deal.hasWasPrice ? String(deal.rawMsrp) : String(deal.rawPrice), touched: false, validationMessage: "" },                    hawkSalePrice: { value: String(deal.rawPrice), touched: false, validationMessage: "" },                    lastCheckedPriceDate: { value: "", touched: false, validationMessage: "" },                    hawkModel: { touched: false, validationMessage: "" },                    productId: { value: "", touched: false, validationMessage: "" },                    voucherId: { value: "", touched: false, validationMessage: "" },                    brand: { value: deal.brand || merchant, touched: false, validationMessage: "" },                    productName: { value: title, touched: false, validationMessage: "" },                    label: { value: "", touched: false, validationMessage: "" },                    retailer: { value: merchant, touched: false, validationMessage: "" },                    priceCheckError: false                 },                 failedFetchError: ""              });           }           const payload = {              type: "articleBuilderPages",              data: blocks           };           const jsonStr = JSON.stringify(payload);                      if (navigator.clipboard && navigator.clipboard.writeText) {              navigator.clipboard.writeText(jsonStr).then(() => {                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              }).catch(err => {                 console.warn('Failed to copy text: ', err);                 alert('Failed to copy deals to clipboard. See console.');              });           } else {              // Fallback              const textArea = document.createElement("textarea");              textArea.value = jsonStr;              document.body.appendChild(textArea);              textArea.focus();              textArea.select();              try {                 document.execCommand('copy');                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              } catch (err) {                 console.warn('Fallback: Oops, unable to copy', err);                 alert('Fallback: Failed to copy deals to clipboard.');              }              document.body.removeChild(textArea);           }        }      }      // Initialize the Widget      if (document.readyState === 'loading') {        document.addEventListener('DOMContentLoaded', () => new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer }));      } else {        new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer });      }    })();  </script></div>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Free TV on PS5: Sony just quietly launched a Pluto and Tubi competitor with 100+ live channels ]]></title>
                                                                                                <dc:content><![CDATA[ <p>I'm a lot of things, and a cheapskate is one of them. Subscriptions are only getting more expensive, so I take every chance I can get to shout out whatever <a href="https://www.tomsguide.com/best-picks/best-free-streaming-services" target="_blank">the best free streaming services</a> have to offer. Now, Sony's launched a convenient <strong>new PlayStation 5 feature that adds over 100 free live channels. </strong></p><p>It's Sony's take on free ad-supported television like Tubi, Pluto TV and the Roku Channel, bringing fan-favorite TV shows like <strong>"Community"</strong> and <strong>"The Walking Dead" </strong>alongside sports programming from <strong>NFL Channel</strong>, <strong>UFC</strong>, and other staples, news, weather, long-running anime series from <strong>Crunchyroll</strong>, and more to the gaming console you already use. </p><p>(Btw if you're looking to snag a PS5 Pro to play GTA 6 on, check out our live blog on all <a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-restocks-latest-updates" target="_blank">the latest PS5 Pro restocks</a>.)</p><p><strong>To watch these new free channels (you can find a full list below) now</strong>, just go to the <strong>Media tab</strong> on the console's home screen, <strong>select the Live TV on PS5 icon</strong>, and sign in to your PlayStation Account. Easy as that! Live TV on PS5 is currently available in the U.S. to start, and Sony plans to roll it out to Canada and other regions in due time. </p><p>Sony said the service will evolve over time, but at launch, here's all the free programming you can watch now:</p><h3 class="article-body__section" id="section-all-the-new-live-tv-channels-on-ps5"><span>All the new live TV channels on PS5</span></h3><ul><li><strong>Movies –</strong> Free movies across action, horror, sci-fi and more, with channels including MovieSphere by Lionsgate, 50 Cent Action, FilmRise Free Movies, Sony One Horror Hits and Cinevault.</li><li><strong>TV Shows –</strong> Fan-favorite programming including Community, The Shield, Hell’s Kitchen, The Walking Dead, Forensic Files, Unsolved Mysteries, Deal or No Deal USA and Fear Factor, plus Ice Road Truckers from A+E’s HISTORY.</li><li><strong>Anime – </strong>Anime favorites including Naruto, Sailor Moon, Hunter x Hunter, Death Note and more, including exclusive channels Black Clover and Box Sets channels from Crunchyroll.</li><li><strong>Sports – </strong>Sports programming from FOX Sports, NASCAR, NBC Sports Now, UFC and more spanning MMA, football, hockey, motorsports, golf, boxing and soccer</li><li><strong>News & Weather – </strong>National, local and international coverage including NBC News Now, Fox Weather, and LiveNOW from FOX</li><li><strong>Creator & Specialty Programming – </strong>Programming featuring Hot Ones, Spotify’s The Ringer, Futcrunch, Idle Mode, comedy, action sports, gaming, esports and other creator-led content.</li><li><strong>Additional Programming – </strong>Discover gaming and esports, creator-led entertainment, documentaries, podcasts and other specialty programming, including eCLUTCH (exclusive) and more.</li></ul><figure class="inline-layout"><div style="min-height: 400px;"><fw-embed-feed channel="toms_guide" playlist="gdR2W4" mode="row" player_placement="bottom-right"></fw-embed-feed></div></figure><p>It's the same FAST (Free Ad-Supported Streaming TV) channels that have been available for years on free streaming services like Tubi and Pluto TV, now just all in one convenient location on your PS5. Both live and on-demand content will be available at launch, and there's no paid subscription, hidden fees, or downloads required.</p><p>I'm always happy to see more free streaming options arrive on the scene since the days of streaming as a cheaper alternative to cable are long gone. Of the PS5's selling points, Live TV channels are barely a footnote, but it's a handy addition for those who already own a console and want to have access to live news, the latest seasons of their favorite TV shows, and sports all in one place.  So who else is gonna join me in watching the 50 Cent Action channel on PS5 tonight?</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/us/best-cable-replacements,review-4387.html">The best live TV streaming services in 2026: Cable TV alternatives that save you money</a></li><li><a href="https://www.tomsguide.com/entertainment/streaming/i-watched-hours-of-tubi-and-pluto-tv-to-see-which-free-streaming-service-has-more-ads-and-one-has-twice-as-many">I watched hours of Tubi and Pluto TV to see which free streaming service has more ads — and one has twice as many</a></li><li><a href="https://www.tomsguide.com/entertainment/streaming/3-free-shows-on-the-roku-channel-with-a-lot-of-seasons-including-a-nathan-fillion-mystery-drama">3 free shows on the Roku Channel with a lot of seasons — including a Nathan Fillion mystery drama</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/playstation/free-tv-on-ps5-sony-just-quietly-launched-a-pluto-and-tubi-competitor-with-100-live-channels</link>
                                                                            <description>
                            <![CDATA[ Sony just added over 100 live TV channels on PS5 for free — here's everything you can watch right now. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">RRMqkLB5y5659cEERi24gE</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/SGv7yeJNGJAioHnbNjRdVV-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Mon, 31 Aug 2026 20:59:52 +0000</pubDate>                                                                                                                                <updated>Mon, 07 Sep 2026 09:24:14 +0000</updated>
                                                                                                                                            <category><![CDATA[Playstation]]></category>
                                                    <category><![CDATA[Streaming]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                    <category><![CDATA[Entertainment]]></category>
                                                                                                                    <dc:creator><![CDATA[ Alyse Stanley ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/BxNnQuBWRHqkv5xWZsjrjc.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Alyse Stanley is a news editor at Tom’s Guide, overseeing weekend coverage and writing about the latest in tech, gaming, and entertainment. Before Tom’s Guide, Alyse worked as an editor for the Washington Post’s sunsetted video game section, Launcher, where she also wrote about indie games you shouldn’t miss, how to tackle your gaming backlog, and all things Nintendo. She previously led Gizmodo’s weekend news desk covering breaking tech news and has written game reviews and features for outlets like Polygon, Unwinnable, and Rock, Paper, Shotgun. A recent Chicago-area transplant born and raised in Virginia, Alyse is a big fan of horror movies, cartoons, and roller skating. She&#039;s also a puzzle fan and can often be found contributing to the NYT Connections coverage on Tom&#039;s Guide &lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/SGv7yeJNGJAioHnbNjRdVV-1280-80.jpg">
                                                            <media:credit><![CDATA[Sony]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[A selection of channels displayed alongside the text: Live TV on PS5 - Watch Something Great.]]></media:description>                                                            <media:text><![CDATA[A selection of channels displayed alongside the text: Live TV on PS5 - Watch Something Great.]]></media:text>
                                <media:title type="plain"><![CDATA[A selection of channels displayed alongside the text: Live TV on PS5 - Watch Something Great.]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/SGv7yeJNGJAioHnbNjRdVV-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>I'm a lot of things, and a cheapskate is one of them. Subscriptions are only getting more expensive, so I take every chance I can get to shout out whatever <a href="https://www.tomsguide.com/best-picks/best-free-streaming-services" target="_blank">the best free streaming services</a> have to offer. Now, Sony's launched a convenient <strong>new PlayStation 5 feature that adds over 100 free live channels. </strong></p><p>It's Sony's take on free ad-supported television like Tubi, Pluto TV and the Roku Channel, bringing fan-favorite TV shows like <strong>"Community"</strong> and <strong>"The Walking Dead" </strong>alongside sports programming from <strong>NFL Channel</strong>, <strong>UFC</strong>, and other staples, news, weather, long-running anime series from <strong>Crunchyroll</strong>, and more to the gaming console you already use. </p><p>(Btw if you're looking to snag a PS5 Pro to play GTA 6 on, check out our live blog on all <a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-restocks-latest-updates" target="_blank">the latest PS5 Pro restocks</a>.)</p><p><strong>To watch these new free channels (you can find a full list below) now</strong>, just go to the <strong>Media tab</strong> on the console's home screen, <strong>select the Live TV on PS5 icon</strong>, and sign in to your PlayStation Account. Easy as that! Live TV on PS5 is currently available in the U.S. to start, and Sony plans to roll it out to Canada and other regions in due time. </p><p>Sony said the service will evolve over time, but at launch, here's all the free programming you can watch now:</p><h3 class="article-body__section" id="section-all-the-new-live-tv-channels-on-ps5"><span>All the new live TV channels on PS5</span></h3><ul><li><strong>Movies –</strong> Free movies across action, horror, sci-fi and more, with channels including MovieSphere by Lionsgate, 50 Cent Action, FilmRise Free Movies, Sony One Horror Hits and Cinevault.</li><li><strong>TV Shows –</strong> Fan-favorite programming including Community, The Shield, Hell’s Kitchen, The Walking Dead, Forensic Files, Unsolved Mysteries, Deal or No Deal USA and Fear Factor, plus Ice Road Truckers from A+E’s HISTORY.</li><li><strong>Anime – </strong>Anime favorites including Naruto, Sailor Moon, Hunter x Hunter, Death Note and more, including exclusive channels Black Clover and Box Sets channels from Crunchyroll.</li><li><strong>Sports – </strong>Sports programming from FOX Sports, NASCAR, NBC Sports Now, UFC and more spanning MMA, football, hockey, motorsports, golf, boxing and soccer</li><li><strong>News & Weather – </strong>National, local and international coverage including NBC News Now, Fox Weather, and LiveNOW from FOX</li><li><strong>Creator & Specialty Programming – </strong>Programming featuring Hot Ones, Spotify’s The Ringer, Futcrunch, Idle Mode, comedy, action sports, gaming, esports and other creator-led content.</li><li><strong>Additional Programming – </strong>Discover gaming and esports, creator-led entertainment, documentaries, podcasts and other specialty programming, including eCLUTCH (exclusive) and more.</li></ul><figure class="inline-layout"><div style="min-height: 400px;"><fw-embed-feed channel="toms_guide" playlist="gdR2W4" mode="row" player_placement="bottom-right"></fw-embed-feed></div></figure><p>It's the same FAST (Free Ad-Supported Streaming TV) channels that have been available for years on free streaming services like Tubi and Pluto TV, now just all in one convenient location on your PS5. Both live and on-demand content will be available at launch, and there's no paid subscription, hidden fees, or downloads required.</p><p>I'm always happy to see more free streaming options arrive on the scene since the days of streaming as a cheaper alternative to cable are long gone. Of the PS5's selling points, Live TV channels are barely a footnote, but it's a handy addition for those who already own a console and want to have access to live news, the latest seasons of their favorite TV shows, and sports all in one place.  So who else is gonna join me in watching the 50 Cent Action channel on PS5 tonight?</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/us/best-cable-replacements,review-4387.html">The best live TV streaming services in 2026: Cable TV alternatives that save you money</a></li><li><a href="https://www.tomsguide.com/entertainment/streaming/i-watched-hours-of-tubi-and-pluto-tv-to-see-which-free-streaming-service-has-more-ads-and-one-has-twice-as-many">I watched hours of Tubi and Pluto TV to see which free streaming service has more ads — and one has twice as many</a></li><li><a href="https://www.tomsguide.com/entertainment/streaming/3-free-shows-on-the-roku-channel-with-a-lot-of-seasons-including-a-nathan-fillion-mystery-drama">3 free shows on the Roku Channel with a lot of seasons — including a Nathan Fillion mystery drama</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ PS5 Pro restocks — latest updates as major retailers sell out ahead of GTA 6 launch ]]></title>
                                                                                                <dc:content><![CDATA[ <div  class="fancy-box"><div class="fancy_box-title">PS5 Pro restocks: latest updates</div><div class="fancy_box_body"><p class="fancy-box__body-text">As of Monday, September 7, 2026, the <strong>PS5 Pro is sold out</strong> across major retailers. <a data-analytics-id="inline-link" href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-pro-console/20015604.html" target="_blank" rel="nofollow"><strong>GameStop has limited pre-owned inventory</strong></a>. Availability differs by region, so check your local stores now. Meanwhile, <a data-analytics-id="inline-link" href="https://www.bestbuy.com/product/playstation-5-pro-console/JXHQ37TR86" target="_blank" rel="nofollow"><strong>Best Buy is selling the PS5 Pro for $1,499 </strong></a>via a third-party seller (EZ Tech). Avoid this scalping attempt and wait for restocks, which will hopefully arrive soon.</p></div></div><p>The <a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-review">PS5 Pro</a> is suddenly experiencing a wave of stock shortages, and a certain <a href="https://www.tomsguide.com/news/live/gta-6-netflix-event-2026-live-latest-updates">GTA 6</a> appears to be the culprit. PlayStation’s premium console turns two years old in November and was readily available at launch. However, with the Grand Theft Auto VI juggernaut on the horizon, gamers appear eager to upgrade their setup for the best possible experience.</p><p>The sudden spike in demand for the PS5 Pro has seen major retailers sell out of stock, and even the PS5 Pro’s March price hike (from $699 to $899) seemingly isn’t deterring buyers. In fact, there are reports of resale sites listing the console for as much as $1,300. But don’t give in to the scalpers; here at Tom’s Guide, it's our mission to get you a PS5 Pro at a fair price.</p><p>We’re experienced restock trackers, having covered everything from the original PS5 launch to the very popular PlayStation 30th Anniversary Collection. So, if you want to upgrade to a PS5 Pro before GTA 6 launches on November 19, we’ve got the latest restock updates down below. Be sure to bookmark this article, as we’ll update you when PS5 Pro stock appears.</p><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/2zd1Hbj9Pxc" allowfullscreen></iframe></div></div><h3 class="article-body__section" id="section-ps5-pro-restock-latest-updates"><span>PS5 Pro restock — latest updates</span></h3><p>As of 8:07 a.m. ET on Monday, September 7, <strong>the PS5 Pro remains out of stock </strong>at major retailers. That includes Amazon, Best Buy, Walmart, Target, and even PlayStation's own official online retail arm, PlayStation Direct.</p><p>The restock situation is particularly bleak at present. There have been no signs of stock for well over a week, but we're still watching in the hopes that retailers will offer fresh chances to secure one in the near future.</p><p>If you don't want to wait for "new" PS5 Pro restocks to appear, <a href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-pro-console/20015604.html" target="_blank" rel="nofollow"><strong>GameStop offers pre-owned units</strong></a>, but stock varies by location (so check your nearest store). Or, a Best Buy third-party seller is <a href="https://www.bestbuy.com/product/playstation-5-pro-console/JXHQ37TR86" target="_blank" rel="nofollow"><strong>attempting to sell PS5 Pros for $1,499</strong></a>, which is an eyewatering $600 over MSRP. My advice is to avoid this listing and wait it out. PS5 Pro is certainly not worth $1,500. </p><h3 class="article-body__section" id="section-ps5-pro-restock-quick-links"><span>PS5 Pro restock — Quick links</span></h3><ul><li><strong>PS5 Pro: </strong><a href="https://www.amazon.com/PlayStation%C2%AE5-console-1TB-PlayStation-5/dp/B0FTMY4YZ2" target="_blank" rel="nofollow"><strong>check stock @ Amazon</strong></a></li><li><strong>PS5 Pro: </strong><a href="https://www.bestbuy.com/product/playstation-5-pro-console/JXHQ37TR86" target="_blank" rel="nofollow"><strong>check stock @ Best Buy</strong></a><strong></strong></li><li><strong>PS5 Pro: </strong><a href="https://www.walmart.com/ip/Sony-PlayStation-5-Pro-Console-PS5-Pro/18235967161" target="_blank" rel="nofollow"><strong>check stock @ Walmart</strong></a></li><li><strong>PS5 Pro: </strong><a href="https://www.target.com/p/playstation-5-pro-console/-/A-93620188" target="_blank" rel="nofollow"><strong>check stock @ Target</strong></a></li><li><strong>PS5 Pro: </strong><a href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-pro-console/20015604.html" target="_blank" rel="nofollow"><strong>check stock @ GameStop</strong></a></li><li><strong>PS5 Pro: </strong><a href="https://direct.playstation.com/en-us/buy-consoles/playstation5-pro-console-2-tb" target="_blank" rel="nofollow"><strong>check stock @ PlayStation Direct</strong></a></li></ul><h3 class="article-body__section" id="section-ps5-pro-restock-full-retailer-listings"><span> PS5 Pro restock — Full retailer listings</span></h3><div class="product"><a data-dimension112="afceaf42-a565-11f1-9c69-b79d26fbc6f0" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899" href="https://www.amazon.com/PlayStation%C2%AE5-console-1TB-PlayStation-5/dp/B0FTMY4YZ2" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ecjfqi2UgurxrA42rX7pML" name="Amazon-Logo.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/ecjfqi2UgurxrA42rX7pML.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Amazon is sold out of the PS5 Pro at present, but some third-party listings are available. However, these are priced at more than $1,300. Don't give in to the scalpers. Wait for restocks.<a class="view-deal button" href="https://www.amazon.com/PlayStation%C2%AE5-console-1TB-PlayStation-5/dp/B0FTMY4YZ2" target="_blank" rel="nofollow" data-dimension112="afceaf42-a565-11f1-9c69-b79d26fbc6f0" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899">View Deal</a></p></div><div class="product"><a data-dimension112="afceafc4-a565-11f1-bc55-d102585dfe98" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899" href="https://www.bestbuy.com/product/playstation-5-pro-console/JXHQ37TR86" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1331px;"><p class="vanilla-image-block" style="padding-top:68.52%;"><img id="yjsgCbZzcWDLMuhHtLHa7K" name="Best Buy deal block 2022.jpeg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/yjsgCbZzcWDLMuhHtLHa7K.jpeg" mos="" align="middle" fullscreen="" width="1331" height="912" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Best Buy is sold out of <em>new </em>PS5 Pro consoles, but is offering "open-box" units at select locations. This varies by region, so check your nearest Best Buy if you're willing to buy a console that has been returned to the retailer.<a class="view-deal button" href="https://www.bestbuy.com/product/playstation-5-pro-console/JXHQ37TR86" target="_blank" rel="nofollow" data-dimension112="afceafc4-a565-11f1-bc55-d102585dfe98" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899">View Deal</a></p></div><div class="product"><a data-dimension112="afceb032-a565-11f1-874e-19ca603a8483" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899" href="https://www.walmart.com/ip/Sony-PlayStation-5-Pro-Console-PS5-Pro/18235967161" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RZkKnBkdjDJ6QRZq2RmaPY" name="Walmart-Logo-2008" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/RZkKnBkdjDJ6QRZq2RmaPY.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Walmart is currently sold out of PS5 Pro consoles with the dreaded "out of stock" message greeting shoppers. Let's hope a Walmart PS5 Pro restock is on the horizon.<a class="view-deal button" href="https://www.walmart.com/ip/Sony-PlayStation-5-Pro-Console-PS5-Pro/18235967161" target="_blank" rel="nofollow" data-dimension112="afceb032-a565-11f1-874e-19ca603a8483" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899">View Deal</a></p></div><div class="product"><a data-dimension112="afceb0a0-a565-11f1-8cb3-a533332616a1" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899" href="https://www.target.com/p/playstation-5-pro-console/-/A-93620188" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:129.60%;"><img id="J4ioQbCcWu8knu9FrYgeRT" name="purepng.com-target-logologobrand-logoiconslogos-251519939485oxces" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/J4ioQbCcWu8knu9FrYgeRT.png" mos="" align="middle" fullscreen="" width="2000" height="2592" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Target is another major retailer currently sold out of the PS5 Pro console, but we're watching closely in case the national retailer restocks.<a class="view-deal button" href="https://www.target.com/p/playstation-5-pro-console/-/A-93620188" target="_blank" rel="nofollow" data-dimension112="afceb0a0-a565-11f1-8cb3-a533332616a1" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899">View Deal</a></p></div><div class="product"><a data-dimension112="afceb104-a565-11f1-b54c-8d73099a0a99" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899" href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-pro-console/20015604.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:400px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="EXpDruhoaAuddyN6RUCGyb" name="GameStop logo.png" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/EXpDruhoaAuddyN6RUCGyb.png" mos="" align="middle" fullscreen="" width="400" height="400" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>GameStop is sold out of new PS5 Pro consoles, but unlike its rival retailers, it does offer pre-owned and refurbished consoles. Availability is location-based, so check your local listings; you could get lucky and score a PS5 Pro today.<a class="view-deal button" href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-pro-console/20015604.html" target="_blank" rel="nofollow" data-dimension112="afceb104-a565-11f1-b54c-8d73099a0a99" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899">View Deal</a></p></div><div class="product"><a data-dimension112="afceb190-a565-11f1-98a8-c5bb502a3c39" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899" href="https://direct.playstation.com/en-us/buy-consoles/playstation5-pro-console-2-tb" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>PlayStation Direct is the company's official retail arm, so you might think it would be the best place to score a PS5 Pro. Unfortunately, even directly from PlayStation, the console is currently sold out. There could be restocks.<a class="view-deal button" href="https://direct.playstation.com/en-us/buy-consoles/playstation5-pro-console-2-tb" target="_blank" rel="nofollow" data-dimension112="afceb190-a565-11f1-98a8-c5bb502a3c39" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899">View Deal</a></p></div><div class="product"><a data-dimension112="077d1384-a582-11f1-bace-b5024116e8be" data-action="Deal Block" data-label="Refurb PS5 Pro: check stock @ Back Market" data-dimension48="Refurb PS5 Pro: check stock @ Back Market" href="https://www.backmarket.com/en-us/l/sony-playstation/dcbd8534-a5cd-4df0-9d54-dc80814fbcf6" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="YPipqtYVnu7Cbxs6UANHaK" name="Back Market logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/YPipqtYVnu7Cbxs6UANHaK.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong>Refurb PS5 Pro: </strong><a href="https://www.backmarket.com/en-us/l/sony-playstation/dcbd8534-a5cd-4df0-9d54-dc80814fbcf6" target="_blank" rel="nofollow" data-dimension112="077d1384-a582-11f1-bace-b5024116e8be" data-action="Deal Block" data-label="Refurb PS5 Pro: check stock @ Back Market" data-dimension48="Refurb PS5 Pro: check stock @ Back Market" data-dimension25=""><strong>check stock @ Back Market</strong></a><br>Back Market fights overproduction and overconsumption by giving new life to refurbished tech. Devices are inspected by industry professionals and guaranteed with a 30-day return window and 1-year warranty. Although they currently have refurb PS5 consoles, PS5 Pro consoles are out of stock. <a class="view-deal button" href="https://www.backmarket.com/en-us/l/sony-playstation/dcbd8534-a5cd-4df0-9d54-dc80814fbcf6" target="_blank" rel="nofollow" data-dimension112="077d1384-a582-11f1-bace-b5024116e8be" data-action="Deal Block" data-label="Refurb PS5 Pro: check stock @ Back Market" data-dimension48="Refurb PS5 Pro: check stock @ Back Market" data-dimension25="">View Deal</a></p></div><h3 class="article-body__section" id="section-ps5-pro-restock-what-you-need-to-know"><span>PS5 Pro restock — what you need to know</span></h3><h2 id="how-much-does-the-ps5-pro-cost">How much does the PS5 Pro cost?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="NLmsYxcW7zX8Zanxh3857J" name="ps5 pro image.jpg" alt="An image of the PS5 Pro on a blue background" src="https://cdn.mos.cms.futurecdn.net/NLmsYxcW7zX8Zanxh3857J.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>As of March 2026, the PS5 Pro retails for $899. This is quite a step up compared to the base <a href="https://www.tomsguide.com/gaming/playstation/ps5-slim">PS5 Slim</a>, priced at $649, and the PS5 Slim Digital Edition, which costs $599 as standard. </p><p>$899 was <em>not </em>the PS5 Pro’s launch price. The powerful PlayStation console initially retailed for $699, but earlier this year the price was hiked due to, in Sony’s words, “continued pressures in the global economic landscape.”</p><p>In simple terms, that means the increasing cost of RAM, which has been dubbed <a href="https://www.tomsguide.com/computing/ram-price-crisis-2026-everything-you-need-to-know">“RAMageddon.”</a> The price of RAM has spiralled in recent months due to overwhelming demand, particularly from AI and data companies. The result has been price increases across consumer tech. Sadly, video game consoles haven't escaped the price hikes seen across tech products.</p><h2 id="why-is-the-ps5-pro-sold-out-right-now">Why is the PS5 Pro sold out right now? </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="hyce8Ftu8N8gj3Dx5Dqg6b" name="gta-6-Jason_Duval_01" alt="Grand Theft Auto VI screenshot" src="https://cdn.mos.cms.futurecdn.net/hyce8Ftu8N8gj3Dx5Dqg6b.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar)</span></figcaption></figure><p>Since its launch in November 2024, the PS5 Pro had never been difficult to buy. I was in the pre-order trenches two years ago and can confirm first-hand that securing one was as simple as heading to your preferred retailer, checking out, and ideally not looking at your bank balance afterward. The price increase in March this year likely only further softened demand.</p><p>So what’s changed? That appears to be a little game called Grand Theft Auto VI. The long-awaited next mainline installment in Rockstar’s open-world crime series releases on November 19, and now that we’ve got a proper look at GTA 6 gameplay, the hype levels are reaching a peak. This has led many gamers to invest in their gaming setup before launch. </p><p>GTA 6 is dropping exclusively on console in November. It’s only on PS5 and <a href="">Xbox Series X</a>, and if you want to play GTA 6 on the most powerful console around, that’s the PS5 Pro. So we have the perfect storm of a once-in-a-generation game leading to increased demand on a console that was previously considered niche. Plus, Sony can’t just rapidly manufacture more stock due to the aforementioned rising cost of key components, like RAM.</p><h2 id="is-the-ps5-pro-worth-buying-in-2026">Is the PS5 Pro worth buying in 2026?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bSgJexzmBfwV8pzW9bKFJL" name="PS5 Pro-13" alt="PS5 Pro sitting horizontally on a table" src="https://cdn.mos.cms.futurecdn.net/bSgJexzmBfwV8pzW9bKFJL.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>This is a tough question to answer. Back in 2024, when <a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-review">I reviewed the PS5 Pro for Tom’s Guide</a>, I said, “The eye-watering $699 price tag makes it a machine that will only appeal to the most dedicated gamers,” and I stand by that verdict. The only thing that has changed is that the price has gone from eye-watering to downright off-putting. Yet, the PS5 Pro is selling out. </p><p>If you want to experience GTA 6 at its absolute best this November, the PS5 Pro will presumably be the place to play. Rockstar hasn’t yet confirmed how (or if) the game will utilize the Pro’s extra horsepower, but it’s expected to look (and run) best on the PS5 Pro. </p><p>However, $899 is a steep price to pay, and that’s assuming you can even find a PS5 Pro in stock for MSRP. It’s also worth noting that the recent <a href="https://www.youtube.com/watch?v=tJbzMqJGH4k">GTA 6: An Extended Look</a> presentation showcased the game running on a base PS5 console, and it certainly didn’t look bad — far from it. It looks stunning.</p><p>If you take your console gaming seriously, the PS5 Pro could be a worthwhile investment, as it’ll boost the performance of not just GTA 6, but also the majority of AAA games on the PlayStation platform, but I don’t think it’s an essential upgrade in 2026, any more than I did back in 2024.</p><h3 class="article-body__section" id="section-shop-more-deals"><span>Shop more deals</span></h3><div class="vizualizer-embed"><div class="tg-df-widget-host" data-widget-config="?search=Everything&min_discount_ratio=0.95&offer_type=all&view_mode=carousel&widget_title=Top+Deals+Handpicked+by+Our+Editors&widget_subtitle=Discover+the+best+discounts+currently+available%2C+curated+daily+by+the+Tom%27s+Guide+Savings+Squad.&bg_color=light_blue" data-vizualizer-embed="true"></div>    <script>    /**     * Tom's Guide Deals Finder - Vanilla JS Encapsulated Engine     */    (function() {      // --- Freyr Analytics Adapter ---      function initAnalytics() {        window.dataLayer = window.dataLayer || [];        window.googletag = window.googletag || {};        window.googletag.cmd = window.googletag.cmd || [];        window.hawk = window.hawk || { analytics: { freyr: [] } };        window.hawk.analytics = window.hawk.analytics || { freyr: [] };        window.hawk.analytics.freyr = window.hawk.analytics.freyr || [];        window.freyr = window.freyr || { cmd: [] };        const scriptSrc = 'https://freyr.futurecdn.net/freyr.js';        const hostname = typeof window !== 'undefined' ? window.location.hostname : '';        const isTestEnv = typeof window.navigator !== 'undefined' && (window.navigator.webdriver || window.navigator.userAgent.includes('Headless'));        const shouldSendRealAnalytics = !isTestEnv && hostname && hostname !== 'localhost' && hostname !== '127.0.0.1' && !hostname.includes('run.app');        if (shouldSendRealAnalytics && !document.querySelector(`script[src="${scriptSrc}"]`)) {          const script = document.createElement('script');          script.src = scriptSrc;          script.async = true;          document.head.appendChild(script);        }      }      function storeEventForDebug(name, data) {        if (!window.hawk || !window.hawk.analytics || !window.hawk.analytics.freyr) return;        window.hawk.analytics.freyr.push({ name, data });        try {          if (typeof window !== 'undefined' && window.localStorage) {            window.localStorage.setItem("hawk", JSON.stringify(window.hawk));          }        } catch (e) {          // Ignore storage issues        }        try {          window.dispatchEvent(new CustomEvent("hawk-analytics-update"));        } catch (e) {}      }      function sendToFreyr(eventName, data) {        if (typeof window === 'undefined') return;        window.freyr = window.freyr || { cmd: [] };        window.freyr.cmd.push(() => {          if (window.freyr && window.freyr.pushAndUpdate) {            window.freyr.pushAndUpdate(eventName, data);          }        });      }      function sendEvent(event, skip = false) {        try {          storeEventForDebug(event.name, event.data);          if (!skip) {            sendToFreyr(event.name, event.data);          }        } catch (e) {          // Ensure tracking errors don't surface to the user        }      }      function getCookie(name) {        try {          const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));          return match ? match[2] : null;        } catch (e) {          return null;        }      }      function normalizeCurrency(symbol) {        const map = {          '£': 'GBP',          '$': 'USD',          'A$': 'AUD',          'CA$': 'CAD',          '€': 'EUR'        };        return map[symbol] || symbol;      }      function trackElementInteraction(props) {        sendEvent({          name: 'elementInteraction',          data: {            element: {              action: props.action || "click",              id: props.id || undefined,              class: props.class || undefined,              name: props.name || undefined,              text: props.text || undefined,              label: props.label || undefined,              container: props.container || undefined,              url: props.url || undefined,              articleId: props.articleId || undefined            }          }        });      }      function generateRevenueId(url, productName, merchantName, modelId) {        const str = `${window.location.href}|${productName}|${merchantName}|${modelId || ''}|${new Date().toDateString()}|tomsguide`;        let hash = 0;        for (let i = 0; i < str.length; i++) {          const char = str.charCodeAt(i);          hash = ((hash << 5) - hash) + char;          hash = hash & hash;        }        let numericStr = Math.abs(hash).toString();        while (numericStr.length < 19) {          numericStr += Math.floor(Math.random() * 10).toString();        }        return numericStr.substring(0, 19);      }      function rewriteAffiliateLink(url, territory, revenueId) {        if (!url) return url;        const t = (territory || 'gb').toLowerCase();        return url.replace(/hawk-custom-tracking/g, `tomsguide-${t}-${revenueId}`);      }      function trackHawkEvent(params) {        const { clickType, widgetId, productCategoryName, product, productsArray, zeroBasedProductIndexOrNull, totalDealsOrProducts, areaClicked, merchant, revenueId, isoCurrencyCode, queryName, widgetTypeName } = params;        const data = {          event: "hawkEvent",          category: "Affiliates",          affiliate: {            action: {              type: clickType,              id: widgetId,              event: clickType === "appeared" ? "viewed" : "Click from",              timestamp: Date.now()            },            component: {              flag: "Editor",              product: productCategoryName || "deals",              category: `Signal Deal Finder ${widgetTypeName || "Carousel"} widget`,              type: clickType === "appeared" ? "review" : "signal product",              label: queryName || (product ? (product.name || "") : ""),              index: zeroBasedProductIndexOrNull === null || zeroBasedProductIndexOrNull === undefined ? -1 : zeroBasedProductIndexOrNull,              linkCount: totalDealsOrProducts || 0,              blockLayout: "",              areaClicked: areaClicked || ""            }          },          products: productsArray || (product && merchant ? [            {              product: {                primary: {                  id: product.id || product.matchId || null,                  name: product.name,                  type: "deal",                  price: product.price,                  previousPrice: product.previousPrice || null,                  currency: isoCurrencyCode || "USD",                  preorder: false,                  labels: [],                  link: product.link,                  originalLink: product.originalLink || null,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: null,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: product.globalId || null,                  inStock: product.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: isoCurrencyCode || "USD"                }              },              merchant: {                id: merchant.id || null,                name: merchant.name,                url: merchant.url || null,                network: merchant.network || null              },              model: {                id: product.modelId || null,                brand: product.brand || null,                name: product.name,                parent: product.parent || null              }            }          ] : []),          reviews: [],          _clear: true,          "gtm.uniqueEventId": Date.now() % 10000        };        sendEvent({ name: 'hawkEvent', data });      }      function trackDealClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card" });      }      function trackViewSimilarClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card View Similar" });      }      function trackPriceComparisonClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Price Comparison" });      }      function trackReviewClick(params) {        trackHawkEvent({ ...params, clickType: "review", areaClicked: "Signal Product Card Review Link" });      }      function trackShare(params) {        trackHawkEvent({ ...params, clickType: "share", areaClicked: "Signal Product Card Share" });      }      function trackDealsAppeared(widgetId, deals, revenueId, currency, queryName, widgetTypeName) {         if (!deals || deals.length === 0) return;                  const productsArray = deals.slice(0, 50).map((deal) => {            let voucherPct = null;            let rawPrice = parseFloat(deal.rawPrice) || parseFloat(deal.price) || null;            let rawMsrp = parseFloat(deal.rawMsrp) || parseFloat(deal.msrp) || null;            if (rawMsrp > rawPrice && rawPrice > 0) {              voucherPct = Math.round((1 - (rawPrice / rawMsrp)) * 100);            }            let numId = null;            if (deal.externalProductId && !isNaN(parseInt(deal.externalProductId))) {              numId = parseInt(deal.externalProductId);            } else if (deal.id && !isNaN(parseInt(deal.id))) {              numId = parseInt(deal.id);            } else {              numId = deal.matchId || null;            }            return {              product: {                primary: {                  id: numId,                  name: deal.productName || deal.title || "",                  type: "deal",                  price: rawPrice,                  previousPrice: rawMsrp,                  currency: currency || 'USD',                  preorder: false,                  labels: deal.modelBrand || deal.brand ? [                     { type: "brand", value: deal.modelBrand || deal.brand }                  ] : [],                  link: deal.url,                  originalLink: deal.url,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: voucherPct,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: deal.productKey || null,                  inStock: deal.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: currency || 'USD'                }              },              merchant: {                id: deal.merchantId ? parseInt(deal.merchantId) : null,                name: deal.merchant || "Retailer",                url: deal.merchantUrl || null,                network: deal.merchantNetwork || null              },              model: {                id: deal.modelId ? parseInt(deal.modelId) : null,                brand: deal.modelBrand || deal.brand || null,                name: deal.productName || deal.title || "",                parent: deal.modelParent || null              }            };         });                  trackHawkEvent({             clickType: "appeared",             widgetId: widgetId,             productCategoryName: "deals",             zeroBasedProductIndexOrNull: null,             totalDealsOrProducts: deals.length,             productsArray: productsArray,             queryName: queryName,             widgetTypeName: widgetTypeName         });      }      // 1. Setup Shadow DOM Sandbox      const currentScript = document.currentScript;      let hostContainer = null;      let template = null;            if (currentScript) {        let prev = currentScript.previousElementSibling;        while (prev) {          if (prev.tagName === 'TEMPLATE' && prev.classList.contains('tg-df-widget-template')) {            template = prev;          } else if (prev.tagName === 'DIV' && prev.classList.contains('tg-df-widget-host') && !prev.hasAttribute('data-initialized')) {            hostContainer = prev;            break;          }          prev = prev.previousElementSibling;        }      }            // Fallbacks in case script is deferred      if (!hostContainer) {        const hosts = document.querySelectorAll('.tg-df-widget-host:not([data-initialized])');        if (hosts.length > 0) hostContainer = hosts[0];      }            // Safely embedded template for CMS environments      const rawTemplate = `  \x3Cstyle>    /* --- Shadow DOM Base Reset --- */    *, *::before, *::after {      box-sizing: border-box;    }    img, picture, svg, video {      max-width: 100%;      height: auto;      display: block;    }    /*       1. Scoped CSS for Tom's Guide Deals Widget       All classes are prefixed with \`tg-df-\` to prevent CMS style leakage.    */    .tg-df-container {      container-type: inline-size;      container-name: tg-df;      --tg-df-blue: #1F69FF;      --tg-df-blue-hover: #004d8c;      --tg-df-text: #222222;      --tg-df-text-muted: #555555;      --tg-df-bg: #ffffff;      --tg-df-bg-secondary: #f4f4f4;      --tg-df-border: #e2e8f0;      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;      color: var(--tg-df-text);      background-color: transparent;       width: 100%;      max-width: 1200px;      margin: 0 auto;      padding-bottom: 24px;    }    .tg-df-container *, .tg-df-container *::before, .tg-df-container *::after {      margin: 0;      padding: 0;      box-sizing: border-box;    }    .tg-df-container img {      border: none;      margin: 0;      padding: 0;    }    .tg-df-container a {      text-decoration: none;      color: inherit;    }    /*       2. Search & Filter Bar    */    .tg-df-controls {      display: flex;      flex-direction: column;      align-items: center;      gap: 20px;      margin-bottom: 32px;      width: 100%;    }    .tg-df-top-bar {      display: flex;      width: 100%;      max-width: 760px;      gap: 12px;      align-items: center;    }    .tg-df-search-wrapper {      position: relative;      flex: 1;      width: 100%;      box-shadow: 0 8px 24px rgba(0,0,0,0.06);      border-radius: 40px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      z-index: 100;    }    .tg-df-autocomplete-dropdown {      position: absolute;      top: calc(100% + 4px);      left: 0;      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      max-height: 300px;      overflow-y: auto;      z-index: 200;      display: none;    }    .tg-df-autocomplete-dropdown.active {      display: block;    }    .tg-df-autocomplete-item {      padding: 12px 24px;      cursor: pointer;      font-size: 14px;      color: var(--tg-df-text);      transition: background 0.1s ease;    }    .tg-df-autocomplete-item:hover {      background: var(--tg-df-bg-secondary);    }    .tg-df-search-input {      width: 100%;      padding: 16px 64px 16px 24px;      font-size: 16px;      border: 2px solid transparent;      border-radius: 40px;      outline: none;      transition: border-color 0.2s ease, box-shadow 0.2s ease;      color: var(--tg-df-text);      background: transparent;    }    .tg-df-search-input:focus {      border-color: transparent;      box-shadow: 0 0 0 3px rgba(0, 108, 196, 0.15);    }    .tg-df-search-input::placeholder {      color: #999999;    }        .tg-df-search-btn {      position: absolute;      right: 8px;      top: 50%;      transform: translateY(-50%);      width: 40px;      height: 40px;      border-radius: 50%;      background: #222;      border: none;      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: background 0.2s ease;    }        .tg-df-search-btn:hover {      background: #000;    }    .tg-df-search-icon {      width: 16px;      height: 16px;      fill: #fff;    }    .tg-df-settings-wrapper {      position: relative;    }        .tg-df-settings-btn {      width: 48px;      height: 48px;      border-radius: 50%;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      box-shadow: 0 4px 12px rgba(0,0,0,0.04);      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: all 0.2s ease;      color: var(--tg-df-text-muted);      flex-shrink: 0;    }    .tg-df-settings-btn:hover {      background: var(--tg-df-bg-secondary);      border-color: #0000ff;      color: var(--tg-df-text);    }    .tg-df-settings-btn svg {      width: 24px;      height: 24px;      fill: currentColor;    }    .tg-df-settings-dropdown {      position: absolute;      top: calc(100% + 8px);      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      width: 280px;      padding: 20px;      display: none;      z-index: 100;      flex-direction: column;      gap: 20px;    }    .tg-df-settings-dropdown.active {      display: flex;    }        .tg-df-settings-dropdown-backdrop {      display: none;      position: fixed;      inset: 0;      z-index: 99;    }        .tg-df-settings-dropdown-backdrop.active {      display: block;    }    .tg-df-setting-item {      display: flex;      flex-direction: column;      gap: 10px;    }    .tg-df-setting-label {      font-size: 11px;      font-weight: 700;      color: var(--tg-df-text-muted);      text-transform: uppercase;      letter-spacing: 0.5px;    }        .tg-df-region-select {        padding: 10px 12px;        border-radius: 8px;        border: 1px solid var(--tg-df-border);        font-size: 15px;        outline: none;        background: var(--tg-df-bg-secondary);        color: var(--tg-df-text);        cursor: pointer;        width: 100%;    }    .tg-df-toggle {        position: relative;        display: inline-block;        width: 44px;        height: 24px;        flex-shrink: 0;    }    .tg-df-toggle input {        opacity: 0;        width: 0;        height: 0;    }    .tg-df-slider {        position: absolute;        cursor: pointer;        top: 0; left: 0; right: 0; bottom: 0;        background-color: #ccc;        transition: .2s;        border-radius: 24px;    }    .tg-df-slider:before {        position: absolute;        content: "";        height: 18px;        width: 18px;        left: 3px;        bottom: 3px;        background-color: white;        transition: .2s;        border-radius: 50%;    }    .tg-df-toggle input:checked + .tg-df-slider {        background-color: #1F69FF;    }    .tg-df-toggle input:checked + .tg-df-slider:before {        transform: translateX(20px);    }    .tg-df-dl-row {        flex-direction: row;        align-items: center;        justify-content: space-between;    }    .tg-df-dl-row-text {        font-size: 14px;        font-weight: 600;        color: var(--tg-df-text);    }    .tg-df-dl-row-subtext {        font-size: 12px;        font-weight: 400;        line-height: 1.3;        color: var(--tg-df-text-muted);        margin-top: 4px;        display: block;    }    .tg-df-filters {      display: flex;      gap: 12px;      justify-content: center;      flex-wrap: wrap;    }    .tg-df-sort-wrapper {      position: relative;      display: flex;      align-items: center;    }        .tg-df-sort-icon {      position: absolute;      left: 14px;      width: 14px;      height: 14px;      fill: var(--tg-df-text-muted);      pointer-events: none;    }    .tg-df-sort-select, .tg-df-filter-select {      padding: 10px 36px 10px 38px;      font-size: 14px;      border: 1px solid var(--tg-df-border);      border-radius: 100px;      outline: none;      appearance: none;      background-color: var(--tg-df-bg-secondary);      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");      background-repeat: no-repeat;      background-position: right 14px center;      color: var(--tg-df-text);      cursor: pointer;      font-weight: 500;      transition: all 0.2s ease;    }        .tg-df-price-input::-webkit-outer-spin-button,    .tg-df-price-input::-webkit-inner-spin-button {      -webkit-appearance: none;      margin: 0;    }    .tg-df-price-input {      -moz-appearance: textfield;    }    .tg-df-sort-select:hover, .tg-df-filter-select:hover {      background-color: #e2e8f0;    }    .tg-df-multiselect-container {      position: relative;    }        .tg-df-multiselect-trigger {      display: block;      background: #fff;      user-select: none;      width: 100%;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis;    }        .tg-df-multiselect-dropdown {      display: none;      position: absolute;      top: calc(100% + 4px);      left: 0;      width: 100%;      min-width: 220px;      max-height: 300px;      overflow-y: auto;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);      z-index: 100;      padding: 8px 0;    }    .tg-df-multiselect-dropdown.active {      display: block;    }    .tg-df-ms-option {      padding: 8px 16px;      display: flex;      align-items: center;      gap: 8px;      cursor: pointer;      font-size: 14px;    }    .tg-df-ms-option:hover {      background-color: var(--tg-df-bg-secondary);    }        .tg-df-ms-option input {      cursor: pointer;      accent-color: #1f69ff;    }    .tg-df-sort-select:focus, .tg-df-filter-select:focus {      border-color: #0000ff;      box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.2);      background-color: var(--tg-df-bg);    }    /*       3. Deal Grid Layout    */    .tg-df-grid.tg-df-grid-auto {      padding-top: 24px;    }    .tg-df-grid, .tg-df-grid.layout-grid {      display: grid;      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      gap: 10px;    }    .tg-df-grid.layout-row {      grid-template-columns: 1fr;      gap: 16px;    }        .tg-df-grid.layout-row .tg-df-card {      flex-direction: row;      align-items: stretch;      height: auto;      box-shadow: none;      border-bottom: 1px solid var(--tg-df-border);    }    .tg-df-grid.layout-row .tg-df-card:hover {      box-shadow: none;    }    .tg-df-grid.layout-row .tg-df-card-image-box {      width: 140px;      min-width: 140px;      aspect-ratio: 3/4;      border-right: none;      padding: 16px 16px 16px 32px;    }    .tg-df-grid.layout-row .tg-df-card-body {      padding: 16px;      justify-content: space-between;    }    .tg-df-grid.layout-row .tg-df-card-title {      font-size: 15px;      margin-bottom: 16px;    }    .tg-df-grid.layout-row .tg-df-card-stars { margin-bottom: 8px; }    .tg-df-grid.layout-row .tg-df-card-footer {      flex-direction: column;      align-items: flex-start;      gap: 0;    }    .tg-df-grid.layout-row .tg-df-card-merchant-pill {      margin-bottom: 4px;    }    .tg-df-grid.layout-row .tg-df-card-price-group {      margin-bottom: 8px;    }    .tg-df-grid.layout-row .tg-df-price-group {      width: auto;    }    .tg-df-grid.layout-row .tg-df-card-cta {      width: 100%;      max-width: 200px;      padding: 10px 24px;      font-size: 13px;      flex-shrink: 0;      text-align: center;      justify-content: center;    }    /*       4. Deal Card Design    */    .tg-df-card {      position: relative;      display: flex;      flex-direction: column;      background-color: #ffffff;      border-radius: 0;      overflow: hidden;      transition: transform 0.2s ease, box-shadow 0.2s ease;      text-decoration: none;      color: inherit;      height: 100%;      box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);      border: 1px solid var(--tg-df-border);    }    .tg-df-card:hover {      box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);    }    .tg-df-card-image-box {      width: 100%;      aspect-ratio: 3/4;      background-color: #f8f8f8;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      padding: 32px;      flex: 0 0 auto;    }    .tg-df-card-image {      max-width: 100%;      max-height: 100%;      width: auto;      height: auto;      object-fit: contain;      mix-blend-mode: multiply; /* Helps white background images blend into secondary bg */      transition: transform 0.3s ease;    }    .tg-df-card:hover .tg-df-card-image {      transform: scale(1.05); /* Zoom in on hover */    }    .tg-df-card-discount-badge {      position: absolute;      top: 12px;      left: 12px;      background: #dc2626; /* Red */      color: #ffffff;      padding: 6px 8px;      font-size: 11px;      font-weight: 500;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      z-index: 10;    }        .tg-df-card-merchant-pill {      display: block;      padding: 0;      font-size: 11px;      font-weight: 600;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      color: var(--tg-df-text-muted);      margin-bottom: 8px;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }    .tg-df-card-body {      padding: 16px;      display: flex;      flex-direction: column;      flex-grow: 1;      min-width: 0;    }    .tg-df-card-badges {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-bottom: 8px;    }    .tg-df-tag {      display: inline-flex;      align-items: center;      padding: 4px 6px;      font-size: 11px;      font-weight: 700;      text-transform: uppercase;      border-radius: 4px;      gap: 4px;    }    .tg-df-tag-prime {      background-color: #00A8E1;      color: #fff;    }    .tg-df-tag-coupons {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-coupons:hover {      background-color: #e2e8f0;    }        .tg-df-tag-outline {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-outline:hover {      background-color: #e2e8f0;    }        @keyframes tg-df-spin {      0% { transform: rotate(0deg); }      100% { transform: rotate(360deg); }    }    .tg-df-coupon-spinner {      border: 2px solid #e2e8f0;      border-top: 2px solid #3b82f6;      border-radius: 50%;      width: 14px;      height: 14px;      animation: tg-df-spin 1s linear infinite;      margin: 4px 8px;      display: inline-block;    }        /* Vouchers Modal */    .tg-df-modal-backdrop {      position: fixed;      top: 0; left: 0; right: 0; bottom: 0;      background: rgba(0,0,0,0.5);      z-index: 10000;      display: flex;      align-items: center;      justify-content: center;      opacity: 0;      pointer-events: none;      transition: opacity 0.3s;    }    .tg-df-modal-backdrop.active {      opacity: 1;      pointer-events: auto;    }    .tg-df-modal {      background: #fff;      border-radius: 12px;      width: 90%;      max-width: 400px;      max-height: 80vh;      display: flex;      flex-direction: column;      box-shadow: 0 10px 40px rgba(0,0,0,0.2);      transform: translateY(20px);      transition: transform 0.3s;    }    .tg-df-modal-backdrop.active .tg-df-modal {      transform: translateY(0);    }    .tg-df-modal-header {      padding: 16px;      border-bottom: 1px solid #e2e8f0;      display: flex;      align-items: center;      justify-content: space-between;    }    .tg-df-modal-title {      font-size: 16px;      font-weight: 600;      margin: 0;    }    .tg-df-modal-close {      background: none;      border: none;      cursor: pointer;      padding: 4px;      color: #64748b;    }    .tg-df-modal-body {      padding: 16px;      overflow-y: auto;    }    .tg-df-voucher-item {      padding: 12px;      border: 1px dashed #cbd5e1;      border-radius: 8px;      margin-bottom: 10px;      background: #f8fafc;      display: flex;      align-items: center;      gap: 12px;      text-decoration: none;      color: inherit;      transition: background-color 0.2s, border-color 0.2s;    }    .tg-df-voucher-item:hover {      background: #f1f5f9;      border-color: #94a3b8;    }    .tg-df-voucher-item:last-child {      margin-bottom: 0;    }    .tg-df-voucher-logo {      width: 48px;      height: 48px;      object-fit: contain;      border-radius: 4px;      background: #fff;      border: 1px solid #e2e8f0;      flex-shrink: 0;    }    .tg-df-voucher-content {      flex: 1;      min-width: 0;    }    .tg-df-voucher-title {      font-size: 14px;      font-weight: 600;      margin: 0 0 4px 0;      line-height: 1.3;      color: #0f172a;    }    .tg-df-voucher-expiry {      font-size: 12px;      color: #64748b;      display: flex;      align-items: center;      gap: 4px;      margin-top: 6px;    }    .tg-df-voucher-code {      display: inline-flex;      align-items: center;      background: #f1f5f9;      border: 1px dashed #cbd5e1;      padding: 6px 10px;      font-family: monospace;      font-weight: 700;      font-size: 14px;      color: #0f172a;      border-radius: 4px;      margin-top: 8px;      cursor: pointer;      transition: all 0.2s ease;    }    .tg-df-voucher-code:hover {      background: #e2e8f0;      border-color: #94a3b8;    }    .tg-df-voucher-code.copied {      background: #ecfdf5;      border-color: #10b981;      color: #10b981;    }    .tg-df-voucher-cta {      display: inline-block;      margin-top: 8px;      font-size: 13px;      font-weight: 600;      color: #2563eb;      text-decoration: none;    }    .tg-df-card-title {      font-size: 15px;      font-weight: 400;      line-height: 1.4;      margin: 0 0 12px 0;      color: var(--tg-df-text);      display: -webkit-box;      -webkit-line-clamp: 2;      -webkit-box-orient: vertical;      overflow: hidden;    }    .tg-df-card-footer {      margin-top: auto;      display: flex;      flex-direction: column;      width: 100%;    }    .tg-df-card-price-group {      display: flex;      flex-direction: row;      align-items: center;      gap: 8px;      margin-bottom: 12px;    }    .tg-df-card-price {      font-size: 16px;      font-weight: 700;      color: #dc2626; /* Red price */      line-height: 1;    }        .tg-df-card-msrp {      font-size: 13px;      color: var(--tg-df-text-muted);      text-decoration: line-through;    }    .tg-df-container .tg-df-card-cta {      display: flex;      align-items: center;      justify-content: center;      width: 100%;      box-sizing: border-box;      background-color: #1f69ff;      color: #ffffff;      font-size: 12px;      font-weight: 700;      text-transform: uppercase;      letter-spacing: 0.5px;      padding: 12px 16px;      border-radius: 0;      border: none;      cursor: pointer;      transition: background-color 0.2s ease;    }    .tg-df-card:hover .tg-df-card-cta,    .tg-df-card-cta:hover {      background-color: #1555cc;    }    .tg-df-container .tg-df-card-cta.tg-df-cta-savings-squad {      background-color: #3c8d0d;    }    .tg-df-card:hover .tg-df-card-cta.tg-df-cta-savings-squad,    .tg-df-card-cta.tg-df-cta-savings-squad:hover {      background-color: #2b6509;    }    /*       5. State & Skeleton Styles    */    .tg-df-message {      grid-column: 1 / -1;      text-align: center;      padding: 48px 24px;      color: var(--tg-df-text-muted);      font-size: 16px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;    }    @keyframes tg-df-shimmer {      0% { background-position: -200% 0; }      100% { background-position: 200% 0; }    }    .tg-df-skeleton {      background: linear-gradient(90deg, var(--tg-df-bg-secondary) 25%, #e2e8f0 50%, var(--tg-df-bg-secondary) 75%);      background-size: 200% 100%;      animation: tg-df-shimmer 1.5s infinite;      border-radius: 4px;    }    .tg-df-skeleton-img {      width: 100%;      height: 100%;      position: absolute;      top: 0; left: 0;    }        .tg-df-skeleton-text {      height: 16px;      margin-bottom: 8px;      width: 100%;    }    .tg-df-skeleton-text.short { width: 40%; }    .tg-df-skeleton-text.title { height: 20px; margin-bottom: 16px; }    /* Editor Floating Bar & Elements */    .tg-df-editor-bar {      position: sticky;      top: 0;      z-index: 1000;      background: #111827;      color: #fff;      padding: 12px 16px;      border-radius: 8px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: space-between;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);    }    .tg-df-editor-bar-text {      font-weight: 600;      font-size: 14px;    }    .tg-df-editor-copy-btn {      background: #10b981;      color: #fff;      padding: 6px 16px;      border: none;      border-radius: 4px;      font-weight: 600;      cursor: pointer;      display: flex;      align-items: center;      font-size: 13px;    }    .tg-df-editor-copy-btn:hover { background: #059669; }        .tg-df-deal-checkbox {      position: absolute;      top: 12px;      right: 12px;      z-index: 10;      width: 20px;      height: 20px;      cursor: pointer;      pointer-events: auto;    }    /*       6. Mobile List View (Stacks into a cleaner horizontal row/list)    */    @container tg-df (max-width: 599px) {      .tg-df-controls {        padding: 0 16px;      }            .tg-df-top-bar {        width: 100%;      }            .tg-df-settings-dropdown {        position: fixed;        top: auto;        bottom: 0;        left: 0;        right: 0;        width: 100%;        border-radius: 20px 20px 0 0;        padding: 24px;        box-shadow: 0 -8px 32px rgba(0,0,0,0.15);        z-index: 1000;        border: none;        border-top: 1px solid var(--tg-df-border);      }            .tg-df-settings-dropdown-backdrop.active {        background: rgba(0,0,0,0.4);      }            .tg-df-search-wrapper {        box-shadow: 0 0 16px rgba(0,0,0,0.08);      }            .tg-df-filters {        width: calc(100% + 32px);        margin: 0 -16px;        padding: 0 16px 4px 16px;        display: flex;        justify-content: flex-start;        gap: 8px;        flex-wrap: nowrap;        overflow-x: auto;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;      }      .tg-df-filters::after {        content: "";        display: block;        flex: 0 0 8px;      }      .tg-df-filters::-webkit-scrollbar {        display: none;      }            .tg-df-sort-wrapper {        flex: 0 0 max(42%, 130px);        min-width: 0;      }      .tg-df-sort-wrapper.tg-df-price-range-wrapper {        flex: 0 0 auto;        min-width: max-content;      }            .tg-df-sort-select, .tg-df-filter-select {        width: 100%;        text-align: left;        padding: 10px 24px 10px 32px;        background-position: right 8px center;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;      }      .tg-df-sort-icon {        left: 10px;      }      .tg-df-grid:not(.layout-grid):not(.layout-row),      .tg-df-grid.layout-row {        grid-template-columns: 1fr;        gap: 16px;      }            .tg-df-grid.tg-df-grid-auto {        padding-top: 24px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card,      .tg-df-grid.layout-row .tg-df-card {        flex-direction: row;        align-items: stretch;        height: auto;        box-shadow: none; /* simple line on mobile if preferred, or keep */        border-bottom: 1px solid var(--tg-df-border);      }      .tg-df-grid.tg-df-grid-auto .tg-df-card:hover,      .tg-df-grid.layout-row .tg-df-card:hover {        box-shadow: none;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-image-box,      .tg-df-grid.layout-row .tg-df-card-image-box {        width: 120px;        min-width: 120px;        aspect-ratio: 3/4;        border-right: none;        padding: 12px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-body,      .tg-df-grid.layout-row .tg-df-card-body {        padding: 12px;        justify-content: space-between;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-title,      .tg-df-grid.layout-row .tg-df-card-title {        font-size: 14px;        margin-bottom: 12px;        -webkit-line-clamp: 3;      }      /* Single column mobile grid override */      .tg-df-grid.layout-grid {        grid-template-columns: 1fr;        gap: 16px;      }      .tg-df-grid.layout-grid .tg-df-card-image-box {        padding: 12px;      }      .tg-df-grid.layout-grid .tg-df-card-body {        padding: 10px;      }      .tg-df-grid.layout-grid .tg-df-card-title {        font-size: 13px;        -webkit-line-clamp: 3;        margin-bottom: 8px;      }      .tg-df-grid.layout-grid .tg-df-card-price {        font-size: 14px;      }            .tg-df-card-footer {        flex-direction: column;        align-items: stretch;        gap: 0;        width: 100%;        min-width: 0;      }      .tg-df-card-merchant-pill {        margin-bottom: 4px;      }      .tg-df-card-price-group {        flex: 1 1 auto;        margin-bottom: 8px;      }      .tg-df-card-price {        font-size: 16px;      }      .tg-df-card-msrp {        display: block;       }      .tg-df-grid.layout-row .tg-df-card-cta,      .tg-df-container .tg-df-card-cta {        width: 100%;        max-width: none;        min-width: 0;        box-sizing: border-box;        padding: 8px 16px;        font-size: 12px;        flex: 0 0 auto;        text-align: center;        white-space: normal;        line-height: 1.2;      }    }    .tg-df-container.is-carousel {      min-height: 760px;      background-color: #E7F0FF;      padding: 0 0 24px 0;      border-radius: 24px;    }    .tg-df-container.is-carousel.hide-header-details {      min-height: 480px;    }    /*       7. Carousel View Mode    */    .tg-df-container .tg-df-carousel-host {      /* Layout is now handled by container wrapper */    }    .tg-df-container .tg-df-carousel-eyebrow {      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      padding: 24px 16px 0 16px;      display: none;    }    .tg-df-container .tg-df-carousel-query-title {      color: #011535;      font-size: 28px;      font-weight: 600;      padding: 0 16px 24px 16px;      line-height: 1.2;      display: none;    }    .tg-df-container .tg-df-carousel-blue-box {      background-color: transparent;      border-radius: 0;      padding: 24px 24px 0 24px;      margin: 0;      color: #1F69FF;          position: relative;      overflow: hidden;    }    .tg-df-container .tg-df-carousel-bg-circle-1 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-2 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-3 {      display: none;    }    .tg-df-container .tg-df-carousel-box-content {      position: relative;      z-index: 10;    }    .tg-df-container .tg-df-carousel-box-eyebrow {      background-color: transparent;      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      display: inline-block;      padding: 0;      border-radius: 0;    }    .tg-df-container .tg-df-carousel-box-title {      font-size: 28px;      font-weight: 600;      line-height: 1.2;      margin-top: 8px;      color: #1e293b;    }    .tg-df-container .tg-df-countdown-wrapper {      position: absolute;      top: 0;      right: 0;      display: flex;      flex-direction: column;      align-items: flex-end;      gap: 12px;      transform: scale(0.67);      transform-origin: top right;    }    .tg-df-container .tg-df-countdown-title {      font-size: 16px;      text-align: center;      width: 100%;      font-weight: 600;      color: #011535;      margin: 0;    }    .tg-df-container .tg-df-countdown-blocks {      display: flex;      gap: 16px;    }    .tg-df-container .tg-df-countdown-item {      display: flex;      flex-direction: column;      align-items: center;      gap: 4px;    }    .tg-df-container .tg-df-countdown-box {      width: 59px;      height: 59px;      background: #03FE9E;      border-radius: 15px;      display: flex;      align-items: center;      justify-content: center;    }    .tg-df-container .tg-df-countdown-num {      font-family: 'Inter', sans-serif;      font-weight: 700;      font-size: 20px;      line-height: normal;      color: #011535;    }    .tg-df-container .tg-df-countdown-label {      font-family: 'Inter', sans-serif;      font-weight: 500;      font-size: 16px;      line-height: normal;      color: #1e293b;      text-transform: uppercase;    }    .tg-df-container .tg-df-carousel-box-subtitle {      font-size: 16px;      margin-top: 8px;      font-weight: 300;      color: #1e293b;      line-height: 24px;    }    .tg-df-container .tg-df-carousel-roundels-wrapper {      position: relative;      margin-top: 24px;      margin-left: -24px;      margin-right: -24px;    }    .tg-df-container .tg-df-carousel-roundels {      display: flex;      gap: 16px;      overflow-x: auto;            scrollbar-width: none;      padding-top: 12px;      padding-bottom: 24px;      padding-left: 24px;      padding-right: 24px;      margin-left: 0;      margin-right: 0;    }        .tg-df-container .tg-df-carousel-scroll-left,    .tg-df-container .tg-df-carousel-scroll-right {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 36px;      width: 36px;      display: flex;      align-items: center;      justify-content: center;      border-radius: 50%;      background-color: #ffffff;      border: 1px solid #e2e8f0;      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);      color: #1F69FF;      cursor: pointer;      transition: all 0.2s;      margin-top: -4px;      z-index: 20;    }    .tg-df-container .tg-df-carousel-scroll-left { left: 8px; }    .tg-df-container .tg-df-carousel-scroll-right { right: 8px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left { left: 0px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right { right: 0px; }    .tg-df-carousel-filters-outer { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }    @container tg-df (max-width: 599px) { .tg-df-carousel-filters-outer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } }        .tg-df-container .tg-df-carousel-scroll-left:hover,    .tg-df-container .tg-df-carousel-scroll-right:hover {      background-color: #f8fafc;      border-color: #cbd5e1;    }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right {      background-color: rgba(255, 255, 255, 0.4);      border: none;      box-shadow: none;      backdrop-filter: blur(4px);      -webkit-backdrop-filter: blur(4px);    }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right { right: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-right { right: 0; }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left:hover,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right:hover {      background-color: rgba(255, 255, 255, 0.6);      border: none;    }    .tg-df-container .tg-df-carousel-roundels::-webkit-scrollbar {      display: none;    }    .tg-df-container .tg-df-carousel-roundels::after {      content: "";      flex: 0 0 32px;    }    .tg-df-container .tg-df-roundel {      display: flex;      flex-direction: column;      align-items: center;      gap: 8px;      cursor: pointer;      min-width: 120px;      flex-shrink: 0;    }    .tg-df-container .tg-df-roundel-img-box {      width: 120px;      height: 120px;      border-radius: 50%;      background: white;      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: 0px 3px 14px 0px rgba(30, 41, 59, 0.08);      transition: box-shadow 0.2s;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box img {      transform: scale(1.08);    }    .tg-df-container .tg-df-roundel-img-box img {      width: 100%;      height: 100%;      object-fit: contain;      padding: 10px;      box-sizing: border-box;      transition: transform 0.3s ease;    }    .tg-df-container .tg-df-roundel-label {      font-size: 13px;      font-weight: 400;      color: #1e293b;      text-align: center;      transition: font-weight 0.2s;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-label {      font-weight: 700;    }    .tg-df-container .tg-df-carousel-filters-label {      font-size: 16px;      font-weight: 400;      color: #1e293b;      white-space: nowrap;      margin-right: 4px;    }    .tg-df-container .tg-df-carousel-filters-wrap {      display: flex;      align-items: center;      flex-wrap: nowrap;      gap: 8px;      margin-top: 8px;      overflow-x: auto;      scrollbar-width: none;      -webkit-overflow-scrolling: touch;      padding-bottom: 8px;      margin-left: -24px;      margin-right: -24px;      padding-left: 24px;      padding-right: 24px;    }    .tg-df-container .tg-df-carousel-filters-wrap::-webkit-scrollbar {      display: none;    }        .tg-df-container .tg-df-carousel-filter-btn img,    .tg-df-container .tg-df-carousel-filter-btn picture {      height: 20px;      width: 20px;      object-fit: contain;      object-position: center;      display: inline-flex;      align-items: center;      justify-content: center;      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn picture img {      margin-right: 0;      height: 100%;      width: 100%;    }    .tg-df-container .tg-df-carousel-filter-btn img.active-img,    .tg-df-container .tg-df-carousel-filter-btn picture:has(.active-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.inactive-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.inactive-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.active-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.active-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.active-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.active-img) {      display: inline-flex;    }    .tg-df-container .tg-df-carousel-filter-btn {      background: #ffffff;      border: 2px solid #1e293b;      color: #1e293b;      border-radius: 24px;      padding: 6px 16px;      font-size: 14px;      font-weight: 600;      cursor: pointer;      transition: all 0.2s;      flex-shrink: 0;      white-space: nowrap;      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 36px;      box-sizing: border-box;    }    .tg-df-container .tg-df-carousel-filter-btn svg {      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn:hover {      background: #1e293b;      color: white;      border-color: #1e293b;    }    .tg-df-container .tg-df-carousel-filter-btn.active {      background: #1e293b;      color: white;      border-color: #1e293b;    }        .tg-df-grid.carousel-compact {      display: flex;      flex-wrap: nowrap;      overflow-x: auto;      gap: 16px;      padding: 16px 24px;      align-items: stretch;      scrollbar-width: none;    }    .tg-df-grid.carousel-compact::after {      content: "";      flex: 0 0 32px;    }    .tg-df-grid-wrapper {      position: relative;    }    .tg-df-grid.carousel-compact::-webkit-scrollbar {      display: none;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card {      flex: 0 0 auto;      width: 100px;      border-radius: 15px;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      border: 2px solid #1e293b;      background: white;      color: #1e293b;      display: flex;      flex-direction: column;      justify-content: center;      align-items: center;      font-weight: 600;      font-size: 14px;      cursor: pointer;      padding: 16px;      text-align: center;      transition: all 0.2s;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card:hover {      background: #1e293b;      color: white;    }    .tg-df-grid.carousel-compact .tg-df-card {      flex: 0 0 auto;      width: 200px;      min-height: auto;      height: auto;      display: flex;      flex-direction: column;      border-radius: 15px;      border: none;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      overflow: visible;    }    .tg-df-grid.carousel-compact .tg-df-card-image-box {      padding: 12px;      background-color: transparent;      border-radius: 15px 15px 0 0;      height: 130px;    }    .tg-df-grid.carousel-compact .tg-df-card-image {      mix-blend-mode: normal;    }    .tg-df-grid.carousel-compact .tg-df-card-discount-badge {      border-radius: 0;      top: 0px;      left: 0px;      padding: 4px 8px;      font-size: 11px;    }    .tg-df-grid.carousel-compact .tg-df-card-body {      padding: 8px 12px 12px 12px;    }    .tg-df-grid.carousel-compact .tg-df-card-title {      font-size: 14px;      font-weight: 400;      -webkit-line-clamp: 2;      margin-bottom: 8px;      color: #011535;    }    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):not(:has(.tg-df-tag-prime)):not(:has(.tg-df-coupon-wrapper:not([style*="none"]))) > .tg-df-card-title,    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):has(> .tg-df-card-title:first-child) > .tg-df-card-title {      -webkit-line-clamp: 3;    }    .tg-df-grid.carousel-compact .tg-df-card-cta {      border-radius: 5px;      padding: 8px 10px;      margin-top: 4px;      background-color: #1F69FF;    }    .tg-df-grid.carousel-compact .tg-df-card-price-group {      margin-bottom: 2px;    }    .tg-df-grid.carousel-compact .tg-df-card-merchant-pill {      margin-bottom: 2px;    }    @container tg-df (max-width: 599px) {      .tg-df-container .tg-df-carousel-blue-box-title {        font-size: 24px;      }      .tg-df-container .tg-df-countdown-title {        display: none;      }      .tg-df-container .tg-df-countdown-wrapper {        position: absolute;        top: 0;        right: 0;        align-items: flex-end;        transform: scale(0.45);        transform-origin: top right;      }      .tg-df-container .tg-df-roundel {        min-width: 88px;      }      .tg-df-container .tg-df-roundel-img-box {        width: 88px;        height: 88px;      }    }    /* REPLICA BLOCK STYLES */    .tg-df-grid.layout-replica-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px; }    .tg-df-grid.layout-replica-1 { grid-template-columns: 1fr !important; gap: 20px; }        .tg-df-container .hawk-deal-widget-container { border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: inherit; }    .tg-df-container .hawk-deal-widget-wrap { display: flex; flex-direction: row; align-items: flex-start; width: 100%; gap: 24px; }    .tg-df-container .hawk-deal-widget-image-container { display: flex; flex-shrink: 0; justify-content: center; width: 160px; height: 160px; align-items: center; background: white; margin-bottom: 0px; }    .tg-df-container .hawk-deal-widget-title-product-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.4; display: inline; }    .tg-df-container .hawk-deal-widget-title-price { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-price-now { font-weight: 700; }    .tg-df-container .hawk-deal-widget-title-retailer-price:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-title-retailer { font-size: 18px; font-weight: 700; line-height: 1.4; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-was-price { color: #dc2626; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: line-through; white-space: nowrap; margin-left: 8px; margin-right: 8px; }    .tg-df-container .hawk-deal-widget-text-body-container { position: relative; width: 100%; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-text-body-main { font-size: 16px; width: 100%; margin-bottom: 12px; }    .tg-df-container .hawk-deal-widget-text-body-description { display: block; font-size: 15px; margin-top: 12px; color: #4b5563; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-body-description p { margin: 0; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-cta-container { display: flex; flex-direction: column; gap: 12px; width: 100%; flex: 1; min-width: 0; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-footer { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }    .tg-df-container .hawk-deal-widget-button-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; }    .tg-df-container .hawk-deal-widget-preferred-partner-wrapper { display: flex; flex-direction: row; }        @container tg-df (min-width: 600px) {      .tg-df-mobile-only { display: none !important; }    }    @container tg-df (max-width: 599px) {      .tg-df-desktop-only { display: none !important; }      .tg-df-grid.layout-replica-2 { grid-template-columns: 1fr !important; }      .tg-df-grid.savings-squad-cards { grid-template-columns: 1fr !important; display: flex; flex-direction: column; }    }    .tg-df-grid.savings-squad-cards .tg-df-card-title {      -webkit-line-clamp: unset !important;      display: block !important;      overflow: visible !important;    }    @container tg-df (max-width: 500px) {      .tg-df-container .hawk-deal-widget-wrap { display: block; }      .tg-df-container .hawk-deal-widget-image-container { display: block; float: left; margin: 0 16px 8px 0; width: 120px; max-width: 120px; height: auto; align-items: normal; justify-content: normal; }      .tg-df-container .hawk-deal-widget-text-cta-container { display: block; text-align: left; }      .tg-df-container .hawk-deal-widget-footer { display: block; margin-top: 16px; clear: both; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper .hawk-deal-widget-preferred-partner-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-affiliate-link-deal-button { box-sizing: border-box !important; display: flex !important; max-width: none !important; width: 100% !important; margin: 0 !important; }    }        .tg-df-container .hawk-affiliate-link-deal-button {       align-items: center; background-color: #5aaf0b; box-sizing: border-box; color: #ffffff !important; display: flex; font-size: 14px; font-weight: 700; justify-content: center; letter-spacing: 0.5px; line-height: 1; min-width: 160px; padding: 14px 24px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; word-break: normal; border-radius: 4px; border: 0; transition: background-color 0.2s;     }    .tg-df-container .hawk-affiliate-link-deal-button:hover { background-color: #4a9109; text-decoration: none; }    .tg-df-container .hawk-lazy-image-deal-widget { display: block; height: auto; margin: auto; max-height: 160px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; }    .tg-df-container .hawk-deal-widget-text-cta-container a { color: #2563eb; text-decoration: none; display: inline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:has(.hawk-deal-widget-title-product-title) { color: #111827; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-product-title,    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-retailer-price { text-decoration: underline; }  \x3C/style>  \x3C!-- Widget Container --\x3E  \x3Cdiv class="tg-df-container" id="signal-deals-finder-root">    \x3C!-- Editor Floating Bar --\x3E    \x3Cdiv class="tg-df-editor-bar" id="tg-df-editor-bar" style="display:none;">      \x3Cdiv class="tg-df-editor-bar-text" style="display: flex; align-items: center;">        \x3Cspan id="tg-df-selected-count">0\x3C/span>\x26nbsp;Deals Selected        \x3Cbutton class="tg-df-editor-clear-btn" id="tg-df-editor-clear" type="button" style="margin-left: 12px; font-size: 13px; color: #9ca3af; background: none; border: none; cursor: pointer; text-decoration: underline;">Clear All\x3C/button>      \x3C/div>      \x3Cbutton class="tg-df-editor-copy-btn" id="tg-df-editor-copy" type="button">        \x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">\x3C/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">\x3C/path>\x3C/svg>        Copy to CMS      \x3C/button>    \x3C/div>    \x3Cdiv class="tg-df-carousel-host" id="tg-df-carousel-host" style="display: none;">      \x3Cdiv class="tg-df-carousel-eyebrow">DEAL FINDER\x3C/div>      \x3Cdiv class="tg-df-carousel-query-title" id="tg-df-carousel-title-label">Best Deals\x3C/div>            \x3Cdiv class="tg-df-carousel-blue-box">        \x3Cdiv class="tg-df-carousel-bg-circle-1" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-2" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-3" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-box-content">          \x3Cdiv class="tg-df-countdown-wrapper" id="tg-df-countdown-wrapper" style="display:none;">            \x3Cdiv class="tg-df-countdown-title" id="tg-df-countdown-title">Prime Day starts in\x3C/div>            \x3Cdiv class="tg-df-countdown-blocks">              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-days">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">DAYS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-hrs">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">HRS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-min">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">MIN\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-sec">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">SEC\x3C/div>\x3C/div>            \x3C/div>          \x3C/div>          \x3Cdiv class="tg-df-carousel-box-eyebrow">DEAL FINDER\x3C/div>          \x3Cdiv class="tg-df-carousel-box-title">Find Deals Fast\x3C/div>          \x3Cdiv class="tg-df-carousel-box-subtitle">The latest deals from the biggest retailers, all in one place\x3C/div>                    \x3Cdiv class="tg-df-carousel-roundels-wrapper">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-roundels">            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>          \x3C/div>          \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-carousel-filters-outer" style="position: relative;">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-filters-wrap">                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="0">All\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_lightning">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_prime">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-d="10">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 10% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="15">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 15% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="25">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 25% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-pr="under50">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>            Under $50\x3C/button>        \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3C/div>    \x3C/div>    \x3C/div>      \x3C!-- Search & Filter Controls --\x3E    \x3Cdiv class="tg-df-controls" id="tg-df-controls" style="display:flex;">      \x3Cdiv class="tg-df-top-bar">        \x3Cdiv class="tg-df-search-wrapper">          \x3Cinput type="text" class="tg-df-search-input" placeholder="Search for deals, products, or brands...">          \x3Cbutton type="button" class="tg-df-search-btn" aria-label="Search">              \x3Csvg class="tg-df-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">                \x3Cpath d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-autocomplete-dropdown" id="tg-df-autocomplete">\x3C/div>        \x3C/div>                \x3Cdiv class="tg-df-settings-wrapper">          \x3Cbutton type="button" class="tg-df-settings-btn" aria-label="Settings" id="tg-df-settings-toggle">            \x3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20">                \x3Cpath d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.73 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.49-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>            \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-settings-dropdown-backdrop" id="tg-df-settings-backdrop">\x3C/div>          \x3Cdiv class="tg-df-settings-dropdown" id="tg-df-settings-panel">            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Search Region\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-region-select">                \x3Coption value="auto">🌍 Auto-detect\x3C/option>                \x3Coption value="US">🇺🇸 United States (US)\x3C/option>                \x3Coption value="GB">🇬🇧 United Kingdom (UK)\x3C/option>                \x3Coption value="CA">🇨🇦 Canada (CA)\x3C/option>                \x3Coption value="AU">🇦🇺 Australia (AU)\x3C/option>                \x3Coption value="DE">🇩🇪 Germany (DE)\x3C/option>                \x3Coption value="FR">🇫🇷 France (FR)\x3C/option>                \x3Coption value="IT">🇮🇹 Italy (IT)\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Retailer\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-retailer-select">                \x3Coption value="">All Retailers\x3C/option>                \x3Coption value="Amazon">Amazon\x3C/option>                \x3Coption value="Walmart">Walmart\x3C/option>                \x3Coption value="Best Buy">Best Buy\x3C/option>                \x3Coption value="Target">Target\x3C/option>                \x3Coption value="John Lewis">John Lewis\x3C/option>                \x3Coption value="Currys">Currys\x3C/option>                \x3Coption value="Argos">Argos\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Offer Type\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-offer-type-select">                \x3Coption value="">All Offers\x3C/option>                \x3Coption value="amazon_prime">Amazon Prime\x3C/option>                \x3Coption value="recommended_promo">Recommended Promo\x3C/option>                \x3Coption value="amazon_lightning">Amazon Lightning Deal\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Result Count\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-rows-select">                \x3Coption value="3">3 Items\x3C/option>                \x3Coption value="4">4 Items\x3C/option>                \x3Coption value="6">6 Items\x3C/option>                \x3Coption value="12" selected>12 Items\x3C/option>                \x3Coption value="24">24 Items\x3C/option>                \x3Coption value="48">48 Items\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Deal Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Only show products with active offers or previous prices (was_price)\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-deal-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Editor Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Enable multi-select to copy deals to CMS\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-editor-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">View Mode\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-view-mode-select">                \x3Coption value="auto">Auto Collection\x3C/option>                \x3Coption value="carousel">Carousel\x3C/option>                \x3Coption value="savings_squad">Savings Squad\x3C/option>                \x3Coption value="grid">Grid (Columns)\x3C/option>                \x3Coption value="row">Row (List)\x3C/option>              \x3C/select>            \x3C/div>          \x3C/div>        \x3C/div>      \x3C/div>      \x3Cdiv class="tg-df-filters">        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-category-filter-wrapper" style="display: none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-category-filter" aria-label="Category">            \x3Coption value="all">All Categories\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-multiselect-container" id="tg-df-brand-filter-wrapper" style="display:none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/>          \x3C/svg>          \x3Cdiv class="tg-df-filter-select tg-df-multiselect-trigger" id="tg-df-brand-trigger" tabindex="0">            Any Brand          \x3C/div>          \x3Cdiv class="tg-df-multiselect-dropdown" id="tg-df-brand-dropdown">            \x3C!-- Populated via script --\x3E          \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>          \x3C/svg>          \x3Cselect class="tg-df-sort-select" aria-label="Sort Deals">            \x3Coption value="date_desc">Newest First\x3C/option>            \x3Coption value="best_match">Sort by: Match\x3C/option>            \x3Coption value="price_asc">Price Low to High\x3C/option>            \x3Coption value="price_desc">Price High to Low\x3C/option>            \x3Coption value="discount_desc">Biggest Discount\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-price-range-wrapper" id="tg-df-custom-price-wrapper" style="display: flex; align-items:center; justify-content:center; padding: 10px 20px; gap: 8px; border: 1px solid var(--tg-df-border); border-radius: 100px; background-color: var(--tg-df-bg);">          \x3Cspan style="font-size:14px; font-weight:500; color:var(--tg-df-text-primary);">Price\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-min" placeholder="Min" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">          \x3Cspan style="color:var(--tg-df-text-muted)">-\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-max" placeholder="Max" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-legacy-price-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-price-filter" aria-label="Filter Prices">            \x3Coption value="all">All Prices\x3C/option>            \x3Coption value="under50">Under $50\x3C/option>            \x3Coption value="50_100">$50 - $100\x3C/option>            \x3Coption value="100_200">$100 - $200\x3C/option>            \x3Coption value="200_500">$200 - $500\x3C/option>            \x3Coption value="over500">Over $500\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-discount-filter-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-discount-filter" aria-label="Discount Amount">            \x3Coption value="all">Any discount\x3C/option>            \x3Coption value="5">Min 5%\x3C/option>            \x3Coption value="10">Min 10%\x3C/option>            \x3Coption value="15">Min 15%\x3C/option>            \x3Coption value="20">Min 20%\x3C/option>            \x3Coption value="25">Min 25%\x3C/option>            \x3Coption value="30">Min 30%\x3C/option>            \x3Coption value="40">Min 40%\x3C/option>            \x3Coption value="50">Min 50%\x3C/option>            \x3Coption value="60">Min 60%\x3C/option>            \x3Coption value="70">Min 70%\x3C/option>          \x3C/select>        \x3C/div>      \x3C/div>    \x3C/div>    \x3C!-- Deals Grid Wrapper --\x3E    \x3Cdiv class="tg-df-grid-wrapper tg-df-carousel-cards-wrapper" id="tg-df-grid-wrapper">      \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3Cdiv class="tg-df-grid" id="tg-df-grid">        \x3C!-- Content populated by JavaScript --\x3E      \x3C/div>      \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>    \x3C/div>        \x3C!-- Vouchers Modal --\x3E    \x3Cdiv class="tg-df-modal-backdrop" id="tg-df-vouchers-modal">      \x3Cdiv class="tg-df-modal">        \x3Cdiv class="tg-df-modal-header">          \x3Ch3 class="tg-df-modal-title" id="tg-df-vouchers-title">Available Coupons & Deals\x3C/h3>          \x3Cbutton class="tg-df-modal-close" id="tg-df-vouchers-close">            \x3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">              \x3Cline x1="18" y1="6" x2="6" y2="18">\x3C/line>              \x3Cline x1="6" y1="6" x2="18" y2="18">\x3C/line>            \x3C/svg>          \x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-modal-body" id="tg-df-vouchers-content">          \x3C!-- Vouchers injected here --\x3E        \x3C/div>      \x3C/div>    \x3C/div>  \x3C/div>`;      if (!template) {        template = document.createElement('template');        template.innerHTML = rawTemplate;      }      let shadowRoot = null;      if (hostContainer && template) {        hostContainer.setAttribute('data-initialized', 'true');        shadowRoot = hostContainer.attachShadow({ mode: 'open' });        shadowRoot.appendChild(template.content.cloneNode(true));      }      class DealsFinderWidget {        constructor(config) {          this.rootNode = config.rootNode || document;          this.hostContainer = config.hostContainer || null;          this.rootId = config.rootId || 'signal-deals-finder-root';          this.root = this.rootNode.querySelector('#' + this.rootId);          if (!this.root) return;          this.widgetId = (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'widget-' + Date.now() + '-' + Math.random().toString(36).slice(2);          this.grid = this.root.querySelector('#tg-df-grid');          this.tagsContainer = this.root.querySelector('#tg-df-tags-container');          this.categoryFilter = this.root.querySelector('#tg-df-category-filter');          this.categoryFilterWrapper = this.root.querySelector('#tg-df-category-filter-wrapper');          this.searchInput = this.root.querySelector('.tg-df-search-input');          this.autocompleteDropdown = this.root.querySelector('#tg-df-autocomplete');          this.sortSelect = this.root.querySelector('.tg-df-sort-select');          this.searchBtn = this.root.querySelector('.tg-df-search-btn');                    this.settingsToggle = this.root.querySelector('#tg-df-settings-toggle');          this.settingsPanel = this.root.querySelector('#tg-df-settings-panel');          this.settingsBackdrop = this.root.querySelector('#tg-df-settings-backdrop');          this.regionSelect = this.root.querySelector('#tg-df-region-select');          this.retailerSelect = this.root.querySelector('#tg-df-retailer-select');          this.offerTypeSelect = this.root.querySelector('#tg-df-offer-type-select');          this.viewModeSelect = this.root.querySelector('#tg-df-view-mode-select');          this.rowsSelect = this.root.querySelector('#tg-df-rows-select');          this.dealModeToggle = this.root.querySelector('#tg-df-deal-mode');          this.editorModeToggle = this.root.querySelector('#tg-df-editor-mode');          this.priceFilter = this.root.querySelector('#tg-df-price-filter');          this.discountFilter = this.root.querySelector('#tg-df-discount-filter');                    this.editorBar = this.root.querySelector('#tg-df-editor-bar');          this.editorSelectedCount = this.root.querySelector('#tg-df-selected-count');          this.editorCopyBtn = this.root.querySelector('#tg-df-editor-copy');          this.editorClearBtn = this.root.querySelector('#tg-df-editor-clear');                    this.apiUrl = 'https://search-api.fie.future.net.uk/widget.php';          this.deals = [];          this.displayLimit = 12;          this.airedaleArticles = null;          this.airedaleTags = [];          this.airedaleTagCounts = {};          this.activeDealTag = null;          this.selectedBrands = [];          this.currentQuery = '';          this.editorMode = this.hostContainer ? this.hostContainer.hasAttribute('data-editor-mode') : false;          this.viewModeOverride = this.hostContainer ? this.hostContainer.getAttribute('data-view-mode') : null;          this.selectedDeals = new Map();                    this.brandFilterWrapper = this.root.querySelector('#tg-df-brand-filter-wrapper');          this.brandTrigger = this.root.querySelector('#tg-df-brand-trigger');          this.brandDropdown = this.root.querySelector('#tg-df-brand-dropdown');                    this.customPriceWrapper = this.root.querySelector('#tg-df-custom-price-wrapper');          this.customPriceMin = this.root.querySelector('#tg-df-custom-price-min');          this.customPriceMax = this.root.querySelector('#tg-df-custom-price-max');          this.legacyPriceWrapper = this.root.querySelector('#tg-df-legacy-price-wrapper');          this.discountFilterWrapper = this.root.querySelector('#tg-df-discount-filter-wrapper');          this.initResizeObserver();          this.init();            if (['carousel', 'carousel-compact', 'auto', 'grid', 'row'].includes(this.getViewMode())) { this.loadCarouselSpreadsheet(); }        }        getViewMode() {          if (this.viewModeOverride && (!this.editorMode || !this.viewModeSelect)) {            return this.viewModeOverride;          }          return (this.viewModeSelect && this.viewModeSelect.value) ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');        }        applyLayoutMode() {          if (!this.grid) return;          const mode = this.getViewMode();          this.grid.classList.remove('layout-row', 'layout-grid', 'tg-df-grid-auto', 'carousel-compact', 'layout-replica-1', 'layout-replica-2');                    const carouselHost = this.root.querySelector('#tg-df-carousel-host');          const controlsDiv = this.root.querySelector('#tg-df-controls');          if (mode === 'carousel' || mode === 'auto' || mode === 'grid' || mode === 'row') {             if (mode === 'carousel') this.grid.classList.add('carousel-compact');             if (carouselHost) carouselHost.style.display = 'block';             if (controlsDiv) controlsDiv.style.display = 'none';             if (this.root.classList.contains('tg-df-container') && mode === 'carousel') {               this.root.classList.add('is-carousel');             } else if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          } else {             if (carouselHost) carouselHost.style.display = 'none';             if (controlsDiv) controlsDiv.style.display = 'flex';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          }          if (mode === 'grid') {            this.grid.classList.add('layout-grid');          } else if (mode === 'row') {            this.grid.classList.add('layout-row');          } else if (mode === 'savings_squad') {            this.grid.classList.add('tg-df-grid-auto', 'savings-squad-cards');          } else if (mode !== 'carousel') {            this.grid.classList.add('tg-df-grid-auto');          }                    const settingsWrapper = this.root.querySelector('.tg-df-settings-wrapper');          if (settingsWrapper) {            settingsWrapper.style.display = mode === 'auto' ? 'none' : 'block';          }          if (this.customPriceWrapper) {             this.customPriceWrapper.style.display = mode === 'auto' ? 'flex' : 'none';          }          if (this.legacyPriceWrapper) {             this.legacyPriceWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }          if (this.discountFilterWrapper) {             this.discountFilterWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }        }        initResizeObserver() {          try {            if (window.parent === window) return;          } catch (e) {            // cross origin frame check threw          }          const emitHeight = () => {            try {              const height = document.documentElement.scrollHeight || document.body.scrollHeight;              const msg = { type: 'embed-size', height: height };              if (window.parent && window.parent !== window) {                window.parent.postMessage(msg, '*');                window.parent.postMessage(JSON.stringify({ ...msg, sentinel: 'amp' }), '*');              }            } catch (e) {}          };                    if (window.ResizeObserver) {            try {              const ro = new ResizeObserver(() => emitHeight());              ro.observe(document.body);              if (this.root) ro.observe(this.root);            } catch(e){ console.warn(e); }          }          window.addEventListener('resize', emitHeight);          setTimeout(emitHeight, 300);        }        initCountdown() {          this.cdWrapper = this.root.querySelector('#tg-df-countdown-wrapper');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          this.showCountdown = params.get('show_countdown') === 'true';          const showHeaderDetails = params.get('show_header_details') !== 'false';          const eyebrow = this.root.querySelector('.tg-df-carousel-box-eyebrow');          const title = this.root.querySelector('.tg-df-carousel-box-title');          const subtitle = this.root.querySelector('.tg-df-carousel-box-subtitle');          if (!showHeaderDetails) {            let containerElement = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (containerElement) containerElement.classList.add('hide-header-details');            if (eyebrow) eyebrow.style.display = 'none';            if (title) title.style.display = 'none';            if (subtitle) subtitle.style.display = 'none';          }          if (!this.cdWrapper) return;          this.cdTitle = this.root.querySelector('#tg-df-countdown-title');          this.cdDays = this.root.querySelector('#tg-df-cd-days');          this.cdHrs = this.root.querySelector('#tg-df-cd-hrs');          this.cdMin = this.root.querySelector('#tg-df-cd-min');          this.cdSec = this.root.querySelector('#tg-df-cd-sec');          this.updateCountdown();          this.cdInterval = setInterval(() => this.updateCountdown(), 1000);        }        updateCountdown() {          if (!this.cdWrapper) return;          if (!this.showCountdown) {            this.cdWrapper.style.display = 'none';            return;          }          const area = this.getAreaCode();          let offset = '-04:00';          if (['DE', 'FR', 'IT', 'ES', 'NL'].includes(area)) {             offset = '+02:00';          } else if (['GB', 'IE', 'UK'].includes(area)) {             offset = '+01:00';          }          const startTime = new Date('2026-06-23T00:00:00' + offset).getTime();          const endTime = new Date('2026-06-26T00:00:00' + offset).getTime();          const now = Date.now();          let targetTime = 0;          if (now < startTime) {             targetTime = startTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day starts in';             this.cdWrapper.style.display = 'flex';          } else if (now < endTime) {             targetTime = endTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day ends in';             this.cdWrapper.style.display = 'flex';          } else {             this.cdWrapper.style.display = 'none';             if (this.cdInterval) clearInterval(this.cdInterval);             return;          }          const diff = Math.max(0, targetTime - now);          const d = Math.floor(diff / (1000 * 60 * 60 * 24));          const h = Math.floor((diff / (1000 * 60 * 60)) % 24);          const m = Math.floor((diff / 1000 / 60) % 60);          const s = Math.floor((diff / 1000) % 60);          if (this.cdDays) this.cdDays.textContent = d;          if (this.cdHrs) this.cdHrs.textContent = h;          if (this.cdMin) this.cdMin.textContent = m;          if (this.cdSec) this.cdSec.textContent = s;        }        init() {          this.initCountdown();          try {            initAnalytics();          } catch (e) {            console.warn('Deals Widget Analytics Error:', e);          }                    this.bindEvents();                    let initialQuery = '';                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          let initialViewMode = params.get('view_mode');          if (!params.has('search') && !params.has('q') && !params.has('query') && initialViewMode !== 'savings_squad') {             initialQuery = 'Everything';             if (this.discountFilter && !params.has('min_discount_ratio')) {               this.discountFilter.value = '5';             }          }          const website = params.get('website') || 'tomsguide';          this.website = website;          if (website === 'techradar') {            const squadHeader = this.root.querySelector('.tg-df-savings-squad-header');            if (squadHeader) {               const pic = squadHeader.querySelector('picture');               if (pic) pic.style.display = 'none';            }            const style = document.createElement('style');            style.innerHTML = `              .tg-df-container .hawk-affiliate-link-deal-button, .tg-df-container .tg-df-card-cta { background-color: #5DAF08 !important; }              .tg-df-container .hawk-affiliate-link-deal-button:hover, .tg-df-container .tg-df-card-cta:hover { background-color: #4a8c06 !important; }            `;            this.root.appendChild(style);          }                    if (this.regionSelect) {            this.regionSelect.value = params.get('region') || 'auto';            this.updatePriceDropdownCurrency();          }                    if (this.retailerSelect && params.has('retailer')) {            this.retailerSelect.value = params.get('retailer');          }                    if (params.has('brands')) {            const b = params.get('brands');            if (b) {              this.selectedBrands = b.split(',');            }          }                    if (this.offerTypeSelect && params.has('offer_type')) {            this.offerTypeSelect.value = params.get('offer_type');          }          if (params.has('bg_color')) {            const bg = params.get('bg_color');            if (bg === 'white') {              this.root.style.setProperty('background-color', '#ffffff', 'important');            } else if (bg === 'transparent') {              this.root.style.setProperty('background-color', 'transparent', 'important');            } else if (bg === 'light_blue') {              this.root.style.setProperty('background-color', '#E7F0FF', 'important');            }          } else {             this.root.style.removeProperty('background-color');          }                    if (params.has('view_mode')) {            if (this.viewModeSelect) {              this.viewModeSelect.value = params.get('view_mode');            } else {              this.viewModeOverride = params.get('view_mode');            }          }          if (this.rowsSelect && params.has('rows')) {            this.rowsSelect.value = params.get('rows');          }          if (params.has('price')) {            const priceVal = params.get('price');            if (this.priceFilter) {               // Try assigning it directly to select. If it's not present implicitly ignores               this.priceFilter.value = priceVal;            }            if (priceVal.includes('_')) {               const parts = priceVal.split('_');               if (this.customPriceMin && parts[0]) this.customPriceMin.value = parts[0];               if (this.customPriceMax && parts[1]) this.customPriceMax.value = parts[1];            }          }          if (this.discountFilter && params.has('min_discount_ratio')) {            // Need to convert back from ratio (e.g. 0.8) to select value (e.g. "20")            const ratioStr = params.get('min_discount_ratio');            const ratioFloat = parseFloat(ratioStr);            if (!isNaN(ratioFloat)) {               const percentage = Math.round((1 - ratioFloat) * 100);               this.discountFilter.value = percentage.toString();            }          }          if (this.sortSelect) {            this.sortSelect.value = params.get('sort') || 'discount_desc';          }          if (this.dealModeToggle && params.has('deal_mode')) {            this.dealModeToggle.checked = params.get('deal_mode') === 'true' || params.get('deal_mode') === '1';          }                    // Re-apply layout after params have updated control values          this.applyLayoutMode();                    if (params.get('search')) {            initialQuery = params.get('search');          } else if (params.get('q')) {            initialQuery = params.get('q');          } else if (params.get('query')) {            initialQuery = params.get('query');          }                    this.currentQuery = initialQuery;          if (this.searchInput) {            this.searchInput.value = this.currentQuery;          }                    if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {            this.fetchDeals(this.currentQuery);          } else {            this.render();          }        }        updatePriceDropdownCurrency() {          if (!this.priceFilter || !this.regionSelect) return;          const currencySymbols = {            'US': '$',            'GB': '£',            'CA': '$CA',            'AU': '$AU',            'DE': '€',            'FR': '€',            'IT': '€',          };          const area = this.getAreaCode();          const cur = currencySymbols[area || 'US'] || '$';                    const options = this.priceFilter.options;          for (let i = 0; i < options.length; i++) {            const opt = options[i];            if (opt.value === 'all') {              opt.innerText = 'All Prices';            } else if (opt.value === 'under50') {              opt.innerText = `Under ${cur}50`;            } else if (opt.value === '50_100') {              opt.innerText = `${cur}50 - ${cur}100`;            } else if (opt.value === '100_200') {              opt.innerText = `${cur}100 - ${cur}200`;            } else if (opt.value === '200_500') {              opt.innerText = `${cur}200 - ${cur}500`;            } else if (opt.value === 'over500') {              opt.innerText = `Over ${cur}500`;            }          }        }        populateBrandDropdown(values) {          if (!this.brandDropdown || !this.brandFilterWrapper) return;          this.brandFilterWrapper.style.display = 'flex'; // show the wrapper                    let html = '';          const allChecked = this.selectedBrands.length === 0 ? 'checked' : '';          const _div = '<' + '/div>';          const _span = '<' + '/span>';          html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="" ${allChecked} class="tg-df-brand-chk"> Any Brand${_div}`;                    values.forEach(v => {             if (!v.formatted_value || v.formatted_value === 'Any Brand') return;             const isChecked = this.selectedBrands.includes(v.formatted_value) ? 'checked' : '';             html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="${this.escapeHTML(v.formatted_value)}" ${isChecked} class="tg-df-brand-chk"> ${this.escapeHTML(v.formatted_value)} \x3Cspan style="color:var(--tg-df-text-muted);font-size:12px">(${v.count || 0})${_span}${_div}`;          });                    this.brandDropdown.innerHTML = html;                    // Re-bind listeners          const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');          chks.forEach(chk => {            chk.addEventListener('change', (e) => {              const val = e.target.value;              if (val === '') {                this.selectedBrands = [];              } else {                if (e.target.checked) {                   if (!this.selectedBrands.includes(val)) this.selectedBrands.push(val);                } else {                   this.selectedBrands = this.selectedBrands.filter(b => b !== val);                }              }                            if (this.selectedBrands.length === 0) {                 this.brandTrigger.innerText = 'Any Brand';              } else if (this.selectedBrands.length === 1) {                 this.brandTrigger.innerText = this.selectedBrands[0];              } else {                 this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;              }                            // Only call API if changed from UI interactions              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.updateURLParams();                 this.fetchDeals(this.currentQuery);              }            });          });                    // Update button text on load          if (this.selectedBrands.length === 0) {             this.brandTrigger.innerText = 'Any Brand';          } else if (this.selectedBrands.length === 1) {             this.brandTrigger.innerText = this.selectedBrands[0];          } else {             this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;          }        }        updateURLParams() {          const url = new URL(window.location);          if (this.currentQuery && this.currentQuery !== 'Gaming laptops') {            url.searchParams.set('q', this.currentQuery);          } else {            url.searchParams.delete('q');            url.searchParams.delete('search');            url.searchParams.delete('query');          }                    if (this.regionSelect && this.regionSelect.value !== 'auto') {            url.searchParams.set('region', this.regionSelect.value);          } else {            url.searchParams.delete('region');          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.set('retailer', this.retailerSelect.value);          } else {            url.searchParams.delete('retailer');          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.set('brands', this.selectedBrands.join(','));          } else {            url.searchParams.delete('brands');          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.set('offer_type', this.offerTypeSelect.value);          } else {            url.searchParams.delete('offer_type');          }                    if (this.viewModeSelect && this.viewModeSelect.value !== 'auto') {            url.searchParams.set('view_mode', this.viewModeSelect.value);          } else {            url.searchParams.delete('view_mode');          }                    if (this.rowsSelect && this.rowsSelect.value !== '12') {            url.searchParams.set('rows', this.rowsSelect.value);          } else {            url.searchParams.delete('rows');          }                    const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             url.searchParams.set('price', `${min}_${max}`);          } else if (this.priceFilter && this.priceFilter.value !== 'all') {            url.searchParams.set('price', this.priceFilter.value);          } else {            url.searchParams.delete('price');          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {               const ratio = (100 - v) / 100;               url.searchParams.set('min_discount_ratio', ratio.toString());            }          } else {            url.searchParams.delete('min_discount_ratio');          }                    if (this.sortSelect && this.sortSelect.value !== 'discount_desc') {            url.searchParams.set('sort', this.sortSelect.value);          } else {            url.searchParams.delete('sort');          }                    if (this.dealModeToggle && this.dealModeToggle.checked) {            url.searchParams.set('deal_mode', 'true');          } else {            url.searchParams.delete('deal_mode');          }                    window.history.replaceState({}, '', url);        }        bindEvents() {          const roundels = this.root.querySelectorAll('.tg-df-carousel-cat.original-hardcoded');          roundels.forEach(r => {             r.addEventListener('click', () => {                const q = r.getAttribute('data-query');                const pr = r.getAttribute('data-pr');                if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: q,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = q;                const label = this.root.querySelector('#tg-df-carousel-title-label');                if (label) label.textContent = 'Best ' + q;                if (this.priceFilter) this.priceFilter.value = pr || 'all';                if (this.discountFilter) this.discountFilter.value = '5';                if (this.searchInput) this.searchInput.value = q;                                roundels.forEach(ro => ro.classList.remove('active'));                r.classList.add('active');                this.fetchDeals(this.currentQuery);             });          });          const discBtns = this.root.querySelectorAll('.tg-df-carousel-filter-btn');          discBtns.forEach(b => {             b.addEventListener('click', () => {                const d = b.getAttribute('data-d');                const pr = b.getAttribute('data-pr');                const ot = b.getAttribute('data-ot');                let label = b.innerText ? b.innerText.trim() : '';                let filterType = 'unknown';                let filterVal = 'unknown';                if (d !== null) { filterType = 'discount'; filterVal = d; }                else if (pr !== null) { filterType = 'price'; filterVal = pr; }                else if (ot !== null) { filterType = 'offertype'; filterVal = ot; }                if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-${filterType}-${filterVal}`, name: 'Filter Button', label: label });                                if (d !== null) {                   if (this.discountFilter) this.discountFilter.value = this.discountFilter.value === d ? '0' : d;                } else if (pr !== null) {                   if (this.priceFilter) this.priceFilter.value = this.priceFilter.value === pr ? 'all' : pr;                } else if (ot !== null) {                   if (this.offerTypeSelect) this.offerTypeSelect.value = this.offerTypeSelect.value === ot ? 'all' : ot;                } else {                   if (this.discountFilter) this.discountFilter.value = '0';                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.offerTypeSelect) this.offerTypeSelect.value = 'all';                }                if (d === null && pr === null && ot === null && b.getAttribute("data-type") !== "custom") {                   discBtns.forEach(ro => ro.classList.remove('active'));                   b.classList.add('active');                } else if (b.getAttribute("data-type") !== "custom") {                   // Only operate on hardcoded buttons (those without data-type)                   discBtns.forEach(ro => {                      if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active');                   });                                      let makeActive = true;                   if (d !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-d') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (pr !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-pr') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (ot !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-ot') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   }                                      if (makeActive) b.classList.add('active');                                      // Check if anything is active, if not activate "All"                   let anyActive = false;                   discBtns.forEach(ro => { if (ro.classList.contains('active') && ro.getAttribute('data-type') !== 'custom') anyActive = true; });                   if (!anyActive) {                       discBtns.forEach(ro => { if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.add('active'); });                   }                }                                this.fetchDeals(this.currentQuery);             });          });          if (this.brandTrigger && this.brandDropdown) {            this.brandTrigger.addEventListener('click', () => {              this.brandDropdown.classList.toggle('active');            });            document.addEventListener('click', (e) => {              if (this.brandFilterWrapper && !e.composedPath().includes(this.brandFilterWrapper)) {                this.brandDropdown.classList.remove('active');              }            });          }          let debounceTimer;          if(this.searchInput) {            this.searchInput.addEventListener('input', (e) => {              clearTimeout(debounceTimer);              const query = e.target.value.trim();              this.currentQuery = query;              if (this.getViewMode() === 'savings_squad' && this.autocompleteDropdown && this.airedaleTags && query.length > 0) {                 const matches = this.airedaleTags.filter(t => t.toLowerCase().includes(query.toLowerCase()) && t.toLowerCase() !== query.toLowerCase()).slice(0, 5);                 if (matches.length > 0) {                    this.autocompleteDropdown.innerHTML = matches.map(m => `\x3Cdiv class="tg-df-autocomplete-item" data-tag="${this.escapeHTML(m)}">${this.escapeHTML(m)}<` + `/div>`).join('');                    this.autocompleteDropdown.classList.add('active');                 } else {                    this.autocompleteDropdown.classList.remove('active');                 }              } else if (this.autocompleteDropdown) {                 this.autocompleteDropdown.classList.remove('active');              }              debounceTimer = setTimeout(() => {                this.updateURLParams();                if (query.length > 2) {                  this.fetchDeals(query);                } else if (query.length === 0) {                  this.deals = [];                  this.render();                }              }, 400);            });            this.searchInput.addEventListener('keypress', (e) => {              if (e.key === 'Enter') {                if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');                clearTimeout(debounceTimer);                const query = e.target.value.trim();                this.currentQuery = query;                this.activeDealTag = null;                trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                this.updateURLParams();                if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                   this.fetchDeals(query);                }              }            });          }          if (this.autocompleteDropdown) {             this.autocompleteDropdown.addEventListener('click', (e) => {                const item = e.target.closest('.tg-df-autocomplete-item');                if (item) {                   const tag = item.getAttribute('data-tag');                   this.currentQuery = tag;                   if (this.searchInput) this.searchInput.value = tag;                   this.activeDealTag = tag;                   this.autocompleteDropdown.classList.remove('active');                   this.updateURLParams();                   this.fetchDeals(tag);                }             });             document.addEventListener('click', (e) => {               if (this.autocompleteDropdown && this.searchInput && !e.composedPath().includes(this.searchInput) && !e.composedPath().includes(this.autocompleteDropdown)) {                 this.autocompleteDropdown.classList.remove('active');               }             });          }          if (this.searchBtn) {            this.searchBtn.addEventListener('click', () => {              if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');              clearTimeout(debounceTimer);              const query = this.searchInput.value.trim();              trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });              this.activeDealTag = null;              this.currentQuery = query;              this.updateURLParams();              if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.fetchDeals(query);              }            });          }          if(this.sortSelect) this.sortSelect.addEventListener('change', () => {            trackElementInteraction({ id: `sort-option-${this.sortSelect.value}`, name: 'Sort', label: `Sort: ${this.sortSelect.options[this.sortSelect.selectedIndex].text}` });            this.updateURLParams();            if (this.deals.length > 0) {              this.sortData();              this.render();            }          });                    const priceFilter = this.root.querySelector('#tg-df-price-filter');          if (priceFilter) {            this.priceFilter = priceFilter;            this.priceFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-price-${this.priceFilter.value}`, name: 'Price', label: this.priceFilter.options[this.priceFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          const updateCustomPrice = () => {             this.updateURLParams();             if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);             } else {                this.render();             }          };          if (this.customPriceMin) {             this.customPriceMin.addEventListener('change', updateCustomPrice);             this.customPriceMin.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          if (this.customPriceMax) {             this.customPriceMax.addEventListener('change', updateCustomPrice);             this.customPriceMax.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          const discountFilter = this.root.querySelector('#tg-df-discount-filter');          if (discountFilter) {            this.discountFilter = discountFilter;            this.discountFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-discount-${this.discountFilter.value}`, name: 'Discount', label: this.discountFilter.options[this.discountFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          if (this.categoryFilter) {            this.categoryFilter.addEventListener('change', (e) => {               const val = e.target.value === 'all' ? null : e.target.value;               this.activeDealTag = val;               this.fetchSavingsSquad();            });          }                    if (this.settingsToggle) {            this.settingsToggle.addEventListener('click', () => {              const o = this.settingsPanel.classList.toggle('active');              this.settingsBackdrop.classList.toggle('active');              if (o) trackElementInteraction({ id: 'filter-open', name: 'Filters', label: 'Open filters' });            });          }                    if (this.settingsBackdrop) {            this.settingsBackdrop.addEventListener('click', () => {              this.settingsPanel.classList.remove('active');              this.settingsBackdrop.classList.remove('active');            });          }                    if (this.regionSelect) {            this.regionSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-region-${this.regionSelect.value}`, name: 'Region', label: this.regionSelect.options[this.regionSelect.selectedIndex].text });              this.updateURLParams();              this.updatePriceDropdownCurrency();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.retailerSelect) {            this.retailerSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-merchant-${this.retailerSelect.value}`, name: 'Retailer', label: this.retailerSelect.options[this.retailerSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.offerTypeSelect) {            this.offerTypeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-offertype-${this.offerTypeSelect.value}`, name: 'Offer Type', label: this.offerTypeSelect.options[this.offerTypeSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.viewModeSelect) {            this._prevViewMode = this.viewModeSelect.value;            this.viewModeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-viewmode-${this.viewModeSelect.value}`, name: 'View Mode', label: this.viewModeSelect.options[this.viewModeSelect.selectedIndex].text });                            // Reset all active toggles and filters to prevent config carry-over              this.selectedBrands = [];              if (this.brandTrigger) this.brandTrigger.innerText = 'Select Brands';              if (this.brandDropdown) {                const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                chks.forEach(chk => { chk.checked = false; });              }              if (this.priceFilter) this.priceFilter.value = 'all';              if (this.customPriceMin) this.customPriceMin.value = '';              if (this.customPriceMax) this.customPriceMax.value = '';              if (this.sortSelect) this.sortSelect.value = this.viewModeSelect.value === 'savings_squad' ? 'date_desc' : 'discount_desc';              if (this.discountFilter) this.discountFilter.value = '0';              if (this.retailerSelect) this.retailerSelect.value = '';              if (this.offerTypeSelect) this.offerTypeSelect.value = '';              if (this.rowsSelect) this.rowsSelect.value = '12';              if (this.categoryFilter) this.categoryFilter.value = 'all';              this.activeDealTag = null;              this.updateURLParams();              this.applyLayoutMode();                            if (this.getViewMode() === 'savings_squad' || this._prevViewMode === 'savings_squad') {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }              this._prevViewMode = this.viewModeSelect.value;            });          }                    if (this.rowsSelect) {            this.rowsSelect.addEventListener('change', () => {              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.dealModeToggle) {            this.dealModeToggle.addEventListener('change', () => {              this.updateURLParams();              this.render();            });          }          if (this.editorModeToggle) {             this.editorModeToggle.addEventListener('change', (e) => {                this.editorMode = e.target.checked;                this.render();                this.updateFloatingCopyBar();             });          }          if (this.editorCopyBtn) {             this.editorCopyBtn.addEventListener('click', () => {                this.copySelectedDealsToCMS();             });          }          if (this.editorClearBtn) {             this.editorClearBtn.addEventListener('click', () => {                this.selectedDeals.clear();                this.render();                this.updateFloatingCopyBar();             });          }          if (this.grid) {            this.grid.addEventListener('change', (e) => {               if (e.target.classList.contains('tg-df-deal-checkbox')) {                  const dealId = e.target.getAttribute('data-id');                  if (e.target.checked) {                     const dealObj = this.deals.find(d => d.id === dealId);                     if (dealObj) this.selectedDeals.set(dealId, dealObj);                  } else {                     this.selectedDeals.delete(dealId);                  }                  this.updateFloatingCopyBar();               }            });            this.grid.addEventListener('click', (e) => {              const dealCard = e.target.closest('[data-action="deal-click"]');              const similarCard = e.target.closest('[data-action="view-similar-click"]');              const cardLink = dealCard || similarCard;              if (cardLink) {                const productName = cardLink.getAttribute('data-product-name');                const merchantName = cardLink.getAttribute('data-merchant-name');                const productId = cardLink.getAttribute('data-analytics-id');                const price = parseFloat(cardLink.getAttribute('data-price')) || null;                const prevPriceStr = cardLink.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = cardLink.getAttribute('data-original-link');                const rewrittenLink = cardLink.getAttribute('href');                const revenueId = cardLink.getAttribute('data-revenue-id');                const index = parseInt(cardLink.getAttribute('data-index'), 10) || 0;                const inStock = cardLink.getAttribute('data-in-stock') === 'true';                const totalText = cardLink.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: cardLink.getAttribute('data-model-id') || null,                    matchId: cardLink.getAttribute('data-match-id') || null,                    brand: cardLink.getAttribute('data-model-brand') || null,                    parent: cardLink.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: cardLink.getAttribute('data-merchant-id') || null,                    network: cardLink.getAttribute('data-merchant-network') || null,                    url: cardLink.getAttribute('data-merchant-url') || null,                    name: merchantName                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: normalizeCurrency(this.escapeHTML(cardLink.getAttribute('data-currency') || '$'))                };                if (dealCard) {                  trackDealClick(trackingParams);                } else {                  trackViewSimilarClick(trackingParams);                }              }              const couponsBtn = e.target.closest('[data-action="coupons-click"]');              if (couponsBtn) {                trackElementInteraction({                  id: 'product-card-show-coupons',                  name: 'Coupons',                  label: `Product card coupons: ${couponsBtn.getAttribute('data-merchant')}`                });              }            });          }          this.setupScrollListeners();        }        setupScrollListeners() {          const containers = [             this.root.querySelector('.tg-df-carousel-roundels'),             this.root.querySelector('.tg-df-carousel-filters-wrap'),             this.root.querySelector('#tg-df-grid')          ];                    containers.forEach(container => {             if (!container) return;                          const checkScroll = () => {                if (!container.parentElement) return;                const leftBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-left');                const rightBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-right');                                if (leftBtn) {                   if (container.scrollLeft <= 5) leftBtn.style.display = 'none';                   else leftBtn.style.display = 'flex';                }                                if (rightBtn) {                   if (container.scrollWidth <= container.clientWidth) {                       rightBtn.style.display = 'none';                   } else if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 5) {                       rightBtn.style.display = 'none';                   } else {                       rightBtn.style.display = 'flex';                   }                }             };                          container.addEventListener('scroll', checkScroll);             checkScroll();                          window.addEventListener('resize', checkScroll);                          const observer = new MutationObserver(checkScroll);             observer.observe(container, { childList: true, subtree: true, characterData: false });          });        }        get widgetTypeName() {          const mode = this.viewModeSelect ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');          switch(mode) {              case 'carousel': return 'Carousel';              case 'savings_squad': return 'Savings Squad';              case 'grid': return 'Grid';              case 'row': return 'Row';              default: return 'Auto Collection';          }        }        getRowsLimit() {          if (this.rowsSelect && this.rowsSelect.value) return parseInt(this.rowsSelect.value, 10);          let configSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {             configSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {             configSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(configSource);          if (params.has('rows')) return parseInt(params.get('rows'), 10) || 12;          return 12;        }        getAreaCode() {          if (this.regionSelect && this.regionSelect.value) {            if (this.regionSelect.value === 'auto') return null;            return this.regionSelect.value;          }          let area = null;          try {            const locale = window.navigator.language || window.navigator.userLanguage;            if (locale && locale.includes('-')) {              area = locale.split('-')[1].toUpperCase();            } else if (locale && locale.length === 2) {              if (locale.toUpperCase() === 'EN') { area = 'US'; }              else { area = locale.toUpperCase(); }            }          } catch (e) { /* Ignore */ }                    // Map to known valid options or fallback to US          const valid = ['US', 'GB', 'CA', 'AU', 'DE', 'FR', 'IT'];          if (area === 'UK') area = 'GB';          if (valid.includes(area)) {             return area;          }          return 'US';        }                async loadCarouselSpreadsheet() {          try {              const parseCSVRow = (str) => {                  let result = [], cur = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (inQuotes) {                          if (char === '"') {                              if (str[i + 1] === '"') { cur += '"'; i++; }                              else { inQuotes = false; }                          } else { cur += char; }                      } else {                          if (char === '"') { inQuotes = true; }                          else if (char === ',') { result.push(cur); cur = ''; }                          else { cur += char; }                      }                  }                  result.push(cur); return result;              };              const parseCSV = (str) => {                  const rows = []; let curRow = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (char === '"') inQuotes = !inQuotes;                      if ((char === '\n' || char === '\r') && !inQuotes) {                          if (char === '\r' && str[i+1] === '\n') i++;                          if (curRow) rows.push(parseCSVRow(curRow));                          curRow = '';                      } else { curRow += char; }                  }                  if (curRow) rows.push(parseCSVRow(curRow));                  return rows;              };              const preloadedCSV = decodeURIComponent(escape(atob("LCwxLDIsMyw0LDUsNiw3LDgsOSwxMCwxMSwxMiwxMywxNCwxNQ0KUm91bmRlbCB0ZXh0LEFsbCxUVnMsRm9vdHdlYXIsQXBwYXJlbCxNYXR0cmVzZXMsQXBwbGlhbmNlcyxXZWFyYWJsZSB0ZWNoLEhlYWRwaG9uZXMsU21hcnQgSG9tZSxTcGVha2VycyxMYXB0b3BzLFRhYmxldHMsQ29tcHV0aW5nLFBob25lcyxHYW1pbmcsTGVnbw0KUm91bmRlbCBpbWFnZSxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL2FpLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL3R2cy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvN2IzYTIyNGIwNzk2M2M2MjdiNmI5MDliZDc4MzM4MzZlMDJmZjgxOS5qcGcud2VicCxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy84NGRhYzVkNDhlZDJkNDQ4NTU5ZWJhNjdhY2U4MzE0Y2M2N2NjZDk0LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vc2hvcC1hc3NldHMvY2Fyb3VzZWwvbWF0dHJlc3Nlcy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvNzY4ZTk3Y2ViMDcxODAxZmFlMjA5MTBkMDgyMGIxNmY3NDdhZjkzOS5qcGcud2VicCxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL3dlbGxuZXNzLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL2hlYWRwaG9uZXMuanBnLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzg5NTM1YmVlYmUyMGRiYmQ0YTM0NmQ2ZDZiZGZlOTFkOGE4ODRhMjEuanBnLndlYnAsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9zaG9wLWFzc2V0cy9jYXJvdXNlbC9hdWRpby5qcGcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9zaG9wLWFzc2V0cy9jYXJvdXNlbC9sYXB0b3BzLmpwZyxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy8yMzk3NTY0ZWQ3YTVmZjk0N2U5YjZiMzBlNTRmNDc0OTRiODQxZjg5LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vc2hvcC1hc3NldHMvY2Fyb3VzZWwvY29tcHV0aW5nLmpwZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL3Bob25lcy5wbmcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9zaG9wLWFzc2V0cy9jYXJvdXNlbC9nYW1pbmcucG5nLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzRmNmM2MjFjYWMwYmMxYTg1ZDU5M2UzNTk0YmE1YjM0OWVmZmQyOTIuanBnLndlYnANClNlYXJjaCBRdWVyeSxFdmVyeXRoaW5nLFRlbGV2aXNpb25zLCJTbmVha2VycywgcnVubmluZyBzaG9lcywgc2FuZGFscyIsQ2xvdGhpbmcsTWF0dHJlc3NlcyxIb21lIEFwcGxpYW5jZXMsV2VhcmFibGVzICYgRml0bmVzcyBUZWNoLEhlYWRwaG9uZXMsSG9tZSBUZWNoLFNwZWFrZXJzLExhcHRvcHMsVGFibGV0cyxDb21wdXRpbmcsUGhvbmVzLEdhbWluZyxDb25zdHJ1Y3Rpb24gVG95cw0KRGlzY291bnQgQW1vdW50LG1pbiA1JSxtaW4gMTAlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUNClByaWNlIFJhbmdlLCwsLCxtaW4gJDQwMCwsLCxtaW4gJDI1LCxtaW4gJDMwMCwsLG1pbiAkMTAwLCwNCkJyYW5kIFNlbGVjdGlvbiwsLCwsLCwsLCwsLCwsLCwNCkZpbHRlciBidXR0b25zLCwsLCwsLCwsLCwsLCwsLA0KMSxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMNCjIsQW1hem9uIGRlYWxzLFVuZGVyICQxMDAwLDUwJSBvZmYsQWRpZGFzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsNTAlIG9mZixBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscw0KMyxPdmVyICQ0MDAsVW5kZXIgJDUwMCxIb2thLE5pa2UsU2FhdHZhLE5pbmphLDQwJSBvZmYsSkxhYiwsSkJMLERlbGwsLEFzdXMsQXBwbGUsQ29uc29sZXMsU3RhciBXYXJzDQo0LFVuZGVyICQxMDAwLDUwJSBvZmYsU2tlY2hlcnMsVW5kZXIgQXJtb3VyLEhlbGl4LFNoYXJrLEdhcm1pbixBbmtlciBTb3VuZGNvcmUsUmluZyxTb25vcyxBcHBsZSxBcHBsZSxUUC1saW5rLFNhbXN1bmcsQWNjZXNzb3JpZXMsVW5kZXIgJDI1DQo1LFVuZGVyICQ1MDAsTEcsQXNpY3MsQ29sdW1iaWEsRHJlYW1DbG91ZCxLZXVyaWcsQXBwbGUsU29ueSxHb3ZlZSxUcmliaXQsTGVub3ZvLFNhbXN1bmcsRWVybyxHb29nbGUsR2FtZXMsVW5kZXIgJDUwDQo2LDUwJSBvZmYsU2Ftc3VuZyxOaWtlLFBhdGFnb25pYSxOZWN0YXIsRGUnTG9uZ2hpLEFtYXpmaXQsQXBwbGUsS2FzYSBzbWFydCxTb255LEFsaWVud2FyZSxUQ0wsTmV0Z2VhcixNb3Rvcm9sYSxOaW50ZW5kbyxCb3RhbmljYWxzDQo3LEFtYXpvbixIaXNlbnNlLE5ldyBCYWxhbmNlLEFyYyd0ZXJ5eCxUZW1wdXItcGVkaWMsRHlzb24sRml0Yml0LEJlYXRzLFBoaWxpcHMgSHVlLEFua2VyLEFjZXIsT25lUGx1cyxEZWxsLE9uZVBsdXMsU29ueSxEaXNuZXkNCjgsQXBwbGUsVENMLEFkaWRhcyxDYXJoYXJ0dCxCZWFyLEJpc3NlbGwsU2Ftc3VuZyxFYXJmdW4sQmxpbmssQmVhdHMsTVNJLE1pY3Jvc29mdCxBY2VyLE5vdGhpbmcsWGJveCxNYXJ2ZWwNCjksLFNvbnksU2F1Y29ueSxUaGUgTm9ydGggRmFjZSxTaWVuYSxOdXRyaWJ1bGxldCxPdXJhLFNhbXN1bmcsR29vZ2xlIE5lc3QgLE1hcnNoYWxsLFNhbXN1bmcsTGVub3ZvLExlbm92bywsLFBva2Vtb24NCjEwLCxSb2t1LEJpcmtlbnN0b2NrLENSWiBZb2dhLFdpbmtCZWRzLEJsYWNrIGFuZCBEZWNrZXIsUmluZ2Nvbm4sQ01GLEV1ZnksU2Ftc3VuZyxNaWNyb3NvZnQsUmVNYXJrYWJsZSxBbGllbndhcmUsLCwNCjExLCwsQnJvb2tzLFRoZSBHeW0gUGVvcGxlLEJyb29rbHluIGJlZGRpbmcsTmVzcHJlc3NvLCwxTW9yZSxBcmxvLCxSYXplciwsQ29yc2FpciwsLA0KMTIsLCxDcm9jcywsRWlnaHQgU2xlZXAsQ3Vpc2luYXJ0LCxKQkwsLCwsLEhQLCwsDQpOb3RlcywsLCwsLCwsLCwsLCwsLCwNCiwsIlByaW9yaXRpc2UgYmlnZ2VzdCAlLyQgZGlzY291bnQsIFR2cyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiB0aGUgbW9zdCBwb3B1bGFyIGV2ZW4gaWYgdGhleSBhcmUgc3RpbGwgZXhwZW5zaXZlIiwiTm8gcGF0dGVybiB0byBwcmljaW5nL2Rpc2NvdW50LCByZWFkZXJzIG1haW5seSBzaG9wIGJ5IGJyYW5kL3JlY29nbmlzYWJsZSBzaG9lcyIsIk5vIHBhdHRlcm4gdG8gcHJpY2luZy9kaXNjb3VudCwgcmVhZGVycyBtYWlubHkgc2hvcCBieSBicmFuZCIsIkEgbGFiZWwgd2lsbCBkZWZpbml0ZWx5IGhlbHAgaGVyZSBlLmcuIGJlc3QgZm9yIHNpZGUgc2xlZXBlciwgYmVzdCBtZW1vcnkgZm9hbSIsIkFwcGxpYW5jZXMgaXMgYSBiaWcgY2F0ZWdvcnksIGlzIGl0IHBvc3NpYmxlIHRvIHNwbGl0IGludG8ga2l0Y2hlbiBhcHBsaWFuY2VzLCBmbG9vcmNhcmUsIGFpciBoZWFsdGgvY29vbGluZz8gT3Igc2ltaWxhciIsIkZvY3VzIG9uIHZhbHVlIGZvciBtb25leSwgR2FybWlucyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiBwb3B1bGFyIGV2ZW4gdGhvdWdoIHRoZXkgYXJlIHN0aWxsICQ1MDAiLCwsLCxJbmNsdWRlIEtpbmRsZXMsSSB3b3VsZCBpbmNsdWRlIHdpZmkgcm91dGVycyBoZXJlIGluc3RlYWQgb2Ygc21hcnQgaG9tZSxDYW4gd2Ugc3VyZmFjZSBwaG9uZSBwcm92aWRlciBkZWFscz8gVC1tb2JpbGUgYW5kIHZlcml6b24gd291bGQgbWFrZSBhIGxvdCBtb3JlIG1vbmV5IHRoYW4gQW1hem9uLCwNCiwsaGF2aW5nIGEgJ2Jlc3QgZm9yJyBsYWJlbCB3b3VsZCBiZSBoZWxwZnVsIGUuZy4gYmVzdCBmb3IgYnJpZ2h0IHJvb20sQ2FuIHdlIHN0b3Aga2lkcyBzaG9lcyBmcm9tIHB1bGxpbmcgdGhyb3VnaD8sIldpbGwgdGhpcyBpbmNsdWRlIGFjY2Vzc29yaWVzIGUuZy4gY2FwcywgYmFncywgaWYgc28gbWFrZSBzdXJlIHRoZXNlIGFyZSBtaXhlZCB0aHJvdWdob3V0IGNsb3RoaW5nIGRlYWxzIixXaWxsIHRoaXMgaW5jbHVkZSB0b3BwZXJzIGFuZCBwaWxsb3dzPyBTZWVpbmcgbW9yZSBtb21lbnR1bSB3aXRoIHRoaXMgY2F0ZWdvcnkgcmVjZW50bHkgc28gYSBiZWRkaW5nIHRhYiBtaWdodCB3b3JrLCwiTmVlZCB0byBtYWtlIHN1cmUgYmFuZHMsIHNjcmVlbiBwcm90ZWN0b3JzIGV0Yy4gZG9uJ3QgcHVsbCBpbnRvIGhlcmUiLCwsLCwsLCwsDQosLCJQcmlvcml0aXNlIDY1JycgYW5kIDU1JyBpbmNoIFRWcywgdGhlbiBiaWdnZXIgc2NyZWVucyBiZWZvcmUgdGhlIHNtYWxsZXIgc2l6ZXMiLCwsUXVlZW4gaXMgdGhlIG1vc3QgcG9wdWxhciBzaXplIGluIHRoZSBVUyAtIHByaW9yaXRpc2UgZGVhbHMgZm9yIHRoaXMgc2l6ZSwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpDYXRlZ29yaWVzIHRvIGNvbnNpZGVyLCxQcm9kdWN0cyBpbmNsdWRlZCwsLCwsLCwsLCwsLCwsDQpVbmRlciAkNTA/LCxBaXIgdGFncywsLCwsLCwsLCwsLCwsDQosLFBvcnRhYmxlIGNoYXJnZXJzL3dpcmVsZXNzIGNoYXJnZXJzLCwsLCwsLCwsLCwsLCwNCiwsIldhdGVyIGJvdHRsZXMgKHN0YW5sZXlzLCBPd2FsYSwgSHlkcm8gZmxhc2ssIFlldGkpIiwsLCwsLCwsLCwsLCwsDQosLEhhbmQgaGVsZCBmYW5zLCwsLCwsLCwsLCwsLCwNCiwsLCwsLCwsLCwsLCwsLCwNCmhvbWUgb2ZmaWNlLCxvZmZpY2UgY2hhaXJzLCwsLCwsLCwsLCwsLCwNCiwsc3RhbmRpbmcgZGVza3MsLCwsLCwsLCwsLCwsLA0KLCxtb25pdG9ycywsLCwsLCwsLCwsLCwsDQosLEtleWJvYXJkcywsLCwsLCwsLCwsLCwsDQosLGRvY2tpbmcgc3RhdGlvbiwsLCwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpHYW1pbmcsLENvbnNvbGVzLCwsLCwsLCwsLCwsLCwNCiwsQWNjZXNzb3JpZXMsLCwsLCwsLCwsLCwsLA0KLCxHYW1lcywsLCwsLCwsLCwsLCwsDQosLENvdWxkIGluY2x1ZGUgTGVnbz8sLCwsLCwsLCwsLCwsLA==")));              const text = preloadedCSV;              const parsed = parseCSV(text);                            const rowsByName = {};              let filterStart = -1;              parsed.forEach((rc, i) => {                 if (rc && rc.length > 0 && rc[0]) rowsByName[rc[0]] = rc;                 if (rc && rc.length > 0 && rc[0] === 'Filter buttons') filterStart = i;              });                            const cols = [];              if(rowsByName['Roundel text']) {                const headerRow = rowsByName['Roundel text'];                for(let col = 1; col < headerRow.length; col++) {                   let label = headerRow[col];                   if (!label) continue;                                      let q = rowsByName['Search Query'] && rowsByName['Search Query'][col] ? rowsByName['Search Query'][col] : '';                   let img = rowsByName['Roundel image'] && rowsByName['Roundel image'][col] ? rowsByName['Roundel image'][col] : '';                   let ds = rowsByName['Discount Amount'] && rowsByName['Discount Amount'][col] ? rowsByName['Discount Amount'][col] : '';                   let pr = rowsByName['Price Range'] && rowsByName['Price Range'][col] ? rowsByName['Price Range'][col] : '';                   let rt = rowsByName['Retailer'] && rowsByName['Retailer'][col] ? rowsByName['Retailer'][col] : '';                   let ot = rowsByName['Offer Type'] && rowsByName['Offer Type'][col] ? rowsByName['Offer Type'][col] : '';                                      let filters = [];                   if(filterStart > 0) {                     for(let r = filterStart + 1; r < parsed.length; r++) {                         if(!parsed[r] || parsed[r][0] === 'Notes' || parsed[r][0] === 'Categories to consider') break;                         let f = parsed[r][col];                         if(f) filters.push(f);                     }                   }                   cols.push({ label, img, q, ds, pr, rt, ot, filters });                }              }              this.carouselData = cols;              if (this.carouselData && this.carouselData.length > 0) {                 const isMatched = this.carouselData.some(c => c.q === this.currentQuery || c.label === this.currentQuery);                 if (!isMatched) {                    const first = this.carouselData[0];                    this.currentQuery = first.q || first.label;                    if (this.priceFilter) this.priceFilter.value = 'all';                    if (this.customPriceMin) this.customPriceMin.value = '';                    if (this.customPriceMax) this.customPriceMax.value = '';                    let dPr = first.pr || 'all';                    if (typeof dPr === 'string' && dPr !== 'all') {                       let prLower = dPr.toLowerCase();                       if (prLower.includes('min') || prLower.includes('over')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else if (prLower.includes('max') || prLower.includes('under')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       }                    }                    let dAm = '0';                    if(first.ds && typeof first.ds === 'string') {                       let m = first.ds.match(/(\d+)/);                       if(m) dAm = m[1];                    }                    if (this.discountFilter) this.discountFilter.value = dAm;                    if (this.offerTypeSelect) this.offerTypeSelect.value = first.ot || '';                    if (this.retailerSelect) this.retailerSelect.value = first.rt || '';                    this.selectedBrands = [];                    if (this.brandDropdown) {                        const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                        chks.forEach(chk => chk.checked = false);                    }                    if (this.searchInput) this.searchInput.value = this.currentQuery;                 }              }              this.renderCarouselUI();          } catch(e){ console.warn(e); }        }                renderCarouselUI() {           const roundelWrapper = this.root.querySelector('.tg-df-carousel-roundels');           if(!roundelWrapper || !this.carouselData) return;                      let html = '';           this.carouselData.forEach(r => {              const q = r.q || r.label;              const isActive = (this.currentQuery === q || this.currentQuery === r.label) ? 'active' : '';              const imgHtml = r.img ? `\x3Cimg src="${r.img}" alt="${r.label}" />` : `\x3Csvg width="32" height="32" fill="#1F69FF" viewBox="0 0 24 24">\x3Cpath d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\x3C/svg>`;              html += `                \x3Cdiv class="tg-df-roundel tg-df-carousel-cat ${isActive}" data-label="${this.escapeHTML(r.label)}">                  \x3Cdiv class="tg-df-roundel-img-box">${imgHtml}\x3C/div>                  \x3Cspan class="tg-df-roundel-label">${this.escapeHTML(r.label)}\x3C/span>                \x3C/div>              `;           });           roundelWrapper.innerHTML = html;                      // Rebind clicks           const roundels = this.root.querySelectorAll('.tg-df-carousel-cat');           roundels.forEach(rNode => {             rNode.addEventListener('click', () => {                const r = this.carouselData.find(c => c.label === rNode.getAttribute('data-label'));                 if(!r) return;                                  if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: r.label,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = r.q || r.label;                const labelTitle = this.root.querySelector('#tg-df-carousel-title-label');                if (labelTitle) labelTitle.textContent = 'Best ' + this.currentQuery;                if (this.priceFilter) this.priceFilter.value = 'all';                if (this.customPriceMin) this.customPriceMin.value = '';                if (this.customPriceMax) this.customPriceMax.value = '';                let dPr = r.pr || 'all';                if (typeof dPr === 'string' && dPr !== 'all') {                   let prLower = dPr.toLowerCase();                   if (prLower.includes('min') || prLower.includes('over')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMin) this.customPriceMin.value = m[1];                   } else if (prLower.includes('max') || prLower.includes('under')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMax) this.customPriceMax.value = m[1];                   }                }                                let discountAmount = '0';                if(r.ds && typeof r.ds === 'string') {                   let m = r.ds.match(/(\d+)/);                   if(m) discountAmount = m[1];                }                if (this.discountFilter) this.discountFilter.value = discountAmount;                if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                                // Clear brands                    this.selectedBrands = [];                    if (this.brandDropdown) {                    const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                    chks.forEach(chk => chk.checked = false);                }                                if (this.searchInput) this.searchInput.value = this.currentQuery;                                roundels.forEach(ro => ro.classList.remove('active'));                if (rNode) rNode.classList.add('active');                                this.renderCarouselFilters(r);                this.fetchDeals(this.currentQuery);             });           });                      // Auto-highlight active           const activeR = this.carouselData.find(c => c.q === this.currentQuery || c.label === this.currentQuery);           if(activeR) this.renderCarouselFilters(activeR);        }                renderCarouselFilters(r) {           const filtersWrap = this.root.querySelector('.tg-df-carousel-filters-wrap');           if(!filtersWrap) return;                      let html = `\x3Cbutton class="tg-df-carousel-filter-btn" data-type="all">All\x3C/button>`;                      r.filters.forEach(f => {              let fL = f.toLowerCase();              let icon = '';              let logic = `data-type="custom" data-v="${this.escapeHTML(f)}"`;              if (fL === 'amazon deals' || fL === 'prime deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>`;              } else if (fL === 'lightning deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>`;              } else {                 if (fL.includes('lightning')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap">\x3Cpolygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2">\x3C/polygon>\x3C/svg>`;                 } else if (fL.includes('% off')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>`;                 } else if (fL.includes('under') || fL.includes('min ')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>`;                 }                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>${icon} ${this.escapeHTML(f)}\x3C/button>`;              }           });                      filtersWrap.innerHTML = html;                      const btns = filtersWrap.querySelectorAll('button');           btns.forEach(b => {             b.addEventListener('click', () => {                const type = b.getAttribute('data-type');                if (type === 'custom') {                   const v = b.getAttribute('data-v');                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-custom-${(v||'').toLowerCase().replace(/[^a-z0-9]+/g, '-')}`, name: 'Custom Filter', label: v });                }                if (type === 'all') {                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: 'filter-clear-all', name: 'Clear all', label: 'Clear all filters' });                   // reset everything                   btns.forEach(btn => btn.classList.remove('active'));                   b.classList.add('active');                                      // Reset prices                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   if (this.brandDropdown) {                     const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                     chks.forEach(chk => chk.checked = false);                   }                } else {                   const v = b.getAttribute('data-v');                   const fL = v.toLowerCase();                                      let mapRet = ['amazon', 'walmart', 'best buy', 'target', 'john lewis', 'currys', 'argos'];                   const getCategory = (s) => {                      if (s === 'lightning deals' || s === 'amazon deals' || s === 'prime deals') return 'offer';                      if (s.includes('% off')) return 'discount';                      if (s.includes('under') || s.includes('over') || s.includes('min') || s.includes('max')) return 'price';                      if (mapRet.includes(s)) return 'retailer';                      return 'brand';                   };                   const cat = getCategory(fL);                   const wasActive = b.classList.contains('active');                   if (cat !== 'brand') {                      btns.forEach(btn => {                          if (btn === b) return;                          if (btn.getAttribute('data-type') === 'all') return;                          const bV = btn.getAttribute('data-v');                          if (!bV) return;                          if (getCategory(bV.toLowerCase()) === cat) btn.classList.remove('active');                      });                   }                   if (wasActive) b.classList.remove('active');                   else b.classList.add('active');                   let anyActive = Array.from(btns).some(btn => btn !== btns[0] && btn.classList.contains('active'));                   if (!anyActive) {                       btns[0].click();                       return;                   } else {                       btns[0].classList.remove('active');                   }                                      if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   btns.forEach(btn => {                       if (!btn.classList.contains('active') || btn.getAttribute('data-type') === 'all') return;                       const vv = btn.getAttribute('data-v');                       const vl = vv.toLowerCase();                                              if (vl === 'lightning deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_lightning';                       } else if (vl === 'amazon deals' || vl === 'prime deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_prime';                       } else if (vl.includes('% off')) {                          let m = vl.match(/(\d+)%/);                          if (m && this.discountFilter) this.discountFilter.value = m[1];                       } else if (vl.includes('under') || vl.includes('max')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       } else if (vl.includes('min') || vl.includes('over')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else {                          let foundR = mapRet.find(x => x === vl);                          if (foundR) {                             let realR = ['Amazon', 'Walmart', 'Best Buy', 'Target', 'John Lewis', 'Currys', 'Argos'].find(x => x.toLowerCase() === vl);                             if (this.retailerSelect) this.retailerSelect.value = realR;                          } else {                             this.selectedBrands.push(vv);                          }                       }                   });                                      if (this.brandDropdown) {                       const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                       chks.forEach(c => c.checked = this.selectedBrands.includes(c.value));                   }                                      if (r.pr && typeof r.pr === 'string') {                       let prL = r.pr.toLowerCase();                       if (prL.includes('under $')) {                           let m = prL.match(/under \$(\d+)/i);                           if (m && this.customPriceMax && !this.customPriceMax.value) this.customPriceMax.value = m[1];                       }                   }                }                                this.fetchDeals(this.currentQuery);             });           });                      // default to highlighting first           btns[0].classList.add('active');        }async fetchDeals(query, append = false) {          if (!append) {             this.showLoading();             this.deals = [];             this.displayLimit = this.getRowsLimit();          } else {             this.displayLimit += this.getRowsLimit();          }                    try {            if (this.getViewMode() === 'savings_squad') {               await this.fetchSavingsSquad(append);            } else {               if (this.isBroadQuery(query)) {                 await this.fetchAdviserDeals(query, append);               } else {                 await this.fetchHawkDeals(query, append);                 if (this.deals.length === 0) {                   await this.fetchAdviserDeals(query, append);                 }               }            }          } catch (error) {            console.warn("[Tom's Guide Widget] Fetch error:", error);            this.showError();          }        }        async fetchSavingsSquad() {          let topArticles = this.airedaleArticles;          if (!topArticles) {            const airedaleUrl = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`;            let res;            try {               res = await fetch(airedaleUrl);            } catch(e) {               try { res = await fetch(`https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`); } catch (err) { console.warn("Fallback fetch failed", err); return; }            }            if (!res.ok) throw new Error('Airedale API Error');            const articles = await res.json();            topArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);            this.airedaleArticles = topArticles;                        let tagCounts = {};            topArticles.forEach((a) => {              let articleTags = new Set();              if (a.articlecategory && Array.isArray(a.articlecategory)) {                 a.articlecategory.forEach((t) => articleTags.add(t));              }              articleTags.forEach(t => {                 tagCounts[t] = (tagCounts[t] || 0) + 1;              });            });                        this.airedaleTags = Object.keys(tagCounts).sort((a, b) => tagCounts[b] - tagCounts[a]);            this.airedaleTagCounts = tagCounts;          }                    let targetArticles = topArticles;          if (this.activeDealTag) {             const cleanTag = this.activeDealTag.toLowerCase().replace(/&/g, '').replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');             const encodedTag = encodeURIComponent(cleanTag);             const url = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50&articleCategoryHandle=${encodedTag}`;             try {                const res = await fetch(url);                if (res.ok) {                   const articles = await res.json();                   targetArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);                }             } catch(e) {                console.warn("Failed to fetch by activeDealTag", e);             }          }          let extractedDeals = [];          let dynamicBrandsCounts = {};                    targetArticles.forEach((article) => {             if (!article.articlepage) return;                          let pageData = [];             try {                pageData = JSON.parse(article.articlepage[0]);             } catch(e){ console.warn(e); }                          const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');                          savingsSquad.forEach((block, idx) => {                const data = block.data || {};                const isFeatured = block.type === 'featured-product';                                const link = data.link || {};                const priceObj = data.price || {};                const image = data.image || {};                                if (data.brand) {                   data.brand = data.brand.replace(/^\d+\.\s*/, '').trim();                   dynamicBrandsCounts[data.brand] = (dynamicBrandsCounts[data.brand] || 0) + 1;                }                const externalUrl = isFeatured ? data.url : (link.href || null);                let summaryTitle = isFeatured ? (data.name || data.brand) : (data.productName || link.label || article.articlename);                let description = isFeatured ? (data.strapline || '') : (data.text || '');                                if (!isFeatured && !data.productName && data.text) {                   const brSplit = data.text.split(new RegExp('\x3Cbr\\s*\\/?\\x3E', 'i'));                   if (brSplit.length > 1) {                     summaryTitle = brSplit[0].replace(/<[^>]+>/g, '').trim();                     description = brSplit.slice(1).join(' ').replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();                   } else {                     const match = data.text.match(/\x3Cstrong>(.*?)<\/strong>/);                     if (match) {                       summaryTitle = match[1].replace(/<[^>]+>/g, '').trim();                       if (summaryTitle.endsWith(':')) summaryTitle = summaryTitle.slice(0, -1);                     }                   }                }                                let imageUrl = isFeatured ? image.mos : (image.src || null);                if (imageUrl && imageUrl.startsWith('//')) imageUrl = 'https:' + imageUrl;                                description = description.replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').replace(/View Deal$/i, '').trim();                                let merchantName = data.retailer || '';                if (!merchantName && externalUrl) {                   try {                     merchantName = new URL(externalUrl).hostname.replace('www.', '').split('.')[0];                     merchantName = merchantName.charAt(0).toUpperCase() + merchantName.slice(1);                   }catch(e){ console.warn(e); }                }                if (!merchantName) merchantName = 'Retailer';                const q = (this.currentQuery || '').toLowerCase();                const activeTagLogic = (this.activeDealTag || '').toLowerCase();                if (q.length > 2 && q !== activeTagLogic) {                   const searchTarget = `${summaryTitle || ''} ${description || ''}`.toLowerCase();                   if (!searchTarget.includes(q)) return;                }                let rawPrice = 0;                let rawMsrp = 0;                let currencyStr = '$';                if (isFeatured) {                   rawPrice = typeof data.salePrice === 'number' && data.salePrice > 0 ? data.salePrice : (typeof data.price === 'number' ? data.price : 0);                   rawMsrp = typeof data.salePrice === 'number' && typeof data.price === 'number' && data.price > data.salePrice ? data.price : 0;                   currencyStr = data.currency === 'GBP' ? '£' : '$';                } else {                   rawPrice = priceObj.amount ? parseFloat(priceObj.amount) : 0;                   rawMsrp = priceObj.amountWas ? parseFloat(priceObj.amountWas) : 0;                   currencyStr = priceObj.currency === 'GBP' ? '£' : '$';                }                                let savingAmt = 0;                let savingLabel = '';                if (rawPrice > 0 && rawMsrp > rawPrice) {                   savingAmt = parseFloat((rawMsrp - rawPrice).toFixed(2));                   savingLabel = `Save ${currencyStr}${savingAmt}`;                }                                // Apply Brand filter                if (this.selectedBrands && this.selectedBrands.length > 0) {                   const itemBrand = (data.brand || '').toLowerCase();                   const hasMatch = this.selectedBrands.some(sb => sb.toLowerCase() === itemBrand);                   if (!hasMatch) return;                }                // Apply Price filter                let priceFilterVal = null;                const min = this.customPriceMin ? this.customPriceMin.value : '';                const max = this.customPriceMax ? this.customPriceMax.value : '';                if (min || max) {                   priceFilterVal = `${min}_${max}`;                } else if (this.priceFilter && this.priceFilter.value !== 'all') {                   priceFilterVal = this.priceFilter.value;                }                if (priceFilterVal && rawPrice > 0) {                   if (priceFilterVal === 'under50' && rawPrice >= 50) return;                   if (priceFilterVal === 'over50' && rawPrice <= 50) return;                   if (priceFilterVal === 'over30' && rawPrice <= 30) return;                   if (priceFilterVal === 'over500' && rawPrice <= 500) return;                   if (priceFilterVal.includes('_')) {                      const parts = priceFilterVal.split('_');                      const min = parseFloat(parts[0]);                      const max = parseFloat(parts[1]);                      if (!isNaN(min) && rawPrice < min) return;                      if (!isNaN(max) && rawPrice > max) return;                   }                }                // Apply Discount filter                if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {                   const requiredDiscount = parseInt(this.discountFilter.value);                   if (!isNaN(requiredDiscount) && requiredDiscount > 0) {                      if (!rawMsrp || rawMsrp <= rawPrice) return;                      const ratio = Math.round((1 - (rawPrice / rawMsrp)) * 100);                      if (ratio < requiredDiscount) return;                   }                }                                extractedDeals.push({                   id: `airedale-${article.id || Math.random()}-${idx}`,                   url: externalUrl,                   image: imageUrl,                   fallbackImage: imageUrl,                   title: summaryTitle,                   brand: data.brand || '',                   productName: data.productName || '',                   merchant: merchantName,                   rawPrice: rawPrice,                   rawMsrp: rawMsrp,                   price: rawPrice > 0 ? rawPrice.toString() : '',                   msrp: rawMsrp > 0 ? rawMsrp.toString() : '',                   currency: currencyStr,                   isCheckPrice: !rawPrice,                   savingLabel: savingLabel,                   savingType: rawMsrp > rawPrice ? 'amount' : 'none',                   isPrime: false,                   starRating: null,                   description: description,                   text: data.text || ''                });             });          });                    const airedaleBrandsList = Object.keys(dynamicBrandsCounts).map(b => ({              formatted_value: b,              count: dynamicBrandsCounts[b]          })).sort((a,b) => b.count - a.count);                    if (this.getViewMode() === 'savings_squad') {             this.populateBrandDropdown(airedaleBrandsList.slice(0, 15));             if (this.brandFilterWrapper) {                if (airedaleBrandsList.length === 0) {                    this.brandFilterWrapper.style.display = 'none';                } else {                    this.brandFilterWrapper.style.display = 'flex';                }             }          }                    this.deals = extractedDeals;          this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        isBroadQuery(query) {          const q = query.toLowerCase();          const intentModifiers = ['deals', 'best', 'sale', 'under', 'cheap', 'offers', 'discount'];          return intentModifiers.some(term => q.includes(term));        }        async fetchHawkDeals(query, append = false) {          const url = new URL(this.apiUrl);          url.searchParams.append('model_name', query);          const areaCode = this.getAreaCode();          if (areaCode) {            url.searchParams.append('area', areaCode);          }                    if (append && this.deals.length > 0) {            url.searchParams.append('offset', this.deals.length.toString());          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.append('filter_merchant_name', this.retailerSelect.value);          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.append('filter_label[text_brand]', this.selectedBrands.join(','));          }                    let priceVal = null;          const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             priceVal = `${min}_${max}`;          } else if (this.priceFilter && this.priceFilter.value !== 'all') {             priceVal = this.priceFilter.value;          }          if (priceVal) {            if (priceVal === 'under50') {              url.searchParams.append('filter_max_price', '50');            } else if (priceVal === 'over50') {              url.searchParams.append('filter_min_price', '50');            } else if (priceVal === 'over30') {              url.searchParams.append('filter_min_price', '30');            } else if (priceVal === 'over500') {              url.searchParams.append('filter_min_price', '500');            } else if (priceVal.includes('_')) {              const parts = priceVal.split('_');              if (parts[0]) url.searchParams.append('filter_min_price', parts[0]);              if (parts[1]) url.searchParams.append('filter_max_price', parts[1]);            }          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {              const ratio = (100 - v) / 100;              url.searchParams.append('min_discount_ratio', ratio.toString());            }          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.append('offer', this.offerTypeSelect.value);          }                    url.searchParams.append('filter_product_types', 'deals');                    url.searchParams.append('rows', this.getRowsLimit().toString());          let response;          try {             response = await fetch(url.toString());          } catch(e) {             if (window.location.protocol === 'file:') {                console.warn("[Tom's Guide Widget] fetch from file:// blocked by local CORS policy, falling back to Adviser mock.");                await this.fetchAdviserDeals(query);                return;             }             console.warn("Hawk fetch failed", e);             this.deals = [];             this.render();             return;          }          if (!response.ok) {            throw new Error('Hawk API Response Error');          }          const rawData = await response.json();          // Safely locate data array from potentially wrapped response          let offers = [];          let modelInfoArray = [];                    let brandFilterData = null;          if (rawData && rawData.widget && rawData.widget.data && Array.isArray(rawData.widget.data.filters)) {             brandFilterData = rawData.widget.data.filters.find(f => f.type === 'label_text_brand');          } else if (rawData && rawData.data && Array.isArray(rawData.data.filters)) {             brandFilterData = rawData.data.filters.find(f => f.type === 'label_text_brand');          }          if (brandFilterData && Array.isArray(brandFilterData.values) && brandFilterData.values.length > 0) {             this.populateBrandDropdown(brandFilterData.values);          } else {             if (this.brandFilterWrapper && this.selectedBrands.length === 0) {                this.brandFilterWrapper.style.display = 'none';             }          }                    if (rawData && rawData.widget && rawData.widget.data) {            if (Array.isArray(rawData.widget.data.offers)) offers = rawData.widget.data.offers;            if (rawData.widget.data.model_info && typeof rawData.widget.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.widget.data.model_info) ? rawData.widget.data.model_info : Object.values(rawData.widget.data.model_info);            }          } else if (rawData && rawData.data) {            if (Array.isArray(rawData.data.offers)) offers = rawData.data.offers;            if (rawData.data.model_info && typeof rawData.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.data.model_info) ? rawData.data.model_info : Object.values(rawData.data.model_info);            }          } else {            if (Array.isArray(rawData)) offers = rawData;            else if (rawData && Array.isArray(rawData.offers)) offers = rawData.offers;            else if (rawData && rawData.offers && Array.isArray(rawData.offers.offer)) offers = rawData.offers.offer;            else if (rawData && rawData.offers) offers = [].concat(rawData.offers);                        if (rawData && rawData.model_info && typeof rawData.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.model_info) ? rawData.model_info : Object.values(rawData.model_info);            }          }          let modelDetails = {};          modelInfoArray.forEach(m => {            const mId = m.model_id || m.id;            if (mId) {              modelDetails[mId] = {                score: m.score != null ? parseFloat(m.score) : null,                brand: m.brand || null,                parent: (m.parents && Array.isArray(m.parents) && m.parents.length > 0) ? m.parents[0].name : null              };            }          });          offers.forEach(item => {            let data = { ...item };            const mId = data.model_id;            if (mId && modelDetails[mId]) {              data.review_score = modelDetails[mId].score;              data.model_brand = modelDetails[mId].brand;              data.model_parent = modelDetails[mId].parent;            } else {              data.review_score = null;            }                        let itemOffers = [];            if (Array.isArray(item.offers)) itemOffers = item.offers;            else if (Array.isArray(item.offer)) itemOffers = item.offer;            else if (item.offers && typeof item.offers === 'object') itemOffers = [item.offers];            else if (item.offer && typeof item.offer === 'object') itemOffers = [item.offer];            if (itemOffers.length > 0) {              itemOffers.forEach(subItem => {                let subData = { ...item, ...subItem };                const subId = subData.model_id;                if (subId && modelDetails[subId]) {                  subData.review_score = modelDetails[subId].score;                  subData.model_brand = modelDetails[subId].brand;                  subData.model_parent = modelDetails[subId].parent;                } else if (data.review_score != null) {                  subData.review_score = data.review_score;                }                if (subData.merchant && typeof subData.merchant === 'object') {                  subData.merchant_name = subData.merchant.name;                }                this.deals.push(this.extractDealData(subData));              });              return;            }                        if (item.merchant && typeof item.merchant === 'object') {              data.merchant_name = item.merchant.name;            }                        this.deals.push(this.extractDealData(data));          });                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        async fetchAdviserDeals(query) {          // ======================================================================          // TODO: ADVISER API REPLACEMENT          // The code below simulates the Adviser API response using mock data.          // Once the real endpoint is ready, remove getAdviserMockData() and           // perform an actual fetch() request similar to fetchHawkDeals().          // Example:          // const area = this.getAreaCode();          // let apiUrl = `https://your-adviser-api.com/search?q=${query}&area=${area}`;          // if (this.priceFilter && this.priceFilter.value !== 'all') {          //   const val = this.priceFilter.value;          //   if (val === 'under50') apiUrl += '&filter_max_price=50';          //   else if (val === '50_100') apiUrl += '&filter_max_price=100';          //   else if (val === '100_200') apiUrl += '&filter_max_price=200';          //   else if (val === '200_500') apiUrl += '&filter_max_price=500';          // }          // const res = await fetch(apiUrl);          // const rawData = await res.json();          // ======================================================================          // Simulating network latency          await new Promise(resolve => setTimeout(resolve, 400));                    const rawData = this.getAdviserMockData();          let offers = [];                    if (rawData && rawData.data && rawData.data.Get && Array.isArray(rawData.data.Get.Deal)) {            offers = rawData.data.Get.Deal;          }                    // Basic client-side filtering for the mock if we want it to react to the query          const q = query.toLowerCase();          const selectedRetailer = (this.retailerSelect && this.retailerSelect.value) ? this.retailerSelect.value.toLowerCase() : null;                    offers.forEach(item => {            const dataObj = item;                        // Apply retailer filter            const itemRetailer = (dataObj.dataRetailer || '').toLowerCase();            if (selectedRetailer && itemRetailer !== selectedRetailer && !itemRetailer.includes(selectedRetailer)) {              return;            }                        // Apply mock price filter            let price = dataObj.dataDiscountedPrice || 0;            if (typeof price === 'string') {              price = parseFloat(price.replace(/[^0-9.]/g, ''));            }            let priceVal = null;            const min = this.customPriceMin ? this.customPriceMin.value : '';            const max = this.customPriceMax ? this.customPriceMax.value : '';            if (min || max) {               priceVal = `${min}_${max}`;            } else if (this.priceFilter && this.priceFilter.value !== 'all') {               priceVal = this.priceFilter.value;            }            if (priceVal) {              if (priceVal === 'under50' && price >= 50) return;              if (priceVal === 'over50' && price <= 50) return;              if (priceVal === 'over30' && price <= 30) return;              if (priceVal === 'over500' && price <= 500) return;              if (priceVal.includes('_')) {                 const parts = priceVal.split('_');                 if (parts[0] && price < parseFloat(parts[0])) return;                 if (parts[1] && price > parseFloat(parts[1])) return;              }            }                        // Map Adviser schema to our widget's expected schema            const mappedData = {              url: dataObj.linkHREF || dataObj.dataLink || '#',              image: dataObj.imageURL || (dataObj.image && dataObj.image.src) || '',              title: dataObj.dataProduct || (dataObj.product && dataObj.product.name) || 'Product Deal',              merchant: dataObj.dataRetailer || 'Retailer',              price: dataObj.dataDiscountedPrice || 0,              currency: dataObj.dataCurrency === 'USD' ? '$' : (dataObj.dataCurrency || '$'),              msrp: dataObj.dataOriginalPrice || null            };                        const titleLow = mappedData.title.toLowerCase();            const merchLow = mappedData.merchant.toLowerCase();                        // Smarter mock filtering            let isMatch = false;            if (q === '' || this.isBroadQuery(q)) {              isMatch = true;            } else if (titleLow.includes(q) || merchLow.includes(q)) {              isMatch = true;            } else if ((q.includes('laptop') || q.includes('mac') || q.includes('pc')) && (titleLow.includes('macbook') || titleLow.includes('laptop'))) {              isMatch = true;            } else if ((q.includes('tv') || q.includes('television')) && (titleLow.includes('tv') || titleLow.includes('oled') || titleLow.includes('qled'))) {              isMatch = true;            } else if ((q.includes('phone') || q.includes('smartphone')) && (titleLow.includes('galaxy') || titleLow.includes('phone'))) {              isMatch = true;            } else if ((q.match(/watch|fitness|run|shoe/)) && (titleLow.includes('forerunner') || titleLow.includes('saucony') || titleLow.includes('watch'))) {              isMatch = true;            }                        if (isMatch) {               this.deals.push(this.extractDealData(mappedData));            }          });                    let rowLimit = this.getRowsLimit();          // Intentionally omitting the slice here to allow "Load More" to work if the API returns more                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        getAdviserMockData() {          return {            "data": {              "Get": {                "Deal": [                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 300,                    "dataOriginalPrice": 399,                    "dataProduct": "Samsung Galaxy A36",                    "dataRetailer": "Samsung",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/MqDYsukV3JBG54te6dEs7j.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 14,                    "dataOriginalPrice": 24,                    "dataProduct": "Blink Mini",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/3JurmAjHsDa5tPdaHAwEV8.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 59,                    "dataOriginalPrice": 99,                    "dataProduct": "Ring Video Doorbell",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/rAh4uR7AsAsALCCLTXnLNJ.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 10,                    "dataOriginalPrice": 599,                    "dataProduct": "MacBook Neo",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/Lg4Dvg68j9SbB5CPNrTEpH.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 749,                    "dataOriginalPrice": 849,                    "dataProduct": "65\\\" Fire TV Omni 4K QLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/SG34ZWodUkLTxJvMTbjPYR.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 71,                    "dataOriginalPrice": 160,                    "dataProduct": "Saucony Hurricane 24",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/vxf7UD5T2Am7guVzFoFcZ4.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 649,                    "dataOriginalPrice": 749,                    "dataProduct": "Garmin Forerunner 970",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/3GKnEu7CdhtxPMfnPCMCiA.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1049,                    "dataOriginalPrice": 1499,                    "dataProduct": "LG 48\\\" C4 4K OLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/imvwZV9zoMD6fn9Afuge35.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1499,                    "dataOriginalPrice": 2199,                    "dataProduct": "Samsung 49\\\" Odyssey Neo G9 4K Gaming Monitor",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/XWDEJ5dUAE2nhK8k3Jk7k7.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 299,                    "dataOriginalPrice": 699,                    "dataProduct": "EGOHOME Black Memory Foam Mattress (queen)",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/hMUemtAejNETLVYxNrktzm.jpg"                  }                ]              }            }          };        }        decodeHTML(html) {          if (!html) return '';          const txt = document.createElement("textarea");          txt.innerHTML = String(html);          return txt.value;        }        extractDealData(item) {          const priceRawStr = String(item.price || item.current_price || '0');          const msrpRawStr = String(item.was_price || item.msrp || item.original_price || '0');          const rawPrice = parseFloat(priceRawStr.replace(/[^\d.]/g, '')) || 0;          const rawMsrp = parseFloat(msrpRawStr.replace(/[^\d.]/g, '')) || 0;          const isCheckPrice = rawPrice === 0 || priceRawStr === '0.00' || priceRawStr === '0';                    let originalImageUrl = item.image || item.image_url || item.product_image || '';          let imageUrl = originalImageUrl;          if ((!imageUrl || isCheckPrice) && item.model_image_url) {             imageUrl = item.model_image_url;             originalImageUrl = imageUrl;          } else if ((!imageUrl || isCheckPrice) && item.model_image) {             imageUrl = item.model_image;             originalImageUrl = imageUrl;          }                    if (imageUrl) {            imageUrl = imageUrl.replace(/-(\d+)-(\d+)(\.[a-z.]+)$/i, '$3');          }                    let fallbackImage = '';          if (originalImageUrl && originalImageUrl !== imageUrl) {             fallbackImage = originalImageUrl;          } else if (item.model_image && item.model_image !== imageUrl) {             fallbackImage = item.model_image;          } else if (item.model_image_url && item.model_image_url !== imageUrl) {             fallbackImage = item.model_image_url;          }                    const rawCurrency = item.currency || item.currency_symbol || '$';                    let savingLabel = item.percentage_saving_label || '';          if (!savingLabel && rawMsrp > rawPrice && rawPrice > 0) {            const pct = Math.round(((rawMsrp - rawPrice) / rawMsrp) * 100);            if (pct > 0) {              savingLabel = `${pct}% OFF`;            }          }                    const isPrime = item.shipping && item.shipping.prime === true;                    let scoreRaw = (item.review_score !== undefined && item.review_score !== null && item.review_score > 0) ? parseFloat(item.review_score) : null;          let starRating = 0;          if (scoreRaw !== null) {            starRating = Math.round((scoreRaw > 10 ? scoreRaw / 20 : scoreRaw / 2) * 2) / 2;          }                    return {            id: item.offer_id || item.link || item.url || item.offer_link || Math.random().toString(),            url: item.link || item.url || item.offer_link || '#',            image: imageUrl,            fallbackImage: fallbackImage,            title: item.name || item.title || item.model_name || item.product_name || 'Unknown Product',            brand: item.brand || '',            productName: item.model_name || item.product_name || item.name || '',            merchant: item.merchant_name || item.merchant || item.retailer || 'Retailer',            price: item.price !== undefined ? String(item.price) : '0.00',            currency: this.decodeHTML(rawCurrency),            msrp: item.was_price || item.msrp || item.original_price || null,            rawPrice: rawPrice,            rawMsrp: rawMsrp,            hasWasPrice: (item.was_price !== undefined && item.was_price !== null),            isCheckPrice: isCheckPrice,            savingLabel: savingLabel,            isPrime: isPrime,            starRating: starRating > 0 ? starRating : null,            modelId: item.model_id || '',            productKey: item.product_key || '',            merchantId: (item.merchant && typeof item.merchant === 'object') ? item.merchant.id || '' : '',            matchId: item.match_id || '',            merchantNetwork: (item.merchant && typeof item.merchant === 'object') ? item.merchant.an || '' : '',            merchantUrl: (item.merchant && typeof item.merchant === 'object') ? item.merchant.url || '' : '',            modelBrand: item.model_brand || item.brand || '',            modelParent: item.model_parent || ''          };        }        sortData() {          const sortVal = this.sortSelect ? this.sortSelect.value : (this.getViewMode() === 'savings_squad' ? 'date_desc' : 'discount_desc');          if (sortVal === 'price_asc') {            this.deals.sort((a, b) => a.rawPrice - b.rawPrice);          } else if (sortVal === 'price_desc') {            this.deals.sort((a, b) => b.rawPrice - a.rawPrice);          } else if (sortVal === 'discount_desc') {            this.deals.sort((a, b) => {              const aDiscount = a.rawMsrp > a.rawPrice ? (a.rawMsrp - a.rawPrice) : 0;              const bDiscount = b.rawMsrp > b.rawPrice ? (b.rawMsrp - b.rawPrice) : 0;              return bDiscount - aDiscount;            });          } else if (sortVal === 'date_desc') {             this.deals.sort((a, b) => {                let dateA = 0;                let dateB = 0;                if (a && a.modifiedDate) {                   const valA = Array.isArray(a.modifiedDate) ? a.modifiedDate[0] : a.modifiedDate;                   dateA = new Date(valA).getTime();                   if (isNaN(dateA)) dateA = 0;                }                if (b && b.modifiedDate) {                   const valB = Array.isArray(b.modifiedDate) ? b.modifiedDate[0] : b.modifiedDate;                   dateB = new Date(valB).getTime();                   if (isNaN(dateB)) dateB = 0;                }                return dateB - dateA;             });          }        }        getFilteredDeals() {          let filteredDeals = [...this.deals];                    if (this.dealModeToggle && this.dealModeToggle.checked) {            filteredDeals = filteredDeals.filter(d => d.hasWasPrice || (d.msrp && d.rawMsrp > d.rawPrice));          }                    return filteredDeals;        }        showLoading() {          const _div = '<' + '/div>';          const skeletonCardHtml = `            \x3Cdiv class="tg-df-card">              \x3Cdiv class="tg-df-card-image-box">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-img">${_div}              ${_div}              \x3Cdiv class="tg-df-card-body">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-card-footer mt-auto">                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="height:24px;">${_div}                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text" style="height:44px; margin-top:8px;">${_div}                ${_div}              ${_div}            ${_div}`;          this.grid.innerHTML = Array(4).fill(skeletonCardHtml).join('');        }        showError() {          const _div = '<' + '/div>';          this.grid.innerHTML = `\x3Cdiv class="tg-df-message">            An error occurred while finding deals. Please check your connection and try again.          ${_div}`;        }        escapeHTML(str) {          if (!str) return '';          return String(str).replace(/[&<>'"]/g, tag => ({              '&': '&', '<': '<', '>': '>', "'": ''', '"': '"'          }[tag] || tag));        }                bindCouponButtons() {          const btns = this.root.querySelectorAll('.tg-df-tag-coupons');          btns.forEach(btn => {            btn.addEventListener('click', (e) => {              e.preventDefault();              e.stopPropagation();              const merchant = btn.getAttribute('data-merchant');              this.openVouchersModal(merchant);            });          });                    const closeBtn = this.root.querySelector('#tg-df-vouchers-close');          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (closeBtn) {            closeBtn.onclick = () => this.closeVouchersModal();          }          if (backdrop) {            backdrop.onclick = (e) => {              if (e.target === backdrop) this.closeVouchersModal();            };          }        }                closeVouchersModal() {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (backdrop) backdrop.classList.remove('active');        }                async checkMerchantsCouponsBulk(merchants) {          if (!merchants || merchants.length === 0) return {};          const controller = new AbortController();          const timeoutId = setTimeout(() => controller.abort(), 4000);          try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchants.join(','));            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '120');            url.searchParams.append('origin', 'widgets-clientside');                        let res; try { res = await fetch(url.toString(), { signal: controller.signal }); } catch (e) { return {}; }            clearTimeout(timeoutId);            if (!res.ok) return {};            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        const foundMerchants = new Set();            offers.forEach(o => {              let mName = o.merchant_name || o.merchant || o.retailer;              if (mName && typeof mName === 'object') mName = mName.name;              if (mName) foundMerchants.add(String(mName).toLowerCase());            });            const resultMap = {};            merchants.forEach(m => {              if (m) resultMap[m] = foundMerchants.has(String(m).toLowerCase());            });            return resultMap;          } catch (e) {            return {};          }        }                async openVouchersModal(merchantName) {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          const title = this.root.querySelector('#tg-df-vouchers-title');          const content = this.root.querySelector('#tg-df-vouchers-content');                    if (!backdrop || !content) return;                    // HACK: Hide closing tags          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h4 = '<' + '/h4>';          const _svg = '<' + '/svg>';          const _circle = '<' + '/circle>';          const _polyline = '<' + '/polyline>';          const _rect = '<' + '/rect>';          const _path = '<' + '/path>';                    title.innerText = `${merchantName} Coupons & Deals`;          content.innerHTML = `\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}                               \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}`;          backdrop.classList.add('active');                    try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchantName);            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '50');            url.searchParams.append('origin', 'widgets-clientside');                        const res = await fetch(url.toString());            if (!res.ok) throw new Error('API Error');            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        if (offers.length === 0) {              content.innerHTML = `\x3Cdiv class="tg-df-message">No vouchers currently available for ${this.escapeHTML(merchantName)}.${_div}`;              return;            }                        content.innerHTML = offers.map((v, idx) => {              let offerObj = v;              if (v.offers && v.offers.offer) {                offerObj = Array.isArray(v.offers.offer) ? v.offers.offer[0] : v.offers.offer;              } else if (v.offer) {                offerObj = Array.isArray(v.offer) ? v.offer[0] : v.offer;              }              let logoUrl = v.logo_url || offerObj.logo_url || '';              if (!logoUrl && v.merchant) {                if (Array.isArray(v.merchant) && v.merchant.length > 0) logoUrl = v.merchant[0].logo_url || '';                else logoUrl = v.merchant.logo_url || '';              }                            const offerName = offerObj.name || offerObj.title || v.name || v.title || 'Special Offer';              const endTime = offerObj.end_time || v.end_time || '';              const linkUrl = offerObj.link || offerObj.url || v.link || v.url || '#';                            let foundVoucherCode = '';              const findVoucherCode = (obj) => {                if (!obj || typeof obj !== 'object') return;                if (obj.type === 'voucher_code' && obj.display_value) {                  foundVoucherCode = obj.display_value;                  return;                }                if (Array.isArray(obj)) {                  for (const item of obj) {                    findVoucherCode(item);                    if (foundVoucherCode) return;                  }                } else {                  for (const k in obj) {                    if (Object.prototype.hasOwnProperty.call(obj, k)) {                      findVoucherCode(obj[k]);                      if (foundVoucherCode) return;                    }                  }                }              };              findVoucherCode(offerObj);              if (!foundVoucherCode) findVoucherCode(v);                            const voucherCode = foundVoucherCode || offerObj.voucher_code || v.voucher_code || '';              const codeHtml = voucherCode ? `\x3Cspan class="tg-df-voucher-code" data-action="copy-code" data-code="${this.escapeHTML(voucherCode)}" title="Copy to clipboard">                \x3Cspan class="tg-df-voucher-code-text">${this.escapeHTML(voucherCode)}${_span}                \x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:6px;flex-shrink:0;" class="tg-df-voucher-copy-icon">                  \x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">${_rect}                  \x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">${_path}                ${_svg}              ${_span}` : '';                            const logoHtml = logoUrl                 ? `\x3Cimg src="${this.escapeHTML(logoUrl)}" alt="${this.escapeHTML(offerName)}" class="tg-df-voucher-logo" />`                 : `\x3Cdiv class="tg-df-voucher-logo" style="background:#e2e8f0;">${_div}`;                            let expiryHtml = '';              if (endTime) {                let dStr = endTime;                if (!isNaN(dStr) && String(dStr).length === 10) dStr = Number(dStr) * 1000;                const d = new Date(dStr);                if (!isNaN(d.getTime())) {                  const options = { year: 'numeric', month: 'short', day: 'numeric' };                  expiryHtml = `                    \x3Cdiv class="tg-df-voucher-expiry">                      \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                        \x3Ccircle cx="12" cy="12" r="10">${_circle}                        \x3Cpolyline points="12 6 12 12 16 14">${_polyline}                      ${_svg}                      Expires ${d.toLocaleDateString(undefined, options)}                    ${_div}`;                }              }              const revenueIdVal = generateRevenueId(linkUrl, offerName, merchantName, null);              const rewrittenLinkUrl = rewriteAffiliateLink(linkUrl, area, revenueIdVal);              return `                \x3Ca href="${this.escapeHTML(rewrittenLinkUrl)}" target="_blank" rel="noopener nofollow" class="tg-df-voucher-item"                  data-action="voucher-click"                  data-product-name="${this.escapeHTML(offerName)}"                  data-merchant-name="${this.escapeHTML(merchantName)}"                  data-analytics-id="${this.escapeHTML(offerObj.offer_id || offerObj.id || v.id || '')}"                  data-price=""                  data-previous-price=""                  data-original-link="${this.escapeHTML(linkUrl)}"                  data-revenue-id="${revenueIdVal}"                  data-index="${idx}"                  data-total="${offers.length}"                  data-in-stock="true"                  data-currency="USD"                  data-model-id="${this.escapeHTML(offerObj.model_id || v.model_id || offerObj.id || v.id || '')}"                  data-merchant-id="${this.escapeHTML(offerObj.merchant_id || offerObj.merchant?.id || '')}"                >                  ${logoHtml}                  \x3Cdiv class="tg-df-voucher-content">                    \x3Ch4 class="tg-df-voucher-title">${this.escapeHTML(offerName)}${_h4}                    ${codeHtml}                    ${expiryHtml}                  ${_div}                ${_a}              `;            }).join('');                        // Attach copy functionality            const copyBtns = content.querySelectorAll('[data-action="copy-code"]');            copyBtns.forEach(btn => {              btn.addEventListener('click', async (e) => {                e.preventDefault();                e.stopPropagation();                                const code = btn.getAttribute('data-code');                if (!code) return;                                try {                  const copyToClipboard = async (text) => {                     if (window.navigator.clipboard && window.isSecureContext) {                        try { await window.navigator.clipboard.writeText(text); return; } catch (e) {}                     }                     const textArea = document.createElement("textarea");                     textArea.value = text;                     textArea.style.position = "fixed";                     document.body.appendChild(textArea);                     textArea.focus();                     textArea.select();                     document.execCommand('copy');                     textArea.remove();                  };                  await copyToClipboard(code);                                    // Visual feedback                  btn.classList.add('copied');                  const textSpan = btn.querySelector('.tg-df-voucher-code-text');                  const iconSvg = btn.querySelector('.tg-df-voucher-copy-icon');                                    const origText = textSpan.innerText;                  const origIcon = iconSvg.innerHTML;                                    textSpan.innerText = 'Copied!';                  iconSvg.innerHTML = `\x3Cpolyline points="20 6 9 17 4 12">${_polyline}`;                                    setTimeout(() => {                    if (btn) {                      btn.classList.remove('copied');                      if (textSpan) textSpan.innerText = origText;                      if (iconSvg) iconSvg.innerHTML = origIcon;                    }                  }, 2000);                                    trackElementInteraction({                    id: 'voucher-code-copy',                    name: 'Copy Voucher Code',                    label: `Copied ${code} for ${merchantName}`                  });                } catch (err) {                  console.warn('Failed to copy text: ', err);                }              });            });            // Attach voucher click tracking            const voucherBtns = content.querySelectorAll('[data-action="voucher-click"]');            voucherBtns.forEach(btn => {              btn.addEventListener('click', (e) => {                if (e.target.closest('[data-action="copy-code"]')) return;                                const productName = btn.getAttribute('data-product-name');                const merchantNameAttr = btn.getAttribute('data-merchant-name');                const productId = btn.getAttribute('data-analytics-id');                const price = parseFloat(btn.getAttribute('data-price')) || null;                const prevPriceStr = btn.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = btn.getAttribute('data-original-link');                const rewrittenLink = btn.getAttribute('href');                const revenueId = btn.getAttribute('data-revenue-id');                const index = parseInt(btn.getAttribute('data-index'), 10) || 0;                const inStock = btn.getAttribute('data-in-stock') === 'true';                const totalText = btn.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: btn.getAttribute('data-model-id') || null,                    matchId: btn.getAttribute('data-match-id') || null,                    brand: btn.getAttribute('data-model-brand') || null,                    parent: btn.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: btn.getAttribute('data-merchant-id') || null,                    network: btn.getAttribute('data-merchant-network') || null,                    url: btn.getAttribute('data-merchant-url') || null,                    name: merchantNameAttr                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: btn.getAttribute('data-currency') || 'USD'                };                if (typeof trackDealClick === 'function') {                  trackDealClick(trackingParams);                }              });            });                                  } catch (e) {            console.warn(e);            content.innerHTML = `\x3Cdiv class="tg-df-message">Failed to load vouchers.${_div}`;          }        }        render() {          try {            if (this.getViewMode() === 'savings_squad' && this.airedaleTags.length > 0) {              if (this.categoryFilterWrapper) {                 this.categoryFilterWrapper.style.display = 'flex';              }              if (this.categoryFilter) {                 const _option = '<' + '/option>';                 let optionsHtml = `\x3Coption value="all">All Categories${_option}`;                 this.airedaleTags.forEach(tag => {                    const isSelected = this.activeDealTag === tag ? 'selected' : '';                    optionsHtml += `\x3Coption value="${this.escapeHTML(tag)}" ${isSelected}>${this.escapeHTML(tag)} (${this.airedaleTagCounts[tag] || 0})${_option}`;                 });                 this.categoryFilter.innerHTML = optionsHtml;                 this.categoryFilter.value = this.activeDealTag || 'all';              }            } else {               if (this.categoryFilterWrapper) {                  this.categoryFilterWrapper.style.display = 'none';               }            }            const displayDeals = this.getFilteredDeals();          // HACK: Hide closing tags from the CMS HTML sanitizer so it doesn't strip them during in-page injection          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h3 = '<' + '/h3>';          const _p = '<' + '/p>';          const _strong = '<' + '/strong>';          const _sup = '<' + '/sup>';          const _button = '<' + '/button>';          if (displayDeals.length === 0) {            if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {              if (this.deals.length > 0) {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No deals match your selected filters.                ${_div}`;              } else if (this.getViewMode() === 'savings_squad' && this.currentQuery.length <= 2) {                 // Do not show "no exact matches" if query is empty for savings_squad                 this.grid.innerHTML = '';              } else {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No exact matches found for "\x3Cstrong>${this.escapeHTML(this.currentQuery)}${_strong}". Try adjusting your search term.                ${_div}`;              }            } else {              this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                Search product or category names to discover the best deals from across the web.              ${_div}`;            }            return;          }          let dealsHtml = displayDeals.slice(0, this.displayLimit).map((deal, index) => {            try {               const currencySym = this.escapeHTML(deal.currency);               const isoCurrencyCode = normalizeCurrency(currencySym);               const escapedPrice = this.escapeHTML(deal.price);               const escapedMsrp = this.escapeHTML(deal.msrp);               const areaCode = this.getAreaCode();                              const revenueId = generateRevenueId(deal.url, deal.title, deal.merchant, null);               const originalLink = deal.url;               const rewrittenLink = rewriteAffiliateLink(deal.url, areaCode, revenueId);                        const productCategoryName = 'deals';            const dataAttr = `              data-action="${deal.isCheckPrice ? 'view-similar-click' : 'deal-click'}"              data-analytics-id="${this.escapeHTML(deal.externalProductId || deal.id || '')}"              data-product-name="${this.escapeHTML(deal.title)}"              data-merchant-name="${this.escapeHTML(deal.merchant)}"              data-price="${deal.rawPrice || ''}"              data-previous-price="${deal.rawMsrp || ''}"              data-original-link="${this.escapeHTML(originalLink)}"              data-revenue-id="${revenueId}"              data-index="${index}"              data-total="${displayDeals.length}"              data-in-stock="${deal.inStock !== false}"              data-currency="${this.escapeHTML(isoCurrencyCode)}"              data-model-id="${this.escapeHTML(deal.modelId || '')}"              data-product-key="${this.escapeHTML(deal.productKey || '')}"              data-merchant-id="${this.escapeHTML(deal.merchantId || '')}"            `;                        let priceGroupHtml = '';            let isSavingsSquadMode = this.getViewMode() === 'savings_squad';            let ctaText = 'View Deal';            let formattedPrice = '';            let msrpHtml = '';                        if (deal.isCheckPrice) {              ctaText = isSavingsSquadMode ? 'View Deal' : 'Check Price';              if (isSavingsSquadMode) {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                  ${_div}                `;              } else {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                    \x3Cspan class="tg-df-card-price" style="font-size: 15px; font-weight: 500; font-style: italic;">See price at retailer${_span}                  ${_div}                `;              }            } else {              // Format Price              formattedPrice = escapedPrice.includes(currencySym)                 ? escapedPrice                 : `${currencySym}${escapedPrice}`;                              // Format MSRP              msrpHtml = deal.msrp && deal.rawMsrp > deal.rawPrice                ? `\x3Cspan class="tg-df-card-msrp">${escapedMsrp.includes(currencySym) ? escapedMsrp : currencySym + escapedMsrp}${_span}`                : '';                              priceGroupHtml = `                \x3Cdiv class="tg-df-card-merchant-wrapper">                  \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                ${_div}                \x3Cdiv class="tg-df-card-price-group">                  ${isSavingsSquadMode ? '' : `                  \x3Cspan class="tg-df-card-price">${formattedPrice}${_span}                  ${msrpHtml}                  `}                ${_div}              `;            }                        const discountBadgeHtml = deal.savingLabel && !deal.isCheckPrice              ? `\x3Cspan class="tg-df-card-discount-badge">${this.escapeHTML(deal.savingLabel)}${_span}`              : '';                          // HACK for CMS            const _button = '<' + '/button>';            const _svg = '<' + '/svg>';            const _path = '<' + '/path>';            const _rect = '<' + '/rect>';            const _circle = '<' + '/circle>';            const _polyline = '<' + '/polyline>';            const _line = '<' + '/line>';                        let badgesHtml = '';            const primeBadge = deal.isPrime ? `              \x3Cspan class="tg-df-tag tg-df-tag-prime">                \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="currentColor">                  \x3Cpath d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">${_path}                ${_svg} Prime              ${_span}            ` : '';                        const couponsBadge = deal.merchant && deal.merchant.toLowerCase().includes('amazon') ? '' : `              \x3Cdiv class="tg-df-coupon-wrapper" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:inline-flex; align-items:center;">                \x3Cdiv class="tg-df-coupon-spinner">${_div}                \x3Cbutton type="button" class="tg-df-tag tg-df-tag-coupons" data-action="coupons-click" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:none;">                  \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                    \x3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z">${_path}                    \x3Cline x1="7" y1="7" x2="7.01" y2="7">${_line}                  ${_svg} Coupons                ${_button}              ${_div}            `;                        // Note: We always add coupons badge if there's a chance, but to allow 3-line titles we check wrapper display state            badgesHtml = `              \x3Cdiv class="tg-df-card-badges">                ${primeBadge}                ${couponsBadge}              ${_div}            `;            const _linearGradient = '<' + '/linearGradient>';            const _polygon = '<' + '/polygon>';            const _stop = '<' + '/stop>';            const _defs = '<' + '/defs>';                        let starHtml = '';            if (deal.starRating) {              let rating = deal.starRating;                            if (rating > 0) {                const fullStars = Math.floor(rating);                const halfStar = (rating - fullStars) >= 0.5 ? 1 : 0;                const emptyStars = Math.max(0, 5 - fullStars - halfStar);                const blue = '#1f69ff'; // Tom's guide brand color from VIEW DEAL button                const gray = '#cbd5e1';                                const starSvgFull = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="${blue}" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                const gradId = 'half_grad_' + Math.floor(Math.random()*1000000);                const starSvgHalf = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cdefs>\x3ClinearGradient id="${gradId}" x1="0" x2="1" y1="0" y2="0">\x3Cstop offset="50%" stop-color="${blue}">${_stop}\x3Cstop offset="50%" stop-color="transparent">${_stop}${_linearGradient}${_defs}                  \x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26" fill="url(#${gradId})">${_polygon}${_svg}`;                                  const starSvgEmpty = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${gray}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                let stars = [];                for (let i=0; i<fullStars; i++) stars.push(starSvgFull);                if (halfStar) stars.push(starSvgHalf);                for (let i=0; i<emptyStars; i++) stars.push(starSvgEmpty);                                starHtml = `\x3Cdiv class="tg-df-card-stars" style="display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--tg-df-text-muted);">                  \x3Cspan style="margin-right:6px;">Tom's Guide:${_span}                  \x3Cdiv style="display:flex;gap:2px;">                    ${stars.join('')}                  ${_div}                ${_div}`;              }            }            let htmlOutput = '';            if (isSavingsSquadMode) {              htmlOutput += `              \x3Cdiv class="hawk-deal-widget-container tg-df-mobile-only" data-collapsible="true">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''} style="margin-bottom: 10px;">` : ''}                \x3Cdiv class="hawk-deal-widget-wrap">                  \x3Cdiv class="hawk-deal-widget-image-container">                    \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" rel="sponsored noopener" target="_blank" class="hawk-affiliate-link-deal-widget" ${dataAttr}>                      \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="hawk-lazy-image-deal-widget" loading="lazy" width="140" height="160" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                    ${_a}                  ${_div}                  \x3Cdiv class="hawk-deal-widget-text-cta-container">                    \x3Cdiv class="hawk-deal-widget-text-body-container">                      \x3Cdiv class="hawk-deal-widget-text-body-main">                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          ${deal.isCheckPrice ? `                            \x3Cspan class="hawk-deal-widget-title-product-title">${this.escapeHTML(deal.title)}${_span}                          ` : `                            \x3Cspan class="hawk-deal-widget-title-product-title">${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_span}                          `}                        ${_a}                        ${!deal.isCheckPrice && deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan class="hawk-deal-widget-title-was-price">was ${currencySym}${escapedMsrp}${_span}                          ${_a}                        ` : ''}                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          \x3Cspan class="hawk-deal-widget-title-retailer-price">                            ${!deal.isCheckPrice ? `                              \x3Cspan class="hawk-deal-widget-title-price">now ${formattedPrice}${_span}                              \x3Cspan class="hawk-deal-widget-title-retailer"> at ${this.escapeHTML(deal.merchant)}${_span}                            ` : `                              \x3Cspan class="hawk-deal-widget-title-price">See price at ${this.escapeHTML(deal.merchant)}${_span}                            `}                          ${_span}                        ${_a}                        ${deal.description ? `\x3Cdiv class="hawk-deal-widget-text-body-description">\x3Cp>${this.escapeHTML(deal.description)}${_p}${_div}` : ''}                      ${_div}                    ${_div}                    \x3Cdiv class="hawk-deal-widget-footer">                      \x3Cdiv class="hawk-deal-widget-button-wrapper">                        \x3Cdiv class="hawk-deal-widget-preferred-partner-wrapper">                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-deal-button" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan>${deal.isCheckPrice ? 'Check Price' : 'View Deal'}${_span}                          ${_a}                        ${_div}                      ${_div}                    ${_div}                  ${_div}                ${_div}              ${_div}              `;            }            htmlOutput += `              \x3Cdiv class="tg-df-card ${isSavingsSquadMode ? 'tg-df-desktop-only' : ''}">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''}>` : ''}                \x3Cdiv class="tg-df-card-image-box">                  ${discountBadgeHtml}                  \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">                    \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="tg-df-card-image" loading="lazy" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                  ${_a}                ${_div}                \x3Cdiv class="tg-df-card-body">                  ${starHtml}                  ${badgesHtml}                  \x3Ch3 class="tg-df-card-title tg-df-custom-savings-squad-title" title="${this.escapeHTML(deal.title)}">                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" disable-tracking="true" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit;">                      ${isSavingsSquadMode                         ? (deal.isCheckPrice                             ? (deal.title && deal.title.includes(':')                                 ? `\x3Cstrong>${this.escapeHTML(deal.title.substring(0, deal.title.indexOf(':') + 1))}${_strong}\x3Cspan style="color: #1f69ff; font-weight: normal;">${this.escapeHTML(deal.title.substring(deal.title.indexOf(':') + 1))}${_span}`                                : this.escapeHTML(deal.title)                              )                             : `\x3Cstrong>${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_strong} ${deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `\x3Cspan style="color: #d0021b; text-decoration: line-through; font-weight: normal; margin-right: 4px;">was ${currencySym}${escapedMsrp}${_span} ` : ''}\x3Cspan style="color: #1f69ff; font-weight: normal;">now ${formattedPrice} at ${this.escapeHTML(deal.merchant)}${_span}`                          )                        : this.escapeHTML(deal.title)                      }                    ${_a}                  ${_h3}                  ${deal.description ? `\x3Cp style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 12px; line-height: 1.4;">${this.escapeHTML(deal.description)}${_p}` : ''}                  \x3Cdiv class="tg-df-card-footer">                    ${priceGroupHtml}                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" class="tg-df-card-cta ${isSavingsSquadMode ? 'tg-df-cta-savings-squad' : ''}" style="text-decoration: none;">${ctaText}${_a}                  ${_div}                ${_div}              ${_div}            `;                        return htmlOutput;            } catch (e) {               console.log("Error rendering deal in map for index", index, typeof deal === 'object' ? JSON.stringify(deal) : deal, "MSG:", e.message);               return '';            }          }).join('');                    if (displayDeals.length > this.displayLimit || ((this.getViewMode() === 'carousel' || this.getViewMode() === 'auto') && displayDeals.length > 0 && displayDeals.length % ((this.rowsSelect && this.rowsSelect.value) ? parseInt(this.rowsSelect.value, 10) : 12) === 0)) {            if (this.getViewMode() === 'carousel') {               dealsHtml += `                 \x3Cbutton type="button" class="tg-df-load-more-card tg-df-load-more">                   \x3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 8px;">\x3Cpath d="M5 12h14">\x3C/path>\x3Cpath d="m12 5 7 7-7 7">\x3C/path>\x3C/svg>                   Load More                 ${_button}               `;            } else {               dealsHtml += `                 \x3Cdiv style="width: 100%; display: flex; justify-content: center; margin-top: 16px; grid-column: 1 / -1;">                   \x3Cbutton type="button" class="tg-df-tag-outline tg-df-load-more" style="padding: 8px 24px; border-radius: 100px; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center;">Load More${_button}                 ${_div}               `;            }          }                    this.grid.innerHTML = dealsHtml;          // Inject JSON-LD          try {            let targetNode = this.hostContainer || document.head;            let jsonLdScript = targetNode.querySelector('#tg-df-json-ld-' + this.widgetId);            if (!jsonLdScript) {                jsonLdScript = document.createElement('script');                jsonLdScript.type = 'application/ld+json';                jsonLdScript.id = 'tg-df-json-ld-' + this.widgetId;                targetNode.appendChild(jsonLdScript);            }            const jsonLdData = {              "@context": "https://schema.org",              "@type": "ItemList",              "itemListElement": displayDeals.slice(0, this.displayLimit).map((deal, index) => {                 let isoCurrency = "USD";                 if (deal.currency === '£') isoCurrency = "GBP";                 else if (deal.currency === '€') isoCurrency = "EUR";                 else if (deal.currency === 'A$') isoCurrency = "AUD";                 else if (deal.currency === 'CA$') isoCurrency = "CAD";                 const areaCode = typeof this.getAreaCode === 'function' ? this.getAreaCode() : 'US';                 const revenueId = typeof generateRevenueId === 'function' ? generateRevenueId(deal.url, deal.title, deal.merchant, null) : '';                 const rewrittenLink = typeof rewriteAffiliateLink === 'function' ? rewriteAffiliateLink(deal.url, areaCode, revenueId) : deal.url;                 return {                   "@type": "ListItem",                   "position": index + 1,                   "item": {                     "@type": "Product",                     "name": deal.title,                     "image": deal.image || "",                     "description": deal.description || "",                     "brand": {                       "@type": "Brand",                       "name": deal.brand || ""                     },                     "offers": {                       "@type": "Offer",                       "priceCurrency": isoCurrency,                       "price": deal.rawPrice || 0,                       "url": rewrittenLink,                       "seller": {                         "@type": "Organization",                         "name": deal.merchant || ""                       }                     }                   }                 };              }).filter(item => item.item.name)            };            jsonLdScript.textContent = JSON.stringify(jsonLdData);          } catch(e) { console.warn("JSON-LD generation failed", e); }                    let gridWrapper = this.grid.parentElement;          if (gridWrapper && gridWrapper.classList.contains('tg-df-grid-wrapper')) {             let rightChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-right');             let leftChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-left');             if (this.getViewMode() === 'carousel') {                 // The observer set up in setupScrollListeners handles visibility.                 if (rightChevron) rightChevron.style.display = 'flex';                 if (leftChevron) leftChevron.style.display = 'none'; // reset correctly             } else {                 if (rightChevron) rightChevron.style.display = 'none';                 if (leftChevron) leftChevron.style.display = 'none';             }          }                    const loadMoreBtn = this.grid.querySelector('.tg-df-load-more');          if (loadMoreBtn) {            loadMoreBtn.addEventListener('click', async () => {              if (typeof trackElementInteraction === 'function') {                trackElementInteraction({ id: 'load-more', name: 'Load more', label: 'Load More Results' });              }              if (displayDeals.length <= this.displayLimit) {                 loadMoreBtn.innerHTML = `                  <svg class="tg-df-spinner" style="width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83"/></svg>                  Loading...                 `;                 loadMoreBtn.disabled = true;                 await this.fetchDeals(this.currentQuery, true);              } else {                 this.displayLimit += this.getRowsLimit();                 this.render();              }            });          }                      this.bindCouponButtons();            this.checkAndUpdateCoupons();                        // Allow hawklinks.js to discover and rewrite our widget links             // by appending the .article-body class and manually triggering processArticle.            let container = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (container && !container.classList.contains('article-body')) {               container.classList.add('article-body');            }            setTimeout(() => {               if (this.grid && !this.grid.classList.contains('article-body')) this.grid.classList.add('article-body');               document.dispatchEvent(new CustomEvent('processArticle', { detail: { element: this.root } }));            }, 50);          } catch(e) {            console.warn("Widget render error", e);          }        }                async checkAndUpdateCoupons() {          const wrappers = Array.from(this.root.querySelectorAll('.tg-df-coupon-wrapper'));          if (wrappers.length === 0) return;                    const merchants = [...new Set(wrappers.map(w => w.getAttribute('data-merchant')).filter(Boolean))];          if (merchants.length === 0) return;          const couponResultsMap = await this.checkMerchantsCouponsBulk(merchants);                    for (const merchant of merchants) {            const hasCoupons = !!couponResultsMap[merchant];            const merchantWrappers = wrappers.filter(w => w.getAttribute('data-merchant') === merchant);            merchantWrappers.forEach(wrapper => {              const spinner = wrapper.querySelector('.tg-df-coupon-spinner');              const btn = wrapper.querySelector('.tg-df-tag-coupons');                            if (spinner) spinner.style.display = 'none';                            if (hasCoupons && btn) {                btn.style.display = 'inline-flex';              } else if (!hasCoupons) {                wrapper.style.display = 'none';              }            });          }        }        updateFloatingCopyBar() {          if (!this.editorBar || !this.editorSelectedCount) return;          if (this.editorMode && this.selectedDeals.size > 0) {            this.editorBar.style.display = 'flex';            this.editorSelectedCount.innerText = this.selectedDeals.size;          } else {            this.editorBar.style.display = 'none';          }        }        async copySelectedDealsToCMS() {           function htmlToSlate(htmlString) {              if (!htmlString) return [{ type: 'paragraph', children: [{ text: '' }] }];              let doc;              if (typeof window !== 'undefined' && window.DOMParser) {                 doc = new DOMParser().parseFromString(htmlString, 'text/html');              } else {                 doc = document.implementation.createHTMLDocument('');                 doc.body.innerHTML = htmlString;              }                            function parseNode(node, marks = {}) {                  if (node.nodeType === 3) {                      const text = node.textContent;                      if (!text) return null;                      return { text: text, ...marks };                  }                  if (node.nodeType === 1) {                      const tagName = node.tagName.toLowerCase();                      if (tagName === 'br') {                          return { type: 'line-break', children: [{ text: '' }] };                      }                      if (tagName === 'p') {                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return { type: 'paragraph', children };                      }                      if (tagName === 'strong' || tagName === 'b') {                          const newMarks = { ...marks, bold: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'em' || tagName === 'i') {                          const newMarks = { ...marks, italic: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'a') {                          const href = node.getAttribute('href') || '';                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return {                              type: 'link',                              url: href,                              isNoFollow: (node.getAttribute('rel') || '').includes('nofollow'),                              isSponsored: (node.getAttribute('rel') || '').includes('sponsored'),                              isOpenNewTab: node.getAttribute('target') === '_blank',                              isPreventDataRewrite: false,                              children: children                          };                      }                      return Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                  }                  return null;              }                            let blocksArray = [];              let currentParagraphChildren = [];              function flushParagraph() {                  if (currentParagraphChildren.length > 0) {                      blocksArray.push({ type: 'paragraph', children: currentParagraphChildren });                      currentParagraphChildren = [];                  }              }              Array.from(doc.body.childNodes).forEach(node => {                  const parsed = parseNode(node, {});                  const parsedItems = Array.isArray(parsed) ? parsed : (parsed ? [parsed] : []);                  parsedItems.forEach(item => {                      if (item.type === 'paragraph') {                          flushParagraph();                          blocksArray.push(item);                      } else {                          currentParagraphChildren.push(item);                      }                  });              });              flushParagraph();              if (blocksArray.length === 0) {                  blocksArray = [{ type: 'paragraph', children: [{ text: '' }] }];              }              return blocksArray;           }           const blocks = [];                      this.editorCopyBtn.innerHTML = '\x3Cspan class="tg-df-coupon-spinner" style="display:inline-block; margin-right:8px; border-top-color:#fff;">' + '<' + '/span> Copying...';           for (const deal of Array.from(this.selectedDeals.values())) {              const url = deal.url;              const merchant = deal.merchant;              const title = deal.title;              const image = deal.image;              const currentPrice = deal.currency + deal.rawPrice;              const wasPrice = deal.hasWasPrice && deal.rawMsrp > deal.rawPrice ? deal.currency + deal.rawMsrp : '';                            let couponsChildren = [];              try {                  const area = this.getAreaCode();                  const apiUrl = new URL('https://search-api.fie.future.net.uk/widget.php');                  apiUrl.searchParams.append('model_name', 'Everything');                  apiUrl.searchParams.append('language', 'en-GB');                  apiUrl.searchParams.append('area', area);                  apiUrl.searchParams.append('combine_product_types', '1');                  apiUrl.searchParams.append('filter_merchant_name', merchant);                  apiUrl.searchParams.append('all_filters', 'false');                  apiUrl.searchParams.append('exclude_unlabelled', 'false');                  apiUrl.searchParams.append('include_specs', 'false');                  apiUrl.searchParams.append('sort', 'voucher');                  apiUrl.searchParams.append('distinct_merchants', 'natural');                  apiUrl.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');                  apiUrl.searchParams.append('rows', '3');                  apiUrl.searchParams.append('origin', 'widgets-clientside');                                    let res; try { res = await fetch(apiUrl.toString()); } catch (e) { return; }                  if (res.ok) {                      const data = await res.json();                      let offers = [];                      if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {                        offers = data.widget.data.offers;                      } else if (data && data.data && Array.isArray(data.data.offers)) {                        offers = data.data.offers;                      }                                            if (offers.length > 0) {                          couponsChildren.push({ text: "Also check out these coupons: ", bold: true });                          offers.slice(0, 3).forEach((offer, idx) => {                              const actualOffer = offer.offer || offer;                              const offerName = actualOffer.name || actualOffer.title || offer.model_name || offer.title || offer.name || 'Coupon';                              const linkUrl = actualOffer.link || actualOffer.url || actualOffer.offer_link || '#';                              couponsChildren.push({ type: "line-break", children: [{ text: "" }] });                              couponsChildren.push({ text: "🎟️ " });                              couponsChildren.push({                                  type: "link",                                  url: linkUrl,                                  isNoFollow: true,                                  isSponsored: false,                                  isOpenNewTab: true,                                  isPreventDataRewrite: false,                                  children: [{ text: offerName, bold: true }]                              });                          });                      }                  }              } catch (err) {                  console.warn('Failed to fetch coupons for', merchant, err);              }              let descriptionValue = [];              if (deal.text) {                 descriptionValue = htmlToSlate(deal.text);              } else {                 const dealDescriptions = [                   `Don't miss out on this fantastic deal for the ${title}. It is currently available at ${merchant} for a highly competitive price.`,                   `We've spotted an excellent price drop on the ${title}. Grab it now at ${merchant} before it's gone.`,                   `The ${title} is currently seeing a generous discount over at ${merchant}. This is a perfect time to buy if you've been holding out.`,                   `If you're in the market for the ${title}, ${merchant} has just the deal for you.`,                   `Score the ${title} for less at ${merchant} right now. This is a rare chance to save big.`,                   `Upgrade your setup with the ${title}, now available at a stellar price via ${merchant}.`                 ];                 const randomDescription = dealDescriptions[Math.floor(Math.random() * dealDescriptions.length)];                 descriptionValue = [                    { type: "paragraph", children: [{ text: randomDescription }] }                 ];              }                            if (couponsChildren.length > 0) {                 let lastBlock = descriptionValue[descriptionValue.length - 1];                 if (lastBlock && lastBlock.type === 'paragraph') {                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ text: "Also check out these coupons: ", bold: true });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children = lastBlock.children.concat(couponsChildren);                 } else {                     descriptionValue.push({                         type: "paragraph",                         children: [                             { type: "line-break", children: [{ text: "" }] },                             { type: "line-break", children: [{ text: "" }] },                             { text: "Also check out these coupons: ", bold: true },                             { type: "line-break", children: [{ text: "" }] },                             ...couponsChildren                         ]                     });                 }              }              function normalizeCurrencyToISO(symbol) {                const map = { '£': 'GBP', '$': 'USD', 'A$': 'AUD', 'CA$': 'CAD', '€': 'EUR' };                return map[symbol] || symbol;              }              const isoCurrency = normalizeCurrencyToISO(deal.currency);              blocks.push({                 id: (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'cms-' + Date.now() + Math.random(),                 blockTypeName: "deal",                 excludeFrom: [],                 collapsible: false,                 props: {                    description: {                       value: descriptionValue,                       touched: false,                       validationMessage: ""                    },                    image: {                       value: {                          credit: [{ type: "paragraph", children: [{ text: merchant }] }],                          dateCreated: Date.now(),                          dateModified: Date.now(),                          distribution: [],                          fileSize: 0,                          height: 1000,                          id: deal.id,                          imageRights: "",                          src: image,                          name: title + ".jpg",                          tags: [],                          width: 1000                       },                       touched: false,                       validationMessage: ""                    },                    showDealButton: { value: true, touched: false, validationMessage: "" },                    isPreferredPartner: { value: false, touched: false, validationMessage: "" },                    linkHref: { value: url, touched: false, validationMessage: "" },                    linkLabel: { value: "", touched: false, validationMessage: "" },                    linkIsNoFollow: { value: true, touched: false, validationMessage: "" },                    linkIsSponsored: { value: false, touched: false, validationMessage: "" },                    linkIsOpenNewWindow: { value: true, touched: false, validationMessage: "" },                    customPromoFlags: { value: [], touched: false, validationMessage: "" },                    showStarDeal: { value: false, touched: false, validationMessage: "" },                    savingType: { value: "none", touched: false, validationMessage: "" },                    starDealPromoFlag: { value: "", touched: false, validationMessage: "" },                    showEditorsChoice: { value: false, touched: false, validationMessage: "" },                    editorsChoiceTitle: { value: "", touched: false, validationMessage: "" },                    hawkPriceCurrency: { value: { value: isoCurrency, label: isoCurrency }, touched: false, validationMessage: "" },                    hawkPrice: { value: deal.hasWasPrice ? String(deal.rawMsrp) : String(deal.rawPrice), touched: false, validationMessage: "" },                    hawkSalePrice: { value: String(deal.rawPrice), touched: false, validationMessage: "" },                    lastCheckedPriceDate: { value: "", touched: false, validationMessage: "" },                    hawkModel: { touched: false, validationMessage: "" },                    productId: { value: "", touched: false, validationMessage: "" },                    voucherId: { value: "", touched: false, validationMessage: "" },                    brand: { value: deal.brand || merchant, touched: false, validationMessage: "" },                    productName: { value: title, touched: false, validationMessage: "" },                    label: { value: "", touched: false, validationMessage: "" },                    retailer: { value: merchant, touched: false, validationMessage: "" },                    priceCheckError: false                 },                 failedFetchError: ""              });           }           const payload = {              type: "articleBuilderPages",              data: blocks           };           const jsonStr = JSON.stringify(payload);                      if (navigator.clipboard && navigator.clipboard.writeText) {              navigator.clipboard.writeText(jsonStr).then(() => {                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              }).catch(err => {                 console.warn('Failed to copy text: ', err);                 alert('Failed to copy deals to clipboard. See console.');              });           } else {              // Fallback              const textArea = document.createElement("textarea");              textArea.value = jsonStr;              document.body.appendChild(textArea);              textArea.focus();              textArea.select();              try {                 document.execCommand('copy');                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              } catch (err) {                 console.warn('Fallback: Oops, unable to copy', err);                 alert('Fallback: Failed to copy deals to clipboard.');              }              document.body.removeChild(textArea);           }        }      }      // Initialize the Widget      if (document.readyState === 'loading') {        document.addEventListener('DOMContentLoaded', () => new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer }));      } else {        new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer });      }    })();  </script></div><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-review">PS5 Pro review: The most powerful console ever comes at a price</a></li><li><a href="https://www.tomsguide.com/best-picks/the-best-ps5-games">The best PS5 games in 2026</a></li><li><a href="https://www.tomsguide.com/gaming/i-grinded-enough-microsoft-reward-points-to-get-gta-6-for-free-heres-how-you-can-do-it-too">I grinded enough Microsoft reward points to get GTA 6 for free</a><strong> </strong></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/playstation/ps5-pro-restocks-latest-updates</link>
                                                                            <description>
                            <![CDATA[ PS5 Pro is selling out across retailers as gamers look to upgrade ahead of GTA 6, so we're tracking restocks to help your secure one. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">PtdQxPH8cTpg8An9piTavk</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/bMX2buAmAL7uK2BwXXj5F-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Mon, 31 Aug 2026 18:30:47 +0000</pubDate>                                                                                                                                <updated>Mon, 07 Sep 2026 12:15:00 +0000</updated>
                                                                                                                                            <category><![CDATA[Playstation]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ rory.mellon@futurenet.com (Rory Mellon) ]]></author>                    <dc:creator><![CDATA[ Rory Mellon ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5Rv6LtQXMj5JB4Eu8Lt4Sn.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/bMX2buAmAL7uK2BwXXj5F-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&#039;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[PS5 Pro]]></media:description>                                                            <media:text><![CDATA[PS5 Pro]]></media:text>
                                <media:title type="plain"><![CDATA[PS5 Pro]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/bMX2buAmAL7uK2BwXXj5F-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <div  class="fancy-box"><div class="fancy_box-title">PS5 Pro restocks: latest updates</div><div class="fancy_box_body"><p class="fancy-box__body-text">As of Monday, September 7, 2026, the <strong>PS5 Pro is sold out</strong> across major retailers. <a data-analytics-id="inline-link" href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-pro-console/20015604.html" target="_blank" rel="nofollow"><strong>GameStop has limited pre-owned inventory</strong></a>. Availability differs by region, so check your local stores now. Meanwhile, <a data-analytics-id="inline-link" href="https://www.bestbuy.com/product/playstation-5-pro-console/JXHQ37TR86" target="_blank" rel="nofollow"><strong>Best Buy is selling the PS5 Pro for $1,499 </strong></a>via a third-party seller (EZ Tech). Avoid this scalping attempt and wait for restocks, which will hopefully arrive soon.</p></div></div><p>The <a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-review">PS5 Pro</a> is suddenly experiencing a wave of stock shortages, and a certain <a href="https://www.tomsguide.com/news/live/gta-6-netflix-event-2026-live-latest-updates">GTA 6</a> appears to be the culprit. PlayStation’s premium console turns two years old in November and was readily available at launch. However, with the Grand Theft Auto VI juggernaut on the horizon, gamers appear eager to upgrade their setup for the best possible experience.</p><p>The sudden spike in demand for the PS5 Pro has seen major retailers sell out of stock, and even the PS5 Pro’s March price hike (from $699 to $899) seemingly isn’t deterring buyers. In fact, there are reports of resale sites listing the console for as much as $1,300. But don’t give in to the scalpers; here at Tom’s Guide, it's our mission to get you a PS5 Pro at a fair price.</p><p>We’re experienced restock trackers, having covered everything from the original PS5 launch to the very popular PlayStation 30th Anniversary Collection. So, if you want to upgrade to a PS5 Pro before GTA 6 launches on November 19, we’ve got the latest restock updates down below. Be sure to bookmark this article, as we’ll update you when PS5 Pro stock appears.</p><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/2zd1Hbj9Pxc" allowfullscreen></iframe></div></div><h3 class="article-body__section" id="section-ps5-pro-restock-latest-updates"><span>PS5 Pro restock — latest updates</span></h3><p>As of 8:07 a.m. ET on Monday, September 7, <strong>the PS5 Pro remains out of stock </strong>at major retailers. That includes Amazon, Best Buy, Walmart, Target, and even PlayStation's own official online retail arm, PlayStation Direct.</p><p>The restock situation is particularly bleak at present. There have been no signs of stock for well over a week, but we're still watching in the hopes that retailers will offer fresh chances to secure one in the near future.</p><p>If you don't want to wait for "new" PS5 Pro restocks to appear, <a href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-pro-console/20015604.html" target="_blank" rel="nofollow"><strong>GameStop offers pre-owned units</strong></a>, but stock varies by location (so check your nearest store). Or, a Best Buy third-party seller is <a href="https://www.bestbuy.com/product/playstation-5-pro-console/JXHQ37TR86" target="_blank" rel="nofollow"><strong>attempting to sell PS5 Pros for $1,499</strong></a>, which is an eyewatering $600 over MSRP. My advice is to avoid this listing and wait it out. PS5 Pro is certainly not worth $1,500. </p><h3 class="article-body__section" id="section-ps5-pro-restock-quick-links"><span>PS5 Pro restock — Quick links</span></h3><ul><li><strong>PS5 Pro: </strong><a href="https://www.amazon.com/PlayStation%C2%AE5-console-1TB-PlayStation-5/dp/B0FTMY4YZ2" target="_blank" rel="nofollow"><strong>check stock @ Amazon</strong></a></li><li><strong>PS5 Pro: </strong><a href="https://www.bestbuy.com/product/playstation-5-pro-console/JXHQ37TR86" target="_blank" rel="nofollow"><strong>check stock @ Best Buy</strong></a><strong></strong></li><li><strong>PS5 Pro: </strong><a href="https://www.walmart.com/ip/Sony-PlayStation-5-Pro-Console-PS5-Pro/18235967161" target="_blank" rel="nofollow"><strong>check stock @ Walmart</strong></a></li><li><strong>PS5 Pro: </strong><a href="https://www.target.com/p/playstation-5-pro-console/-/A-93620188" target="_blank" rel="nofollow"><strong>check stock @ Target</strong></a></li><li><strong>PS5 Pro: </strong><a href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-pro-console/20015604.html" target="_blank" rel="nofollow"><strong>check stock @ GameStop</strong></a></li><li><strong>PS5 Pro: </strong><a href="https://direct.playstation.com/en-us/buy-consoles/playstation5-pro-console-2-tb" target="_blank" rel="nofollow"><strong>check stock @ PlayStation Direct</strong></a></li></ul><h3 class="article-body__section" id="section-ps5-pro-restock-full-retailer-listings"><span> PS5 Pro restock — Full retailer listings</span></h3><div class="product"><a data-dimension112="afceaf42-a565-11f1-9c69-b79d26fbc6f0" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899" href="https://www.amazon.com/PlayStation%C2%AE5-console-1TB-PlayStation-5/dp/B0FTMY4YZ2" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ecjfqi2UgurxrA42rX7pML" name="Amazon-Logo.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/ecjfqi2UgurxrA42rX7pML.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Amazon is sold out of the PS5 Pro at present, but some third-party listings are available. However, these are priced at more than $1,300. Don't give in to the scalpers. Wait for restocks.<a class="view-deal button" href="https://www.amazon.com/PlayStation%C2%AE5-console-1TB-PlayStation-5/dp/B0FTMY4YZ2" target="_blank" rel="nofollow" data-dimension112="afceaf42-a565-11f1-9c69-b79d26fbc6f0" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899">View Deal</a></p></div><div class="product"><a data-dimension112="afceafc4-a565-11f1-bc55-d102585dfe98" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899" href="https://www.bestbuy.com/product/playstation-5-pro-console/JXHQ37TR86" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1331px;"><p class="vanilla-image-block" style="padding-top:68.52%;"><img id="yjsgCbZzcWDLMuhHtLHa7K" name="Best Buy deal block 2022.jpeg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/yjsgCbZzcWDLMuhHtLHa7K.jpeg" mos="" align="middle" fullscreen="" width="1331" height="912" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Best Buy is sold out of <em>new </em>PS5 Pro consoles, but is offering "open-box" units at select locations. This varies by region, so check your nearest Best Buy if you're willing to buy a console that has been returned to the retailer.<a class="view-deal button" href="https://www.bestbuy.com/product/playstation-5-pro-console/JXHQ37TR86" target="_blank" rel="nofollow" data-dimension112="afceafc4-a565-11f1-bc55-d102585dfe98" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899">View Deal</a></p></div><div class="product"><a data-dimension112="afceb032-a565-11f1-874e-19ca603a8483" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899" href="https://www.walmart.com/ip/Sony-PlayStation-5-Pro-Console-PS5-Pro/18235967161" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RZkKnBkdjDJ6QRZq2RmaPY" name="Walmart-Logo-2008" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/RZkKnBkdjDJ6QRZq2RmaPY.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Walmart is currently sold out of PS5 Pro consoles with the dreaded "out of stock" message greeting shoppers. Let's hope a Walmart PS5 Pro restock is on the horizon.<a class="view-deal button" href="https://www.walmart.com/ip/Sony-PlayStation-5-Pro-Console-PS5-Pro/18235967161" target="_blank" rel="nofollow" data-dimension112="afceb032-a565-11f1-874e-19ca603a8483" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899">View Deal</a></p></div><div class="product"><a data-dimension112="afceb0a0-a565-11f1-8cb3-a533332616a1" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899" href="https://www.target.com/p/playstation-5-pro-console/-/A-93620188" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:129.60%;"><img id="J4ioQbCcWu8knu9FrYgeRT" name="purepng.com-target-logologobrand-logoiconslogos-251519939485oxces" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/J4ioQbCcWu8knu9FrYgeRT.png" mos="" align="middle" fullscreen="" width="2000" height="2592" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Target is another major retailer currently sold out of the PS5 Pro console, but we're watching closely in case the national retailer restocks.<a class="view-deal button" href="https://www.target.com/p/playstation-5-pro-console/-/A-93620188" target="_blank" rel="nofollow" data-dimension112="afceb0a0-a565-11f1-8cb3-a533332616a1" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899">View Deal</a></p></div><div class="product"><a data-dimension112="afceb104-a565-11f1-b54c-8d73099a0a99" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899" href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-pro-console/20015604.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:400px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="EXpDruhoaAuddyN6RUCGyb" name="GameStop logo.png" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/EXpDruhoaAuddyN6RUCGyb.png" mos="" align="middle" fullscreen="" width="400" height="400" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>GameStop is sold out of new PS5 Pro consoles, but unlike its rival retailers, it does offer pre-owned and refurbished consoles. Availability is location-based, so check your local listings; you could get lucky and score a PS5 Pro today.<a class="view-deal button" href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-pro-console/20015604.html" target="_blank" rel="nofollow" data-dimension112="afceb104-a565-11f1-b54c-8d73099a0a99" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899">View Deal</a></p></div><div class="product"><a data-dimension112="afceb190-a565-11f1-98a8-c5bb502a3c39" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899" href="https://direct.playstation.com/en-us/buy-consoles/playstation5-pro-console-2-tb" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>PlayStation Direct is the company's official retail arm, so you might think it would be the best place to score a PS5 Pro. Unfortunately, even directly from PlayStation, the console is currently sold out. There could be restocks.<a class="view-deal button" href="https://direct.playstation.com/en-us/buy-consoles/playstation5-pro-console-2-tb" target="_blank" rel="nofollow" data-dimension112="afceb190-a565-11f1-98a8-c5bb502a3c39" data-action="Deal Block" data-label="PS5 Pro" data-dimension48="PS5 Pro" data-dimension25="$899">View Deal</a></p></div><div class="product"><a data-dimension112="077d1384-a582-11f1-bace-b5024116e8be" data-action="Deal Block" data-label="Refurb PS5 Pro: check stock @ Back Market" data-dimension48="Refurb PS5 Pro: check stock @ Back Market" href="https://www.backmarket.com/en-us/l/sony-playstation/dcbd8534-a5cd-4df0-9d54-dc80814fbcf6" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="YPipqtYVnu7Cbxs6UANHaK" name="Back Market logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/YPipqtYVnu7Cbxs6UANHaK.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong>Refurb PS5 Pro: </strong><a href="https://www.backmarket.com/en-us/l/sony-playstation/dcbd8534-a5cd-4df0-9d54-dc80814fbcf6" target="_blank" rel="nofollow" data-dimension112="077d1384-a582-11f1-bace-b5024116e8be" data-action="Deal Block" data-label="Refurb PS5 Pro: check stock @ Back Market" data-dimension48="Refurb PS5 Pro: check stock @ Back Market" data-dimension25=""><strong>check stock @ Back Market</strong></a><br>Back Market fights overproduction and overconsumption by giving new life to refurbished tech. Devices are inspected by industry professionals and guaranteed with a 30-day return window and 1-year warranty. Although they currently have refurb PS5 consoles, PS5 Pro consoles are out of stock. <a class="view-deal button" href="https://www.backmarket.com/en-us/l/sony-playstation/dcbd8534-a5cd-4df0-9d54-dc80814fbcf6" target="_blank" rel="nofollow" data-dimension112="077d1384-a582-11f1-bace-b5024116e8be" data-action="Deal Block" data-label="Refurb PS5 Pro: check stock @ Back Market" data-dimension48="Refurb PS5 Pro: check stock @ Back Market" data-dimension25="">View Deal</a></p></div><h3 class="article-body__section" id="section-ps5-pro-restock-what-you-need-to-know"><span>PS5 Pro restock — what you need to know</span></h3><h2 id="how-much-does-the-ps5-pro-cost">How much does the PS5 Pro cost?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="NLmsYxcW7zX8Zanxh3857J" name="ps5 pro image.jpg" alt="An image of the PS5 Pro on a blue background" src="https://cdn.mos.cms.futurecdn.net/NLmsYxcW7zX8Zanxh3857J.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>As of March 2026, the PS5 Pro retails for $899. This is quite a step up compared to the base <a href="https://www.tomsguide.com/gaming/playstation/ps5-slim">PS5 Slim</a>, priced at $649, and the PS5 Slim Digital Edition, which costs $599 as standard. </p><p>$899 was <em>not </em>the PS5 Pro’s launch price. The powerful PlayStation console initially retailed for $699, but earlier this year the price was hiked due to, in Sony’s words, “continued pressures in the global economic landscape.”</p><p>In simple terms, that means the increasing cost of RAM, which has been dubbed <a href="https://www.tomsguide.com/computing/ram-price-crisis-2026-everything-you-need-to-know">“RAMageddon.”</a> The price of RAM has spiralled in recent months due to overwhelming demand, particularly from AI and data companies. The result has been price increases across consumer tech. Sadly, video game consoles haven't escaped the price hikes seen across tech products.</p><h2 id="why-is-the-ps5-pro-sold-out-right-now">Why is the PS5 Pro sold out right now? </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="hyce8Ftu8N8gj3Dx5Dqg6b" name="gta-6-Jason_Duval_01" alt="Grand Theft Auto VI screenshot" src="https://cdn.mos.cms.futurecdn.net/hyce8Ftu8N8gj3Dx5Dqg6b.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar)</span></figcaption></figure><p>Since its launch in November 2024, the PS5 Pro had never been difficult to buy. I was in the pre-order trenches two years ago and can confirm first-hand that securing one was as simple as heading to your preferred retailer, checking out, and ideally not looking at your bank balance afterward. The price increase in March this year likely only further softened demand.</p><p>So what’s changed? That appears to be a little game called Grand Theft Auto VI. The long-awaited next mainline installment in Rockstar’s open-world crime series releases on November 19, and now that we’ve got a proper look at GTA 6 gameplay, the hype levels are reaching a peak. This has led many gamers to invest in their gaming setup before launch. </p><p>GTA 6 is dropping exclusively on console in November. It’s only on PS5 and <a href="">Xbox Series X</a>, and if you want to play GTA 6 on the most powerful console around, that’s the PS5 Pro. So we have the perfect storm of a once-in-a-generation game leading to increased demand on a console that was previously considered niche. Plus, Sony can’t just rapidly manufacture more stock due to the aforementioned rising cost of key components, like RAM.</p><h2 id="is-the-ps5-pro-worth-buying-in-2026">Is the PS5 Pro worth buying in 2026?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bSgJexzmBfwV8pzW9bKFJL" name="PS5 Pro-13" alt="PS5 Pro sitting horizontally on a table" src="https://cdn.mos.cms.futurecdn.net/bSgJexzmBfwV8pzW9bKFJL.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Tom's Guide)</span></figcaption></figure><p>This is a tough question to answer. Back in 2024, when <a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-review">I reviewed the PS5 Pro for Tom’s Guide</a>, I said, “The eye-watering $699 price tag makes it a machine that will only appeal to the most dedicated gamers,” and I stand by that verdict. The only thing that has changed is that the price has gone from eye-watering to downright off-putting. Yet, the PS5 Pro is selling out. </p><p>If you want to experience GTA 6 at its absolute best this November, the PS5 Pro will presumably be the place to play. Rockstar hasn’t yet confirmed how (or if) the game will utilize the Pro’s extra horsepower, but it’s expected to look (and run) best on the PS5 Pro. </p><p>However, $899 is a steep price to pay, and that’s assuming you can even find a PS5 Pro in stock for MSRP. It’s also worth noting that the recent <a href="https://www.youtube.com/watch?v=tJbzMqJGH4k">GTA 6: An Extended Look</a> presentation showcased the game running on a base PS5 console, and it certainly didn’t look bad — far from it. It looks stunning.</p><p>If you take your console gaming seriously, the PS5 Pro could be a worthwhile investment, as it’ll boost the performance of not just GTA 6, but also the majority of AAA games on the PlayStation platform, but I don’t think it’s an essential upgrade in 2026, any more than I did back in 2024.</p><h3 class="article-body__section" id="section-shop-more-deals"><span>Shop more deals</span></h3><div class="vizualizer-embed"><div class="tg-df-widget-host" data-widget-config="?search=Everything&min_discount_ratio=0.95&offer_type=all&view_mode=carousel&widget_title=Top+Deals+Handpicked+by+Our+Editors&widget_subtitle=Discover+the+best+discounts+currently+available%2C+curated+daily+by+the+Tom%27s+Guide+Savings+Squad.&bg_color=light_blue" data-vizualizer-embed="true"></div>    <script>    /**     * Tom's Guide Deals Finder - Vanilla JS Encapsulated Engine     */    (function() {      // --- Freyr Analytics Adapter ---      function initAnalytics() {        window.dataLayer = window.dataLayer || [];        window.googletag = window.googletag || {};        window.googletag.cmd = window.googletag.cmd || [];        window.hawk = window.hawk || { analytics: { freyr: [] } };        window.hawk.analytics = window.hawk.analytics || { freyr: [] };        window.hawk.analytics.freyr = window.hawk.analytics.freyr || [];        window.freyr = window.freyr || { cmd: [] };        const scriptSrc = 'https://freyr.futurecdn.net/freyr.js';        const hostname = typeof window !== 'undefined' ? window.location.hostname : '';        const isTestEnv = typeof window.navigator !== 'undefined' && (window.navigator.webdriver || window.navigator.userAgent.includes('Headless'));        const shouldSendRealAnalytics = !isTestEnv && hostname && hostname !== 'localhost' && hostname !== '127.0.0.1' && !hostname.includes('run.app');        if (shouldSendRealAnalytics && !document.querySelector(`script[src="${scriptSrc}"]`)) {          const script = document.createElement('script');          script.src = scriptSrc;          script.async = true;          document.head.appendChild(script);        }      }      function storeEventForDebug(name, data) {        if (!window.hawk || !window.hawk.analytics || !window.hawk.analytics.freyr) return;        window.hawk.analytics.freyr.push({ name, data });        try {          if (typeof window !== 'undefined' && window.localStorage) {            window.localStorage.setItem("hawk", JSON.stringify(window.hawk));          }        } catch (e) {          // Ignore storage issues        }        try {          window.dispatchEvent(new CustomEvent("hawk-analytics-update"));        } catch (e) {}      }      function sendToFreyr(eventName, data) {        if (typeof window === 'undefined') return;        window.freyr = window.freyr || { cmd: [] };        window.freyr.cmd.push(() => {          if (window.freyr && window.freyr.pushAndUpdate) {            window.freyr.pushAndUpdate(eventName, data);          }        });      }      function sendEvent(event, skip = false) {        try {          storeEventForDebug(event.name, event.data);          if (!skip) {            sendToFreyr(event.name, event.data);          }        } catch (e) {          // Ensure tracking errors don't surface to the user        }      }      function getCookie(name) {        try {          const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));          return match ? match[2] : null;        } catch (e) {          return null;        }      }      function normalizeCurrency(symbol) {        const map = {          '£': 'GBP',          '$': 'USD',          'A$': 'AUD',          'CA$': 'CAD',          '€': 'EUR'        };        return map[symbol] || symbol;      }      function trackElementInteraction(props) {        sendEvent({          name: 'elementInteraction',          data: {            element: {              action: props.action || "click",              id: props.id || undefined,              class: props.class || undefined,              name: props.name || undefined,              text: props.text || undefined,              label: props.label || undefined,              container: props.container || undefined,              url: props.url || undefined,              articleId: props.articleId || undefined            }          }        });      }      function generateRevenueId(url, productName, merchantName, modelId) {        const str = `${window.location.href}|${productName}|${merchantName}|${modelId || ''}|${new Date().toDateString()}|tomsguide`;        let hash = 0;        for (let i = 0; i < str.length; i++) {          const char = str.charCodeAt(i);          hash = ((hash << 5) - hash) + char;          hash = hash & hash;        }        let numericStr = Math.abs(hash).toString();        while (numericStr.length < 19) {          numericStr += Math.floor(Math.random() * 10).toString();        }        return numericStr.substring(0, 19);      }      function rewriteAffiliateLink(url, territory, revenueId) {        if (!url) return url;        const t = (territory || 'gb').toLowerCase();        return url.replace(/hawk-custom-tracking/g, `tomsguide-${t}-${revenueId}`);      }      function trackHawkEvent(params) {        const { clickType, widgetId, productCategoryName, product, productsArray, zeroBasedProductIndexOrNull, totalDealsOrProducts, areaClicked, merchant, revenueId, isoCurrencyCode, queryName, widgetTypeName } = params;        const data = {          event: "hawkEvent",          category: "Affiliates",          affiliate: {            action: {              type: clickType,              id: widgetId,              event: clickType === "appeared" ? "viewed" : "Click from",              timestamp: Date.now()            },            component: {              flag: "Editor",              product: productCategoryName || "deals",              category: `Signal Deal Finder ${widgetTypeName || "Carousel"} widget`,              type: clickType === "appeared" ? "review" : "signal product",              label: queryName || (product ? (product.name || "") : ""),              index: zeroBasedProductIndexOrNull === null || zeroBasedProductIndexOrNull === undefined ? -1 : zeroBasedProductIndexOrNull,              linkCount: totalDealsOrProducts || 0,              blockLayout: "",              areaClicked: areaClicked || ""            }          },          products: productsArray || (product && merchant ? [            {              product: {                primary: {                  id: product.id || product.matchId || null,                  name: product.name,                  type: "deal",                  price: product.price,                  previousPrice: product.previousPrice || null,                  currency: isoCurrencyCode || "USD",                  preorder: false,                  labels: [],                  link: product.link,                  originalLink: product.originalLink || null,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: null,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: product.globalId || null,                  inStock: product.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: isoCurrencyCode || "USD"                }              },              merchant: {                id: merchant.id || null,                name: merchant.name,                url: merchant.url || null,                network: merchant.network || null              },              model: {                id: product.modelId || null,                brand: product.brand || null,                name: product.name,                parent: product.parent || null              }            }          ] : []),          reviews: [],          _clear: true,          "gtm.uniqueEventId": Date.now() % 10000        };        sendEvent({ name: 'hawkEvent', data });      }      function trackDealClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card" });      }      function trackViewSimilarClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card View Similar" });      }      function trackPriceComparisonClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Price Comparison" });      }      function trackReviewClick(params) {        trackHawkEvent({ ...params, clickType: "review", areaClicked: "Signal Product Card Review Link" });      }      function trackShare(params) {        trackHawkEvent({ ...params, clickType: "share", areaClicked: "Signal Product Card Share" });      }      function trackDealsAppeared(widgetId, deals, revenueId, currency, queryName, widgetTypeName) {         if (!deals || deals.length === 0) return;                  const productsArray = deals.slice(0, 50).map((deal) => {            let voucherPct = null;            let rawPrice = parseFloat(deal.rawPrice) || parseFloat(deal.price) || null;            let rawMsrp = parseFloat(deal.rawMsrp) || parseFloat(deal.msrp) || null;            if (rawMsrp > rawPrice && rawPrice > 0) {              voucherPct = Math.round((1 - (rawPrice / rawMsrp)) * 100);            }            let numId = null;            if (deal.externalProductId && !isNaN(parseInt(deal.externalProductId))) {              numId = parseInt(deal.externalProductId);            } else if (deal.id && !isNaN(parseInt(deal.id))) {              numId = parseInt(deal.id);            } else {              numId = deal.matchId || null;            }            return {              product: {                primary: {                  id: numId,                  name: deal.productName || deal.title || "",                  type: "deal",                  price: rawPrice,                  previousPrice: rawMsrp,                  currency: currency || 'USD',                  preorder: false,                  labels: deal.modelBrand || deal.brand ? [                     { type: "brand", value: deal.modelBrand || deal.brand }                  ] : [],                  link: deal.url,                  originalLink: deal.url,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: voucherPct,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: deal.productKey || null,                  inStock: deal.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: currency || 'USD'                }              },              merchant: {                id: deal.merchantId ? parseInt(deal.merchantId) : null,                name: deal.merchant || "Retailer",                url: deal.merchantUrl || null,                network: deal.merchantNetwork || null              },              model: {                id: deal.modelId ? parseInt(deal.modelId) : null,                brand: deal.modelBrand || deal.brand || null,                name: deal.productName || deal.title || "",                parent: deal.modelParent || null              }            };         });                  trackHawkEvent({             clickType: "appeared",             widgetId: widgetId,             productCategoryName: "deals",             zeroBasedProductIndexOrNull: null,             totalDealsOrProducts: deals.length,             productsArray: productsArray,             queryName: queryName,             widgetTypeName: widgetTypeName         });      }      // 1. Setup Shadow DOM Sandbox      const currentScript = document.currentScript;      let hostContainer = null;      let template = null;            if (currentScript) {        let prev = currentScript.previousElementSibling;        while (prev) {          if (prev.tagName === 'TEMPLATE' && prev.classList.contains('tg-df-widget-template')) {            template = prev;          } else if (prev.tagName === 'DIV' && prev.classList.contains('tg-df-widget-host') && !prev.hasAttribute('data-initialized')) {            hostContainer = prev;            break;          }          prev = prev.previousElementSibling;        }      }            // Fallbacks in case script is deferred      if (!hostContainer) {        const hosts = document.querySelectorAll('.tg-df-widget-host:not([data-initialized])');        if (hosts.length > 0) hostContainer = hosts[0];      }            // Safely embedded template for CMS environments      const rawTemplate = `  \x3Cstyle>    /* --- Shadow DOM Base Reset --- */    *, *::before, *::after {      box-sizing: border-box;    }    img, picture, svg, video {      max-width: 100%;      height: auto;      display: block;    }    /*       1. Scoped CSS for Tom's Guide Deals Widget       All classes are prefixed with \`tg-df-\` to prevent CMS style leakage.    */    .tg-df-container {      container-type: inline-size;      container-name: tg-df;      --tg-df-blue: #1F69FF;      --tg-df-blue-hover: #004d8c;      --tg-df-text: #222222;      --tg-df-text-muted: #555555;      --tg-df-bg: #ffffff;      --tg-df-bg-secondary: #f4f4f4;      --tg-df-border: #e2e8f0;      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;      color: var(--tg-df-text);      background-color: transparent;       width: 100%;      max-width: 1200px;      margin: 0 auto;      padding-bottom: 24px;    }    .tg-df-container *, .tg-df-container *::before, .tg-df-container *::after {      margin: 0;      padding: 0;      box-sizing: border-box;    }    .tg-df-container img {      border: none;      margin: 0;      padding: 0;    }    .tg-df-container a {      text-decoration: none;      color: inherit;    }    /*       2. Search & Filter Bar    */    .tg-df-controls {      display: flex;      flex-direction: column;      align-items: center;      gap: 20px;      margin-bottom: 32px;      width: 100%;    }    .tg-df-top-bar {      display: flex;      width: 100%;      max-width: 760px;      gap: 12px;      align-items: center;    }    .tg-df-search-wrapper {      position: relative;      flex: 1;      width: 100%;      box-shadow: 0 8px 24px rgba(0,0,0,0.06);      border-radius: 40px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      z-index: 100;    }    .tg-df-autocomplete-dropdown {      position: absolute;      top: calc(100% + 4px);      left: 0;      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      max-height: 300px;      overflow-y: auto;      z-index: 200;      display: none;    }    .tg-df-autocomplete-dropdown.active {      display: block;    }    .tg-df-autocomplete-item {      padding: 12px 24px;      cursor: pointer;      font-size: 14px;      color: var(--tg-df-text);      transition: background 0.1s ease;    }    .tg-df-autocomplete-item:hover {      background: var(--tg-df-bg-secondary);    }    .tg-df-search-input {      width: 100%;      padding: 16px 64px 16px 24px;      font-size: 16px;      border: 2px solid transparent;      border-radius: 40px;      outline: none;      transition: border-color 0.2s ease, box-shadow 0.2s ease;      color: var(--tg-df-text);      background: transparent;    }    .tg-df-search-input:focus {      border-color: transparent;      box-shadow: 0 0 0 3px rgba(0, 108, 196, 0.15);    }    .tg-df-search-input::placeholder {      color: #999999;    }        .tg-df-search-btn {      position: absolute;      right: 8px;      top: 50%;      transform: translateY(-50%);      width: 40px;      height: 40px;      border-radius: 50%;      background: #222;      border: none;      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: background 0.2s ease;    }        .tg-df-search-btn:hover {      background: #000;    }    .tg-df-search-icon {      width: 16px;      height: 16px;      fill: #fff;    }    .tg-df-settings-wrapper {      position: relative;    }        .tg-df-settings-btn {      width: 48px;      height: 48px;      border-radius: 50%;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      box-shadow: 0 4px 12px rgba(0,0,0,0.04);      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: all 0.2s ease;      color: var(--tg-df-text-muted);      flex-shrink: 0;    }    .tg-df-settings-btn:hover {      background: var(--tg-df-bg-secondary);      border-color: #0000ff;      color: var(--tg-df-text);    }    .tg-df-settings-btn svg {      width: 24px;      height: 24px;      fill: currentColor;    }    .tg-df-settings-dropdown {      position: absolute;      top: calc(100% + 8px);      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      width: 280px;      padding: 20px;      display: none;      z-index: 100;      flex-direction: column;      gap: 20px;    }    .tg-df-settings-dropdown.active {      display: flex;    }        .tg-df-settings-dropdown-backdrop {      display: none;      position: fixed;      inset: 0;      z-index: 99;    }        .tg-df-settings-dropdown-backdrop.active {      display: block;    }    .tg-df-setting-item {      display: flex;      flex-direction: column;      gap: 10px;    }    .tg-df-setting-label {      font-size: 11px;      font-weight: 700;      color: var(--tg-df-text-muted);      text-transform: uppercase;      letter-spacing: 0.5px;    }        .tg-df-region-select {        padding: 10px 12px;        border-radius: 8px;        border: 1px solid var(--tg-df-border);        font-size: 15px;        outline: none;        background: var(--tg-df-bg-secondary);        color: var(--tg-df-text);        cursor: pointer;        width: 100%;    }    .tg-df-toggle {        position: relative;        display: inline-block;        width: 44px;        height: 24px;        flex-shrink: 0;    }    .tg-df-toggle input {        opacity: 0;        width: 0;        height: 0;    }    .tg-df-slider {        position: absolute;        cursor: pointer;        top: 0; left: 0; right: 0; bottom: 0;        background-color: #ccc;        transition: .2s;        border-radius: 24px;    }    .tg-df-slider:before {        position: absolute;        content: "";        height: 18px;        width: 18px;        left: 3px;        bottom: 3px;        background-color: white;        transition: .2s;        border-radius: 50%;    }    .tg-df-toggle input:checked + .tg-df-slider {        background-color: #1F69FF;    }    .tg-df-toggle input:checked + .tg-df-slider:before {        transform: translateX(20px);    }    .tg-df-dl-row {        flex-direction: row;        align-items: center;        justify-content: space-between;    }    .tg-df-dl-row-text {        font-size: 14px;        font-weight: 600;        color: var(--tg-df-text);    }    .tg-df-dl-row-subtext {        font-size: 12px;        font-weight: 400;        line-height: 1.3;        color: var(--tg-df-text-muted);        margin-top: 4px;        display: block;    }    .tg-df-filters {      display: flex;      gap: 12px;      justify-content: center;      flex-wrap: wrap;    }    .tg-df-sort-wrapper {      position: relative;      display: flex;      align-items: center;    }        .tg-df-sort-icon {      position: absolute;      left: 14px;      width: 14px;      height: 14px;      fill: var(--tg-df-text-muted);      pointer-events: none;    }    .tg-df-sort-select, .tg-df-filter-select {      padding: 10px 36px 10px 38px;      font-size: 14px;      border: 1px solid var(--tg-df-border);      border-radius: 100px;      outline: none;      appearance: none;      background-color: var(--tg-df-bg-secondary);      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");      background-repeat: no-repeat;      background-position: right 14px center;      color: var(--tg-df-text);      cursor: pointer;      font-weight: 500;      transition: all 0.2s ease;    }        .tg-df-price-input::-webkit-outer-spin-button,    .tg-df-price-input::-webkit-inner-spin-button {      -webkit-appearance: none;      margin: 0;    }    .tg-df-price-input {      -moz-appearance: textfield;    }    .tg-df-sort-select:hover, .tg-df-filter-select:hover {      background-color: #e2e8f0;    }    .tg-df-multiselect-container {      position: relative;    }        .tg-df-multiselect-trigger {      display: block;      background: #fff;      user-select: none;      width: 100%;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis;    }        .tg-df-multiselect-dropdown {      display: none;      position: absolute;      top: calc(100% + 4px);      left: 0;      width: 100%;      min-width: 220px;      max-height: 300px;      overflow-y: auto;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);      z-index: 100;      padding: 8px 0;    }    .tg-df-multiselect-dropdown.active {      display: block;    }    .tg-df-ms-option {      padding: 8px 16px;      display: flex;      align-items: center;      gap: 8px;      cursor: pointer;      font-size: 14px;    }    .tg-df-ms-option:hover {      background-color: var(--tg-df-bg-secondary);    }        .tg-df-ms-option input {      cursor: pointer;      accent-color: #1f69ff;    }    .tg-df-sort-select:focus, .tg-df-filter-select:focus {      border-color: #0000ff;      box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.2);      background-color: var(--tg-df-bg);    }    /*       3. Deal Grid Layout    */    .tg-df-grid.tg-df-grid-auto {      padding-top: 24px;    }    .tg-df-grid, .tg-df-grid.layout-grid {      display: grid;      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      gap: 10px;    }    .tg-df-grid.layout-row {      grid-template-columns: 1fr;      gap: 16px;    }        .tg-df-grid.layout-row .tg-df-card {      flex-direction: row;      align-items: stretch;      height: auto;      box-shadow: none;      border-bottom: 1px solid var(--tg-df-border);    }    .tg-df-grid.layout-row .tg-df-card:hover {      box-shadow: none;    }    .tg-df-grid.layout-row .tg-df-card-image-box {      width: 140px;      min-width: 140px;      aspect-ratio: 3/4;      border-right: none;      padding: 16px 16px 16px 32px;    }    .tg-df-grid.layout-row .tg-df-card-body {      padding: 16px;      justify-content: space-between;    }    .tg-df-grid.layout-row .tg-df-card-title {      font-size: 15px;      margin-bottom: 16px;    }    .tg-df-grid.layout-row .tg-df-card-stars { margin-bottom: 8px; }    .tg-df-grid.layout-row .tg-df-card-footer {      flex-direction: column;      align-items: flex-start;      gap: 0;    }    .tg-df-grid.layout-row .tg-df-card-merchant-pill {      margin-bottom: 4px;    }    .tg-df-grid.layout-row .tg-df-card-price-group {      margin-bottom: 8px;    }    .tg-df-grid.layout-row .tg-df-price-group {      width: auto;    }    .tg-df-grid.layout-row .tg-df-card-cta {      width: 100%;      max-width: 200px;      padding: 10px 24px;      font-size: 13px;      flex-shrink: 0;      text-align: center;      justify-content: center;    }    /*       4. Deal Card Design    */    .tg-df-card {      position: relative;      display: flex;      flex-direction: column;      background-color: #ffffff;      border-radius: 0;      overflow: hidden;      transition: transform 0.2s ease, box-shadow 0.2s ease;      text-decoration: none;      color: inherit;      height: 100%;      box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);      border: 1px solid var(--tg-df-border);    }    .tg-df-card:hover {      box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);    }    .tg-df-card-image-box {      width: 100%;      aspect-ratio: 3/4;      background-color: #f8f8f8;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      padding: 32px;      flex: 0 0 auto;    }    .tg-df-card-image {      max-width: 100%;      max-height: 100%;      width: auto;      height: auto;      object-fit: contain;      mix-blend-mode: multiply; /* Helps white background images blend into secondary bg */      transition: transform 0.3s ease;    }    .tg-df-card:hover .tg-df-card-image {      transform: scale(1.05); /* Zoom in on hover */    }    .tg-df-card-discount-badge {      position: absolute;      top: 12px;      left: 12px;      background: #dc2626; /* Red */      color: #ffffff;      padding: 6px 8px;      font-size: 11px;      font-weight: 500;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      z-index: 10;    }        .tg-df-card-merchant-pill {      display: block;      padding: 0;      font-size: 11px;      font-weight: 600;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      color: var(--tg-df-text-muted);      margin-bottom: 8px;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }    .tg-df-card-body {      padding: 16px;      display: flex;      flex-direction: column;      flex-grow: 1;      min-width: 0;    }    .tg-df-card-badges {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-bottom: 8px;    }    .tg-df-tag {      display: inline-flex;      align-items: center;      padding: 4px 6px;      font-size: 11px;      font-weight: 700;      text-transform: uppercase;      border-radius: 4px;      gap: 4px;    }    .tg-df-tag-prime {      background-color: #00A8E1;      color: #fff;    }    .tg-df-tag-coupons {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-coupons:hover {      background-color: #e2e8f0;    }        .tg-df-tag-outline {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-outline:hover {      background-color: #e2e8f0;    }        @keyframes tg-df-spin {      0% { transform: rotate(0deg); }      100% { transform: rotate(360deg); }    }    .tg-df-coupon-spinner {      border: 2px solid #e2e8f0;      border-top: 2px solid #3b82f6;      border-radius: 50%;      width: 14px;      height: 14px;      animation: tg-df-spin 1s linear infinite;      margin: 4px 8px;      display: inline-block;    }        /* Vouchers Modal */    .tg-df-modal-backdrop {      position: fixed;      top: 0; left: 0; right: 0; bottom: 0;      background: rgba(0,0,0,0.5);      z-index: 10000;      display: flex;      align-items: center;      justify-content: center;      opacity: 0;      pointer-events: none;      transition: opacity 0.3s;    }    .tg-df-modal-backdrop.active {      opacity: 1;      pointer-events: auto;    }    .tg-df-modal {      background: #fff;      border-radius: 12px;      width: 90%;      max-width: 400px;      max-height: 80vh;      display: flex;      flex-direction: column;      box-shadow: 0 10px 40px rgba(0,0,0,0.2);      transform: translateY(20px);      transition: transform 0.3s;    }    .tg-df-modal-backdrop.active .tg-df-modal {      transform: translateY(0);    }    .tg-df-modal-header {      padding: 16px;      border-bottom: 1px solid #e2e8f0;      display: flex;      align-items: center;      justify-content: space-between;    }    .tg-df-modal-title {      font-size: 16px;      font-weight: 600;      margin: 0;    }    .tg-df-modal-close {      background: none;      border: none;      cursor: pointer;      padding: 4px;      color: #64748b;    }    .tg-df-modal-body {      padding: 16px;      overflow-y: auto;    }    .tg-df-voucher-item {      padding: 12px;      border: 1px dashed #cbd5e1;      border-radius: 8px;      margin-bottom: 10px;      background: #f8fafc;      display: flex;      align-items: center;      gap: 12px;      text-decoration: none;      color: inherit;      transition: background-color 0.2s, border-color 0.2s;    }    .tg-df-voucher-item:hover {      background: #f1f5f9;      border-color: #94a3b8;    }    .tg-df-voucher-item:last-child {      margin-bottom: 0;    }    .tg-df-voucher-logo {      width: 48px;      height: 48px;      object-fit: contain;      border-radius: 4px;      background: #fff;      border: 1px solid #e2e8f0;      flex-shrink: 0;    }    .tg-df-voucher-content {      flex: 1;      min-width: 0;    }    .tg-df-voucher-title {      font-size: 14px;      font-weight: 600;      margin: 0 0 4px 0;      line-height: 1.3;      color: #0f172a;    }    .tg-df-voucher-expiry {      font-size: 12px;      color: #64748b;      display: flex;      align-items: center;      gap: 4px;      margin-top: 6px;    }    .tg-df-voucher-code {      display: inline-flex;      align-items: center;      background: #f1f5f9;      border: 1px dashed #cbd5e1;      padding: 6px 10px;      font-family: monospace;      font-weight: 700;      font-size: 14px;      color: #0f172a;      border-radius: 4px;      margin-top: 8px;      cursor: pointer;      transition: all 0.2s ease;    }    .tg-df-voucher-code:hover {      background: #e2e8f0;      border-color: #94a3b8;    }    .tg-df-voucher-code.copied {      background: #ecfdf5;      border-color: #10b981;      color: #10b981;    }    .tg-df-voucher-cta {      display: inline-block;      margin-top: 8px;      font-size: 13px;      font-weight: 600;      color: #2563eb;      text-decoration: none;    }    .tg-df-card-title {      font-size: 15px;      font-weight: 400;      line-height: 1.4;      margin: 0 0 12px 0;      color: var(--tg-df-text);      display: -webkit-box;      -webkit-line-clamp: 2;      -webkit-box-orient: vertical;      overflow: hidden;    }    .tg-df-card-footer {      margin-top: auto;      display: flex;      flex-direction: column;      width: 100%;    }    .tg-df-card-price-group {      display: flex;      flex-direction: row;      align-items: center;      gap: 8px;      margin-bottom: 12px;    }    .tg-df-card-price {      font-size: 16px;      font-weight: 700;      color: #dc2626; /* Red price */      line-height: 1;    }        .tg-df-card-msrp {      font-size: 13px;      color: var(--tg-df-text-muted);      text-decoration: line-through;    }    .tg-df-container .tg-df-card-cta {      display: flex;      align-items: center;      justify-content: center;      width: 100%;      box-sizing: border-box;      background-color: #1f69ff;      color: #ffffff;      font-size: 12px;      font-weight: 700;      text-transform: uppercase;      letter-spacing: 0.5px;      padding: 12px 16px;      border-radius: 0;      border: none;      cursor: pointer;      transition: background-color 0.2s ease;    }    .tg-df-card:hover .tg-df-card-cta,    .tg-df-card-cta:hover {      background-color: #1555cc;    }    .tg-df-container .tg-df-card-cta.tg-df-cta-savings-squad {      background-color: #3c8d0d;    }    .tg-df-card:hover .tg-df-card-cta.tg-df-cta-savings-squad,    .tg-df-card-cta.tg-df-cta-savings-squad:hover {      background-color: #2b6509;    }    /*       5. State & Skeleton Styles    */    .tg-df-message {      grid-column: 1 / -1;      text-align: center;      padding: 48px 24px;      color: var(--tg-df-text-muted);      font-size: 16px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;    }    @keyframes tg-df-shimmer {      0% { background-position: -200% 0; }      100% { background-position: 200% 0; }    }    .tg-df-skeleton {      background: linear-gradient(90deg, var(--tg-df-bg-secondary) 25%, #e2e8f0 50%, var(--tg-df-bg-secondary) 75%);      background-size: 200% 100%;      animation: tg-df-shimmer 1.5s infinite;      border-radius: 4px;    }    .tg-df-skeleton-img {      width: 100%;      height: 100%;      position: absolute;      top: 0; left: 0;    }        .tg-df-skeleton-text {      height: 16px;      margin-bottom: 8px;      width: 100%;    }    .tg-df-skeleton-text.short { width: 40%; }    .tg-df-skeleton-text.title { height: 20px; margin-bottom: 16px; }    /* Editor Floating Bar & Elements */    .tg-df-editor-bar {      position: sticky;      top: 0;      z-index: 1000;      background: #111827;      color: #fff;      padding: 12px 16px;      border-radius: 8px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: space-between;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);    }    .tg-df-editor-bar-text {      font-weight: 600;      font-size: 14px;    }    .tg-df-editor-copy-btn {      background: #10b981;      color: #fff;      padding: 6px 16px;      border: none;      border-radius: 4px;      font-weight: 600;      cursor: pointer;      display: flex;      align-items: center;      font-size: 13px;    }    .tg-df-editor-copy-btn:hover { background: #059669; }        .tg-df-deal-checkbox {      position: absolute;      top: 12px;      right: 12px;      z-index: 10;      width: 20px;      height: 20px;      cursor: pointer;      pointer-events: auto;    }    /*       6. Mobile List View (Stacks into a cleaner horizontal row/list)    */    @container tg-df (max-width: 599px) {      .tg-df-controls {        padding: 0 16px;      }            .tg-df-top-bar {        width: 100%;      }            .tg-df-settings-dropdown {        position: fixed;        top: auto;        bottom: 0;        left: 0;        right: 0;        width: 100%;        border-radius: 20px 20px 0 0;        padding: 24px;        box-shadow: 0 -8px 32px rgba(0,0,0,0.15);        z-index: 1000;        border: none;        border-top: 1px solid var(--tg-df-border);      }            .tg-df-settings-dropdown-backdrop.active {        background: rgba(0,0,0,0.4);      }            .tg-df-search-wrapper {        box-shadow: 0 0 16px rgba(0,0,0,0.08);      }            .tg-df-filters {        width: calc(100% + 32px);        margin: 0 -16px;        padding: 0 16px 4px 16px;        display: flex;        justify-content: flex-start;        gap: 8px;        flex-wrap: nowrap;        overflow-x: auto;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;      }      .tg-df-filters::after {        content: "";        display: block;        flex: 0 0 8px;      }      .tg-df-filters::-webkit-scrollbar {        display: none;      }            .tg-df-sort-wrapper {        flex: 0 0 max(42%, 130px);        min-width: 0;      }      .tg-df-sort-wrapper.tg-df-price-range-wrapper {        flex: 0 0 auto;        min-width: max-content;      }            .tg-df-sort-select, .tg-df-filter-select {        width: 100%;        text-align: left;        padding: 10px 24px 10px 32px;        background-position: right 8px center;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;      }      .tg-df-sort-icon {        left: 10px;      }      .tg-df-grid:not(.layout-grid):not(.layout-row),      .tg-df-grid.layout-row {        grid-template-columns: 1fr;        gap: 16px;      }            .tg-df-grid.tg-df-grid-auto {        padding-top: 24px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card,      .tg-df-grid.layout-row .tg-df-card {        flex-direction: row;        align-items: stretch;        height: auto;        box-shadow: none; /* simple line on mobile if preferred, or keep */        border-bottom: 1px solid var(--tg-df-border);      }      .tg-df-grid.tg-df-grid-auto .tg-df-card:hover,      .tg-df-grid.layout-row .tg-df-card:hover {        box-shadow: none;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-image-box,      .tg-df-grid.layout-row .tg-df-card-image-box {        width: 120px;        min-width: 120px;        aspect-ratio: 3/4;        border-right: none;        padding: 12px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-body,      .tg-df-grid.layout-row .tg-df-card-body {        padding: 12px;        justify-content: space-between;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-title,      .tg-df-grid.layout-row .tg-df-card-title {        font-size: 14px;        margin-bottom: 12px;        -webkit-line-clamp: 3;      }      /* Single column mobile grid override */      .tg-df-grid.layout-grid {        grid-template-columns: 1fr;        gap: 16px;      }      .tg-df-grid.layout-grid .tg-df-card-image-box {        padding: 12px;      }      .tg-df-grid.layout-grid .tg-df-card-body {        padding: 10px;      }      .tg-df-grid.layout-grid .tg-df-card-title {        font-size: 13px;        -webkit-line-clamp: 3;        margin-bottom: 8px;      }      .tg-df-grid.layout-grid .tg-df-card-price {        font-size: 14px;      }            .tg-df-card-footer {        flex-direction: column;        align-items: stretch;        gap: 0;        width: 100%;        min-width: 0;      }      .tg-df-card-merchant-pill {        margin-bottom: 4px;      }      .tg-df-card-price-group {        flex: 1 1 auto;        margin-bottom: 8px;      }      .tg-df-card-price {        font-size: 16px;      }      .tg-df-card-msrp {        display: block;       }      .tg-df-grid.layout-row .tg-df-card-cta,      .tg-df-container .tg-df-card-cta {        width: 100%;        max-width: none;        min-width: 0;        box-sizing: border-box;        padding: 8px 16px;        font-size: 12px;        flex: 0 0 auto;        text-align: center;        white-space: normal;        line-height: 1.2;      }    }    .tg-df-container.is-carousel {      min-height: 760px;      background-color: #E7F0FF;      padding: 0 0 24px 0;      border-radius: 24px;    }    .tg-df-container.is-carousel.hide-header-details {      min-height: 480px;    }    /*       7. Carousel View Mode    */    .tg-df-container .tg-df-carousel-host {      /* Layout is now handled by container wrapper */    }    .tg-df-container .tg-df-carousel-eyebrow {      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      padding: 24px 16px 0 16px;      display: none;    }    .tg-df-container .tg-df-carousel-query-title {      color: #011535;      font-size: 28px;      font-weight: 600;      padding: 0 16px 24px 16px;      line-height: 1.2;      display: none;    }    .tg-df-container .tg-df-carousel-blue-box {      background-color: transparent;      border-radius: 0;      padding: 24px 24px 0 24px;      margin: 0;      color: #1F69FF;          position: relative;      overflow: hidden;    }    .tg-df-container .tg-df-carousel-bg-circle-1 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-2 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-3 {      display: none;    }    .tg-df-container .tg-df-carousel-box-content {      position: relative;      z-index: 10;    }    .tg-df-container .tg-df-carousel-box-eyebrow {      background-color: transparent;      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      display: inline-block;      padding: 0;      border-radius: 0;    }    .tg-df-container .tg-df-carousel-box-title {      font-size: 28px;      font-weight: 600;      line-height: 1.2;      margin-top: 8px;      color: #1e293b;    }    .tg-df-container .tg-df-countdown-wrapper {      position: absolute;      top: 0;      right: 0;      display: flex;      flex-direction: column;      align-items: flex-end;      gap: 12px;      transform: scale(0.67);      transform-origin: top right;    }    .tg-df-container .tg-df-countdown-title {      font-size: 16px;      text-align: center;      width: 100%;      font-weight: 600;      color: #011535;      margin: 0;    }    .tg-df-container .tg-df-countdown-blocks {      display: flex;      gap: 16px;    }    .tg-df-container .tg-df-countdown-item {      display: flex;      flex-direction: column;      align-items: center;      gap: 4px;    }    .tg-df-container .tg-df-countdown-box {      width: 59px;      height: 59px;      background: #03FE9E;      border-radius: 15px;      display: flex;      align-items: center;      justify-content: center;    }    .tg-df-container .tg-df-countdown-num {      font-family: 'Inter', sans-serif;      font-weight: 700;      font-size: 20px;      line-height: normal;      color: #011535;    }    .tg-df-container .tg-df-countdown-label {      font-family: 'Inter', sans-serif;      font-weight: 500;      font-size: 16px;      line-height: normal;      color: #1e293b;      text-transform: uppercase;    }    .tg-df-container .tg-df-carousel-box-subtitle {      font-size: 16px;      margin-top: 8px;      font-weight: 300;      color: #1e293b;      line-height: 24px;    }    .tg-df-container .tg-df-carousel-roundels-wrapper {      position: relative;      margin-top: 24px;      margin-left: -24px;      margin-right: -24px;    }    .tg-df-container .tg-df-carousel-roundels {      display: flex;      gap: 16px;      overflow-x: auto;            scrollbar-width: none;      padding-top: 12px;      padding-bottom: 24px;      padding-left: 24px;      padding-right: 24px;      margin-left: 0;      margin-right: 0;    }        .tg-df-container .tg-df-carousel-scroll-left,    .tg-df-container .tg-df-carousel-scroll-right {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 36px;      width: 36px;      display: flex;      align-items: center;      justify-content: center;      border-radius: 50%;      background-color: #ffffff;      border: 1px solid #e2e8f0;      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);      color: #1F69FF;      cursor: pointer;      transition: all 0.2s;      margin-top: -4px;      z-index: 20;    }    .tg-df-container .tg-df-carousel-scroll-left { left: 8px; }    .tg-df-container .tg-df-carousel-scroll-right { right: 8px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left { left: 0px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right { right: 0px; }    .tg-df-carousel-filters-outer { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }    @container tg-df (max-width: 599px) { .tg-df-carousel-filters-outer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } }        .tg-df-container .tg-df-carousel-scroll-left:hover,    .tg-df-container .tg-df-carousel-scroll-right:hover {      background-color: #f8fafc;      border-color: #cbd5e1;    }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right {      background-color: rgba(255, 255, 255, 0.4);      border: none;      box-shadow: none;      backdrop-filter: blur(4px);      -webkit-backdrop-filter: blur(4px);    }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right { right: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-right { right: 0; }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left:hover,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right:hover {      background-color: rgba(255, 255, 255, 0.6);      border: none;    }    .tg-df-container .tg-df-carousel-roundels::-webkit-scrollbar {      display: none;    }    .tg-df-container .tg-df-carousel-roundels::after {      content: "";      flex: 0 0 32px;    }    .tg-df-container .tg-df-roundel {      display: flex;      flex-direction: column;      align-items: center;      gap: 8px;      cursor: pointer;      min-width: 120px;      flex-shrink: 0;    }    .tg-df-container .tg-df-roundel-img-box {      width: 120px;      height: 120px;      border-radius: 50%;      background: white;      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: 0px 3px 14px 0px rgba(30, 41, 59, 0.08);      transition: box-shadow 0.2s;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box img {      transform: scale(1.08);    }    .tg-df-container .tg-df-roundel-img-box img {      width: 100%;      height: 100%;      object-fit: contain;      padding: 10px;      box-sizing: border-box;      transition: transform 0.3s ease;    }    .tg-df-container .tg-df-roundel-label {      font-size: 13px;      font-weight: 400;      color: #1e293b;      text-align: center;      transition: font-weight 0.2s;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-label {      font-weight: 700;    }    .tg-df-container .tg-df-carousel-filters-label {      font-size: 16px;      font-weight: 400;      color: #1e293b;      white-space: nowrap;      margin-right: 4px;    }    .tg-df-container .tg-df-carousel-filters-wrap {      display: flex;      align-items: center;      flex-wrap: nowrap;      gap: 8px;      margin-top: 8px;      overflow-x: auto;      scrollbar-width: none;      -webkit-overflow-scrolling: touch;      padding-bottom: 8px;      margin-left: -24px;      margin-right: -24px;      padding-left: 24px;      padding-right: 24px;    }    .tg-df-container .tg-df-carousel-filters-wrap::-webkit-scrollbar {      display: none;    }        .tg-df-container .tg-df-carousel-filter-btn img,    .tg-df-container .tg-df-carousel-filter-btn picture {      height: 20px;      width: 20px;      object-fit: contain;      object-position: center;      display: inline-flex;      align-items: center;      justify-content: center;      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn picture img {      margin-right: 0;      height: 100%;      width: 100%;    }    .tg-df-container .tg-df-carousel-filter-btn img.active-img,    .tg-df-container .tg-df-carousel-filter-btn picture:has(.active-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.inactive-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.inactive-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.active-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.active-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.active-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.active-img) {      display: inline-flex;    }    .tg-df-container .tg-df-carousel-filter-btn {      background: #ffffff;      border: 2px solid #1e293b;      color: #1e293b;      border-radius: 24px;      padding: 6px 16px;      font-size: 14px;      font-weight: 600;      cursor: pointer;      transition: all 0.2s;      flex-shrink: 0;      white-space: nowrap;      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 36px;      box-sizing: border-box;    }    .tg-df-container .tg-df-carousel-filter-btn svg {      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn:hover {      background: #1e293b;      color: white;      border-color: #1e293b;    }    .tg-df-container .tg-df-carousel-filter-btn.active {      background: #1e293b;      color: white;      border-color: #1e293b;    }        .tg-df-grid.carousel-compact {      display: flex;      flex-wrap: nowrap;      overflow-x: auto;      gap: 16px;      padding: 16px 24px;      align-items: stretch;      scrollbar-width: none;    }    .tg-df-grid.carousel-compact::after {      content: "";      flex: 0 0 32px;    }    .tg-df-grid-wrapper {      position: relative;    }    .tg-df-grid.carousel-compact::-webkit-scrollbar {      display: none;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card {      flex: 0 0 auto;      width: 100px;      border-radius: 15px;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      border: 2px solid #1e293b;      background: white;      color: #1e293b;      display: flex;      flex-direction: column;      justify-content: center;      align-items: center;      font-weight: 600;      font-size: 14px;      cursor: pointer;      padding: 16px;      text-align: center;      transition: all 0.2s;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card:hover {      background: #1e293b;      color: white;    }    .tg-df-grid.carousel-compact .tg-df-card {      flex: 0 0 auto;      width: 200px;      min-height: auto;      height: auto;      display: flex;      flex-direction: column;      border-radius: 15px;      border: none;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      overflow: visible;    }    .tg-df-grid.carousel-compact .tg-df-card-image-box {      padding: 12px;      background-color: transparent;      border-radius: 15px 15px 0 0;      height: 130px;    }    .tg-df-grid.carousel-compact .tg-df-card-image {      mix-blend-mode: normal;    }    .tg-df-grid.carousel-compact .tg-df-card-discount-badge {      border-radius: 0;      top: 0px;      left: 0px;      padding: 4px 8px;      font-size: 11px;    }    .tg-df-grid.carousel-compact .tg-df-card-body {      padding: 8px 12px 12px 12px;    }    .tg-df-grid.carousel-compact .tg-df-card-title {      font-size: 14px;      font-weight: 400;      -webkit-line-clamp: 2;      margin-bottom: 8px;      color: #011535;    }    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):not(:has(.tg-df-tag-prime)):not(:has(.tg-df-coupon-wrapper:not([style*="none"]))) > .tg-df-card-title,    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):has(> .tg-df-card-title:first-child) > .tg-df-card-title {      -webkit-line-clamp: 3;    }    .tg-df-grid.carousel-compact .tg-df-card-cta {      border-radius: 5px;      padding: 8px 10px;      margin-top: 4px;      background-color: #1F69FF;    }    .tg-df-grid.carousel-compact .tg-df-card-price-group {      margin-bottom: 2px;    }    .tg-df-grid.carousel-compact .tg-df-card-merchant-pill {      margin-bottom: 2px;    }    @container tg-df (max-width: 599px) {      .tg-df-container .tg-df-carousel-blue-box-title {        font-size: 24px;      }      .tg-df-container .tg-df-countdown-title {        display: none;      }      .tg-df-container .tg-df-countdown-wrapper {        position: absolute;        top: 0;        right: 0;        align-items: flex-end;        transform: scale(0.45);        transform-origin: top right;      }      .tg-df-container .tg-df-roundel {        min-width: 88px;      }      .tg-df-container .tg-df-roundel-img-box {        width: 88px;        height: 88px;      }    }    /* REPLICA BLOCK STYLES */    .tg-df-grid.layout-replica-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px; }    .tg-df-grid.layout-replica-1 { grid-template-columns: 1fr !important; gap: 20px; }        .tg-df-container .hawk-deal-widget-container { border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: inherit; }    .tg-df-container .hawk-deal-widget-wrap { display: flex; flex-direction: row; align-items: flex-start; width: 100%; gap: 24px; }    .tg-df-container .hawk-deal-widget-image-container { display: flex; flex-shrink: 0; justify-content: center; width: 160px; height: 160px; align-items: center; background: white; margin-bottom: 0px; }    .tg-df-container .hawk-deal-widget-title-product-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.4; display: inline; }    .tg-df-container .hawk-deal-widget-title-price { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-price-now { font-weight: 700; }    .tg-df-container .hawk-deal-widget-title-retailer-price:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-title-retailer { font-size: 18px; font-weight: 700; line-height: 1.4; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-was-price { color: #dc2626; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: line-through; white-space: nowrap; margin-left: 8px; margin-right: 8px; }    .tg-df-container .hawk-deal-widget-text-body-container { position: relative; width: 100%; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-text-body-main { font-size: 16px; width: 100%; margin-bottom: 12px; }    .tg-df-container .hawk-deal-widget-text-body-description { display: block; font-size: 15px; margin-top: 12px; color: #4b5563; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-body-description p { margin: 0; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-cta-container { display: flex; flex-direction: column; gap: 12px; width: 100%; flex: 1; min-width: 0; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-footer { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }    .tg-df-container .hawk-deal-widget-button-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; }    .tg-df-container .hawk-deal-widget-preferred-partner-wrapper { display: flex; flex-direction: row; }        @container tg-df (min-width: 600px) {      .tg-df-mobile-only { display: none !important; }    }    @container tg-df (max-width: 599px) {      .tg-df-desktop-only { display: none !important; }      .tg-df-grid.layout-replica-2 { grid-template-columns: 1fr !important; }      .tg-df-grid.savings-squad-cards { grid-template-columns: 1fr !important; display: flex; flex-direction: column; }    }    .tg-df-grid.savings-squad-cards .tg-df-card-title {      -webkit-line-clamp: unset !important;      display: block !important;      overflow: visible !important;    }    @container tg-df (max-width: 500px) {      .tg-df-container .hawk-deal-widget-wrap { display: block; }      .tg-df-container .hawk-deal-widget-image-container { display: block; float: left; margin: 0 16px 8px 0; width: 120px; max-width: 120px; height: auto; align-items: normal; justify-content: normal; }      .tg-df-container .hawk-deal-widget-text-cta-container { display: block; text-align: left; }      .tg-df-container .hawk-deal-widget-footer { display: block; margin-top: 16px; clear: both; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper .hawk-deal-widget-preferred-partner-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-affiliate-link-deal-button { box-sizing: border-box !important; display: flex !important; max-width: none !important; width: 100% !important; margin: 0 !important; }    }        .tg-df-container .hawk-affiliate-link-deal-button {       align-items: center; background-color: #5aaf0b; box-sizing: border-box; color: #ffffff !important; display: flex; font-size: 14px; font-weight: 700; justify-content: center; letter-spacing: 0.5px; line-height: 1; min-width: 160px; padding: 14px 24px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; word-break: normal; border-radius: 4px; border: 0; transition: background-color 0.2s;     }    .tg-df-container .hawk-affiliate-link-deal-button:hover { background-color: #4a9109; text-decoration: none; }    .tg-df-container .hawk-lazy-image-deal-widget { display: block; height: auto; margin: auto; max-height: 160px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; }    .tg-df-container .hawk-deal-widget-text-cta-container a { color: #2563eb; text-decoration: none; display: inline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:has(.hawk-deal-widget-title-product-title) { color: #111827; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-product-title,    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-retailer-price { text-decoration: underline; }  \x3C/style>  \x3C!-- Widget Container --\x3E  \x3Cdiv class="tg-df-container" id="signal-deals-finder-root">    \x3C!-- Editor Floating Bar --\x3E    \x3Cdiv class="tg-df-editor-bar" id="tg-df-editor-bar" style="display:none;">      \x3Cdiv class="tg-df-editor-bar-text" style="display: flex; align-items: center;">        \x3Cspan id="tg-df-selected-count">0\x3C/span>\x26nbsp;Deals Selected        \x3Cbutton class="tg-df-editor-clear-btn" id="tg-df-editor-clear" type="button" style="margin-left: 12px; font-size: 13px; color: #9ca3af; background: none; border: none; cursor: pointer; text-decoration: underline;">Clear All\x3C/button>      \x3C/div>      \x3Cbutton class="tg-df-editor-copy-btn" id="tg-df-editor-copy" type="button">        \x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">\x3C/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">\x3C/path>\x3C/svg>        Copy to CMS      \x3C/button>    \x3C/div>    \x3Cdiv class="tg-df-carousel-host" id="tg-df-carousel-host" style="display: none;">      \x3Cdiv class="tg-df-carousel-eyebrow">DEAL FINDER\x3C/div>      \x3Cdiv class="tg-df-carousel-query-title" id="tg-df-carousel-title-label">Best Deals\x3C/div>            \x3Cdiv class="tg-df-carousel-blue-box">        \x3Cdiv class="tg-df-carousel-bg-circle-1" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-2" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-3" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-box-content">          \x3Cdiv class="tg-df-countdown-wrapper" id="tg-df-countdown-wrapper" style="display:none;">            \x3Cdiv class="tg-df-countdown-title" id="tg-df-countdown-title">Prime Day starts in\x3C/div>            \x3Cdiv class="tg-df-countdown-blocks">              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-days">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">DAYS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-hrs">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">HRS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-min">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">MIN\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-sec">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">SEC\x3C/div>\x3C/div>            \x3C/div>          \x3C/div>          \x3Cdiv class="tg-df-carousel-box-eyebrow">DEAL FINDER\x3C/div>          \x3Cdiv class="tg-df-carousel-box-title">Find Deals Fast\x3C/div>          \x3Cdiv class="tg-df-carousel-box-subtitle">The latest deals from the biggest retailers, all in one place\x3C/div>                    \x3Cdiv class="tg-df-carousel-roundels-wrapper">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-roundels">            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>          \x3C/div>          \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-carousel-filters-outer" style="position: relative;">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-filters-wrap">                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="0">All\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_lightning">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_prime">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-d="10">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 10% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="15">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 15% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="25">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 25% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-pr="under50">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>            Under $50\x3C/button>        \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3C/div>    \x3C/div>    \x3C/div>      \x3C!-- Search & Filter Controls --\x3E    \x3Cdiv class="tg-df-controls" id="tg-df-controls" style="display:flex;">      \x3Cdiv class="tg-df-top-bar">        \x3Cdiv class="tg-df-search-wrapper">          \x3Cinput type="text" class="tg-df-search-input" placeholder="Search for deals, products, or brands...">          \x3Cbutton type="button" class="tg-df-search-btn" aria-label="Search">              \x3Csvg class="tg-df-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">                \x3Cpath d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-autocomplete-dropdown" id="tg-df-autocomplete">\x3C/div>        \x3C/div>                \x3Cdiv class="tg-df-settings-wrapper">          \x3Cbutton type="button" class="tg-df-settings-btn" aria-label="Settings" id="tg-df-settings-toggle">            \x3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20">                \x3Cpath d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.73 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.49-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>            \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-settings-dropdown-backdrop" id="tg-df-settings-backdrop">\x3C/div>          \x3Cdiv class="tg-df-settings-dropdown" id="tg-df-settings-panel">            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Search Region\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-region-select">                \x3Coption value="auto">🌍 Auto-detect\x3C/option>                \x3Coption value="US">🇺🇸 United States (US)\x3C/option>                \x3Coption value="GB">🇬🇧 United Kingdom (UK)\x3C/option>                \x3Coption value="CA">🇨🇦 Canada (CA)\x3C/option>                \x3Coption value="AU">🇦🇺 Australia (AU)\x3C/option>                \x3Coption value="DE">🇩🇪 Germany (DE)\x3C/option>                \x3Coption value="FR">🇫🇷 France (FR)\x3C/option>                \x3Coption value="IT">🇮🇹 Italy (IT)\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Retailer\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-retailer-select">                \x3Coption value="">All Retailers\x3C/option>                \x3Coption value="Amazon">Amazon\x3C/option>                \x3Coption value="Walmart">Walmart\x3C/option>                \x3Coption value="Best Buy">Best Buy\x3C/option>                \x3Coption value="Target">Target\x3C/option>                \x3Coption value="John Lewis">John Lewis\x3C/option>                \x3Coption value="Currys">Currys\x3C/option>                \x3Coption value="Argos">Argos\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Offer Type\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-offer-type-select">                \x3Coption value="">All Offers\x3C/option>                \x3Coption value="amazon_prime">Amazon Prime\x3C/option>                \x3Coption value="recommended_promo">Recommended Promo\x3C/option>                \x3Coption value="amazon_lightning">Amazon Lightning Deal\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Result Count\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-rows-select">                \x3Coption value="3">3 Items\x3C/option>                \x3Coption value="4">4 Items\x3C/option>                \x3Coption value="6">6 Items\x3C/option>                \x3Coption value="12" selected>12 Items\x3C/option>                \x3Coption value="24">24 Items\x3C/option>                \x3Coption value="48">48 Items\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Deal Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Only show products with active offers or previous prices (was_price)\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-deal-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Editor Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Enable multi-select to copy deals to CMS\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-editor-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">View Mode\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-view-mode-select">                \x3Coption value="auto">Auto Collection\x3C/option>                \x3Coption value="carousel">Carousel\x3C/option>                \x3Coption value="savings_squad">Savings Squad\x3C/option>                \x3Coption value="grid">Grid (Columns)\x3C/option>                \x3Coption value="row">Row (List)\x3C/option>              \x3C/select>            \x3C/div>          \x3C/div>        \x3C/div>      \x3C/div>      \x3Cdiv class="tg-df-filters">        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-category-filter-wrapper" style="display: none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-category-filter" aria-label="Category">            \x3Coption value="all">All Categories\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-multiselect-container" id="tg-df-brand-filter-wrapper" style="display:none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/>          \x3C/svg>          \x3Cdiv class="tg-df-filter-select tg-df-multiselect-trigger" id="tg-df-brand-trigger" tabindex="0">            Any Brand          \x3C/div>          \x3Cdiv class="tg-df-multiselect-dropdown" id="tg-df-brand-dropdown">            \x3C!-- Populated via script --\x3E          \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>          \x3C/svg>          \x3Cselect class="tg-df-sort-select" aria-label="Sort Deals">            \x3Coption value="date_desc">Newest First\x3C/option>            \x3Coption value="best_match">Sort by: Match\x3C/option>            \x3Coption value="price_asc">Price Low to High\x3C/option>            \x3Coption value="price_desc">Price High to Low\x3C/option>            \x3Coption value="discount_desc">Biggest Discount\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-price-range-wrapper" id="tg-df-custom-price-wrapper" style="display: flex; align-items:center; justify-content:center; padding: 10px 20px; gap: 8px; border: 1px solid var(--tg-df-border); border-radius: 100px; background-color: var(--tg-df-bg);">          \x3Cspan style="font-size:14px; font-weight:500; color:var(--tg-df-text-primary);">Price\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-min" placeholder="Min" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">          \x3Cspan style="color:var(--tg-df-text-muted)">-\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-max" placeholder="Max" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-legacy-price-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-price-filter" aria-label="Filter Prices">            \x3Coption value="all">All Prices\x3C/option>            \x3Coption value="under50">Under $50\x3C/option>            \x3Coption value="50_100">$50 - $100\x3C/option>            \x3Coption value="100_200">$100 - $200\x3C/option>            \x3Coption value="200_500">$200 - $500\x3C/option>            \x3Coption value="over500">Over $500\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-discount-filter-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-discount-filter" aria-label="Discount Amount">            \x3Coption value="all">Any discount\x3C/option>            \x3Coption value="5">Min 5%\x3C/option>            \x3Coption value="10">Min 10%\x3C/option>            \x3Coption value="15">Min 15%\x3C/option>            \x3Coption value="20">Min 20%\x3C/option>            \x3Coption value="25">Min 25%\x3C/option>            \x3Coption value="30">Min 30%\x3C/option>            \x3Coption value="40">Min 40%\x3C/option>            \x3Coption value="50">Min 50%\x3C/option>            \x3Coption value="60">Min 60%\x3C/option>            \x3Coption value="70">Min 70%\x3C/option>          \x3C/select>        \x3C/div>      \x3C/div>    \x3C/div>    \x3C!-- Deals Grid Wrapper --\x3E    \x3Cdiv class="tg-df-grid-wrapper tg-df-carousel-cards-wrapper" id="tg-df-grid-wrapper">      \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3Cdiv class="tg-df-grid" id="tg-df-grid">        \x3C!-- Content populated by JavaScript --\x3E      \x3C/div>      \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>    \x3C/div>        \x3C!-- Vouchers Modal --\x3E    \x3Cdiv class="tg-df-modal-backdrop" id="tg-df-vouchers-modal">      \x3Cdiv class="tg-df-modal">        \x3Cdiv class="tg-df-modal-header">          \x3Ch3 class="tg-df-modal-title" id="tg-df-vouchers-title">Available Coupons & Deals\x3C/h3>          \x3Cbutton class="tg-df-modal-close" id="tg-df-vouchers-close">            \x3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">              \x3Cline x1="18" y1="6" x2="6" y2="18">\x3C/line>              \x3Cline x1="6" y1="6" x2="18" y2="18">\x3C/line>            \x3C/svg>          \x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-modal-body" id="tg-df-vouchers-content">          \x3C!-- Vouchers injected here --\x3E        \x3C/div>      \x3C/div>    \x3C/div>  \x3C/div>`;      if (!template) {        template = document.createElement('template');        template.innerHTML = rawTemplate;      }      let shadowRoot = null;      if (hostContainer && template) {        hostContainer.setAttribute('data-initialized', 'true');        shadowRoot = hostContainer.attachShadow({ mode: 'open' });        shadowRoot.appendChild(template.content.cloneNode(true));      }      class DealsFinderWidget {        constructor(config) {          this.rootNode = config.rootNode || document;          this.hostContainer = config.hostContainer || null;          this.rootId = config.rootId || 'signal-deals-finder-root';          this.root = this.rootNode.querySelector('#' + this.rootId);          if (!this.root) return;          this.widgetId = (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'widget-' + Date.now() + '-' + Math.random().toString(36).slice(2);          this.grid = this.root.querySelector('#tg-df-grid');          this.tagsContainer = this.root.querySelector('#tg-df-tags-container');          this.categoryFilter = this.root.querySelector('#tg-df-category-filter');          this.categoryFilterWrapper = this.root.querySelector('#tg-df-category-filter-wrapper');          this.searchInput = this.root.querySelector('.tg-df-search-input');          this.autocompleteDropdown = this.root.querySelector('#tg-df-autocomplete');          this.sortSelect = this.root.querySelector('.tg-df-sort-select');          this.searchBtn = this.root.querySelector('.tg-df-search-btn');                    this.settingsToggle = this.root.querySelector('#tg-df-settings-toggle');          this.settingsPanel = this.root.querySelector('#tg-df-settings-panel');          this.settingsBackdrop = this.root.querySelector('#tg-df-settings-backdrop');          this.regionSelect = this.root.querySelector('#tg-df-region-select');          this.retailerSelect = this.root.querySelector('#tg-df-retailer-select');          this.offerTypeSelect = this.root.querySelector('#tg-df-offer-type-select');          this.viewModeSelect = this.root.querySelector('#tg-df-view-mode-select');          this.rowsSelect = this.root.querySelector('#tg-df-rows-select');          this.dealModeToggle = this.root.querySelector('#tg-df-deal-mode');          this.editorModeToggle = this.root.querySelector('#tg-df-editor-mode');          this.priceFilter = this.root.querySelector('#tg-df-price-filter');          this.discountFilter = this.root.querySelector('#tg-df-discount-filter');                    this.editorBar = this.root.querySelector('#tg-df-editor-bar');          this.editorSelectedCount = this.root.querySelector('#tg-df-selected-count');          this.editorCopyBtn = this.root.querySelector('#tg-df-editor-copy');          this.editorClearBtn = this.root.querySelector('#tg-df-editor-clear');                    this.apiUrl = 'https://search-api.fie.future.net.uk/widget.php';          this.deals = [];          this.displayLimit = 12;          this.airedaleArticles = null;          this.airedaleTags = [];          this.airedaleTagCounts = {};          this.activeDealTag = null;          this.selectedBrands = [];          this.currentQuery = '';          this.editorMode = this.hostContainer ? this.hostContainer.hasAttribute('data-editor-mode') : false;          this.viewModeOverride = this.hostContainer ? this.hostContainer.getAttribute('data-view-mode') : null;          this.selectedDeals = new Map();                    this.brandFilterWrapper = this.root.querySelector('#tg-df-brand-filter-wrapper');          this.brandTrigger = this.root.querySelector('#tg-df-brand-trigger');          this.brandDropdown = this.root.querySelector('#tg-df-brand-dropdown');                    this.customPriceWrapper = this.root.querySelector('#tg-df-custom-price-wrapper');          this.customPriceMin = this.root.querySelector('#tg-df-custom-price-min');          this.customPriceMax = this.root.querySelector('#tg-df-custom-price-max');          this.legacyPriceWrapper = this.root.querySelector('#tg-df-legacy-price-wrapper');          this.discountFilterWrapper = this.root.querySelector('#tg-df-discount-filter-wrapper');          this.initResizeObserver();          this.init();            if (['carousel', 'carousel-compact', 'auto', 'grid', 'row'].includes(this.getViewMode())) { this.loadCarouselSpreadsheet(); }        }        getViewMode() {          if (this.viewModeOverride && (!this.editorMode || !this.viewModeSelect)) {            return this.viewModeOverride;          }          return (this.viewModeSelect && this.viewModeSelect.value) ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');        }        applyLayoutMode() {          if (!this.grid) return;          const mode = this.getViewMode();          this.grid.classList.remove('layout-row', 'layout-grid', 'tg-df-grid-auto', 'carousel-compact', 'layout-replica-1', 'layout-replica-2');                    const carouselHost = this.root.querySelector('#tg-df-carousel-host');          const controlsDiv = this.root.querySelector('#tg-df-controls');          if (mode === 'carousel' || mode === 'auto' || mode === 'grid' || mode === 'row') {             if (mode === 'carousel') this.grid.classList.add('carousel-compact');             if (carouselHost) carouselHost.style.display = 'block';             if (controlsDiv) controlsDiv.style.display = 'none';             if (this.root.classList.contains('tg-df-container') && mode === 'carousel') {               this.root.classList.add('is-carousel');             } else if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          } else {             if (carouselHost) carouselHost.style.display = 'none';             if (controlsDiv) controlsDiv.style.display = 'flex';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          }          if (mode === 'grid') {            this.grid.classList.add('layout-grid');          } else if (mode === 'row') {            this.grid.classList.add('layout-row');          } else if (mode === 'savings_squad') {            this.grid.classList.add('tg-df-grid-auto', 'savings-squad-cards');          } else if (mode !== 'carousel') {            this.grid.classList.add('tg-df-grid-auto');          }                    const settingsWrapper = this.root.querySelector('.tg-df-settings-wrapper');          if (settingsWrapper) {            settingsWrapper.style.display = mode === 'auto' ? 'none' : 'block';          }          if (this.customPriceWrapper) {             this.customPriceWrapper.style.display = mode === 'auto' ? 'flex' : 'none';          }          if (this.legacyPriceWrapper) {             this.legacyPriceWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }          if (this.discountFilterWrapper) {             this.discountFilterWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }        }        initResizeObserver() {          try {            if (window.parent === window) return;          } catch (e) {            // cross origin frame check threw          }          const emitHeight = () => {            try {              const height = document.documentElement.scrollHeight || document.body.scrollHeight;              const msg = { type: 'embed-size', height: height };              if (window.parent && window.parent !== window) {                window.parent.postMessage(msg, '*');                window.parent.postMessage(JSON.stringify({ ...msg, sentinel: 'amp' }), '*');              }            } catch (e) {}          };                    if (window.ResizeObserver) {            try {              const ro = new ResizeObserver(() => emitHeight());              ro.observe(document.body);              if (this.root) ro.observe(this.root);            } catch(e){ console.warn(e); }          }          window.addEventListener('resize', emitHeight);          setTimeout(emitHeight, 300);        }        initCountdown() {          this.cdWrapper = this.root.querySelector('#tg-df-countdown-wrapper');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          this.showCountdown = params.get('show_countdown') === 'true';          const showHeaderDetails = params.get('show_header_details') !== 'false';          const eyebrow = this.root.querySelector('.tg-df-carousel-box-eyebrow');          const title = this.root.querySelector('.tg-df-carousel-box-title');          const subtitle = this.root.querySelector('.tg-df-carousel-box-subtitle');          if (!showHeaderDetails) {            let containerElement = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (containerElement) containerElement.classList.add('hide-header-details');            if (eyebrow) eyebrow.style.display = 'none';            if (title) title.style.display = 'none';            if (subtitle) subtitle.style.display = 'none';          }          if (!this.cdWrapper) return;          this.cdTitle = this.root.querySelector('#tg-df-countdown-title');          this.cdDays = this.root.querySelector('#tg-df-cd-days');          this.cdHrs = this.root.querySelector('#tg-df-cd-hrs');          this.cdMin = this.root.querySelector('#tg-df-cd-min');          this.cdSec = this.root.querySelector('#tg-df-cd-sec');          this.updateCountdown();          this.cdInterval = setInterval(() => this.updateCountdown(), 1000);        }        updateCountdown() {          if (!this.cdWrapper) return;          if (!this.showCountdown) {            this.cdWrapper.style.display = 'none';            return;          }          const area = this.getAreaCode();          let offset = '-04:00';          if (['DE', 'FR', 'IT', 'ES', 'NL'].includes(area)) {             offset = '+02:00';          } else if (['GB', 'IE', 'UK'].includes(area)) {             offset = '+01:00';          }          const startTime = new Date('2026-06-23T00:00:00' + offset).getTime();          const endTime = new Date('2026-06-26T00:00:00' + offset).getTime();          const now = Date.now();          let targetTime = 0;          if (now < startTime) {             targetTime = startTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day starts in';             this.cdWrapper.style.display = 'flex';          } else if (now < endTime) {             targetTime = endTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day ends in';             this.cdWrapper.style.display = 'flex';          } else {             this.cdWrapper.style.display = 'none';             if (this.cdInterval) clearInterval(this.cdInterval);             return;          }          const diff = Math.max(0, targetTime - now);          const d = Math.floor(diff / (1000 * 60 * 60 * 24));          const h = Math.floor((diff / (1000 * 60 * 60)) % 24);          const m = Math.floor((diff / 1000 / 60) % 60);          const s = Math.floor((diff / 1000) % 60);          if (this.cdDays) this.cdDays.textContent = d;          if (this.cdHrs) this.cdHrs.textContent = h;          if (this.cdMin) this.cdMin.textContent = m;          if (this.cdSec) this.cdSec.textContent = s;        }        init() {          this.initCountdown();          try {            initAnalytics();          } catch (e) {            console.warn('Deals Widget Analytics Error:', e);          }                    this.bindEvents();                    let initialQuery = '';                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          let initialViewMode = params.get('view_mode');          if (!params.has('search') && !params.has('q') && !params.has('query') && initialViewMode !== 'savings_squad') {             initialQuery = 'Everything';             if (this.discountFilter && !params.has('min_discount_ratio')) {               this.discountFilter.value = '5';             }          }          const website = params.get('website') || 'tomsguide';          this.website = website;          if (website === 'techradar') {            const squadHeader = this.root.querySelector('.tg-df-savings-squad-header');            if (squadHeader) {               const pic = squadHeader.querySelector('picture');               if (pic) pic.style.display = 'none';            }            const style = document.createElement('style');            style.innerHTML = `              .tg-df-container .hawk-affiliate-link-deal-button, .tg-df-container .tg-df-card-cta { background-color: #5DAF08 !important; }              .tg-df-container .hawk-affiliate-link-deal-button:hover, .tg-df-container .tg-df-card-cta:hover { background-color: #4a8c06 !important; }            `;            this.root.appendChild(style);          }                    if (this.regionSelect) {            this.regionSelect.value = params.get('region') || 'auto';            this.updatePriceDropdownCurrency();          }                    if (this.retailerSelect && params.has('retailer')) {            this.retailerSelect.value = params.get('retailer');          }                    if (params.has('brands')) {            const b = params.get('brands');            if (b) {              this.selectedBrands = b.split(',');            }          }                    if (this.offerTypeSelect && params.has('offer_type')) {            this.offerTypeSelect.value = params.get('offer_type');          }          if (params.has('bg_color')) {            const bg = params.get('bg_color');            if (bg === 'white') {              this.root.style.setProperty('background-color', '#ffffff', 'important');            } else if (bg === 'transparent') {              this.root.style.setProperty('background-color', 'transparent', 'important');            } else if (bg === 'light_blue') {              this.root.style.setProperty('background-color', '#E7F0FF', 'important');            }          } else {             this.root.style.removeProperty('background-color');          }                    if (params.has('view_mode')) {            if (this.viewModeSelect) {              this.viewModeSelect.value = params.get('view_mode');            } else {              this.viewModeOverride = params.get('view_mode');            }          }          if (this.rowsSelect && params.has('rows')) {            this.rowsSelect.value = params.get('rows');          }          if (params.has('price')) {            const priceVal = params.get('price');            if (this.priceFilter) {               // Try assigning it directly to select. If it's not present implicitly ignores               this.priceFilter.value = priceVal;            }            if (priceVal.includes('_')) {               const parts = priceVal.split('_');               if (this.customPriceMin && parts[0]) this.customPriceMin.value = parts[0];               if (this.customPriceMax && parts[1]) this.customPriceMax.value = parts[1];            }          }          if (this.discountFilter && params.has('min_discount_ratio')) {            // Need to convert back from ratio (e.g. 0.8) to select value (e.g. "20")            const ratioStr = params.get('min_discount_ratio');            const ratioFloat = parseFloat(ratioStr);            if (!isNaN(ratioFloat)) {               const percentage = Math.round((1 - ratioFloat) * 100);               this.discountFilter.value = percentage.toString();            }          }          if (this.sortSelect) {            this.sortSelect.value = params.get('sort') || 'discount_desc';          }          if (this.dealModeToggle && params.has('deal_mode')) {            this.dealModeToggle.checked = params.get('deal_mode') === 'true' || params.get('deal_mode') === '1';          }                    // Re-apply layout after params have updated control values          this.applyLayoutMode();                    if (params.get('search')) {            initialQuery = params.get('search');          } else if (params.get('q')) {            initialQuery = params.get('q');          } else if (params.get('query')) {            initialQuery = params.get('query');          }                    this.currentQuery = initialQuery;          if (this.searchInput) {            this.searchInput.value = this.currentQuery;          }                    if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {            this.fetchDeals(this.currentQuery);          } else {            this.render();          }        }        updatePriceDropdownCurrency() {          if (!this.priceFilter || !this.regionSelect) return;          const currencySymbols = {            'US': '$',            'GB': '£',            'CA': '$CA',            'AU': '$AU',            'DE': '€',            'FR': '€',            'IT': '€',          };          const area = this.getAreaCode();          const cur = currencySymbols[area || 'US'] || '$';                    const options = this.priceFilter.options;          for (let i = 0; i < options.length; i++) {            const opt = options[i];            if (opt.value === 'all') {              opt.innerText = 'All Prices';            } else if (opt.value === 'under50') {              opt.innerText = `Under ${cur}50`;            } else if (opt.value === '50_100') {              opt.innerText = `${cur}50 - ${cur}100`;            } else if (opt.value === '100_200') {              opt.innerText = `${cur}100 - ${cur}200`;            } else if (opt.value === '200_500') {              opt.innerText = `${cur}200 - ${cur}500`;            } else if (opt.value === 'over500') {              opt.innerText = `Over ${cur}500`;            }          }        }        populateBrandDropdown(values) {          if (!this.brandDropdown || !this.brandFilterWrapper) return;          this.brandFilterWrapper.style.display = 'flex'; // show the wrapper                    let html = '';          const allChecked = this.selectedBrands.length === 0 ? 'checked' : '';          const _div = '<' + '/div>';          const _span = '<' + '/span>';          html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="" ${allChecked} class="tg-df-brand-chk"> Any Brand${_div}`;                    values.forEach(v => {             if (!v.formatted_value || v.formatted_value === 'Any Brand') return;             const isChecked = this.selectedBrands.includes(v.formatted_value) ? 'checked' : '';             html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="${this.escapeHTML(v.formatted_value)}" ${isChecked} class="tg-df-brand-chk"> ${this.escapeHTML(v.formatted_value)} \x3Cspan style="color:var(--tg-df-text-muted);font-size:12px">(${v.count || 0})${_span}${_div}`;          });                    this.brandDropdown.innerHTML = html;                    // Re-bind listeners          const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');          chks.forEach(chk => {            chk.addEventListener('change', (e) => {              const val = e.target.value;              if (val === '') {                this.selectedBrands = [];              } else {                if (e.target.checked) {                   if (!this.selectedBrands.includes(val)) this.selectedBrands.push(val);                } else {                   this.selectedBrands = this.selectedBrands.filter(b => b !== val);                }              }                            if (this.selectedBrands.length === 0) {                 this.brandTrigger.innerText = 'Any Brand';              } else if (this.selectedBrands.length === 1) {                 this.brandTrigger.innerText = this.selectedBrands[0];              } else {                 this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;              }                            // Only call API if changed from UI interactions              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.updateURLParams();                 this.fetchDeals(this.currentQuery);              }            });          });                    // Update button text on load          if (this.selectedBrands.length === 0) {             this.brandTrigger.innerText = 'Any Brand';          } else if (this.selectedBrands.length === 1) {             this.brandTrigger.innerText = this.selectedBrands[0];          } else {             this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;          }        }        updateURLParams() {          const url = new URL(window.location);          if (this.currentQuery && this.currentQuery !== 'Gaming laptops') {            url.searchParams.set('q', this.currentQuery);          } else {            url.searchParams.delete('q');            url.searchParams.delete('search');            url.searchParams.delete('query');          }                    if (this.regionSelect && this.regionSelect.value !== 'auto') {            url.searchParams.set('region', this.regionSelect.value);          } else {            url.searchParams.delete('region');          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.set('retailer', this.retailerSelect.value);          } else {            url.searchParams.delete('retailer');          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.set('brands', this.selectedBrands.join(','));          } else {            url.searchParams.delete('brands');          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.set('offer_type', this.offerTypeSelect.value);          } else {            url.searchParams.delete('offer_type');          }                    if (this.viewModeSelect && this.viewModeSelect.value !== 'auto') {            url.searchParams.set('view_mode', this.viewModeSelect.value);          } else {            url.searchParams.delete('view_mode');          }                    if (this.rowsSelect && this.rowsSelect.value !== '12') {            url.searchParams.set('rows', this.rowsSelect.value);          } else {            url.searchParams.delete('rows');          }                    const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             url.searchParams.set('price', `${min}_${max}`);          } else if (this.priceFilter && this.priceFilter.value !== 'all') {            url.searchParams.set('price', this.priceFilter.value);          } else {            url.searchParams.delete('price');          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {               const ratio = (100 - v) / 100;               url.searchParams.set('min_discount_ratio', ratio.toString());            }          } else {            url.searchParams.delete('min_discount_ratio');          }                    if (this.sortSelect && this.sortSelect.value !== 'discount_desc') {            url.searchParams.set('sort', this.sortSelect.value);          } else {            url.searchParams.delete('sort');          }                    if (this.dealModeToggle && this.dealModeToggle.checked) {            url.searchParams.set('deal_mode', 'true');          } else {            url.searchParams.delete('deal_mode');          }                    window.history.replaceState({}, '', url);        }        bindEvents() {          const roundels = this.root.querySelectorAll('.tg-df-carousel-cat.original-hardcoded');          roundels.forEach(r => {             r.addEventListener('click', () => {                const q = r.getAttribute('data-query');                const pr = r.getAttribute('data-pr');                if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: q,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = q;                const label = this.root.querySelector('#tg-df-carousel-title-label');                if (label) label.textContent = 'Best ' + q;                if (this.priceFilter) this.priceFilter.value = pr || 'all';                if (this.discountFilter) this.discountFilter.value = '5';                if (this.searchInput) this.searchInput.value = q;                                roundels.forEach(ro => ro.classList.remove('active'));                r.classList.add('active');                this.fetchDeals(this.currentQuery);             });          });          const discBtns = this.root.querySelectorAll('.tg-df-carousel-filter-btn');          discBtns.forEach(b => {             b.addEventListener('click', () => {                const d = b.getAttribute('data-d');                const pr = b.getAttribute('data-pr');                const ot = b.getAttribute('data-ot');                let label = b.innerText ? b.innerText.trim() : '';                let filterType = 'unknown';                let filterVal = 'unknown';                if (d !== null) { filterType = 'discount'; filterVal = d; }                else if (pr !== null) { filterType = 'price'; filterVal = pr; }                else if (ot !== null) { filterType = 'offertype'; filterVal = ot; }                if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-${filterType}-${filterVal}`, name: 'Filter Button', label: label });                                if (d !== null) {                   if (this.discountFilter) this.discountFilter.value = this.discountFilter.value === d ? '0' : d;                } else if (pr !== null) {                   if (this.priceFilter) this.priceFilter.value = this.priceFilter.value === pr ? 'all' : pr;                } else if (ot !== null) {                   if (this.offerTypeSelect) this.offerTypeSelect.value = this.offerTypeSelect.value === ot ? 'all' : ot;                } else {                   if (this.discountFilter) this.discountFilter.value = '0';                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.offerTypeSelect) this.offerTypeSelect.value = 'all';                }                if (d === null && pr === null && ot === null && b.getAttribute("data-type") !== "custom") {                   discBtns.forEach(ro => ro.classList.remove('active'));                   b.classList.add('active');                } else if (b.getAttribute("data-type") !== "custom") {                   // Only operate on hardcoded buttons (those without data-type)                   discBtns.forEach(ro => {                      if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active');                   });                                      let makeActive = true;                   if (d !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-d') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (pr !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-pr') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (ot !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-ot') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   }                                      if (makeActive) b.classList.add('active');                                      // Check if anything is active, if not activate "All"                   let anyActive = false;                   discBtns.forEach(ro => { if (ro.classList.contains('active') && ro.getAttribute('data-type') !== 'custom') anyActive = true; });                   if (!anyActive) {                       discBtns.forEach(ro => { if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.add('active'); });                   }                }                                this.fetchDeals(this.currentQuery);             });          });          if (this.brandTrigger && this.brandDropdown) {            this.brandTrigger.addEventListener('click', () => {              this.brandDropdown.classList.toggle('active');            });            document.addEventListener('click', (e) => {              if (this.brandFilterWrapper && !e.composedPath().includes(this.brandFilterWrapper)) {                this.brandDropdown.classList.remove('active');              }            });          }          let debounceTimer;          if(this.searchInput) {            this.searchInput.addEventListener('input', (e) => {              clearTimeout(debounceTimer);              const query = e.target.value.trim();              this.currentQuery = query;              if (this.getViewMode() === 'savings_squad' && this.autocompleteDropdown && this.airedaleTags && query.length > 0) {                 const matches = this.airedaleTags.filter(t => t.toLowerCase().includes(query.toLowerCase()) && t.toLowerCase() !== query.toLowerCase()).slice(0, 5);                 if (matches.length > 0) {                    this.autocompleteDropdown.innerHTML = matches.map(m => `\x3Cdiv class="tg-df-autocomplete-item" data-tag="${this.escapeHTML(m)}">${this.escapeHTML(m)}<` + `/div>`).join('');                    this.autocompleteDropdown.classList.add('active');                 } else {                    this.autocompleteDropdown.classList.remove('active');                 }              } else if (this.autocompleteDropdown) {                 this.autocompleteDropdown.classList.remove('active');              }              debounceTimer = setTimeout(() => {                this.updateURLParams();                if (query.length > 2) {                  this.fetchDeals(query);                } else if (query.length === 0) {                  this.deals = [];                  this.render();                }              }, 400);            });            this.searchInput.addEventListener('keypress', (e) => {              if (e.key === 'Enter') {                if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');                clearTimeout(debounceTimer);                const query = e.target.value.trim();                this.currentQuery = query;                this.activeDealTag = null;                trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                this.updateURLParams();                if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                   this.fetchDeals(query);                }              }            });          }          if (this.autocompleteDropdown) {             this.autocompleteDropdown.addEventListener('click', (e) => {                const item = e.target.closest('.tg-df-autocomplete-item');                if (item) {                   const tag = item.getAttribute('data-tag');                   this.currentQuery = tag;                   if (this.searchInput) this.searchInput.value = tag;                   this.activeDealTag = tag;                   this.autocompleteDropdown.classList.remove('active');                   this.updateURLParams();                   this.fetchDeals(tag);                }             });             document.addEventListener('click', (e) => {               if (this.autocompleteDropdown && this.searchInput && !e.composedPath().includes(this.searchInput) && !e.composedPath().includes(this.autocompleteDropdown)) {                 this.autocompleteDropdown.classList.remove('active');               }             });          }          if (this.searchBtn) {            this.searchBtn.addEventListener('click', () => {              if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');              clearTimeout(debounceTimer);              const query = this.searchInput.value.trim();              trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });              this.activeDealTag = null;              this.currentQuery = query;              this.updateURLParams();              if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.fetchDeals(query);              }            });          }          if(this.sortSelect) this.sortSelect.addEventListener('change', () => {            trackElementInteraction({ id: `sort-option-${this.sortSelect.value}`, name: 'Sort', label: `Sort: ${this.sortSelect.options[this.sortSelect.selectedIndex].text}` });            this.updateURLParams();            if (this.deals.length > 0) {              this.sortData();              this.render();            }          });                    const priceFilter = this.root.querySelector('#tg-df-price-filter');          if (priceFilter) {            this.priceFilter = priceFilter;            this.priceFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-price-${this.priceFilter.value}`, name: 'Price', label: this.priceFilter.options[this.priceFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          const updateCustomPrice = () => {             this.updateURLParams();             if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);             } else {                this.render();             }          };          if (this.customPriceMin) {             this.customPriceMin.addEventListener('change', updateCustomPrice);             this.customPriceMin.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          if (this.customPriceMax) {             this.customPriceMax.addEventListener('change', updateCustomPrice);             this.customPriceMax.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          const discountFilter = this.root.querySelector('#tg-df-discount-filter');          if (discountFilter) {            this.discountFilter = discountFilter;            this.discountFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-discount-${this.discountFilter.value}`, name: 'Discount', label: this.discountFilter.options[this.discountFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          if (this.categoryFilter) {            this.categoryFilter.addEventListener('change', (e) => {               const val = e.target.value === 'all' ? null : e.target.value;               this.activeDealTag = val;               this.fetchSavingsSquad();            });          }                    if (this.settingsToggle) {            this.settingsToggle.addEventListener('click', () => {              const o = this.settingsPanel.classList.toggle('active');              this.settingsBackdrop.classList.toggle('active');              if (o) trackElementInteraction({ id: 'filter-open', name: 'Filters', label: 'Open filters' });            });          }                    if (this.settingsBackdrop) {            this.settingsBackdrop.addEventListener('click', () => {              this.settingsPanel.classList.remove('active');              this.settingsBackdrop.classList.remove('active');            });          }                    if (this.regionSelect) {            this.regionSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-region-${this.regionSelect.value}`, name: 'Region', label: this.regionSelect.options[this.regionSelect.selectedIndex].text });              this.updateURLParams();              this.updatePriceDropdownCurrency();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.retailerSelect) {            this.retailerSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-merchant-${this.retailerSelect.value}`, name: 'Retailer', label: this.retailerSelect.options[this.retailerSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.offerTypeSelect) {            this.offerTypeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-offertype-${this.offerTypeSelect.value}`, name: 'Offer Type', label: this.offerTypeSelect.options[this.offerTypeSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.viewModeSelect) {            this._prevViewMode = this.viewModeSelect.value;            this.viewModeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-viewmode-${this.viewModeSelect.value}`, name: 'View Mode', label: this.viewModeSelect.options[this.viewModeSelect.selectedIndex].text });                            // Reset all active toggles and filters to prevent config carry-over              this.selectedBrands = [];              if (this.brandTrigger) this.brandTrigger.innerText = 'Select Brands';              if (this.brandDropdown) {                const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                chks.forEach(chk => { chk.checked = false; });              }              if (this.priceFilter) this.priceFilter.value = 'all';              if (this.customPriceMin) this.customPriceMin.value = '';              if (this.customPriceMax) this.customPriceMax.value = '';              if (this.sortSelect) this.sortSelect.value = this.viewModeSelect.value === 'savings_squad' ? 'date_desc' : 'discount_desc';              if (this.discountFilter) this.discountFilter.value = '0';              if (this.retailerSelect) this.retailerSelect.value = '';              if (this.offerTypeSelect) this.offerTypeSelect.value = '';              if (this.rowsSelect) this.rowsSelect.value = '12';              if (this.categoryFilter) this.categoryFilter.value = 'all';              this.activeDealTag = null;              this.updateURLParams();              this.applyLayoutMode();                            if (this.getViewMode() === 'savings_squad' || this._prevViewMode === 'savings_squad') {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }              this._prevViewMode = this.viewModeSelect.value;            });          }                    if (this.rowsSelect) {            this.rowsSelect.addEventListener('change', () => {              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.dealModeToggle) {            this.dealModeToggle.addEventListener('change', () => {              this.updateURLParams();              this.render();            });          }          if (this.editorModeToggle) {             this.editorModeToggle.addEventListener('change', (e) => {                this.editorMode = e.target.checked;                this.render();                this.updateFloatingCopyBar();             });          }          if (this.editorCopyBtn) {             this.editorCopyBtn.addEventListener('click', () => {                this.copySelectedDealsToCMS();             });          }          if (this.editorClearBtn) {             this.editorClearBtn.addEventListener('click', () => {                this.selectedDeals.clear();                this.render();                this.updateFloatingCopyBar();             });          }          if (this.grid) {            this.grid.addEventListener('change', (e) => {               if (e.target.classList.contains('tg-df-deal-checkbox')) {                  const dealId = e.target.getAttribute('data-id');                  if (e.target.checked) {                     const dealObj = this.deals.find(d => d.id === dealId);                     if (dealObj) this.selectedDeals.set(dealId, dealObj);                  } else {                     this.selectedDeals.delete(dealId);                  }                  this.updateFloatingCopyBar();               }            });            this.grid.addEventListener('click', (e) => {              const dealCard = e.target.closest('[data-action="deal-click"]');              const similarCard = e.target.closest('[data-action="view-similar-click"]');              const cardLink = dealCard || similarCard;              if (cardLink) {                const productName = cardLink.getAttribute('data-product-name');                const merchantName = cardLink.getAttribute('data-merchant-name');                const productId = cardLink.getAttribute('data-analytics-id');                const price = parseFloat(cardLink.getAttribute('data-price')) || null;                const prevPriceStr = cardLink.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = cardLink.getAttribute('data-original-link');                const rewrittenLink = cardLink.getAttribute('href');                const revenueId = cardLink.getAttribute('data-revenue-id');                const index = parseInt(cardLink.getAttribute('data-index'), 10) || 0;                const inStock = cardLink.getAttribute('data-in-stock') === 'true';                const totalText = cardLink.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: cardLink.getAttribute('data-model-id') || null,                    matchId: cardLink.getAttribute('data-match-id') || null,                    brand: cardLink.getAttribute('data-model-brand') || null,                    parent: cardLink.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: cardLink.getAttribute('data-merchant-id') || null,                    network: cardLink.getAttribute('data-merchant-network') || null,                    url: cardLink.getAttribute('data-merchant-url') || null,                    name: merchantName                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: normalizeCurrency(this.escapeHTML(cardLink.getAttribute('data-currency') || '$'))                };                if (dealCard) {                  trackDealClick(trackingParams);                } else {                  trackViewSimilarClick(trackingParams);                }              }              const couponsBtn = e.target.closest('[data-action="coupons-click"]');              if (couponsBtn) {                trackElementInteraction({                  id: 'product-card-show-coupons',                  name: 'Coupons',                  label: `Product card coupons: ${couponsBtn.getAttribute('data-merchant')}`                });              }            });          }          this.setupScrollListeners();        }        setupScrollListeners() {          const containers = [             this.root.querySelector('.tg-df-carousel-roundels'),             this.root.querySelector('.tg-df-carousel-filters-wrap'),             this.root.querySelector('#tg-df-grid')          ];                    containers.forEach(container => {             if (!container) return;                          const checkScroll = () => {                if (!container.parentElement) return;                const leftBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-left');                const rightBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-right');                                if (leftBtn) {                   if (container.scrollLeft <= 5) leftBtn.style.display = 'none';                   else leftBtn.style.display = 'flex';                }                                if (rightBtn) {                   if (container.scrollWidth <= container.clientWidth) {                       rightBtn.style.display = 'none';                   } else if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 5) {                       rightBtn.style.display = 'none';                   } else {                       rightBtn.style.display = 'flex';                   }                }             };                          container.addEventListener('scroll', checkScroll);             checkScroll();                          window.addEventListener('resize', checkScroll);                          const observer = new MutationObserver(checkScroll);             observer.observe(container, { childList: true, subtree: true, characterData: false });          });        }        get widgetTypeName() {          const mode = this.viewModeSelect ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');          switch(mode) {              case 'carousel': return 'Carousel';              case 'savings_squad': return 'Savings Squad';              case 'grid': return 'Grid';              case 'row': return 'Row';              default: return 'Auto Collection';          }        }        getRowsLimit() {          if (this.rowsSelect && this.rowsSelect.value) return parseInt(this.rowsSelect.value, 10);          let configSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {             configSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {             configSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(configSource);          if (params.has('rows')) return parseInt(params.get('rows'), 10) || 12;          return 12;        }        getAreaCode() {          if (this.regionSelect && this.regionSelect.value) {            if (this.regionSelect.value === 'auto') return null;            return this.regionSelect.value;          }          let area = null;          try {            const locale = window.navigator.language || window.navigator.userLanguage;            if (locale && locale.includes('-')) {              area = locale.split('-')[1].toUpperCase();            } else if (locale && locale.length === 2) {              if (locale.toUpperCase() === 'EN') { area = 'US'; }              else { area = locale.toUpperCase(); }            }          } catch (e) { /* Ignore */ }                    // Map to known valid options or fallback to US          const valid = ['US', 'GB', 'CA', 'AU', 'DE', 'FR', 'IT'];          if (area === 'UK') area = 'GB';          if (valid.includes(area)) {             return area;          }          return 'US';        }                async loadCarouselSpreadsheet() {          try {              const parseCSVRow = (str) => {                  let result = [], cur = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (inQuotes) {                          if (char === '"') {                              if (str[i + 1] === '"') { cur += '"'; i++; }                              else { inQuotes = false; }                          } else { cur += char; }                      } else {                          if (char === '"') { inQuotes = true; }                          else if (char === ',') { result.push(cur); cur = ''; }                          else { cur += char; }                      }                  }                  result.push(cur); return result;              };              const parseCSV = (str) => {                  const rows = []; let curRow = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (char === '"') inQuotes = !inQuotes;                      if ((char === '\n' || char === '\r') && !inQuotes) {                          if (char === '\r' && str[i+1] === '\n') i++;                          if (curRow) rows.push(parseCSVRow(curRow));                          curRow = '';                      } else { curRow += char; }                  }                  if (curRow) rows.push(parseCSVRow(curRow));                  return rows;              };              const preloadedCSV = decodeURIComponent(escape(atob("LCwxLDIsMyw0LDUsNiw3LDgsOSwxMCwxMSwxMiwxMywxNCwxNQ0KUm91bmRlbCB0ZXh0LEFsbCxUVnMsRm9vdHdlYXIsQXBwYXJlbCxNYXR0cmVzZXMsQXBwbGlhbmNlcyxXZWFyYWJsZSB0ZWNoLEhlYWRwaG9uZXMsU21hcnQgSG9tZSxTcGVha2VycyxMYXB0b3BzLFRhYmxldHMsQ29tcHV0aW5nLFBob25lcyxHYW1pbmcsTGVnbw0KUm91bmRlbCBpbWFnZSxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL2FpLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL3R2cy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvN2IzYTIyNGIwNzk2M2M2MjdiNmI5MDliZDc4MzM4MzZlMDJmZjgxOS5qcGcud2VicCxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy84NGRhYzVkNDhlZDJkNDQ4NTU5ZWJhNjdhY2U4MzE0Y2M2N2NjZDk0LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vc2hvcC1hc3NldHMvY2Fyb3VzZWwvbWF0dHJlc3Nlcy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvNzY4ZTk3Y2ViMDcxODAxZmFlMjA5MTBkMDgyMGIxNmY3NDdhZjkzOS5qcGcud2VicCxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL3dlbGxuZXNzLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL2hlYWRwaG9uZXMuanBnLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzg5NTM1YmVlYmUyMGRiYmQ0YTM0NmQ2ZDZiZGZlOTFkOGE4ODRhMjEuanBnLndlYnAsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9zaG9wLWFzc2V0cy9jYXJvdXNlbC9hdWRpby5qcGcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9zaG9wLWFzc2V0cy9jYXJvdXNlbC9sYXB0b3BzLmpwZyxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy8yMzk3NTY0ZWQ3YTVmZjk0N2U5YjZiMzBlNTRmNDc0OTRiODQxZjg5LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vc2hvcC1hc3NldHMvY2Fyb3VzZWwvY29tcHV0aW5nLmpwZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Nob3AtYXNzZXRzL2Nhcm91c2VsL3Bob25lcy5wbmcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9zaG9wLWFzc2V0cy9jYXJvdXNlbC9nYW1pbmcucG5nLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzRmNmM2MjFjYWMwYmMxYTg1ZDU5M2UzNTk0YmE1YjM0OWVmZmQyOTIuanBnLndlYnANClNlYXJjaCBRdWVyeSxFdmVyeXRoaW5nLFRlbGV2aXNpb25zLCJTbmVha2VycywgcnVubmluZyBzaG9lcywgc2FuZGFscyIsQ2xvdGhpbmcsTWF0dHJlc3NlcyxIb21lIEFwcGxpYW5jZXMsV2VhcmFibGVzICYgRml0bmVzcyBUZWNoLEhlYWRwaG9uZXMsSG9tZSBUZWNoLFNwZWFrZXJzLExhcHRvcHMsVGFibGV0cyxDb21wdXRpbmcsUGhvbmVzLEdhbWluZyxDb25zdHJ1Y3Rpb24gVG95cw0KRGlzY291bnQgQW1vdW50LG1pbiA1JSxtaW4gMTAlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUNClByaWNlIFJhbmdlLCwsLCxtaW4gJDQwMCwsLCxtaW4gJDI1LCxtaW4gJDMwMCwsLG1pbiAkMTAwLCwNCkJyYW5kIFNlbGVjdGlvbiwsLCwsLCwsLCwsLCwsLCwNCkZpbHRlciBidXR0b25zLCwsLCwsLCwsLCwsLCwsLA0KMSxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMNCjIsQW1hem9uIGRlYWxzLFVuZGVyICQxMDAwLDUwJSBvZmYsQWRpZGFzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsNTAlIG9mZixBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscw0KMyxPdmVyICQ0MDAsVW5kZXIgJDUwMCxIb2thLE5pa2UsU2FhdHZhLE5pbmphLDQwJSBvZmYsSkxhYiwsSkJMLERlbGwsLEFzdXMsQXBwbGUsQ29uc29sZXMsU3RhciBXYXJzDQo0LFVuZGVyICQxMDAwLDUwJSBvZmYsU2tlY2hlcnMsVW5kZXIgQXJtb3VyLEhlbGl4LFNoYXJrLEdhcm1pbixBbmtlciBTb3VuZGNvcmUsUmluZyxTb25vcyxBcHBsZSxBcHBsZSxUUC1saW5rLFNhbXN1bmcsQWNjZXNzb3JpZXMsVW5kZXIgJDI1DQo1LFVuZGVyICQ1MDAsTEcsQXNpY3MsQ29sdW1iaWEsRHJlYW1DbG91ZCxLZXVyaWcsQXBwbGUsU29ueSxHb3ZlZSxUcmliaXQsTGVub3ZvLFNhbXN1bmcsRWVybyxHb29nbGUsR2FtZXMsVW5kZXIgJDUwDQo2LDUwJSBvZmYsU2Ftc3VuZyxOaWtlLFBhdGFnb25pYSxOZWN0YXIsRGUnTG9uZ2hpLEFtYXpmaXQsQXBwbGUsS2FzYSBzbWFydCxTb255LEFsaWVud2FyZSxUQ0wsTmV0Z2VhcixNb3Rvcm9sYSxOaW50ZW5kbyxCb3RhbmljYWxzDQo3LEFtYXpvbixIaXNlbnNlLE5ldyBCYWxhbmNlLEFyYyd0ZXJ5eCxUZW1wdXItcGVkaWMsRHlzb24sRml0Yml0LEJlYXRzLFBoaWxpcHMgSHVlLEFua2VyLEFjZXIsT25lUGx1cyxEZWxsLE9uZVBsdXMsU29ueSxEaXNuZXkNCjgsQXBwbGUsVENMLEFkaWRhcyxDYXJoYXJ0dCxCZWFyLEJpc3NlbGwsU2Ftc3VuZyxFYXJmdW4sQmxpbmssQmVhdHMsTVNJLE1pY3Jvc29mdCxBY2VyLE5vdGhpbmcsWGJveCxNYXJ2ZWwNCjksLFNvbnksU2F1Y29ueSxUaGUgTm9ydGggRmFjZSxTaWVuYSxOdXRyaWJ1bGxldCxPdXJhLFNhbXN1bmcsR29vZ2xlIE5lc3QgLE1hcnNoYWxsLFNhbXN1bmcsTGVub3ZvLExlbm92bywsLFBva2Vtb24NCjEwLCxSb2t1LEJpcmtlbnN0b2NrLENSWiBZb2dhLFdpbmtCZWRzLEJsYWNrIGFuZCBEZWNrZXIsUmluZ2Nvbm4sQ01GLEV1ZnksU2Ftc3VuZyxNaWNyb3NvZnQsUmVNYXJrYWJsZSxBbGllbndhcmUsLCwNCjExLCwsQnJvb2tzLFRoZSBHeW0gUGVvcGxlLEJyb29rbHluIGJlZGRpbmcsTmVzcHJlc3NvLCwxTW9yZSxBcmxvLCxSYXplciwsQ29yc2FpciwsLA0KMTIsLCxDcm9jcywsRWlnaHQgU2xlZXAsQ3Vpc2luYXJ0LCxKQkwsLCwsLEhQLCwsDQpOb3RlcywsLCwsLCwsLCwsLCwsLCwNCiwsIlByaW9yaXRpc2UgYmlnZ2VzdCAlLyQgZGlzY291bnQsIFR2cyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiB0aGUgbW9zdCBwb3B1bGFyIGV2ZW4gaWYgdGhleSBhcmUgc3RpbGwgZXhwZW5zaXZlIiwiTm8gcGF0dGVybiB0byBwcmljaW5nL2Rpc2NvdW50LCByZWFkZXJzIG1haW5seSBzaG9wIGJ5IGJyYW5kL3JlY29nbmlzYWJsZSBzaG9lcyIsIk5vIHBhdHRlcm4gdG8gcHJpY2luZy9kaXNjb3VudCwgcmVhZGVycyBtYWlubHkgc2hvcCBieSBicmFuZCIsIkEgbGFiZWwgd2lsbCBkZWZpbml0ZWx5IGhlbHAgaGVyZSBlLmcuIGJlc3QgZm9yIHNpZGUgc2xlZXBlciwgYmVzdCBtZW1vcnkgZm9hbSIsIkFwcGxpYW5jZXMgaXMgYSBiaWcgY2F0ZWdvcnksIGlzIGl0IHBvc3NpYmxlIHRvIHNwbGl0IGludG8ga2l0Y2hlbiBhcHBsaWFuY2VzLCBmbG9vcmNhcmUsIGFpciBoZWFsdGgvY29vbGluZz8gT3Igc2ltaWxhciIsIkZvY3VzIG9uIHZhbHVlIGZvciBtb25leSwgR2FybWlucyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiBwb3B1bGFyIGV2ZW4gdGhvdWdoIHRoZXkgYXJlIHN0aWxsICQ1MDAiLCwsLCxJbmNsdWRlIEtpbmRsZXMsSSB3b3VsZCBpbmNsdWRlIHdpZmkgcm91dGVycyBoZXJlIGluc3RlYWQgb2Ygc21hcnQgaG9tZSxDYW4gd2Ugc3VyZmFjZSBwaG9uZSBwcm92aWRlciBkZWFscz8gVC1tb2JpbGUgYW5kIHZlcml6b24gd291bGQgbWFrZSBhIGxvdCBtb3JlIG1vbmV5IHRoYW4gQW1hem9uLCwNCiwsaGF2aW5nIGEgJ2Jlc3QgZm9yJyBsYWJlbCB3b3VsZCBiZSBoZWxwZnVsIGUuZy4gYmVzdCBmb3IgYnJpZ2h0IHJvb20sQ2FuIHdlIHN0b3Aga2lkcyBzaG9lcyBmcm9tIHB1bGxpbmcgdGhyb3VnaD8sIldpbGwgdGhpcyBpbmNsdWRlIGFjY2Vzc29yaWVzIGUuZy4gY2FwcywgYmFncywgaWYgc28gbWFrZSBzdXJlIHRoZXNlIGFyZSBtaXhlZCB0aHJvdWdob3V0IGNsb3RoaW5nIGRlYWxzIixXaWxsIHRoaXMgaW5jbHVkZSB0b3BwZXJzIGFuZCBwaWxsb3dzPyBTZWVpbmcgbW9yZSBtb21lbnR1bSB3aXRoIHRoaXMgY2F0ZWdvcnkgcmVjZW50bHkgc28gYSBiZWRkaW5nIHRhYiBtaWdodCB3b3JrLCwiTmVlZCB0byBtYWtlIHN1cmUgYmFuZHMsIHNjcmVlbiBwcm90ZWN0b3JzIGV0Yy4gZG9uJ3QgcHVsbCBpbnRvIGhlcmUiLCwsLCwsLCwsDQosLCJQcmlvcml0aXNlIDY1JycgYW5kIDU1JyBpbmNoIFRWcywgdGhlbiBiaWdnZXIgc2NyZWVucyBiZWZvcmUgdGhlIHNtYWxsZXIgc2l6ZXMiLCwsUXVlZW4gaXMgdGhlIG1vc3QgcG9wdWxhciBzaXplIGluIHRoZSBVUyAtIHByaW9yaXRpc2UgZGVhbHMgZm9yIHRoaXMgc2l6ZSwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpDYXRlZ29yaWVzIHRvIGNvbnNpZGVyLCxQcm9kdWN0cyBpbmNsdWRlZCwsLCwsLCwsLCwsLCwsDQpVbmRlciAkNTA/LCxBaXIgdGFncywsLCwsLCwsLCwsLCwsDQosLFBvcnRhYmxlIGNoYXJnZXJzL3dpcmVsZXNzIGNoYXJnZXJzLCwsLCwsLCwsLCwsLCwNCiwsIldhdGVyIGJvdHRsZXMgKHN0YW5sZXlzLCBPd2FsYSwgSHlkcm8gZmxhc2ssIFlldGkpIiwsLCwsLCwsLCwsLCwsDQosLEhhbmQgaGVsZCBmYW5zLCwsLCwsLCwsLCwsLCwNCiwsLCwsLCwsLCwsLCwsLCwNCmhvbWUgb2ZmaWNlLCxvZmZpY2UgY2hhaXJzLCwsLCwsLCwsLCwsLCwNCiwsc3RhbmRpbmcgZGVza3MsLCwsLCwsLCwsLCwsLA0KLCxtb25pdG9ycywsLCwsLCwsLCwsLCwsDQosLEtleWJvYXJkcywsLCwsLCwsLCwsLCwsDQosLGRvY2tpbmcgc3RhdGlvbiwsLCwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpHYW1pbmcsLENvbnNvbGVzLCwsLCwsLCwsLCwsLCwNCiwsQWNjZXNzb3JpZXMsLCwsLCwsLCwsLCwsLA0KLCxHYW1lcywsLCwsLCwsLCwsLCwsDQosLENvdWxkIGluY2x1ZGUgTGVnbz8sLCwsLCwsLCwsLCwsLA==")));              const text = preloadedCSV;              const parsed = parseCSV(text);                            const rowsByName = {};              let filterStart = -1;              parsed.forEach((rc, i) => {                 if (rc && rc.length > 0 && rc[0]) rowsByName[rc[0]] = rc;                 if (rc && rc.length > 0 && rc[0] === 'Filter buttons') filterStart = i;              });                            const cols = [];              if(rowsByName['Roundel text']) {                const headerRow = rowsByName['Roundel text'];                for(let col = 1; col < headerRow.length; col++) {                   let label = headerRow[col];                   if (!label) continue;                                      let q = rowsByName['Search Query'] && rowsByName['Search Query'][col] ? rowsByName['Search Query'][col] : '';                   let img = rowsByName['Roundel image'] && rowsByName['Roundel image'][col] ? rowsByName['Roundel image'][col] : '';                   let ds = rowsByName['Discount Amount'] && rowsByName['Discount Amount'][col] ? rowsByName['Discount Amount'][col] : '';                   let pr = rowsByName['Price Range'] && rowsByName['Price Range'][col] ? rowsByName['Price Range'][col] : '';                   let rt = rowsByName['Retailer'] && rowsByName['Retailer'][col] ? rowsByName['Retailer'][col] : '';                   let ot = rowsByName['Offer Type'] && rowsByName['Offer Type'][col] ? rowsByName['Offer Type'][col] : '';                                      let filters = [];                   if(filterStart > 0) {                     for(let r = filterStart + 1; r < parsed.length; r++) {                         if(!parsed[r] || parsed[r][0] === 'Notes' || parsed[r][0] === 'Categories to consider') break;                         let f = parsed[r][col];                         if(f) filters.push(f);                     }                   }                   cols.push({ label, img, q, ds, pr, rt, ot, filters });                }              }              this.carouselData = cols;              if (this.carouselData && this.carouselData.length > 0) {                 const isMatched = this.carouselData.some(c => c.q === this.currentQuery || c.label === this.currentQuery);                 if (!isMatched) {                    const first = this.carouselData[0];                    this.currentQuery = first.q || first.label;                    if (this.priceFilter) this.priceFilter.value = 'all';                    if (this.customPriceMin) this.customPriceMin.value = '';                    if (this.customPriceMax) this.customPriceMax.value = '';                    let dPr = first.pr || 'all';                    if (typeof dPr === 'string' && dPr !== 'all') {                       let prLower = dPr.toLowerCase();                       if (prLower.includes('min') || prLower.includes('over')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else if (prLower.includes('max') || prLower.includes('under')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       }                    }                    let dAm = '0';                    if(first.ds && typeof first.ds === 'string') {                       let m = first.ds.match(/(\d+)/);                       if(m) dAm = m[1];                    }                    if (this.discountFilter) this.discountFilter.value = dAm;                    if (this.offerTypeSelect) this.offerTypeSelect.value = first.ot || '';                    if (this.retailerSelect) this.retailerSelect.value = first.rt || '';                    this.selectedBrands = [];                    if (this.brandDropdown) {                        const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                        chks.forEach(chk => chk.checked = false);                    }                    if (this.searchInput) this.searchInput.value = this.currentQuery;                 }              }              this.renderCarouselUI();          } catch(e){ console.warn(e); }        }                renderCarouselUI() {           const roundelWrapper = this.root.querySelector('.tg-df-carousel-roundels');           if(!roundelWrapper || !this.carouselData) return;                      let html = '';           this.carouselData.forEach(r => {              const q = r.q || r.label;              const isActive = (this.currentQuery === q || this.currentQuery === r.label) ? 'active' : '';              const imgHtml = r.img ? `\x3Cimg src="${r.img}" alt="${r.label}" />` : `\x3Csvg width="32" height="32" fill="#1F69FF" viewBox="0 0 24 24">\x3Cpath d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\x3C/svg>`;              html += `                \x3Cdiv class="tg-df-roundel tg-df-carousel-cat ${isActive}" data-label="${this.escapeHTML(r.label)}">                  \x3Cdiv class="tg-df-roundel-img-box">${imgHtml}\x3C/div>                  \x3Cspan class="tg-df-roundel-label">${this.escapeHTML(r.label)}\x3C/span>                \x3C/div>              `;           });           roundelWrapper.innerHTML = html;                      // Rebind clicks           const roundels = this.root.querySelectorAll('.tg-df-carousel-cat');           roundels.forEach(rNode => {             rNode.addEventListener('click', () => {                const r = this.carouselData.find(c => c.label === rNode.getAttribute('data-label'));                 if(!r) return;                                  if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: r.label,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = r.q || r.label;                const labelTitle = this.root.querySelector('#tg-df-carousel-title-label');                if (labelTitle) labelTitle.textContent = 'Best ' + this.currentQuery;                if (this.priceFilter) this.priceFilter.value = 'all';                if (this.customPriceMin) this.customPriceMin.value = '';                if (this.customPriceMax) this.customPriceMax.value = '';                let dPr = r.pr || 'all';                if (typeof dPr === 'string' && dPr !== 'all') {                   let prLower = dPr.toLowerCase();                   if (prLower.includes('min') || prLower.includes('over')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMin) this.customPriceMin.value = m[1];                   } else if (prLower.includes('max') || prLower.includes('under')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMax) this.customPriceMax.value = m[1];                   }                }                                let discountAmount = '0';                if(r.ds && typeof r.ds === 'string') {                   let m = r.ds.match(/(\d+)/);                   if(m) discountAmount = m[1];                }                if (this.discountFilter) this.discountFilter.value = discountAmount;                if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                                // Clear brands                    this.selectedBrands = [];                    if (this.brandDropdown) {                    const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                    chks.forEach(chk => chk.checked = false);                }                                if (this.searchInput) this.searchInput.value = this.currentQuery;                                roundels.forEach(ro => ro.classList.remove('active'));                if (rNode) rNode.classList.add('active');                                this.renderCarouselFilters(r);                this.fetchDeals(this.currentQuery);             });           });                      // Auto-highlight active           const activeR = this.carouselData.find(c => c.q === this.currentQuery || c.label === this.currentQuery);           if(activeR) this.renderCarouselFilters(activeR);        }                renderCarouselFilters(r) {           const filtersWrap = this.root.querySelector('.tg-df-carousel-filters-wrap');           if(!filtersWrap) return;                      let html = `\x3Cbutton class="tg-df-carousel-filter-btn" data-type="all">All\x3C/button>`;                      r.filters.forEach(f => {              let fL = f.toLowerCase();              let icon = '';              let logic = `data-type="custom" data-v="${this.escapeHTML(f)}"`;              if (fL === 'amazon deals' || fL === 'prime deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>`;              } else if (fL === 'lightning deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>`;              } else {                 if (fL.includes('lightning')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap">\x3Cpolygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2">\x3C/polygon>\x3C/svg>`;                 } else if (fL.includes('% off')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>`;                 } else if (fL.includes('under') || fL.includes('min ')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>`;                 }                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>${icon} ${this.escapeHTML(f)}\x3C/button>`;              }           });                      filtersWrap.innerHTML = html;                      const btns = filtersWrap.querySelectorAll('button');           btns.forEach(b => {             b.addEventListener('click', () => {                const type = b.getAttribute('data-type');                if (type === 'custom') {                   const v = b.getAttribute('data-v');                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-custom-${(v||'').toLowerCase().replace(/[^a-z0-9]+/g, '-')}`, name: 'Custom Filter', label: v });                }                if (type === 'all') {                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: 'filter-clear-all', name: 'Clear all', label: 'Clear all filters' });                   // reset everything                   btns.forEach(btn => btn.classList.remove('active'));                   b.classList.add('active');                                      // Reset prices                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   if (this.brandDropdown) {                     const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                     chks.forEach(chk => chk.checked = false);                   }                } else {                   const v = b.getAttribute('data-v');                   const fL = v.toLowerCase();                                      let mapRet = ['amazon', 'walmart', 'best buy', 'target', 'john lewis', 'currys', 'argos'];                   const getCategory = (s) => {                      if (s === 'lightning deals' || s === 'amazon deals' || s === 'prime deals') return 'offer';                      if (s.includes('% off')) return 'discount';                      if (s.includes('under') || s.includes('over') || s.includes('min') || s.includes('max')) return 'price';                      if (mapRet.includes(s)) return 'retailer';                      return 'brand';                   };                   const cat = getCategory(fL);                   const wasActive = b.classList.contains('active');                   if (cat !== 'brand') {                      btns.forEach(btn => {                          if (btn === b) return;                          if (btn.getAttribute('data-type') === 'all') return;                          const bV = btn.getAttribute('data-v');                          if (!bV) return;                          if (getCategory(bV.toLowerCase()) === cat) btn.classList.remove('active');                      });                   }                   if (wasActive) b.classList.remove('active');                   else b.classList.add('active');                   let anyActive = Array.from(btns).some(btn => btn !== btns[0] && btn.classList.contains('active'));                   if (!anyActive) {                       btns[0].click();                       return;                   } else {                       btns[0].classList.remove('active');                   }                                      if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   btns.forEach(btn => {                       if (!btn.classList.contains('active') || btn.getAttribute('data-type') === 'all') return;                       const vv = btn.getAttribute('data-v');                       const vl = vv.toLowerCase();                                              if (vl === 'lightning deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_lightning';                       } else if (vl === 'amazon deals' || vl === 'prime deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_prime';                       } else if (vl.includes('% off')) {                          let m = vl.match(/(\d+)%/);                          if (m && this.discountFilter) this.discountFilter.value = m[1];                       } else if (vl.includes('under') || vl.includes('max')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       } else if (vl.includes('min') || vl.includes('over')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else {                          let foundR = mapRet.find(x => x === vl);                          if (foundR) {                             let realR = ['Amazon', 'Walmart', 'Best Buy', 'Target', 'John Lewis', 'Currys', 'Argos'].find(x => x.toLowerCase() === vl);                             if (this.retailerSelect) this.retailerSelect.value = realR;                          } else {                             this.selectedBrands.push(vv);                          }                       }                   });                                      if (this.brandDropdown) {                       const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                       chks.forEach(c => c.checked = this.selectedBrands.includes(c.value));                   }                                      if (r.pr && typeof r.pr === 'string') {                       let prL = r.pr.toLowerCase();                       if (prL.includes('under $')) {                           let m = prL.match(/under \$(\d+)/i);                           if (m && this.customPriceMax && !this.customPriceMax.value) this.customPriceMax.value = m[1];                       }                   }                }                                this.fetchDeals(this.currentQuery);             });           });                      // default to highlighting first           btns[0].classList.add('active');        }async fetchDeals(query, append = false) {          if (!append) {             this.showLoading();             this.deals = [];             this.displayLimit = this.getRowsLimit();          } else {             this.displayLimit += this.getRowsLimit();          }                    try {            if (this.getViewMode() === 'savings_squad') {               await this.fetchSavingsSquad(append);            } else {               if (this.isBroadQuery(query)) {                 await this.fetchAdviserDeals(query, append);               } else {                 await this.fetchHawkDeals(query, append);                 if (this.deals.length === 0) {                   await this.fetchAdviserDeals(query, append);                 }               }            }          } catch (error) {            console.warn("[Tom's Guide Widget] Fetch error:", error);            this.showError();          }        }        async fetchSavingsSquad() {          let topArticles = this.airedaleArticles;          if (!topArticles) {            const airedaleUrl = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`;            let res;            try {               res = await fetch(airedaleUrl);            } catch(e) {               try { res = await fetch(`https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`); } catch (err) { console.warn("Fallback fetch failed", err); return; }            }            if (!res.ok) throw new Error('Airedale API Error');            const articles = await res.json();            topArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);            this.airedaleArticles = topArticles;                        let tagCounts = {};            topArticles.forEach((a) => {              let articleTags = new Set();              if (a.articlecategory && Array.isArray(a.articlecategory)) {                 a.articlecategory.forEach((t) => articleTags.add(t));              }              articleTags.forEach(t => {                 tagCounts[t] = (tagCounts[t] || 0) + 1;              });            });                        this.airedaleTags = Object.keys(tagCounts).sort((a, b) => tagCounts[b] - tagCounts[a]);            this.airedaleTagCounts = tagCounts;          }                    let targetArticles = topArticles;          if (this.activeDealTag) {             const cleanTag = this.activeDealTag.toLowerCase().replace(/&/g, '').replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');             const encodedTag = encodeURIComponent(cleanTag);             const url = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50&articleCategoryHandle=${encodedTag}`;             try {                const res = await fetch(url);                if (res.ok) {                   const articles = await res.json();                   targetArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);                }             } catch(e) {                console.warn("Failed to fetch by activeDealTag", e);             }          }          let extractedDeals = [];          let dynamicBrandsCounts = {};                    targetArticles.forEach((article) => {             if (!article.articlepage) return;                          let pageData = [];             try {                pageData = JSON.parse(article.articlepage[0]);             } catch(e){ console.warn(e); }                          const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');                          savingsSquad.forEach((block, idx) => {                const data = block.data || {};                const isFeatured = block.type === 'featured-product';                                const link = data.link || {};                const priceObj = data.price || {};                const image = data.image || {};                                if (data.brand) {                   data.brand = data.brand.replace(/^\d+\.\s*/, '').trim();                   dynamicBrandsCounts[data.brand] = (dynamicBrandsCounts[data.brand] || 0) + 1;                }                const externalUrl = isFeatured ? data.url : (link.href || null);                let summaryTitle = isFeatured ? (data.name || data.brand) : (data.productName || link.label || article.articlename);                let description = isFeatured ? (data.strapline || '') : (data.text || '');                                if (!isFeatured && !data.productName && data.text) {                   const brSplit = data.text.split(new RegExp('\x3Cbr\\s*\\/?\\x3E', 'i'));                   if (brSplit.length > 1) {                     summaryTitle = brSplit[0].replace(/<[^>]+>/g, '').trim();                     description = brSplit.slice(1).join(' ').replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();                   } else {                     const match = data.text.match(/\x3Cstrong>(.*?)<\/strong>/);                     if (match) {                       summaryTitle = match[1].replace(/<[^>]+>/g, '').trim();                       if (summaryTitle.endsWith(':')) summaryTitle = summaryTitle.slice(0, -1);                     }                   }                }                                let imageUrl = isFeatured ? image.mos : (image.src || null);                if (imageUrl && imageUrl.startsWith('//')) imageUrl = 'https:' + imageUrl;                                description = description.replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').replace(/View Deal$/i, '').trim();                                let merchantName = data.retailer || '';                if (!merchantName && externalUrl) {                   try {                     merchantName = new URL(externalUrl).hostname.replace('www.', '').split('.')[0];                     merchantName = merchantName.charAt(0).toUpperCase() + merchantName.slice(1);                   }catch(e){ console.warn(e); }                }                if (!merchantName) merchantName = 'Retailer';                const q = (this.currentQuery || '').toLowerCase();                const activeTagLogic = (this.activeDealTag || '').toLowerCase();                if (q.length > 2 && q !== activeTagLogic) {                   const searchTarget = `${summaryTitle || ''} ${description || ''}`.toLowerCase();                   if (!searchTarget.includes(q)) return;                }                let rawPrice = 0;                let rawMsrp = 0;                let currencyStr = '$';                if (isFeatured) {                   rawPrice = typeof data.salePrice === 'number' && data.salePrice > 0 ? data.salePrice : (typeof data.price === 'number' ? data.price : 0);                   rawMsrp = typeof data.salePrice === 'number' && typeof data.price === 'number' && data.price > data.salePrice ? data.price : 0;                   currencyStr = data.currency === 'GBP' ? '£' : '$';                } else {                   rawPrice = priceObj.amount ? parseFloat(priceObj.amount) : 0;                   rawMsrp = priceObj.amountWas ? parseFloat(priceObj.amountWas) : 0;                   currencyStr = priceObj.currency === 'GBP' ? '£' : '$';                }                                let savingAmt = 0;                let savingLabel = '';                if (rawPrice > 0 && rawMsrp > rawPrice) {                   savingAmt = parseFloat((rawMsrp - rawPrice).toFixed(2));                   savingLabel = `Save ${currencyStr}${savingAmt}`;                }                                // Apply Brand filter                if (this.selectedBrands && this.selectedBrands.length > 0) {                   const itemBrand = (data.brand || '').toLowerCase();                   const hasMatch = this.selectedBrands.some(sb => sb.toLowerCase() === itemBrand);                   if (!hasMatch) return;                }                // Apply Price filter                let priceFilterVal = null;                const min = this.customPriceMin ? this.customPriceMin.value : '';                const max = this.customPriceMax ? this.customPriceMax.value : '';                if (min || max) {                   priceFilterVal = `${min}_${max}`;                } else if (this.priceFilter && this.priceFilter.value !== 'all') {                   priceFilterVal = this.priceFilter.value;                }                if (priceFilterVal && rawPrice > 0) {                   if (priceFilterVal === 'under50' && rawPrice >= 50) return;                   if (priceFilterVal === 'over50' && rawPrice <= 50) return;                   if (priceFilterVal === 'over30' && rawPrice <= 30) return;                   if (priceFilterVal === 'over500' && rawPrice <= 500) return;                   if (priceFilterVal.includes('_')) {                      const parts = priceFilterVal.split('_');                      const min = parseFloat(parts[0]);                      const max = parseFloat(parts[1]);                      if (!isNaN(min) && rawPrice < min) return;                      if (!isNaN(max) && rawPrice > max) return;                   }                }                // Apply Discount filter                if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {                   const requiredDiscount = parseInt(this.discountFilter.value);                   if (!isNaN(requiredDiscount) && requiredDiscount > 0) {                      if (!rawMsrp || rawMsrp <= rawPrice) return;                      const ratio = Math.round((1 - (rawPrice / rawMsrp)) * 100);                      if (ratio < requiredDiscount) return;                   }                }                                extractedDeals.push({                   id: `airedale-${article.id || Math.random()}-${idx}`,                   url: externalUrl,                   image: imageUrl,                   fallbackImage: imageUrl,                   title: summaryTitle,                   brand: data.brand || '',                   productName: data.productName || '',                   merchant: merchantName,                   rawPrice: rawPrice,                   rawMsrp: rawMsrp,                   price: rawPrice > 0 ? rawPrice.toString() : '',                   msrp: rawMsrp > 0 ? rawMsrp.toString() : '',                   currency: currencyStr,                   isCheckPrice: !rawPrice,                   savingLabel: savingLabel,                   savingType: rawMsrp > rawPrice ? 'amount' : 'none',                   isPrime: false,                   starRating: null,                   description: description,                   text: data.text || ''                });             });          });                    const airedaleBrandsList = Object.keys(dynamicBrandsCounts).map(b => ({              formatted_value: b,              count: dynamicBrandsCounts[b]          })).sort((a,b) => b.count - a.count);                    if (this.getViewMode() === 'savings_squad') {             this.populateBrandDropdown(airedaleBrandsList.slice(0, 15));             if (this.brandFilterWrapper) {                if (airedaleBrandsList.length === 0) {                    this.brandFilterWrapper.style.display = 'none';                } else {                    this.brandFilterWrapper.style.display = 'flex';                }             }          }                    this.deals = extractedDeals;          this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        isBroadQuery(query) {          const q = query.toLowerCase();          const intentModifiers = ['deals', 'best', 'sale', 'under', 'cheap', 'offers', 'discount'];          return intentModifiers.some(term => q.includes(term));        }        async fetchHawkDeals(query, append = false) {          const url = new URL(this.apiUrl);          url.searchParams.append('model_name', query);          const areaCode = this.getAreaCode();          if (areaCode) {            url.searchParams.append('area', areaCode);          }                    if (append && this.deals.length > 0) {            url.searchParams.append('offset', this.deals.length.toString());          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.append('filter_merchant_name', this.retailerSelect.value);          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.append('filter_label[text_brand]', this.selectedBrands.join(','));          }                    let priceVal = null;          const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             priceVal = `${min}_${max}`;          } else if (this.priceFilter && this.priceFilter.value !== 'all') {             priceVal = this.priceFilter.value;          }          if (priceVal) {            if (priceVal === 'under50') {              url.searchParams.append('filter_max_price', '50');            } else if (priceVal === 'over50') {              url.searchParams.append('filter_min_price', '50');            } else if (priceVal === 'over30') {              url.searchParams.append('filter_min_price', '30');            } else if (priceVal === 'over500') {              url.searchParams.append('filter_min_price', '500');            } else if (priceVal.includes('_')) {              const parts = priceVal.split('_');              if (parts[0]) url.searchParams.append('filter_min_price', parts[0]);              if (parts[1]) url.searchParams.append('filter_max_price', parts[1]);            }          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {              const ratio = (100 - v) / 100;              url.searchParams.append('min_discount_ratio', ratio.toString());            }          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.append('offer', this.offerTypeSelect.value);          }                    url.searchParams.append('filter_product_types', 'deals');                    url.searchParams.append('rows', this.getRowsLimit().toString());          let response;          try {             response = await fetch(url.toString());          } catch(e) {             if (window.location.protocol === 'file:') {                console.warn("[Tom's Guide Widget] fetch from file:// blocked by local CORS policy, falling back to Adviser mock.");                await this.fetchAdviserDeals(query);                return;             }             console.warn("Hawk fetch failed", e);             this.deals = [];             this.render();             return;          }          if (!response.ok) {            throw new Error('Hawk API Response Error');          }          const rawData = await response.json();          // Safely locate data array from potentially wrapped response          let offers = [];          let modelInfoArray = [];                    let brandFilterData = null;          if (rawData && rawData.widget && rawData.widget.data && Array.isArray(rawData.widget.data.filters)) {             brandFilterData = rawData.widget.data.filters.find(f => f.type === 'label_text_brand');          } else if (rawData && rawData.data && Array.isArray(rawData.data.filters)) {             brandFilterData = rawData.data.filters.find(f => f.type === 'label_text_brand');          }          if (brandFilterData && Array.isArray(brandFilterData.values) && brandFilterData.values.length > 0) {             this.populateBrandDropdown(brandFilterData.values);          } else {             if (this.brandFilterWrapper && this.selectedBrands.length === 0) {                this.brandFilterWrapper.style.display = 'none';             }          }                    if (rawData && rawData.widget && rawData.widget.data) {            if (Array.isArray(rawData.widget.data.offers)) offers = rawData.widget.data.offers;            if (rawData.widget.data.model_info && typeof rawData.widget.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.widget.data.model_info) ? rawData.widget.data.model_info : Object.values(rawData.widget.data.model_info);            }          } else if (rawData && rawData.data) {            if (Array.isArray(rawData.data.offers)) offers = rawData.data.offers;            if (rawData.data.model_info && typeof rawData.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.data.model_info) ? rawData.data.model_info : Object.values(rawData.data.model_info);            }          } else {            if (Array.isArray(rawData)) offers = rawData;            else if (rawData && Array.isArray(rawData.offers)) offers = rawData.offers;            else if (rawData && rawData.offers && Array.isArray(rawData.offers.offer)) offers = rawData.offers.offer;            else if (rawData && rawData.offers) offers = [].concat(rawData.offers);                        if (rawData && rawData.model_info && typeof rawData.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.model_info) ? rawData.model_info : Object.values(rawData.model_info);            }          }          let modelDetails = {};          modelInfoArray.forEach(m => {            const mId = m.model_id || m.id;            if (mId) {              modelDetails[mId] = {                score: m.score != null ? parseFloat(m.score) : null,                brand: m.brand || null,                parent: (m.parents && Array.isArray(m.parents) && m.parents.length > 0) ? m.parents[0].name : null              };            }          });          offers.forEach(item => {            let data = { ...item };            const mId = data.model_id;            if (mId && modelDetails[mId]) {              data.review_score = modelDetails[mId].score;              data.model_brand = modelDetails[mId].brand;              data.model_parent = modelDetails[mId].parent;            } else {              data.review_score = null;            }                        let itemOffers = [];            if (Array.isArray(item.offers)) itemOffers = item.offers;            else if (Array.isArray(item.offer)) itemOffers = item.offer;            else if (item.offers && typeof item.offers === 'object') itemOffers = [item.offers];            else if (item.offer && typeof item.offer === 'object') itemOffers = [item.offer];            if (itemOffers.length > 0) {              itemOffers.forEach(subItem => {                let subData = { ...item, ...subItem };                const subId = subData.model_id;                if (subId && modelDetails[subId]) {                  subData.review_score = modelDetails[subId].score;                  subData.model_brand = modelDetails[subId].brand;                  subData.model_parent = modelDetails[subId].parent;                } else if (data.review_score != null) {                  subData.review_score = data.review_score;                }                if (subData.merchant && typeof subData.merchant === 'object') {                  subData.merchant_name = subData.merchant.name;                }                this.deals.push(this.extractDealData(subData));              });              return;            }                        if (item.merchant && typeof item.merchant === 'object') {              data.merchant_name = item.merchant.name;            }                        this.deals.push(this.extractDealData(data));          });                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        async fetchAdviserDeals(query) {          // ======================================================================          // TODO: ADVISER API REPLACEMENT          // The code below simulates the Adviser API response using mock data.          // Once the real endpoint is ready, remove getAdviserMockData() and           // perform an actual fetch() request similar to fetchHawkDeals().          // Example:          // const area = this.getAreaCode();          // let apiUrl = `https://your-adviser-api.com/search?q=${query}&area=${area}`;          // if (this.priceFilter && this.priceFilter.value !== 'all') {          //   const val = this.priceFilter.value;          //   if (val === 'under50') apiUrl += '&filter_max_price=50';          //   else if (val === '50_100') apiUrl += '&filter_max_price=100';          //   else if (val === '100_200') apiUrl += '&filter_max_price=200';          //   else if (val === '200_500') apiUrl += '&filter_max_price=500';          // }          // const res = await fetch(apiUrl);          // const rawData = await res.json();          // ======================================================================          // Simulating network latency          await new Promise(resolve => setTimeout(resolve, 400));                    const rawData = this.getAdviserMockData();          let offers = [];                    if (rawData && rawData.data && rawData.data.Get && Array.isArray(rawData.data.Get.Deal)) {            offers = rawData.data.Get.Deal;          }                    // Basic client-side filtering for the mock if we want it to react to the query          const q = query.toLowerCase();          const selectedRetailer = (this.retailerSelect && this.retailerSelect.value) ? this.retailerSelect.value.toLowerCase() : null;                    offers.forEach(item => {            const dataObj = item;                        // Apply retailer filter            const itemRetailer = (dataObj.dataRetailer || '').toLowerCase();            if (selectedRetailer && itemRetailer !== selectedRetailer && !itemRetailer.includes(selectedRetailer)) {              return;            }                        // Apply mock price filter            let price = dataObj.dataDiscountedPrice || 0;            if (typeof price === 'string') {              price = parseFloat(price.replace(/[^0-9.]/g, ''));            }            let priceVal = null;            const min = this.customPriceMin ? this.customPriceMin.value : '';            const max = this.customPriceMax ? this.customPriceMax.value : '';            if (min || max) {               priceVal = `${min}_${max}`;            } else if (this.priceFilter && this.priceFilter.value !== 'all') {               priceVal = this.priceFilter.value;            }            if (priceVal) {              if (priceVal === 'under50' && price >= 50) return;              if (priceVal === 'over50' && price <= 50) return;              if (priceVal === 'over30' && price <= 30) return;              if (priceVal === 'over500' && price <= 500) return;              if (priceVal.includes('_')) {                 const parts = priceVal.split('_');                 if (parts[0] && price < parseFloat(parts[0])) return;                 if (parts[1] && price > parseFloat(parts[1])) return;              }            }                        // Map Adviser schema to our widget's expected schema            const mappedData = {              url: dataObj.linkHREF || dataObj.dataLink || '#',              image: dataObj.imageURL || (dataObj.image && dataObj.image.src) || '',              title: dataObj.dataProduct || (dataObj.product && dataObj.product.name) || 'Product Deal',              merchant: dataObj.dataRetailer || 'Retailer',              price: dataObj.dataDiscountedPrice || 0,              currency: dataObj.dataCurrency === 'USD' ? '$' : (dataObj.dataCurrency || '$'),              msrp: dataObj.dataOriginalPrice || null            };                        const titleLow = mappedData.title.toLowerCase();            const merchLow = mappedData.merchant.toLowerCase();                        // Smarter mock filtering            let isMatch = false;            if (q === '' || this.isBroadQuery(q)) {              isMatch = true;            } else if (titleLow.includes(q) || merchLow.includes(q)) {              isMatch = true;            } else if ((q.includes('laptop') || q.includes('mac') || q.includes('pc')) && (titleLow.includes('macbook') || titleLow.includes('laptop'))) {              isMatch = true;            } else if ((q.includes('tv') || q.includes('television')) && (titleLow.includes('tv') || titleLow.includes('oled') || titleLow.includes('qled'))) {              isMatch = true;            } else if ((q.includes('phone') || q.includes('smartphone')) && (titleLow.includes('galaxy') || titleLow.includes('phone'))) {              isMatch = true;            } else if ((q.match(/watch|fitness|run|shoe/)) && (titleLow.includes('forerunner') || titleLow.includes('saucony') || titleLow.includes('watch'))) {              isMatch = true;            }                        if (isMatch) {               this.deals.push(this.extractDealData(mappedData));            }          });                    let rowLimit = this.getRowsLimit();          // Intentionally omitting the slice here to allow "Load More" to work if the API returns more                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        getAdviserMockData() {          return {            "data": {              "Get": {                "Deal": [                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 300,                    "dataOriginalPrice": 399,                    "dataProduct": "Samsung Galaxy A36",                    "dataRetailer": "Samsung",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/MqDYsukV3JBG54te6dEs7j.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 14,                    "dataOriginalPrice": 24,                    "dataProduct": "Blink Mini",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/3JurmAjHsDa5tPdaHAwEV8.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 59,                    "dataOriginalPrice": 99,                    "dataProduct": "Ring Video Doorbell",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/rAh4uR7AsAsALCCLTXnLNJ.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 10,                    "dataOriginalPrice": 599,                    "dataProduct": "MacBook Neo",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/Lg4Dvg68j9SbB5CPNrTEpH.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 749,                    "dataOriginalPrice": 849,                    "dataProduct": "65\\\" Fire TV Omni 4K QLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/SG34ZWodUkLTxJvMTbjPYR.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 71,                    "dataOriginalPrice": 160,                    "dataProduct": "Saucony Hurricane 24",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/vxf7UD5T2Am7guVzFoFcZ4.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 649,                    "dataOriginalPrice": 749,                    "dataProduct": "Garmin Forerunner 970",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/3GKnEu7CdhtxPMfnPCMCiA.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1049,                    "dataOriginalPrice": 1499,                    "dataProduct": "LG 48\\\" C4 4K OLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/imvwZV9zoMD6fn9Afuge35.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1499,                    "dataOriginalPrice": 2199,                    "dataProduct": "Samsung 49\\\" Odyssey Neo G9 4K Gaming Monitor",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/XWDEJ5dUAE2nhK8k3Jk7k7.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 299,                    "dataOriginalPrice": 699,                    "dataProduct": "EGOHOME Black Memory Foam Mattress (queen)",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/hMUemtAejNETLVYxNrktzm.jpg"                  }                ]              }            }          };        }        decodeHTML(html) {          if (!html) return '';          const txt = document.createElement("textarea");          txt.innerHTML = String(html);          return txt.value;        }        extractDealData(item) {          const priceRawStr = String(item.price || item.current_price || '0');          const msrpRawStr = String(item.was_price || item.msrp || item.original_price || '0');          const rawPrice = parseFloat(priceRawStr.replace(/[^\d.]/g, '')) || 0;          const rawMsrp = parseFloat(msrpRawStr.replace(/[^\d.]/g, '')) || 0;          const isCheckPrice = rawPrice === 0 || priceRawStr === '0.00' || priceRawStr === '0';                    let originalImageUrl = item.image || item.image_url || item.product_image || '';          let imageUrl = originalImageUrl;          if ((!imageUrl || isCheckPrice) && item.model_image_url) {             imageUrl = item.model_image_url;             originalImageUrl = imageUrl;          } else if ((!imageUrl || isCheckPrice) && item.model_image) {             imageUrl = item.model_image;             originalImageUrl = imageUrl;          }                    if (imageUrl) {            imageUrl = imageUrl.replace(/-(\d+)-(\d+)(\.[a-z.]+)$/i, '$3');          }                    let fallbackImage = '';          if (originalImageUrl && originalImageUrl !== imageUrl) {             fallbackImage = originalImageUrl;          } else if (item.model_image && item.model_image !== imageUrl) {             fallbackImage = item.model_image;          } else if (item.model_image_url && item.model_image_url !== imageUrl) {             fallbackImage = item.model_image_url;          }                    const rawCurrency = item.currency || item.currency_symbol || '$';                    let savingLabel = item.percentage_saving_label || '';          if (!savingLabel && rawMsrp > rawPrice && rawPrice > 0) {            const pct = Math.round(((rawMsrp - rawPrice) / rawMsrp) * 100);            if (pct > 0) {              savingLabel = `${pct}% OFF`;            }          }                    const isPrime = item.shipping && item.shipping.prime === true;                    let scoreRaw = (item.review_score !== undefined && item.review_score !== null && item.review_score > 0) ? parseFloat(item.review_score) : null;          let starRating = 0;          if (scoreRaw !== null) {            starRating = Math.round((scoreRaw > 10 ? scoreRaw / 20 : scoreRaw / 2) * 2) / 2;          }                    return {            id: item.offer_id || item.link || item.url || item.offer_link || Math.random().toString(),            url: item.link || item.url || item.offer_link || '#',            image: imageUrl,            fallbackImage: fallbackImage,            title: item.name || item.title || item.model_name || item.product_name || 'Unknown Product',            brand: item.brand || '',            productName: item.model_name || item.product_name || item.name || '',            merchant: item.merchant_name || item.merchant || item.retailer || 'Retailer',            price: item.price !== undefined ? String(item.price) : '0.00',            currency: this.decodeHTML(rawCurrency),            msrp: item.was_price || item.msrp || item.original_price || null,            rawPrice: rawPrice,            rawMsrp: rawMsrp,            hasWasPrice: (item.was_price !== undefined && item.was_price !== null),            isCheckPrice: isCheckPrice,            savingLabel: savingLabel,            isPrime: isPrime,            starRating: starRating > 0 ? starRating : null,            modelId: item.model_id || '',            productKey: item.product_key || '',            merchantId: (item.merchant && typeof item.merchant === 'object') ? item.merchant.id || '' : '',            matchId: item.match_id || '',            merchantNetwork: (item.merchant && typeof item.merchant === 'object') ? item.merchant.an || '' : '',            merchantUrl: (item.merchant && typeof item.merchant === 'object') ? item.merchant.url || '' : '',            modelBrand: item.model_brand || item.brand || '',            modelParent: item.model_parent || ''          };        }        sortData() {          const sortVal = this.sortSelect ? this.sortSelect.value : (this.getViewMode() === 'savings_squad' ? 'date_desc' : 'discount_desc');          if (sortVal === 'price_asc') {            this.deals.sort((a, b) => a.rawPrice - b.rawPrice);          } else if (sortVal === 'price_desc') {            this.deals.sort((a, b) => b.rawPrice - a.rawPrice);          } else if (sortVal === 'discount_desc') {            this.deals.sort((a, b) => {              const aDiscount = a.rawMsrp > a.rawPrice ? (a.rawMsrp - a.rawPrice) : 0;              const bDiscount = b.rawMsrp > b.rawPrice ? (b.rawMsrp - b.rawPrice) : 0;              return bDiscount - aDiscount;            });          } else if (sortVal === 'date_desc') {             this.deals.sort((a, b) => {                let dateA = 0;                let dateB = 0;                if (a && a.modifiedDate) {                   const valA = Array.isArray(a.modifiedDate) ? a.modifiedDate[0] : a.modifiedDate;                   dateA = new Date(valA).getTime();                   if (isNaN(dateA)) dateA = 0;                }                if (b && b.modifiedDate) {                   const valB = Array.isArray(b.modifiedDate) ? b.modifiedDate[0] : b.modifiedDate;                   dateB = new Date(valB).getTime();                   if (isNaN(dateB)) dateB = 0;                }                return dateB - dateA;             });          }        }        getFilteredDeals() {          let filteredDeals = [...this.deals];                    if (this.dealModeToggle && this.dealModeToggle.checked) {            filteredDeals = filteredDeals.filter(d => d.hasWasPrice || (d.msrp && d.rawMsrp > d.rawPrice));          }                    return filteredDeals;        }        showLoading() {          const _div = '<' + '/div>';          const skeletonCardHtml = `            \x3Cdiv class="tg-df-card">              \x3Cdiv class="tg-df-card-image-box">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-img">${_div}              ${_div}              \x3Cdiv class="tg-df-card-body">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-card-footer mt-auto">                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="height:24px;">${_div}                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text" style="height:44px; margin-top:8px;">${_div}                ${_div}              ${_div}            ${_div}`;          this.grid.innerHTML = Array(4).fill(skeletonCardHtml).join('');        }        showError() {          const _div = '<' + '/div>';          this.grid.innerHTML = `\x3Cdiv class="tg-df-message">            An error occurred while finding deals. Please check your connection and try again.          ${_div}`;        }        escapeHTML(str) {          if (!str) return '';          return String(str).replace(/[&<>'"]/g, tag => ({              '&': '&', '<': '<', '>': '>', "'": ''', '"': '"'          }[tag] || tag));        }                bindCouponButtons() {          const btns = this.root.querySelectorAll('.tg-df-tag-coupons');          btns.forEach(btn => {            btn.addEventListener('click', (e) => {              e.preventDefault();              e.stopPropagation();              const merchant = btn.getAttribute('data-merchant');              this.openVouchersModal(merchant);            });          });                    const closeBtn = this.root.querySelector('#tg-df-vouchers-close');          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (closeBtn) {            closeBtn.onclick = () => this.closeVouchersModal();          }          if (backdrop) {            backdrop.onclick = (e) => {              if (e.target === backdrop) this.closeVouchersModal();            };          }        }                closeVouchersModal() {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (backdrop) backdrop.classList.remove('active');        }                async checkMerchantsCouponsBulk(merchants) {          if (!merchants || merchants.length === 0) return {};          const controller = new AbortController();          const timeoutId = setTimeout(() => controller.abort(), 4000);          try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchants.join(','));            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '120');            url.searchParams.append('origin', 'widgets-clientside');                        let res; try { res = await fetch(url.toString(), { signal: controller.signal }); } catch (e) { return {}; }            clearTimeout(timeoutId);            if (!res.ok) return {};            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        const foundMerchants = new Set();            offers.forEach(o => {              let mName = o.merchant_name || o.merchant || o.retailer;              if (mName && typeof mName === 'object') mName = mName.name;              if (mName) foundMerchants.add(String(mName).toLowerCase());            });            const resultMap = {};            merchants.forEach(m => {              if (m) resultMap[m] = foundMerchants.has(String(m).toLowerCase());            });            return resultMap;          } catch (e) {            return {};          }        }                async openVouchersModal(merchantName) {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          const title = this.root.querySelector('#tg-df-vouchers-title');          const content = this.root.querySelector('#tg-df-vouchers-content');                    if (!backdrop || !content) return;                    // HACK: Hide closing tags          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h4 = '<' + '/h4>';          const _svg = '<' + '/svg>';          const _circle = '<' + '/circle>';          const _polyline = '<' + '/polyline>';          const _rect = '<' + '/rect>';          const _path = '<' + '/path>';                    title.innerText = `${merchantName} Coupons & Deals`;          content.innerHTML = `\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}                               \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}`;          backdrop.classList.add('active');                    try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchantName);            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '50');            url.searchParams.append('origin', 'widgets-clientside');                        const res = await fetch(url.toString());            if (!res.ok) throw new Error('API Error');            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        if (offers.length === 0) {              content.innerHTML = `\x3Cdiv class="tg-df-message">No vouchers currently available for ${this.escapeHTML(merchantName)}.${_div}`;              return;            }                        content.innerHTML = offers.map((v, idx) => {              let offerObj = v;              if (v.offers && v.offers.offer) {                offerObj = Array.isArray(v.offers.offer) ? v.offers.offer[0] : v.offers.offer;              } else if (v.offer) {                offerObj = Array.isArray(v.offer) ? v.offer[0] : v.offer;              }              let logoUrl = v.logo_url || offerObj.logo_url || '';              if (!logoUrl && v.merchant) {                if (Array.isArray(v.merchant) && v.merchant.length > 0) logoUrl = v.merchant[0].logo_url || '';                else logoUrl = v.merchant.logo_url || '';              }                            const offerName = offerObj.name || offerObj.title || v.name || v.title || 'Special Offer';              const endTime = offerObj.end_time || v.end_time || '';              const linkUrl = offerObj.link || offerObj.url || v.link || v.url || '#';                            let foundVoucherCode = '';              const findVoucherCode = (obj) => {                if (!obj || typeof obj !== 'object') return;                if (obj.type === 'voucher_code' && obj.display_value) {                  foundVoucherCode = obj.display_value;                  return;                }                if (Array.isArray(obj)) {                  for (const item of obj) {                    findVoucherCode(item);                    if (foundVoucherCode) return;                  }                } else {                  for (const k in obj) {                    if (Object.prototype.hasOwnProperty.call(obj, k)) {                      findVoucherCode(obj[k]);                      if (foundVoucherCode) return;                    }                  }                }              };              findVoucherCode(offerObj);              if (!foundVoucherCode) findVoucherCode(v);                            const voucherCode = foundVoucherCode || offerObj.voucher_code || v.voucher_code || '';              const codeHtml = voucherCode ? `\x3Cspan class="tg-df-voucher-code" data-action="copy-code" data-code="${this.escapeHTML(voucherCode)}" title="Copy to clipboard">                \x3Cspan class="tg-df-voucher-code-text">${this.escapeHTML(voucherCode)}${_span}                \x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:6px;flex-shrink:0;" class="tg-df-voucher-copy-icon">                  \x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">${_rect}                  \x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">${_path}                ${_svg}              ${_span}` : '';                            const logoHtml = logoUrl                 ? `\x3Cimg src="${this.escapeHTML(logoUrl)}" alt="${this.escapeHTML(offerName)}" class="tg-df-voucher-logo" />`                 : `\x3Cdiv class="tg-df-voucher-logo" style="background:#e2e8f0;">${_div}`;                            let expiryHtml = '';              if (endTime) {                let dStr = endTime;                if (!isNaN(dStr) && String(dStr).length === 10) dStr = Number(dStr) * 1000;                const d = new Date(dStr);                if (!isNaN(d.getTime())) {                  const options = { year: 'numeric', month: 'short', day: 'numeric' };                  expiryHtml = `                    \x3Cdiv class="tg-df-voucher-expiry">                      \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                        \x3Ccircle cx="12" cy="12" r="10">${_circle}                        \x3Cpolyline points="12 6 12 12 16 14">${_polyline}                      ${_svg}                      Expires ${d.toLocaleDateString(undefined, options)}                    ${_div}`;                }              }              const revenueIdVal = generateRevenueId(linkUrl, offerName, merchantName, null);              const rewrittenLinkUrl = rewriteAffiliateLink(linkUrl, area, revenueIdVal);              return `                \x3Ca href="${this.escapeHTML(rewrittenLinkUrl)}" target="_blank" rel="noopener nofollow" class="tg-df-voucher-item"                  data-action="voucher-click"                  data-product-name="${this.escapeHTML(offerName)}"                  data-merchant-name="${this.escapeHTML(merchantName)}"                  data-analytics-id="${this.escapeHTML(offerObj.offer_id || offerObj.id || v.id || '')}"                  data-price=""                  data-previous-price=""                  data-original-link="${this.escapeHTML(linkUrl)}"                  data-revenue-id="${revenueIdVal}"                  data-index="${idx}"                  data-total="${offers.length}"                  data-in-stock="true"                  data-currency="USD"                  data-model-id="${this.escapeHTML(offerObj.model_id || v.model_id || offerObj.id || v.id || '')}"                  data-merchant-id="${this.escapeHTML(offerObj.merchant_id || offerObj.merchant?.id || '')}"                >                  ${logoHtml}                  \x3Cdiv class="tg-df-voucher-content">                    \x3Ch4 class="tg-df-voucher-title">${this.escapeHTML(offerName)}${_h4}                    ${codeHtml}                    ${expiryHtml}                  ${_div}                ${_a}              `;            }).join('');                        // Attach copy functionality            const copyBtns = content.querySelectorAll('[data-action="copy-code"]');            copyBtns.forEach(btn => {              btn.addEventListener('click', async (e) => {                e.preventDefault();                e.stopPropagation();                                const code = btn.getAttribute('data-code');                if (!code) return;                                try {                  const copyToClipboard = async (text) => {                     if (window.navigator.clipboard && window.isSecureContext) {                        try { await window.navigator.clipboard.writeText(text); return; } catch (e) {}                     }                     const textArea = document.createElement("textarea");                     textArea.value = text;                     textArea.style.position = "fixed";                     document.body.appendChild(textArea);                     textArea.focus();                     textArea.select();                     document.execCommand('copy');                     textArea.remove();                  };                  await copyToClipboard(code);                                    // Visual feedback                  btn.classList.add('copied');                  const textSpan = btn.querySelector('.tg-df-voucher-code-text');                  const iconSvg = btn.querySelector('.tg-df-voucher-copy-icon');                                    const origText = textSpan.innerText;                  const origIcon = iconSvg.innerHTML;                                    textSpan.innerText = 'Copied!';                  iconSvg.innerHTML = `\x3Cpolyline points="20 6 9 17 4 12">${_polyline}`;                                    setTimeout(() => {                    if (btn) {                      btn.classList.remove('copied');                      if (textSpan) textSpan.innerText = origText;                      if (iconSvg) iconSvg.innerHTML = origIcon;                    }                  }, 2000);                                    trackElementInteraction({                    id: 'voucher-code-copy',                    name: 'Copy Voucher Code',                    label: `Copied ${code} for ${merchantName}`                  });                } catch (err) {                  console.warn('Failed to copy text: ', err);                }              });            });            // Attach voucher click tracking            const voucherBtns = content.querySelectorAll('[data-action="voucher-click"]');            voucherBtns.forEach(btn => {              btn.addEventListener('click', (e) => {                if (e.target.closest('[data-action="copy-code"]')) return;                                const productName = btn.getAttribute('data-product-name');                const merchantNameAttr = btn.getAttribute('data-merchant-name');                const productId = btn.getAttribute('data-analytics-id');                const price = parseFloat(btn.getAttribute('data-price')) || null;                const prevPriceStr = btn.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = btn.getAttribute('data-original-link');                const rewrittenLink = btn.getAttribute('href');                const revenueId = btn.getAttribute('data-revenue-id');                const index = parseInt(btn.getAttribute('data-index'), 10) || 0;                const inStock = btn.getAttribute('data-in-stock') === 'true';                const totalText = btn.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: btn.getAttribute('data-model-id') || null,                    matchId: btn.getAttribute('data-match-id') || null,                    brand: btn.getAttribute('data-model-brand') || null,                    parent: btn.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: btn.getAttribute('data-merchant-id') || null,                    network: btn.getAttribute('data-merchant-network') || null,                    url: btn.getAttribute('data-merchant-url') || null,                    name: merchantNameAttr                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: btn.getAttribute('data-currency') || 'USD'                };                if (typeof trackDealClick === 'function') {                  trackDealClick(trackingParams);                }              });            });                                  } catch (e) {            console.warn(e);            content.innerHTML = `\x3Cdiv class="tg-df-message">Failed to load vouchers.${_div}`;          }        }        render() {          try {            if (this.getViewMode() === 'savings_squad' && this.airedaleTags.length > 0) {              if (this.categoryFilterWrapper) {                 this.categoryFilterWrapper.style.display = 'flex';              }              if (this.categoryFilter) {                 const _option = '<' + '/option>';                 let optionsHtml = `\x3Coption value="all">All Categories${_option}`;                 this.airedaleTags.forEach(tag => {                    const isSelected = this.activeDealTag === tag ? 'selected' : '';                    optionsHtml += `\x3Coption value="${this.escapeHTML(tag)}" ${isSelected}>${this.escapeHTML(tag)} (${this.airedaleTagCounts[tag] || 0})${_option}`;                 });                 this.categoryFilter.innerHTML = optionsHtml;                 this.categoryFilter.value = this.activeDealTag || 'all';              }            } else {               if (this.categoryFilterWrapper) {                  this.categoryFilterWrapper.style.display = 'none';               }            }            const displayDeals = this.getFilteredDeals();          // HACK: Hide closing tags from the CMS HTML sanitizer so it doesn't strip them during in-page injection          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h3 = '<' + '/h3>';          const _p = '<' + '/p>';          const _strong = '<' + '/strong>';          const _sup = '<' + '/sup>';          const _button = '<' + '/button>';          if (displayDeals.length === 0) {            if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {              if (this.deals.length > 0) {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No deals match your selected filters.                ${_div}`;              } else if (this.getViewMode() === 'savings_squad' && this.currentQuery.length <= 2) {                 // Do not show "no exact matches" if query is empty for savings_squad                 this.grid.innerHTML = '';              } else {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No exact matches found for "\x3Cstrong>${this.escapeHTML(this.currentQuery)}${_strong}". Try adjusting your search term.                ${_div}`;              }            } else {              this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                Search product or category names to discover the best deals from across the web.              ${_div}`;            }            return;          }          let dealsHtml = displayDeals.slice(0, this.displayLimit).map((deal, index) => {            try {               const currencySym = this.escapeHTML(deal.currency);               const isoCurrencyCode = normalizeCurrency(currencySym);               const escapedPrice = this.escapeHTML(deal.price);               const escapedMsrp = this.escapeHTML(deal.msrp);               const areaCode = this.getAreaCode();                              const revenueId = generateRevenueId(deal.url, deal.title, deal.merchant, null);               const originalLink = deal.url;               const rewrittenLink = rewriteAffiliateLink(deal.url, areaCode, revenueId);                        const productCategoryName = 'deals';            const dataAttr = `              data-action="${deal.isCheckPrice ? 'view-similar-click' : 'deal-click'}"              data-analytics-id="${this.escapeHTML(deal.externalProductId || deal.id || '')}"              data-product-name="${this.escapeHTML(deal.title)}"              data-merchant-name="${this.escapeHTML(deal.merchant)}"              data-price="${deal.rawPrice || ''}"              data-previous-price="${deal.rawMsrp || ''}"              data-original-link="${this.escapeHTML(originalLink)}"              data-revenue-id="${revenueId}"              data-index="${index}"              data-total="${displayDeals.length}"              data-in-stock="${deal.inStock !== false}"              data-currency="${this.escapeHTML(isoCurrencyCode)}"              data-model-id="${this.escapeHTML(deal.modelId || '')}"              data-product-key="${this.escapeHTML(deal.productKey || '')}"              data-merchant-id="${this.escapeHTML(deal.merchantId || '')}"            `;                        let priceGroupHtml = '';            let isSavingsSquadMode = this.getViewMode() === 'savings_squad';            let ctaText = 'View Deal';            let formattedPrice = '';            let msrpHtml = '';                        if (deal.isCheckPrice) {              ctaText = isSavingsSquadMode ? 'View Deal' : 'Check Price';              if (isSavingsSquadMode) {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                  ${_div}                `;              } else {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                    \x3Cspan class="tg-df-card-price" style="font-size: 15px; font-weight: 500; font-style: italic;">See price at retailer${_span}                  ${_div}                `;              }            } else {              // Format Price              formattedPrice = escapedPrice.includes(currencySym)                 ? escapedPrice                 : `${currencySym}${escapedPrice}`;                              // Format MSRP              msrpHtml = deal.msrp && deal.rawMsrp > deal.rawPrice                ? `\x3Cspan class="tg-df-card-msrp">${escapedMsrp.includes(currencySym) ? escapedMsrp : currencySym + escapedMsrp}${_span}`                : '';                              priceGroupHtml = `                \x3Cdiv class="tg-df-card-merchant-wrapper">                  \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                ${_div}                \x3Cdiv class="tg-df-card-price-group">                  ${isSavingsSquadMode ? '' : `                  \x3Cspan class="tg-df-card-price">${formattedPrice}${_span}                  ${msrpHtml}                  `}                ${_div}              `;            }                        const discountBadgeHtml = deal.savingLabel && !deal.isCheckPrice              ? `\x3Cspan class="tg-df-card-discount-badge">${this.escapeHTML(deal.savingLabel)}${_span}`              : '';                          // HACK for CMS            const _button = '<' + '/button>';            const _svg = '<' + '/svg>';            const _path = '<' + '/path>';            const _rect = '<' + '/rect>';            const _circle = '<' + '/circle>';            const _polyline = '<' + '/polyline>';            const _line = '<' + '/line>';                        let badgesHtml = '';            const primeBadge = deal.isPrime ? `              \x3Cspan class="tg-df-tag tg-df-tag-prime">                \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="currentColor">                  \x3Cpath d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">${_path}                ${_svg} Prime              ${_span}            ` : '';                        const couponsBadge = deal.merchant && deal.merchant.toLowerCase().includes('amazon') ? '' : `              \x3Cdiv class="tg-df-coupon-wrapper" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:inline-flex; align-items:center;">                \x3Cdiv class="tg-df-coupon-spinner">${_div}                \x3Cbutton type="button" class="tg-df-tag tg-df-tag-coupons" data-action="coupons-click" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:none;">                  \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                    \x3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z">${_path}                    \x3Cline x1="7" y1="7" x2="7.01" y2="7">${_line}                  ${_svg} Coupons                ${_button}              ${_div}            `;                        // Note: We always add coupons badge if there's a chance, but to allow 3-line titles we check wrapper display state            badgesHtml = `              \x3Cdiv class="tg-df-card-badges">                ${primeBadge}                ${couponsBadge}              ${_div}            `;            const _linearGradient = '<' + '/linearGradient>';            const _polygon = '<' + '/polygon>';            const _stop = '<' + '/stop>';            const _defs = '<' + '/defs>';                        let starHtml = '';            if (deal.starRating) {              let rating = deal.starRating;                            if (rating > 0) {                const fullStars = Math.floor(rating);                const halfStar = (rating - fullStars) >= 0.5 ? 1 : 0;                const emptyStars = Math.max(0, 5 - fullStars - halfStar);                const blue = '#1f69ff'; // Tom's guide brand color from VIEW DEAL button                const gray = '#cbd5e1';                                const starSvgFull = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="${blue}" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                const gradId = 'half_grad_' + Math.floor(Math.random()*1000000);                const starSvgHalf = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cdefs>\x3ClinearGradient id="${gradId}" x1="0" x2="1" y1="0" y2="0">\x3Cstop offset="50%" stop-color="${blue}">${_stop}\x3Cstop offset="50%" stop-color="transparent">${_stop}${_linearGradient}${_defs}                  \x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26" fill="url(#${gradId})">${_polygon}${_svg}`;                                  const starSvgEmpty = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${gray}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                let stars = [];                for (let i=0; i<fullStars; i++) stars.push(starSvgFull);                if (halfStar) stars.push(starSvgHalf);                for (let i=0; i<emptyStars; i++) stars.push(starSvgEmpty);                                starHtml = `\x3Cdiv class="tg-df-card-stars" style="display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--tg-df-text-muted);">                  \x3Cspan style="margin-right:6px;">Tom's Guide:${_span}                  \x3Cdiv style="display:flex;gap:2px;">                    ${stars.join('')}                  ${_div}                ${_div}`;              }            }            let htmlOutput = '';            if (isSavingsSquadMode) {              htmlOutput += `              \x3Cdiv class="hawk-deal-widget-container tg-df-mobile-only" data-collapsible="true">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''} style="margin-bottom: 10px;">` : ''}                \x3Cdiv class="hawk-deal-widget-wrap">                  \x3Cdiv class="hawk-deal-widget-image-container">                    \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" rel="sponsored noopener" target="_blank" class="hawk-affiliate-link-deal-widget" ${dataAttr}>                      \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="hawk-lazy-image-deal-widget" loading="lazy" width="140" height="160" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                    ${_a}                  ${_div}                  \x3Cdiv class="hawk-deal-widget-text-cta-container">                    \x3Cdiv class="hawk-deal-widget-text-body-container">                      \x3Cdiv class="hawk-deal-widget-text-body-main">                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          ${deal.isCheckPrice ? `                            \x3Cspan class="hawk-deal-widget-title-product-title">${this.escapeHTML(deal.title)}${_span}                          ` : `                            \x3Cspan class="hawk-deal-widget-title-product-title">${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_span}                          `}                        ${_a}                        ${!deal.isCheckPrice && deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan class="hawk-deal-widget-title-was-price">was ${currencySym}${escapedMsrp}${_span}                          ${_a}                        ` : ''}                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          \x3Cspan class="hawk-deal-widget-title-retailer-price">                            ${!deal.isCheckPrice ? `                              \x3Cspan class="hawk-deal-widget-title-price">now ${formattedPrice}${_span}                              \x3Cspan class="hawk-deal-widget-title-retailer"> at ${this.escapeHTML(deal.merchant)}${_span}                            ` : `                              \x3Cspan class="hawk-deal-widget-title-price">See price at ${this.escapeHTML(deal.merchant)}${_span}                            `}                          ${_span}                        ${_a}                        ${deal.description ? `\x3Cdiv class="hawk-deal-widget-text-body-description">\x3Cp>${this.escapeHTML(deal.description)}${_p}${_div}` : ''}                      ${_div}                    ${_div}                    \x3Cdiv class="hawk-deal-widget-footer">                      \x3Cdiv class="hawk-deal-widget-button-wrapper">                        \x3Cdiv class="hawk-deal-widget-preferred-partner-wrapper">                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-deal-button" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan>${deal.isCheckPrice ? 'Check Price' : 'View Deal'}${_span}                          ${_a}                        ${_div}                      ${_div}                    ${_div}                  ${_div}                ${_div}              ${_div}              `;            }            htmlOutput += `              \x3Cdiv class="tg-df-card ${isSavingsSquadMode ? 'tg-df-desktop-only' : ''}">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''}>` : ''}                \x3Cdiv class="tg-df-card-image-box">                  ${discountBadgeHtml}                  \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">                    \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="tg-df-card-image" loading="lazy" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                  ${_a}                ${_div}                \x3Cdiv class="tg-df-card-body">                  ${starHtml}                  ${badgesHtml}                  \x3Ch3 class="tg-df-card-title tg-df-custom-savings-squad-title" title="${this.escapeHTML(deal.title)}">                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" disable-tracking="true" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit;">                      ${isSavingsSquadMode                         ? (deal.isCheckPrice                             ? (deal.title && deal.title.includes(':')                                 ? `\x3Cstrong>${this.escapeHTML(deal.title.substring(0, deal.title.indexOf(':') + 1))}${_strong}\x3Cspan style="color: #1f69ff; font-weight: normal;">${this.escapeHTML(deal.title.substring(deal.title.indexOf(':') + 1))}${_span}`                                : this.escapeHTML(deal.title)                              )                             : `\x3Cstrong>${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_strong} ${deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `\x3Cspan style="color: #d0021b; text-decoration: line-through; font-weight: normal; margin-right: 4px;">was ${currencySym}${escapedMsrp}${_span} ` : ''}\x3Cspan style="color: #1f69ff; font-weight: normal;">now ${formattedPrice} at ${this.escapeHTML(deal.merchant)}${_span}`                          )                        : this.escapeHTML(deal.title)                      }                    ${_a}                  ${_h3}                  ${deal.description ? `\x3Cp style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 12px; line-height: 1.4;">${this.escapeHTML(deal.description)}${_p}` : ''}                  \x3Cdiv class="tg-df-card-footer">                    ${priceGroupHtml}                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" class="tg-df-card-cta ${isSavingsSquadMode ? 'tg-df-cta-savings-squad' : ''}" style="text-decoration: none;">${ctaText}${_a}                  ${_div}                ${_div}              ${_div}            `;                        return htmlOutput;            } catch (e) {               console.log("Error rendering deal in map for index", index, typeof deal === 'object' ? JSON.stringify(deal) : deal, "MSG:", e.message);               return '';            }          }).join('');                    if (displayDeals.length > this.displayLimit || ((this.getViewMode() === 'carousel' || this.getViewMode() === 'auto') && displayDeals.length > 0 && displayDeals.length % ((this.rowsSelect && this.rowsSelect.value) ? parseInt(this.rowsSelect.value, 10) : 12) === 0)) {            if (this.getViewMode() === 'carousel') {               dealsHtml += `                 \x3Cbutton type="button" class="tg-df-load-more-card tg-df-load-more">                   \x3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 8px;">\x3Cpath d="M5 12h14">\x3C/path>\x3Cpath d="m12 5 7 7-7 7">\x3C/path>\x3C/svg>                   Load More                 ${_button}               `;            } else {               dealsHtml += `                 \x3Cdiv style="width: 100%; display: flex; justify-content: center; margin-top: 16px; grid-column: 1 / -1;">                   \x3Cbutton type="button" class="tg-df-tag-outline tg-df-load-more" style="padding: 8px 24px; border-radius: 100px; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center;">Load More${_button}                 ${_div}               `;            }          }                    this.grid.innerHTML = dealsHtml;          // Inject JSON-LD          try {            let targetNode = this.hostContainer || document.head;            let jsonLdScript = targetNode.querySelector('#tg-df-json-ld-' + this.widgetId);            if (!jsonLdScript) {                jsonLdScript = document.createElement('script');                jsonLdScript.type = 'application/ld+json';                jsonLdScript.id = 'tg-df-json-ld-' + this.widgetId;                targetNode.appendChild(jsonLdScript);            }            const jsonLdData = {              "@context": "https://schema.org",              "@type": "ItemList",              "itemListElement": displayDeals.slice(0, this.displayLimit).map((deal, index) => {                 let isoCurrency = "USD";                 if (deal.currency === '£') isoCurrency = "GBP";                 else if (deal.currency === '€') isoCurrency = "EUR";                 else if (deal.currency === 'A$') isoCurrency = "AUD";                 else if (deal.currency === 'CA$') isoCurrency = "CAD";                 const areaCode = typeof this.getAreaCode === 'function' ? this.getAreaCode() : 'US';                 const revenueId = typeof generateRevenueId === 'function' ? generateRevenueId(deal.url, deal.title, deal.merchant, null) : '';                 const rewrittenLink = typeof rewriteAffiliateLink === 'function' ? rewriteAffiliateLink(deal.url, areaCode, revenueId) : deal.url;                 return {                   "@type": "ListItem",                   "position": index + 1,                   "item": {                     "@type": "Product",                     "name": deal.title,                     "image": deal.image || "",                     "description": deal.description || "",                     "brand": {                       "@type": "Brand",                       "name": deal.brand || ""                     },                     "offers": {                       "@type": "Offer",                       "priceCurrency": isoCurrency,                       "price": deal.rawPrice || 0,                       "url": rewrittenLink,                       "seller": {                         "@type": "Organization",                         "name": deal.merchant || ""                       }                     }                   }                 };              }).filter(item => item.item.name)            };            jsonLdScript.textContent = JSON.stringify(jsonLdData);          } catch(e) { console.warn("JSON-LD generation failed", e); }                    let gridWrapper = this.grid.parentElement;          if (gridWrapper && gridWrapper.classList.contains('tg-df-grid-wrapper')) {             let rightChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-right');             let leftChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-left');             if (this.getViewMode() === 'carousel') {                 // The observer set up in setupScrollListeners handles visibility.                 if (rightChevron) rightChevron.style.display = 'flex';                 if (leftChevron) leftChevron.style.display = 'none'; // reset correctly             } else {                 if (rightChevron) rightChevron.style.display = 'none';                 if (leftChevron) leftChevron.style.display = 'none';             }          }                    const loadMoreBtn = this.grid.querySelector('.tg-df-load-more');          if (loadMoreBtn) {            loadMoreBtn.addEventListener('click', async () => {              if (typeof trackElementInteraction === 'function') {                trackElementInteraction({ id: 'load-more', name: 'Load more', label: 'Load More Results' });              }              if (displayDeals.length <= this.displayLimit) {                 loadMoreBtn.innerHTML = `                  <svg class="tg-df-spinner" style="width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83"/></svg>                  Loading...                 `;                 loadMoreBtn.disabled = true;                 await this.fetchDeals(this.currentQuery, true);              } else {                 this.displayLimit += this.getRowsLimit();                 this.render();              }            });          }                      this.bindCouponButtons();            this.checkAndUpdateCoupons();                        // Allow hawklinks.js to discover and rewrite our widget links             // by appending the .article-body class and manually triggering processArticle.            let container = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (container && !container.classList.contains('article-body')) {               container.classList.add('article-body');            }            setTimeout(() => {               if (this.grid && !this.grid.classList.contains('article-body')) this.grid.classList.add('article-body');               document.dispatchEvent(new CustomEvent('processArticle', { detail: { element: this.root } }));            }, 50);          } catch(e) {            console.warn("Widget render error", e);          }        }                async checkAndUpdateCoupons() {          const wrappers = Array.from(this.root.querySelectorAll('.tg-df-coupon-wrapper'));          if (wrappers.length === 0) return;                    const merchants = [...new Set(wrappers.map(w => w.getAttribute('data-merchant')).filter(Boolean))];          if (merchants.length === 0) return;          const couponResultsMap = await this.checkMerchantsCouponsBulk(merchants);                    for (const merchant of merchants) {            const hasCoupons = !!couponResultsMap[merchant];            const merchantWrappers = wrappers.filter(w => w.getAttribute('data-merchant') === merchant);            merchantWrappers.forEach(wrapper => {              const spinner = wrapper.querySelector('.tg-df-coupon-spinner');              const btn = wrapper.querySelector('.tg-df-tag-coupons');                            if (spinner) spinner.style.display = 'none';                            if (hasCoupons && btn) {                btn.style.display = 'inline-flex';              } else if (!hasCoupons) {                wrapper.style.display = 'none';              }            });          }        }        updateFloatingCopyBar() {          if (!this.editorBar || !this.editorSelectedCount) return;          if (this.editorMode && this.selectedDeals.size > 0) {            this.editorBar.style.display = 'flex';            this.editorSelectedCount.innerText = this.selectedDeals.size;          } else {            this.editorBar.style.display = 'none';          }        }        async copySelectedDealsToCMS() {           function htmlToSlate(htmlString) {              if (!htmlString) return [{ type: 'paragraph', children: [{ text: '' }] }];              let doc;              if (typeof window !== 'undefined' && window.DOMParser) {                 doc = new DOMParser().parseFromString(htmlString, 'text/html');              } else {                 doc = document.implementation.createHTMLDocument('');                 doc.body.innerHTML = htmlString;              }                            function parseNode(node, marks = {}) {                  if (node.nodeType === 3) {                      const text = node.textContent;                      if (!text) return null;                      return { text: text, ...marks };                  }                  if (node.nodeType === 1) {                      const tagName = node.tagName.toLowerCase();                      if (tagName === 'br') {                          return { type: 'line-break', children: [{ text: '' }] };                      }                      if (tagName === 'p') {                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return { type: 'paragraph', children };                      }                      if (tagName === 'strong' || tagName === 'b') {                          const newMarks = { ...marks, bold: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'em' || tagName === 'i') {                          const newMarks = { ...marks, italic: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'a') {                          const href = node.getAttribute('href') || '';                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return {                              type: 'link',                              url: href,                              isNoFollow: (node.getAttribute('rel') || '').includes('nofollow'),                              isSponsored: (node.getAttribute('rel') || '').includes('sponsored'),                              isOpenNewTab: node.getAttribute('target') === '_blank',                              isPreventDataRewrite: false,                              children: children                          };                      }                      return Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                  }                  return null;              }                            let blocksArray = [];              let currentParagraphChildren = [];              function flushParagraph() {                  if (currentParagraphChildren.length > 0) {                      blocksArray.push({ type: 'paragraph', children: currentParagraphChildren });                      currentParagraphChildren = [];                  }              }              Array.from(doc.body.childNodes).forEach(node => {                  const parsed = parseNode(node, {});                  const parsedItems = Array.isArray(parsed) ? parsed : (parsed ? [parsed] : []);                  parsedItems.forEach(item => {                      if (item.type === 'paragraph') {                          flushParagraph();                          blocksArray.push(item);                      } else {                          currentParagraphChildren.push(item);                      }                  });              });              flushParagraph();              if (blocksArray.length === 0) {                  blocksArray = [{ type: 'paragraph', children: [{ text: '' }] }];              }              return blocksArray;           }           const blocks = [];                      this.editorCopyBtn.innerHTML = '\x3Cspan class="tg-df-coupon-spinner" style="display:inline-block; margin-right:8px; border-top-color:#fff;">' + '<' + '/span> Copying...';           for (const deal of Array.from(this.selectedDeals.values())) {              const url = deal.url;              const merchant = deal.merchant;              const title = deal.title;              const image = deal.image;              const currentPrice = deal.currency + deal.rawPrice;              const wasPrice = deal.hasWasPrice && deal.rawMsrp > deal.rawPrice ? deal.currency + deal.rawMsrp : '';                            let couponsChildren = [];              try {                  const area = this.getAreaCode();                  const apiUrl = new URL('https://search-api.fie.future.net.uk/widget.php');                  apiUrl.searchParams.append('model_name', 'Everything');                  apiUrl.searchParams.append('language', 'en-GB');                  apiUrl.searchParams.append('area', area);                  apiUrl.searchParams.append('combine_product_types', '1');                  apiUrl.searchParams.append('filter_merchant_name', merchant);                  apiUrl.searchParams.append('all_filters', 'false');                  apiUrl.searchParams.append('exclude_unlabelled', 'false');                  apiUrl.searchParams.append('include_specs', 'false');                  apiUrl.searchParams.append('sort', 'voucher');                  apiUrl.searchParams.append('distinct_merchants', 'natural');                  apiUrl.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');                  apiUrl.searchParams.append('rows', '3');                  apiUrl.searchParams.append('origin', 'widgets-clientside');                                    let res; try { res = await fetch(apiUrl.toString()); } catch (e) { return; }                  if (res.ok) {                      const data = await res.json();                      let offers = [];                      if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {                        offers = data.widget.data.offers;                      } else if (data && data.data && Array.isArray(data.data.offers)) {                        offers = data.data.offers;                      }                                            if (offers.length > 0) {                          couponsChildren.push({ text: "Also check out these coupons: ", bold: true });                          offers.slice(0, 3).forEach((offer, idx) => {                              const actualOffer = offer.offer || offer;                              const offerName = actualOffer.name || actualOffer.title || offer.model_name || offer.title || offer.name || 'Coupon';                              const linkUrl = actualOffer.link || actualOffer.url || actualOffer.offer_link || '#';                              couponsChildren.push({ type: "line-break", children: [{ text: "" }] });                              couponsChildren.push({ text: "🎟️ " });                              couponsChildren.push({                                  type: "link",                                  url: linkUrl,                                  isNoFollow: true,                                  isSponsored: false,                                  isOpenNewTab: true,                                  isPreventDataRewrite: false,                                  children: [{ text: offerName, bold: true }]                              });                          });                      }                  }              } catch (err) {                  console.warn('Failed to fetch coupons for', merchant, err);              }              let descriptionValue = [];              if (deal.text) {                 descriptionValue = htmlToSlate(deal.text);              } else {                 const dealDescriptions = [                   `Don't miss out on this fantastic deal for the ${title}. It is currently available at ${merchant} for a highly competitive price.`,                   `We've spotted an excellent price drop on the ${title}. Grab it now at ${merchant} before it's gone.`,                   `The ${title} is currently seeing a generous discount over at ${merchant}. This is a perfect time to buy if you've been holding out.`,                   `If you're in the market for the ${title}, ${merchant} has just the deal for you.`,                   `Score the ${title} for less at ${merchant} right now. This is a rare chance to save big.`,                   `Upgrade your setup with the ${title}, now available at a stellar price via ${merchant}.`                 ];                 const randomDescription = dealDescriptions[Math.floor(Math.random() * dealDescriptions.length)];                 descriptionValue = [                    { type: "paragraph", children: [{ text: randomDescription }] }                 ];              }                            if (couponsChildren.length > 0) {                 let lastBlock = descriptionValue[descriptionValue.length - 1];                 if (lastBlock && lastBlock.type === 'paragraph') {                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ text: "Also check out these coupons: ", bold: true });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children = lastBlock.children.concat(couponsChildren);                 } else {                     descriptionValue.push({                         type: "paragraph",                         children: [                             { type: "line-break", children: [{ text: "" }] },                             { type: "line-break", children: [{ text: "" }] },                             { text: "Also check out these coupons: ", bold: true },                             { type: "line-break", children: [{ text: "" }] },                             ...couponsChildren                         ]                     });                 }              }              function normalizeCurrencyToISO(symbol) {                const map = { '£': 'GBP', '$': 'USD', 'A$': 'AUD', 'CA$': 'CAD', '€': 'EUR' };                return map[symbol] || symbol;              }              const isoCurrency = normalizeCurrencyToISO(deal.currency);              blocks.push({                 id: (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'cms-' + Date.now() + Math.random(),                 blockTypeName: "deal",                 excludeFrom: [],                 collapsible: false,                 props: {                    description: {                       value: descriptionValue,                       touched: false,                       validationMessage: ""                    },                    image: {                       value: {                          credit: [{ type: "paragraph", children: [{ text: merchant }] }],                          dateCreated: Date.now(),                          dateModified: Date.now(),                          distribution: [],                          fileSize: 0,                          height: 1000,                          id: deal.id,                          imageRights: "",                          src: image,                          name: title + ".jpg",                          tags: [],                          width: 1000                       },                       touched: false,                       validationMessage: ""                    },                    showDealButton: { value: true, touched: false, validationMessage: "" },                    isPreferredPartner: { value: false, touched: false, validationMessage: "" },                    linkHref: { value: url, touched: false, validationMessage: "" },                    linkLabel: { value: "", touched: false, validationMessage: "" },                    linkIsNoFollow: { value: true, touched: false, validationMessage: "" },                    linkIsSponsored: { value: false, touched: false, validationMessage: "" },                    linkIsOpenNewWindow: { value: true, touched: false, validationMessage: "" },                    customPromoFlags: { value: [], touched: false, validationMessage: "" },                    showStarDeal: { value: false, touched: false, validationMessage: "" },                    savingType: { value: "none", touched: false, validationMessage: "" },                    starDealPromoFlag: { value: "", touched: false, validationMessage: "" },                    showEditorsChoice: { value: false, touched: false, validationMessage: "" },                    editorsChoiceTitle: { value: "", touched: false, validationMessage: "" },                    hawkPriceCurrency: { value: { value: isoCurrency, label: isoCurrency }, touched: false, validationMessage: "" },                    hawkPrice: { value: deal.hasWasPrice ? String(deal.rawMsrp) : String(deal.rawPrice), touched: false, validationMessage: "" },                    hawkSalePrice: { value: String(deal.rawPrice), touched: false, validationMessage: "" },                    lastCheckedPriceDate: { value: "", touched: false, validationMessage: "" },                    hawkModel: { touched: false, validationMessage: "" },                    productId: { value: "", touched: false, validationMessage: "" },                    voucherId: { value: "", touched: false, validationMessage: "" },                    brand: { value: deal.brand || merchant, touched: false, validationMessage: "" },                    productName: { value: title, touched: false, validationMessage: "" },                    label: { value: "", touched: false, validationMessage: "" },                    retailer: { value: merchant, touched: false, validationMessage: "" },                    priceCheckError: false                 },                 failedFetchError: ""              });           }           const payload = {              type: "articleBuilderPages",              data: blocks           };           const jsonStr = JSON.stringify(payload);                      if (navigator.clipboard && navigator.clipboard.writeText) {              navigator.clipboard.writeText(jsonStr).then(() => {                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              }).catch(err => {                 console.warn('Failed to copy text: ', err);                 alert('Failed to copy deals to clipboard. See console.');              });           } else {              // Fallback              const textArea = document.createElement("textarea");              textArea.value = jsonStr;              document.body.appendChild(textArea);              textArea.focus();              textArea.select();              try {                 document.execCommand('copy');                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              } catch (err) {                 console.warn('Fallback: Oops, unable to copy', err);                 alert('Fallback: Failed to copy deals to clipboard.');              }              document.body.removeChild(textArea);           }        }      }      // Initialize the Widget      if (document.readyState === 'loading') {        document.addEventListener('DOMContentLoaded', () => new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer }));      } else {        new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer });      }    })();  </script></div><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-review">PS5 Pro review: The most powerful console ever comes at a price</a></li><li><a href="https://www.tomsguide.com/best-picks/the-best-ps5-games">The best PS5 games in 2026</a></li><li><a href="https://www.tomsguide.com/gaming/i-grinded-enough-microsoft-reward-points-to-get-gta-6-for-free-heres-how-you-can-do-it-too">I grinded enough Microsoft reward points to get GTA 6 for free</a><strong> </strong></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Onimusha: Way of the Sword is a wonderfully demanding action game with some of the best boss battles since Sekiro: Shadows Die Twice ]]></title>
                                                                                                <dc:content><![CDATA[ <div  class="fancy-box"><div class="fancy_box-title">Onimusha: Way of the Sword review: Specs</div><div class="fancy_box_body"><p class="fancy-box__body-text"><strong>Platforms: </strong>Nintendo Switch 2, PC, PS5 (reviewed), Xbox Series X/S<br><strong>Price: </strong>$69 / £64 / AU$107<br><strong>Release Date: </strong>September 4, 2026<br><strong>Genre:</strong> Action</p></div></div><p>I can precisely pinpoint the moment Onimusha: Way of the Sword won me over. During one of the game’s many boss battles, I was being repeatedly crushed. I died so often that the “game over” screen even asked me if I wanted to lower the difficulty. Undeterred, I persisted. Eventually, when I did defeat the boss, I needed only one of my six available healing items.</p><p>It was a hard-fought victory, coming after around 30 minutes of repeated defeat, and by the end I had memorized the boss's moveset and knew how to counter each attack. It was a deeply rewarding encounter. It gave me the sort of satisfaction that makes <a href="https://www.tomsguide.com/us/sekiro-shadows-die-twice,review-6300.html">Sekiro: Shadows Die Twice</a> one of my favorite video games. Onimusha offers those same intoxicating highs. </p><p>Onimusha: Way of the Sword is at its best in these epic moments. When it’s just you and an imposing foe clashing steel, timing your parries perfectly to deflect a blow that might have been fatal. While it struggles to maintain a consistent difficulty level and lacks enemy variety, the highs in this new Onimusha game make up for most of its shortcomings.</p><p>With <a href="https://www.tomsguide.com/gaming/resident-evil-requiem-review">Resident Evil: Requiem</a> and <a href="https://www.tomsguide.com/gaming/pragmata-review">Pragmata</a> already under its belt in 2026, Capcom is having an incredible year, and Onimusha: Way of the Sword is another winner that keeps the Japanese company’s “Golden Era” going.</p><h2 id="onimusha-way-of-the-sword-the-basics">Onimusha: Way of the Sword: The Basics</h2><ul><li><strong>What is it? </strong>The first new Onimusha game in 20 years, Way of the Sword is a third-person action game that casts you as a samurai trying to stop malice spreading throughout Kyoto.</li><li><strong>Who is it for? </strong>Long-time Onimusha fans will surely flock to this new installment, but action game fans, particularly those with a passion for parry-based combat, will greatly enjoy Way of the Sword.</li><li><strong>What’s the price? </strong><a href="https://www.amazon.com/Onimusha-Way-Sword-PlayStation-5/dp/B0H3RDJ2Q1/" target="_blank" rel="nofollow">Onimusha: Way of the Sword costs $69 at Amazon</a>. Collectors will want to grab the <a href="https://www.amazon.com/Onimusha-Way-Sword-Steelbook-PlayStation-5/dp/B0H3RJD6RP/" target="_blank" rel="nofollow">Steelbook Edition for $74</a>, which includes a steelbook with striking artwork.</li><li><strong>What other games has the developer made? </strong>Onimusha: Way of the Sword comes from Capcom, whose stable includes Resident Evil, Street Fighter, Monster Hunter, Dead Rising and plenty more.</li><li><strong>What games is it similar to? </strong>Players familiar with games like Sekiro and Nioh, or who love a parry-based combat system, will feel at home. However, it should be said that Way of the Sword is <em>not </em>a Soulslike.</li></ul><h2 id="onimusha-for-a-new-generation">Onimusha for a new generation</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HXwiiuX4rrbLrvNsCVV754" name="Onimusha-way-of-the-sword-screenshot-07" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/HXwiiuX4rrbLrvNsCVV754.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>The last mainline installment in the Onimusha series was 2006’s Dawn of Dreams, so Capcom has smartly opted for a reboot approach. Way of the Sword does have some connective tissue with the franchise’s legacy, but it’s designed to be approachable for newcomers.</p><p>You play Miyamoto Musashi, a samurai in Japan’s Edo period, who, after a deadly encounter with otherworldly foes, is reborn with a powerful gauntlet welded to his arm. With darkness spreading across the land and rapidly taking hold in Kyoto, it’s up to Musashi to become a reluctant protector, battling against hellish hordes to push back the swarming blight. </p><p>It’s a conventional tale, with even games released earlier this year (like <a href="https://www.tomsguide.com/gaming/nioh-3-review">Nioh 3</a>) offering a very similar yarn. Where Onimusha: Way of the Sword attempts to stand out a little more is with a surprisingly comedic tone. Musashi doesn’t always take his quest seriously, and at least at first, seems more annoyed about having to save the land and its inhabitants.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1818px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="AmiXPWchFeGAeDRH4fdPV3" name="Onimusha-way-of-the-sword-screenshot-06" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/AmiXPWchFeGAeDRH4fdPV3.png" mos="" align="middle" fullscreen="" width="1818" height="1023" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Unfortunately, the English VO isn’t the strongest, and early on, I found Musashi’s quirks becoming tiresome. However, after switching to the Japanese voice track, not only did the game feel more authentic, but I enjoyed most dialogue exchanges significantly more.</p><p>The heroes of this tale might range from bland to irritating, but the villains sure aren’t. One foe, a sadistic Genma (think immortal demons), is genuinely unsettling, and Musashi even gets a rival, a corrupted samurai named Sasaki Ganryu who reappears throughout the game. </p><p>Even if the story never surpasses serviceable, I was always compelled to push through because Way of the Sword shines where it really matters.</p><h2 id="you-39-d-better-learn-to-parry">You'd better learn to parry</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="S89Y5HJbz8GoAVZewmiLE4" name="Onimusha-way-of-the-sword-screenshot-10" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/S89Y5HJbz8GoAVZewmiLE4.png" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Onimusha’s combat system is fantastic. Instead of focusing on numerous weapons, you’re equipped with a sharp samurai sword for the whole journey. It’s all very similar to Sekiro!</p><p>This has allowed the developers to really refine combat. Like many action games, fighting enemies is largely about deploying the right move at the right time. You have your standard light and heavy attacks, but responding to your enemies with the right counter is crucial. </p><p>If they take a swipe at you, parry it to avoid damage and carve out an opening, or if they charge at you with a grab attack, dodge out of the way. Timing these right will allow you to strike back and deal huge damage of your own. In these moments, the numerous combat animations are particularly impressive, including some very visceral finishing moves.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="XXWGX4XiAAZWbYR4uUPm24" name="Onimusha-way-of-the-sword-screenshot-01" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/XXWGX4XiAAZWbYR4uUPm24.png" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Which isn’t to say you have your sword and that’s it. Musashi has access to a bow, which is great for picking off pesky rooftop archers, and thanks to his magical gauntlet, he can enter a powered-up state to deal extra damage. When a meter is filled, you can unleash one of several special weapon attacks. One that allows you to spin in a circle and send a whirlwind at your enemies was such a favorite of mine that I largely neglected the other options. </p><p>Another wrinkle to skirmishes is that enemies drop colored orbs when killed (bosses drop them when damaged). At the press of a button, these can be sucked up, with different orbs offering different effects: yellow ones heal you, blue fill your meter, and red are a currency that can be spent on upgrades and abilities. It’s a simple system but adds an extra layer.</p><h2 id="bringing-down-the-big-guys">Bringing down the big guys</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="jUXvNvmnnSmfFkd2zz8tW4" name="Onimusha-way-of-the-sword-screenshot-04" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/jUXvNvmnnSmfFkd2zz8tW4.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>The unequivocal best moments of Onimusha: Way of the Sword are when you get to face off against a boss, and fortunately, it seems Capcom knows this, because there are quite a lot of them; some story quests will literally pit you against back-to-back bosses with little pause. </p><p>On the default difficulty (named “Action”), bosses put up a real fight, and each one requires you to make use of all your abilities and, most importantly, learn the boss’s moveset to deploy the right counter at the right time. A few even require use of your bow, just to keep you on your toes. Most bosses have two full health bars, so victory doesn’t come easy.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="XKHiEvCGaJdsWobetiskK4" name="Onimusha-way-of-the-sword-screenshot-03" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/XKHiEvCGaJdsWobetiskK4.png" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Outside of boss encounters, Way of the Sword is quite a forgiving game. The combat is tightly designed, but regular enemy mobs pose little threat. You can get by with button-mashing and sloppy parries. This creates an imbalanced difficulty curve, where levels feel a bit too straightforward and don’t suitably prepare you for the bosses. I suspect some players will find the stark differences in difficulty between levels and bosses frustrating.</p><p>By the late game, fending off a pack of regular enemies started to feel like filler, a bland barrier you must pass through to get to the really good stuff: the bosses. The lack of enemy variation further compounds this issue. You constantly face the same generic enemy types throughout the quest, and a couple of mini-bosses are recycled to a near-comical degree.</p><h2 id="open-but-not-endless">Open but not endless</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Za8WQk3eFWvB7qVhRxmfT4" name="Onimusha-way-of-the-sword-screenshot-08" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/Za8WQk3eFWvB7qVhRxmfT4.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Onimusha: Way of the Sword isn’t fully open-world, but it’s not strictly linear either. The roughly 20-hour main campaign is split between story levels and a Kyoto hub, which you can explore at your leisure. </p><p>Kyoto isn’t an overwhelming region, stuffed with endless map markers; instead, it’s quite manageable, and while it does open up further as you progress, it never reaches the size of the vast worlds found in something like <a href="https://www.tomsguide.com/gaming/assassins-creed-shadows-review">Assassin’s Creed Shadows</a>. In a sea of games that demand dozens upon dozens of hours, I found Way of the Sword’s smaller size quite refreshing. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fhjU3FVuAY26dokoSwQoW4" name="Onimusha-way-of-the-sword-screenshot-02" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/fhjU3FVuAY26dokoSwQoW4.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Of course, there is optional side content to complete. Most of these distractions are simple, but they give you valuable upgrade resources and currency, which you’ll want because you will get stomped by bosses if your gear is underpowered. Plus, you’ll need specific items to upgrade the two skill trees, both of which unlock useful, if slightly situational, abilities.</p><p>Nevertheless, it’s the story levels that take you to the best locations, from grand palaces to an underground laboratory where one of the main antagonists has been experimenting on victims. This sequence is almost as chilling as anything found in Resident Evil. It’s a high point, and a rare example where the level itself is better than the boss at the very end.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="2qAoT4Nar2Pbw5uWwbXTM3" name="Onimusha-way-of-the-sword-screenshot-05" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/2qAoT4Nar2Pbw5uWwbXTM3.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Way of the Sword does have Soulslike elements, such as checkpoint shrines that refill your healing items. Plus, stamina management is key to combat (both maintaining your own and depleting your enemies). But it’s not a full-fledged Souls experience. You don’t lose your currency upon death, bosses can be instantly restarted, and build-crafting isn’t a factor. </p><p>The game strikes a solid balance, taking some of the genre’s best ideas but remaining accessible. You can even lower the difficulty without penalty if you find a boss or a section a little too challenging for your tastes. But I encourage you to play on the standard setting, as the feeling of victory that comes with defeating a boss is most potent after some struggle.</p><h2 id="onimusha-way-of-the-sword-review-verdict">Onimusha: Way of the Sword review: Verdict</h2><p>Capcom has already had a phenomenal year, and Onimusha: Way of the Sword is another fantastic experience from a company on a remarkable hot streak. Played on the <a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-review">PS5 Pro</a>, the game looks and runs great (the 60 fps framerate never let me down), and it includes some of my favorite boss battles, not just of 2026, but the last several years as a whole. </p><p>Though I wish the buildup to the bosses were stronger, the impressive combat animations and fantastic parrying mechanics kept me engaged even when I was facing the same enemy types hours into the game. </p><p>Despite its flaws, Onimusha: Way of the Sword is a satisfying action game and a brilliant return of one of Capcom’s most beloved franchises.</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/onimusha-way-of-the-sword-review</link>
                                                                            <description>
                            <![CDATA[ Onimusha: Way of the Sword is an excellent action game that is most enjoyable when you’re clashing steel with one of its many imposing multi-phase bosses. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">uk8crrt3o3GfryN4FVMCEn</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/VzgY8Ay9NPSm46Pzb7uig3-1280-80.png" type="image/png" length="0"></enclosure>
                                                                        <pubDate>Mon, 31 Aug 2026 15:00:00 +0000</pubDate>                                                                                                                                <updated>Mon, 31 Aug 2026 15:51:37 +0000</updated>
                                                                                                                                            <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ rory.mellon@futurenet.com (Rory Mellon) ]]></author>                    <dc:creator><![CDATA[ Rory Mellon ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5Rv6LtQXMj5JB4Eu8Lt4Sn.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/png" url="https://cdn.mos.cms.futurecdn.net/VzgY8Ay9NPSm46Pzb7uig3-1280-80.png">
                                                            <media:credit><![CDATA[Capcom]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Onimusha: Way of the Sword official screenshot provided by Capcom]]></media:description>                                                            <media:text><![CDATA[Onimusha: Way of the Sword official screenshot provided by Capcom]]></media:text>
                                <media:title type="plain"><![CDATA[Onimusha: Way of the Sword official screenshot provided by Capcom]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/VzgY8Ay9NPSm46Pzb7uig3-1280-80.png" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <div  class="fancy-box"><div class="fancy_box-title">Onimusha: Way of the Sword review: Specs</div><div class="fancy_box_body"><p class="fancy-box__body-text"><strong>Platforms: </strong>Nintendo Switch 2, PC, PS5 (reviewed), Xbox Series X/S<br><strong>Price: </strong>$69 / £64 / AU$107<br><strong>Release Date: </strong>September 4, 2026<br><strong>Genre:</strong> Action</p></div></div><p>I can precisely pinpoint the moment Onimusha: Way of the Sword won me over. During one of the game’s many boss battles, I was being repeatedly crushed. I died so often that the “game over” screen even asked me if I wanted to lower the difficulty. Undeterred, I persisted. Eventually, when I did defeat the boss, I needed only one of my six available healing items.</p><p>It was a hard-fought victory, coming after around 30 minutes of repeated defeat, and by the end I had memorized the boss's moveset and knew how to counter each attack. It was a deeply rewarding encounter. It gave me the sort of satisfaction that makes <a href="https://www.tomsguide.com/us/sekiro-shadows-die-twice,review-6300.html">Sekiro: Shadows Die Twice</a> one of my favorite video games. Onimusha offers those same intoxicating highs. </p><p>Onimusha: Way of the Sword is at its best in these epic moments. When it’s just you and an imposing foe clashing steel, timing your parries perfectly to deflect a blow that might have been fatal. While it struggles to maintain a consistent difficulty level and lacks enemy variety, the highs in this new Onimusha game make up for most of its shortcomings.</p><p>With <a href="https://www.tomsguide.com/gaming/resident-evil-requiem-review">Resident Evil: Requiem</a> and <a href="https://www.tomsguide.com/gaming/pragmata-review">Pragmata</a> already under its belt in 2026, Capcom is having an incredible year, and Onimusha: Way of the Sword is another winner that keeps the Japanese company’s “Golden Era” going.</p><h2 id="onimusha-way-of-the-sword-the-basics">Onimusha: Way of the Sword: The Basics</h2><ul><li><strong>What is it? </strong>The first new Onimusha game in 20 years, Way of the Sword is a third-person action game that casts you as a samurai trying to stop malice spreading throughout Kyoto.</li><li><strong>Who is it for? </strong>Long-time Onimusha fans will surely flock to this new installment, but action game fans, particularly those with a passion for parry-based combat, will greatly enjoy Way of the Sword.</li><li><strong>What’s the price? </strong><a href="https://www.amazon.com/Onimusha-Way-Sword-PlayStation-5/dp/B0H3RDJ2Q1/" target="_blank" rel="nofollow">Onimusha: Way of the Sword costs $69 at Amazon</a>. Collectors will want to grab the <a href="https://www.amazon.com/Onimusha-Way-Sword-Steelbook-PlayStation-5/dp/B0H3RJD6RP/" target="_blank" rel="nofollow">Steelbook Edition for $74</a>, which includes a steelbook with striking artwork.</li><li><strong>What other games has the developer made? </strong>Onimusha: Way of the Sword comes from Capcom, whose stable includes Resident Evil, Street Fighter, Monster Hunter, Dead Rising and plenty more.</li><li><strong>What games is it similar to? </strong>Players familiar with games like Sekiro and Nioh, or who love a parry-based combat system, will feel at home. However, it should be said that Way of the Sword is <em>not </em>a Soulslike.</li></ul><h2 id="onimusha-for-a-new-generation">Onimusha for a new generation</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HXwiiuX4rrbLrvNsCVV754" name="Onimusha-way-of-the-sword-screenshot-07" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/HXwiiuX4rrbLrvNsCVV754.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>The last mainline installment in the Onimusha series was 2006’s Dawn of Dreams, so Capcom has smartly opted for a reboot approach. Way of the Sword does have some connective tissue with the franchise’s legacy, but it’s designed to be approachable for newcomers.</p><p>You play Miyamoto Musashi, a samurai in Japan’s Edo period, who, after a deadly encounter with otherworldly foes, is reborn with a powerful gauntlet welded to his arm. With darkness spreading across the land and rapidly taking hold in Kyoto, it’s up to Musashi to become a reluctant protector, battling against hellish hordes to push back the swarming blight. </p><p>It’s a conventional tale, with even games released earlier this year (like <a href="https://www.tomsguide.com/gaming/nioh-3-review">Nioh 3</a>) offering a very similar yarn. Where Onimusha: Way of the Sword attempts to stand out a little more is with a surprisingly comedic tone. Musashi doesn’t always take his quest seriously, and at least at first, seems more annoyed about having to save the land and its inhabitants.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1818px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="AmiXPWchFeGAeDRH4fdPV3" name="Onimusha-way-of-the-sword-screenshot-06" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/AmiXPWchFeGAeDRH4fdPV3.png" mos="" align="middle" fullscreen="" width="1818" height="1023" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Unfortunately, the English VO isn’t the strongest, and early on, I found Musashi’s quirks becoming tiresome. However, after switching to the Japanese voice track, not only did the game feel more authentic, but I enjoyed most dialogue exchanges significantly more.</p><p>The heroes of this tale might range from bland to irritating, but the villains sure aren’t. One foe, a sadistic Genma (think immortal demons), is genuinely unsettling, and Musashi even gets a rival, a corrupted samurai named Sasaki Ganryu who reappears throughout the game. </p><p>Even if the story never surpasses serviceable, I was always compelled to push through because Way of the Sword shines where it really matters.</p><h2 id="you-39-d-better-learn-to-parry">You'd better learn to parry</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="S89Y5HJbz8GoAVZewmiLE4" name="Onimusha-way-of-the-sword-screenshot-10" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/S89Y5HJbz8GoAVZewmiLE4.png" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Onimusha’s combat system is fantastic. Instead of focusing on numerous weapons, you’re equipped with a sharp samurai sword for the whole journey. It’s all very similar to Sekiro!</p><p>This has allowed the developers to really refine combat. Like many action games, fighting enemies is largely about deploying the right move at the right time. You have your standard light and heavy attacks, but responding to your enemies with the right counter is crucial. </p><p>If they take a swipe at you, parry it to avoid damage and carve out an opening, or if they charge at you with a grab attack, dodge out of the way. Timing these right will allow you to strike back and deal huge damage of your own. In these moments, the numerous combat animations are particularly impressive, including some very visceral finishing moves.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="XXWGX4XiAAZWbYR4uUPm24" name="Onimusha-way-of-the-sword-screenshot-01" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/XXWGX4XiAAZWbYR4uUPm24.png" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Which isn’t to say you have your sword and that’s it. Musashi has access to a bow, which is great for picking off pesky rooftop archers, and thanks to his magical gauntlet, he can enter a powered-up state to deal extra damage. When a meter is filled, you can unleash one of several special weapon attacks. One that allows you to spin in a circle and send a whirlwind at your enemies was such a favorite of mine that I largely neglected the other options. </p><p>Another wrinkle to skirmishes is that enemies drop colored orbs when killed (bosses drop them when damaged). At the press of a button, these can be sucked up, with different orbs offering different effects: yellow ones heal you, blue fill your meter, and red are a currency that can be spent on upgrades and abilities. It’s a simple system but adds an extra layer.</p><h2 id="bringing-down-the-big-guys">Bringing down the big guys</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="jUXvNvmnnSmfFkd2zz8tW4" name="Onimusha-way-of-the-sword-screenshot-04" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/jUXvNvmnnSmfFkd2zz8tW4.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>The unequivocal best moments of Onimusha: Way of the Sword are when you get to face off against a boss, and fortunately, it seems Capcom knows this, because there are quite a lot of them; some story quests will literally pit you against back-to-back bosses with little pause. </p><p>On the default difficulty (named “Action”), bosses put up a real fight, and each one requires you to make use of all your abilities and, most importantly, learn the boss’s moveset to deploy the right counter at the right time. A few even require use of your bow, just to keep you on your toes. Most bosses have two full health bars, so victory doesn’t come easy.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="XKHiEvCGaJdsWobetiskK4" name="Onimusha-way-of-the-sword-screenshot-03" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/XKHiEvCGaJdsWobetiskK4.png" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Outside of boss encounters, Way of the Sword is quite a forgiving game. The combat is tightly designed, but regular enemy mobs pose little threat. You can get by with button-mashing and sloppy parries. This creates an imbalanced difficulty curve, where levels feel a bit too straightforward and don’t suitably prepare you for the bosses. I suspect some players will find the stark differences in difficulty between levels and bosses frustrating.</p><p>By the late game, fending off a pack of regular enemies started to feel like filler, a bland barrier you must pass through to get to the really good stuff: the bosses. The lack of enemy variation further compounds this issue. You constantly face the same generic enemy types throughout the quest, and a couple of mini-bosses are recycled to a near-comical degree.</p><h2 id="open-but-not-endless">Open but not endless</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Za8WQk3eFWvB7qVhRxmfT4" name="Onimusha-way-of-the-sword-screenshot-08" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/Za8WQk3eFWvB7qVhRxmfT4.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Onimusha: Way of the Sword isn’t fully open-world, but it’s not strictly linear either. The roughly 20-hour main campaign is split between story levels and a Kyoto hub, which you can explore at your leisure. </p><p>Kyoto isn’t an overwhelming region, stuffed with endless map markers; instead, it’s quite manageable, and while it does open up further as you progress, it never reaches the size of the vast worlds found in something like <a href="https://www.tomsguide.com/gaming/assassins-creed-shadows-review">Assassin’s Creed Shadows</a>. In a sea of games that demand dozens upon dozens of hours, I found Way of the Sword’s smaller size quite refreshing. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fhjU3FVuAY26dokoSwQoW4" name="Onimusha-way-of-the-sword-screenshot-02" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/fhjU3FVuAY26dokoSwQoW4.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Of course, there is optional side content to complete. Most of these distractions are simple, but they give you valuable upgrade resources and currency, which you’ll want because you will get stomped by bosses if your gear is underpowered. Plus, you’ll need specific items to upgrade the two skill trees, both of which unlock useful, if slightly situational, abilities.</p><p>Nevertheless, it’s the story levels that take you to the best locations, from grand palaces to an underground laboratory where one of the main antagonists has been experimenting on victims. This sequence is almost as chilling as anything found in Resident Evil. It’s a high point, and a rare example where the level itself is better than the boss at the very end.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="2qAoT4Nar2Pbw5uWwbXTM3" name="Onimusha-way-of-the-sword-screenshot-05" alt="Onimusha: Way of the Sword official screenshot provided by Capcom" src="https://cdn.mos.cms.futurecdn.net/2qAoT4Nar2Pbw5uWwbXTM3.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Way of the Sword does have Soulslike elements, such as checkpoint shrines that refill your healing items. Plus, stamina management is key to combat (both maintaining your own and depleting your enemies). But it’s not a full-fledged Souls experience. You don’t lose your currency upon death, bosses can be instantly restarted, and build-crafting isn’t a factor. </p><p>The game strikes a solid balance, taking some of the genre’s best ideas but remaining accessible. You can even lower the difficulty without penalty if you find a boss or a section a little too challenging for your tastes. But I encourage you to play on the standard setting, as the feeling of victory that comes with defeating a boss is most potent after some struggle.</p><h2 id="onimusha-way-of-the-sword-review-verdict">Onimusha: Way of the Sword review: Verdict</h2><p>Capcom has already had a phenomenal year, and Onimusha: Way of the Sword is another fantastic experience from a company on a remarkable hot streak. Played on the <a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-review">PS5 Pro</a>, the game looks and runs great (the 60 fps framerate never let me down), and it includes some of my favorite boss battles, not just of 2026, but the last several years as a whole. </p><p>Though I wish the buildup to the bosses were stronger, the impressive combat animations and fantastic parrying mechanics kept me engaged even when I was facing the same enemy types hours into the game. </p><p>Despite its flaws, Onimusha: Way of the Sword is a satisfying action game and a brilliant return of one of Capcom’s most beloved franchises.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ This is your last chance to buy the Switch 2 before the price hike ]]></title>
                                                                                                <dc:content><![CDATA[ <p>I'm buying a Nintendo Switch 2 today and you should too. I haven't purchased a gaming console since the Xbox 360, but I'm snagging a Switch 2 today because starting September 1st <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-price-hike-confirmed-heres-how-much-youll-pay">Nintendo is increasing the console's price</a> to $499. </p><p>As much as I'd like to hate on Nintendo for jacking up the price, they're not the only company that's stuck it to consumers this past summer. Amazon, Google, Apple, and even the price of toilet paper has increased in the past few months. </p><p>So consider this your final warning: right now you can get the <a href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow">Nintendo Switch 2 for $449 at Amazon</a>. Unfortunately, the <a href="https://www.amazon.com/Nintendo-Switch-Choose-Your-Bundle-2/dp/B0GZ5DFHC5" target="_blank" rel="nofollow">Switch 2 Choose Your Game Bundle</a> — which includes the console and a game download — has been out of stock for days and will likely remain that way. So your best bet is the standard console for $449. </p><p>You might be wondering — with <a href="https://www.tomsguide.com/computing/laptops/labor-day-sales-2026-my-ultimate-guide-to-the-best-end-of-summer-deals">Labor Day sales</a> around the corner, is there a chance we'll see the Switch 2 selling for $449 later this week. Unfortunately, I doubt it. There's just no incentive for retailers to discount the Switch 2. At least not until Black Friday. (And even then I doubt we'll see lots of Switch 2 discounts over the holiday season). </p><p>Bottom line: get your Switch 2 today. My colleague Millie Davis-Williams is a <a href="https://www.tomsguide.com/gaming/nintendo/ive-played-my-nintendo-switch-for-over-1-000-hours-and-these-are-the-15-games-i-cant-live-without">huge Switch 2 fan</a>, so I'm also sharing some of her favorite games and accessories below. Otherwise, my first game purchase will likely be Donkey Kong Bananza (<a href="https://www.amazon.com/dp/B0F66KLYVH" target="_blank" rel="nofollow">$69 at Amazon</a>). If you have any other gaming or accessory recommendations, feel free to let me know in the comments below.</p><h3 class="article-body__section" id="section-quick-links"><span>Quick Links</span></h3><ul><li><strong></strong><a href="https://www.amazon.com/b?node=16227133011" target="_blank" rel="nofollow"><strong>shop Switch game deals at Amazon</strong></a></li><li><strong>Nintendo Switch 2: </strong><a href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow"><strong>now $449 @ Amazon</strong></a></li><li><strong>Turtle Beach Rematch Controller: </strong><a href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow"><strong>was $59 now $29 @ Amazon</strong></a><strong></strong></li><li><strong>Mario Kart World: </strong><a href="https://www.amazon.com/dp/B0F66GQLHH" target="_blank" rel="nofollow"><strong>for $79 @ Amazon</strong></a><strong></strong></li></ul><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/dGJm31C1Lfw" allowfullscreen></iframe></div></div><h3 class="article-body__section" id="section-consoles"><span>Consoles</span></h3><div class="product"><a data-dimension112="4db1209a-a314-11f1-a278-bb5a97df0c92" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449" href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1240px;"><p class="vanilla-image-block" style="padding-top:56.29%;"><img id="8oL9ux5FsYhxFBSJKtkUU3" name="switch-2-box-deal-block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/8oL9ux5FsYhxFBSJKtkUU3.jpg" mos="" align="middle" fullscreen="" width="1240" height="698" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review" data-dimension112="4db1209a-a314-11f1-a278-bb5a97df0c92" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449">Nintendo Switch 2</a> takes what worked about its best-selling predecessor and makes impactful upgrades across the board. From the excellent, and noticeably larger, 7.9-inch display to the more powerful internal specs, the Switch 2 is a full leap forward and the best hybrid console you can buy.<br><strong>Price check: </strong><a href="https://www.bestbuy.com/site/switch-2-system-nintendo-switch-2/6614313.p" target="_blank" rel="nofollow"><strong>$449 @ Best Buy</strong></a><strong> | </strong><a href="https://www.walmart.com/ip/Nintendo-Switch-2-System/15949610846" target="_blank" rel="nofollow"><strong>$449 @ Walmart</strong></a><strong></strong><a class="view-deal button" href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow" data-dimension112="4db1209a-a314-11f1-a278-bb5a97df0c92" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449">View Deal</a></p></div><h3 class="article-body__section" id="section-games"><span>Games</span></h3><div class="product"><a data-dimension112="4db12194-a314-11f1-8948-2187225847e8" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:786px;"><p class="vanilla-image-block" style="padding-top:161.96%;"><img id="Rdc6R4sXktvbq4VMebzq6P" name="zelda-botw-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/Rdc6R4sXktvbq4VMebzq6P.jpg" mos="" align="middle" fullscreen="" width="786" height="1273" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="4db12194-a314-11f1-8948-2187225847e8" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59">Breath of the Wild - Nintendo Switch 2 Edition: was $69 now $59</a></strong><br>The original Switch's definitive launch game has returned for the Switch 2, and now it's been enhanced for Nintendo's new hardware. It's the masterpiece you (probably) know, but looking and running better than ever. If you've never played Breath of the Wild, there really isn't a better time to jump into Hyrule than via this Switch 2 Edition. <br><strong>Price check: </strong><a href="https://www.bestbuy.com/site/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2-edition-nintendo-switch-2/6414096.p?skuId=6414096" target="_blank" rel="nofollow"><strong>$69 @ Best Buy</strong></a><a class="view-deal button" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="4db12194-a314-11f1-8948-2187225847e8" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59">View Deal</a></p></div><div class="product"><a data-dimension112="4db12216-a314-11f1-9abb-9ddd3c1c6999" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64" href="https://www.gamestop.com/video-games/nintendo-switch-2/products/donkey-kong-bananza---nintendo-switch-2/20021654.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1650px;"><p class="vanilla-image-block" style="padding-top:133.27%;"><img id="f57YgiDNACvGEeuFuZr3EL" name="Donkey Kong Bananza" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/f57YgiDNACvGEeuFuZr3EL.jpg" mos="" align="middle" fullscreen="" width="1650" height="2199" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/nintendo/donkey-kong-bananza-review" data-dimension112="4db12216-a314-11f1-9abb-9ddd3c1c6999" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64">Donkey Kong Bananza</a> allows DK to smash his way through (and down into) the surrounding terrain. He can punch his way through mountains or head underground in search of collectibles. It's hands-down one of the Switch 2's biggest titles and our current choice for the <a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">best Nintendo Switch 2 game</a> on the shelves.<br><strong>Price check: </strong><a href="https://www.amazon.com/Donkey-Kong-Bananza-Nintendo-Switch/dp/B0F66KLYVH" target="_blank" rel="nofollow"><strong>$69 @ Amazon</strong></a><strong> |</strong> <a href="https://www.walmart.com/ip/Donkey-Kong-Bananza-U-S-Version/15949810208" target="_blank" rel="nofollow"><strong>$69 @ Walmart</strong></a><a class="view-deal button" href="https://www.gamestop.com/video-games/nintendo-switch-2/products/donkey-kong-bananza---nintendo-switch-2/20021654.html" target="_blank" rel="nofollow" data-dimension112="4db12216-a314-11f1-9abb-9ddd3c1c6999" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64">View Deal</a></p></div><div class="product"><a data-dimension112="4db1228e-a314-11f1-ae0d-17b264784f25" data-action="Deal Block" data-label="Mario Kart World" data-dimension48="Mario Kart World" data-dimension25="$79" href="https://www.amazon.com/dp/B0F66GQLHH" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:640px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="aNTyUCEE5PdmtqWwybmduW" name="Mario Kart World" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/aNTyUCEE5PdmtqWwybmduW.jpg" mos="" align="middle" fullscreen="" width="640" height="640" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Mario Kart World takes Luigi's brother out onto the open road to visit stunning new locations with a bunch of friends tagging along. If you missed out on the Mario Kart World Switch 2 bundles, then this is your next best way to pick up the game.<br><strong>Price check: </strong><a href="https://www.bestbuy.com/product/mario-kart-world-nintendo-switch-2/J7GSL5JFW2" target="_blank" rel="nofollow" data-dimension112="4db1228e-a314-11f1-ae0d-17b264784f25" data-action="Deal Block" data-label="Mario Kart World" data-dimension48="Mario Kart World" data-dimension25="$79"><strong>$79 @ Best Buy</strong></a><strong> | </strong><a href="https://www.walmart.com/ip/Mario-Kart-World-U-S-Version/15940407280" target="_blank" rel="nofollow"><strong>$79 @ Walmart</strong></a><a class="view-deal button" href="https://www.amazon.com/dp/B0F66GQLHH" target="_blank" rel="nofollow" data-dimension112="4db1228e-a314-11f1-ae0d-17b264784f25" data-action="Deal Block" data-label="Mario Kart World" data-dimension48="Mario Kart World" data-dimension25="$79">View Deal</a></p></div><h3 class="article-body__section" id="section-accessories"><span>Accessories</span></h3><div class="product"><a data-dimension112="4db12388-a314-11f1-8bdb-b39061fc5ae7" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="rRmoBGCGfLKa4YNM75662m" name="rds-game-traveler-deluxe-for-switch-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/rRmoBGCGfLKa4YNM75662m.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="4db12388-a314-11f1-8bdb-b39061fc5ae7" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">Game Traveler Deluxe Case: was $29 now $26</a></strong><br>The Switch 2 was made to be portable, so you'll want a case to keep it protected on your travels. This officially licensed accessory comes with space to not only sort your Switch 2, but also a Pro controller and power adapter. It also comes with 12 slots to hold Switch game cards.<a class="view-deal button" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="4db12388-a314-11f1-8bdb-b39061fc5ae7" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">View Deal</a></p></div><div class="product"><a data-dimension112="4db1240a-a314-11f1-8f28-cf7b93ce0c4b" data-action="Deal Block" data-label="Rematch Wireless Controller" data-dimension48="Rematch Wireless Controller" data-dimension25="$29" href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="XMP9BiyxzAMgZazxM7sZfm" name="Rematch Wireless Controller (Super Mario Star)" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/XMP9BiyxzAMgZazxM7sZfm.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow" data-dimension112="4db1240a-a314-11f1-8f28-cf7b93ce0c4b" data-action="Deal Block" data-label="Rematch Wireless Controller" data-dimension48="Rematch Wireless Controller" data-dimension25="$29">Rematch Wireless Controller: was $59 now $29</a></strong><br>This is one of the <a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-controllers">best Nintendo Switch 2 controllers</a>. The Turtle Beach Rematch Wireless is an ergonomic way to elevate your gaming experience, and comes in funky colorways. It offers customizable back buttons, responsive thumbsticks and triggers, and comparable battery life to Nintendo's new Pro controller... but at a <em>significantly </em>lower price point. <a class="view-deal button" href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow" data-dimension112="4db1240a-a314-11f1-8f28-cf7b93ce0c4b" data-action="Deal Block" data-label="Rematch Wireless Controller" data-dimension48="Rematch Wireless Controller" data-dimension25="$29">View Deal</a></p></div><div class="product"><a data-dimension112="4db1248c-a314-11f1-94f2-dba702273464" data-action="Deal Block" data-label="Switch 2 Pro Controller" data-dimension48="Switch 2 Pro Controller" data-dimension25="$89" href="https://www.amazon.com/Nintendo-SwitchTM-2-Pro-Controller-Switch/dp/B0F3VTFD6J" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:822px;"><p class="vanilla-image-block" style="padding-top:148.18%;"><img id="gmyn2p8knnWLkubfKxSnAB" name="Nintendo Switch 2 Pro Controller" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/gmyn2p8knnWLkubfKxSnAB.jpg" mos="" align="middle" fullscreen="" width="822" height="1218" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The Nintendo Switch 2 Pro Controller is practically guaranteed to be the most in-demand Switch 2 accessory, and it packs a suitable upgrade over its predecessor adding a headphone jack, the new "C" button, and customizable back buttons. <br><strong>Additional retailers: </strong><a href="https://www.bestbuy.com/site/nintendo-switch-2-pro-controller-black/6625904.p?skuId=6625904" target="_blank" rel="nofollow" data-dimension112="4db1248c-a314-11f1-94f2-dba702273464" data-action="Deal Block" data-label="Switch 2 Pro Controller" data-dimension48="Switch 2 Pro Controller" data-dimension25="$89"><strong>Best Buy</strong></a><strong> | </strong><a href="https://www.gamestop.com/gaming-accessories/controllers/nintendo-switch-2/products/nintendo-switch-2-pro-controller/424549.html" target="_blank" rel="nofollow"><strong>GameStop</strong></a><a class="view-deal button" href="https://www.amazon.com/Nintendo-SwitchTM-2-Pro-Controller-Switch/dp/B0F3VTFD6J" target="_blank" rel="nofollow" data-dimension112="4db1248c-a314-11f1-94f2-dba702273464" data-action="Deal Block" data-label="Switch 2 Pro Controller" data-dimension48="Switch 2 Pro Controller" data-dimension25="$89">View Deal</a></p></div><h3 class="article-body__section" id="section-shop-more-deals"><span>Shop more deals</span></h3><div class="vizualizer-embed"><div class="tg-df-widget-host" data-widget-config="?search=Everything&rows=6&view_mode=savings_squad&widget_title=Top+Deals+Handpicked+by+Our+Editors&widget_subtitle=Discover+the+best+discounts+currently+available%2C+curated+daily+by+the+Tom%27s+Guide+Savings+Squad.&bg_color=transparent" data-vizualizer-embed="true"></div>    <script>    /**     * Tom's Guide Deals Finder - Vanilla JS Encapsulated Engine     */    (function() {      // --- Freyr Analytics Adapter ---      function initAnalytics() {        window.dataLayer = window.dataLayer || [];        window.googletag = window.googletag || {};        window.googletag.cmd = window.googletag.cmd || [];        window.hawk = window.hawk || { analytics: { freyr: [] } };        window.hawk.analytics = window.hawk.analytics || { freyr: [] };        window.hawk.analytics.freyr = window.hawk.analytics.freyr || [];        window.freyr = window.freyr || { cmd: [] };        const scriptSrc = 'https://freyr.futurecdn.net/freyr.js';        const hostname = typeof window !== 'undefined' ? window.location.hostname : '';        const isTestEnv = typeof window.navigator !== 'undefined' && (window.navigator.webdriver || window.navigator.userAgent.includes('Headless'));        const shouldSendRealAnalytics = !isTestEnv && hostname && hostname !== 'localhost' && hostname !== '127.0.0.1' && !hostname.includes('run.app');        if (shouldSendRealAnalytics && !document.querySelector(`script[src="${scriptSrc}"]`)) {          const script = document.createElement('script');          script.src = scriptSrc;          script.async = true;          document.head.appendChild(script);        }      }      function storeEventForDebug(name, data) {        if (!window.hawk || !window.hawk.analytics || !window.hawk.analytics.freyr) return;        window.hawk.analytics.freyr.push({ name, data });        try {          if (typeof window !== 'undefined' && window.localStorage) {            window.localStorage.setItem("hawk", JSON.stringify(window.hawk));          }        } catch (e) {          // Ignore storage issues        }        try {          window.dispatchEvent(new CustomEvent("hawk-analytics-update"));        } catch (e) {}      }      function sendToFreyr(eventName, data) {        if (typeof window === 'undefined') return;        window.freyr = window.freyr || { cmd: [] };        window.freyr.cmd.push(() => {          if (window.freyr && window.freyr.pushAndUpdate) {            window.freyr.pushAndUpdate(eventName, data);          }        });      }      function sendEvent(event, skip = false) {        try {          storeEventForDebug(event.name, event.data);          if (!skip) {            sendToFreyr(event.name, event.data);          }        } catch (e) {          // Ensure tracking errors don't surface to the user        }      }      function getCookie(name) {        try {          const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));          return match ? match[2] : null;        } catch (e) {          return null;        }      }      function getTimeAgo(dateString) {        if (!dateString) return '';        const date = new Date(dateString);        const now = new Date();        const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000);        if (diffInSeconds < 60) return 'Just now';        const diffInMinutes = Math.floor(diffInSeconds / 60);        if (diffInMinutes < 60) return `${diffInMinutes} min${diffInMinutes > 1 ? 's' : ''} ago`;        const diffInHours = Math.floor(diffInMinutes / 60);        if (diffInHours < 24) return `${diffInHours} hr${diffInHours > 1 ? 's' : ''} ago`;        const diffInDays = Math.floor(diffInHours / 24);        if (diffInDays < 30) return `${diffInDays} day${diffInDays > 1 ? 's' : ''} ago`;        const diffInMonths = Math.floor(diffInDays / 30);        if (diffInMonths < 12) return `${diffInMonths} mo${diffInMonths > 1 ? 's' : ''} ago`;        const diffInYears = Math.floor(diffInDays / 365);        return `${diffInYears} yr${diffInYears > 1 ? 's' : ''} ago`;      }      function normalizeCurrency(symbol) {        const map = {          '£': 'GBP',          '$': 'USD',          'A$': 'AUD',          'CA$': 'CAD',          '€': 'EUR'        };        return map[symbol] || symbol;      }      function trackElementInteraction(props) {        sendEvent({          name: 'elementInteraction',          data: {            element: {              action: props.action || "click",              id: props.id || undefined,              class: props.class || undefined,              name: props.name || undefined,              text: props.text || undefined,              label: props.label || undefined,              container: props.container || undefined,              url: props.url || undefined,              articleId: props.articleId || undefined            }          }        });      }      function generateRevenueId(url, productName, merchantName, modelId) {        const str = `${window.location.href}|${productName}|${merchantName}|${modelId || ''}|${new Date().toDateString()}|tomsguide`;        let hash = 0;        for (let i = 0; i < str.length; i++) {          const char = str.charCodeAt(i);          hash = ((hash << 5) - hash) + char;          hash = hash & hash;        }        let numericStr = Math.abs(hash).toString();        while (numericStr.length < 19) {          numericStr += Math.floor(Math.random() * 10).toString();        }        return numericStr.substring(0, 19);      }      function rewriteAffiliateLink(url, territory, revenueId) {        if (!url) return url;        const t = (territory || 'gb').toLowerCase();        return url.replace(/hawk-custom-tracking/g, `tomsguide-${t}-${revenueId}`);      }      function trackHawkEvent(params) {        const { clickType, widgetId, productCategoryName, product, productsArray, zeroBasedProductIndexOrNull, totalDealsOrProducts, areaClicked, merchant, revenueId, isoCurrencyCode, queryName, widgetTypeName } = params;        const data = {          event: "hawkEvent",          category: "Affiliates",          affiliate: {            action: {              type: clickType,              id: widgetId,              event: clickType === "appeared" ? "viewed" : "Click from",              timestamp: Date.now()            },            component: {              flag: "Editor",              product: productCategoryName || "deals",              category: `Signal Deal Finder ${widgetTypeName || "Carousel"} widget`,              type: clickType === "appeared" ? "review" : "signal product",              label: queryName || (product ? (product.name || "") : ""),              index: zeroBasedProductIndexOrNull === null || zeroBasedProductIndexOrNull === undefined ? -1 : zeroBasedProductIndexOrNull,              linkCount: totalDealsOrProducts || 0,              blockLayout: "",              areaClicked: areaClicked || ""            }          },          products: productsArray || (product && merchant ? [            {              product: {                primary: {                  id: product.id || product.matchId || null,                  name: product.name,                  type: "deal",                  price: product.price,                  previousPrice: product.previousPrice || null,                  currency: isoCurrencyCode || "USD",                  preorder: false,                  labels: [],                  link: product.link,                  originalLink: product.originalLink || null,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: null,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: product.globalId || null,                  inStock: product.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: isoCurrencyCode || "USD"                }              },              merchant: {                id: merchant.id || null,                name: merchant.name,                url: merchant.url || null,                network: merchant.network || null              },              model: {                id: product.modelId || null,                brand: product.brand || null,                name: product.name,                parent: product.parent || null              }            }          ] : []),          reviews: [],          _clear: true,          "gtm.uniqueEventId": Date.now() % 10000        };        sendEvent({ name: 'hawkEvent', data });      }      function trackDealClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card" });      }      function trackViewSimilarClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card View Similar" });      }      function trackPriceComparisonClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Price Comparison" });      }      function trackReviewClick(params) {        trackHawkEvent({ ...params, clickType: "review", areaClicked: "Signal Product Card Review Link" });      }      function trackShare(params) {        trackHawkEvent({ ...params, clickType: "share", areaClicked: "Signal Product Card Share" });      }      function trackDealsAppeared(widgetId, deals, revenueId, currency, queryName, widgetTypeName) {         if (!deals || deals.length === 0) return;                  const productsArray = deals.slice(0, 50).map((deal) => {            let voucherPct = null;            let rawPrice = parseFloat(deal.rawPrice) || parseFloat(deal.price) || null;            let rawMsrp = parseFloat(deal.rawMsrp) || parseFloat(deal.msrp) || null;            if (rawMsrp > rawPrice && rawPrice > 0) {              voucherPct = Math.round((1 - (rawPrice / rawMsrp)) * 100);            }            let numId = null;            if (deal.externalProductId && !isNaN(parseInt(deal.externalProductId))) {              numId = parseInt(deal.externalProductId);            } else if (deal.id && !isNaN(parseInt(deal.id))) {              numId = parseInt(deal.id);            } else {              numId = deal.matchId || null;            }            return {              product: {                primary: {                  id: numId,                  name: deal.productName || deal.title || "",                  type: "deal",                  price: rawPrice,                  previousPrice: rawMsrp,                  currency: currency || 'USD',                  preorder: false,                  labels: deal.modelBrand || deal.brand ? [                     { type: "brand", value: deal.modelBrand || deal.brand }                  ] : [],                  link: deal.url,                  originalLink: deal.url,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: voucherPct,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: deal.productKey || null,                  inStock: deal.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: currency || 'USD'                }              },              merchant: {                id: deal.merchantId ? parseInt(deal.merchantId) : null,                name: deal.merchant || "Retailer",                url: deal.merchantUrl || null,                network: deal.merchantNetwork || null              },              model: {                id: deal.modelId ? parseInt(deal.modelId) : null,                brand: deal.modelBrand || deal.brand || null,                name: deal.productName || deal.title || "",                parent: deal.modelParent || null              }            };         });                  trackHawkEvent({             clickType: "appeared",             widgetId: widgetId,             productCategoryName: "deals",             zeroBasedProductIndexOrNull: null,             totalDealsOrProducts: deals.length,             productsArray: productsArray,             queryName: queryName,             widgetTypeName: widgetTypeName         });      }      // 1. Setup Shadow DOM Sandbox      const currentScript = document.currentScript;      let hostContainer = null;      let template = null;            if (currentScript) {        let prev = currentScript.previousElementSibling;        while (prev) {          if (prev.tagName === 'TEMPLATE' && prev.classList.contains('tg-df-widget-template')) {            template = prev;          } else if (prev.tagName === 'DIV' && prev.classList.contains('tg-df-widget-host') && !prev.hasAttribute('data-initialized')) {            hostContainer = prev;            break;          }          prev = prev.previousElementSibling;        }      }            // Fallbacks in case script is deferred      if (!hostContainer) {        const hosts = document.querySelectorAll('.tg-df-widget-host:not([data-initialized])');        if (hosts.length > 0) hostContainer = hosts[0];      }            // Safely embedded template for CMS environments      const rawTemplate = `  \x3Cstyle>    /* --- Shadow DOM Base Reset --- */    *, *::before, *::after {      box-sizing: border-box;    }    img, picture, svg, video {      max-width: 100%;      height: auto;      display: block;    }    /*       1. Scoped CSS for Tom's Guide Deals Widget       All classes are prefixed with \`tg-df-\` to prevent CMS style leakage.    */    .tg-df-container {      container-type: inline-size;      container-name: tg-df;      --tg-df-blue: #1F69FF;      --tg-df-blue-hover: #004d8c;      --tg-df-text: #222222;      --tg-df-text-muted: #555555;      --tg-df-bg: #ffffff;      --tg-df-bg-secondary: #f4f4f4;      --tg-df-border: #e2e8f0;      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;      color: var(--tg-df-text);      background-color: transparent;       width: 100%;      max-width: 1200px;      margin: 0 auto;      padding-bottom: 24px;    }    .tg-df-container *, .tg-df-container *::before, .tg-df-container *::after {      margin: 0;      padding: 0;      box-sizing: border-box;    }    .tg-df-container img {      border: none;      margin: 0;      padding: 0;    }    .tg-df-container a {      text-decoration: none;      color: inherit;    }    /*       2. Search & Filter Bar    */    .tg-df-controls {      display: flex;      flex-direction: column;      align-items: center;      gap: 20px;      margin-bottom: 32px;      width: 100%;      position: relative;      z-index: 20;    }    .tg-df-top-bar {      display: flex;      width: 100%;      max-width: 760px;      gap: 12px;      margin: 0 auto;      align-items: center;    }    .tg-df-search-wrapper {      position: relative;      flex: 1;      width: 100%;      box-shadow: 0 8px 24px rgba(0,0,0,0.06);      border-radius: 40px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      z-index: 100;    }    .tg-df-autocomplete-dropdown {      position: absolute;      top: calc(100% + 4px);      left: 0;      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      max-height: 300px;      overflow-y: auto;      z-index: 200;      display: none;    }    .tg-df-autocomplete-dropdown.active {      display: block;    }    .tg-df-autocomplete-item {      padding: 12px 24px;      cursor: pointer;      font-size: 14px;      color: var(--tg-df-text);      transition: background 0.1s ease;    }    .tg-df-autocomplete-item:hover {      background: var(--tg-df-bg-secondary);    }    .tg-df-search-input {      width: 100%;      padding: 16px 64px 16px 24px;      font-size: 16px;      border: 2px solid transparent;      border-radius: 40px;      outline: none;      transition: border-color 0.2s ease, box-shadow 0.2s ease;      color: var(--tg-df-text);      background: transparent;    }    .tg-df-search-input:focus {      border-color: transparent;      box-shadow: 0 0 0 3px rgba(0, 108, 196, 0.15);    }    .tg-df-search-input::placeholder {      color: #999999;    }        .tg-df-search-btn {      position: absolute;      right: 8px;      top: 50%;      transform: translateY(-50%);      width: 40px;      height: 40px;      border-radius: 50%;      background: #222;      border: none;      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: background 0.2s ease;    }        .tg-df-search-btn:hover {      background: #000;    }    .tg-df-search-icon {      width: 16px;      height: 16px;      fill: #fff;    }    .tg-df-settings-wrapper {      position: relative;    }        .tg-df-settings-btn {      width: 48px;      height: 48px;      border-radius: 50%;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      box-shadow: 0 4px 12px rgba(0,0,0,0.04);      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: all 0.2s ease;      color: var(--tg-df-text-muted);      flex-shrink: 0;    }    .tg-df-settings-btn:hover {      background: var(--tg-df-bg-secondary);      border-color: #0000ff;      color: var(--tg-df-text);    }    .tg-df-settings-btn svg {      width: 24px;      height: 24px;      fill: currentColor;    }    .tg-df-settings-dropdown {      position: absolute;      top: calc(100% + 8px);      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      width: 280px;      padding: 20px;      display: none;      z-index: 100;      flex-direction: column;      gap: 20px;    }    .tg-df-settings-dropdown.active {      display: flex;    }        .tg-df-settings-dropdown-backdrop {      display: none;      position: fixed;      inset: 0;      z-index: 99;    }        .tg-df-settings-dropdown-backdrop.active {      display: block;    }    .tg-df-setting-item {      display: flex;      flex-direction: column;      gap: 10px;    }    .tg-df-setting-label {      font-size: 11px;      font-weight: 700;      color: var(--tg-df-text-muted);      text-transform: uppercase;      letter-spacing: 0.5px;    }        .tg-df-region-select {        padding: 10px 12px;        border-radius: 8px;        border: 1px solid var(--tg-df-border);        font-size: 15px;        outline: none;        background: var(--tg-df-bg-secondary);        color: var(--tg-df-text);        cursor: pointer;        width: 100%;    }    .tg-df-toggle {        position: relative;        display: inline-block;        width: 44px;        height: 24px;        flex-shrink: 0;    }    .tg-df-toggle input {        opacity: 0;        width: 0;        height: 0;    }    .tg-df-slider {        position: absolute;        cursor: pointer;        top: 0; left: 0; right: 0; bottom: 0;        background-color: #ccc;        transition: .2s;        border-radius: 24px;    }    .tg-df-slider:before {        position: absolute;        content: "";        height: 18px;        width: 18px;        left: 3px;        bottom: 3px;        background-color: white;        transition: .2s;        border-radius: 50%;    }    .tg-df-toggle input:checked + .tg-df-slider {        background-color: #1F69FF;    }    .tg-df-toggle input:checked + .tg-df-slider:before {        transform: translateX(20px);    }    .tg-df-dl-row {        flex-direction: row;        align-items: center;        justify-content: space-between;    }    .tg-df-dl-row-text {        font-size: 14px;        font-weight: 600;        color: var(--tg-df-text);    }    .tg-df-dl-row-subtext {        font-size: 12px;        font-weight: 400;        line-height: 1.3;        color: var(--tg-df-text-muted);        margin-top: 4px;        display: block;    }    .tg-df-filters-container {      position: relative;      width: 100%;      max-width: 800px;    }    .tg-df-scroll-btn {      display: none;      position: absolute;      top: 50%;      transform: translateY(-50%);      width: 32px;      height: 32px;      background: white;      border: 1px solid var(--tg-df-border);      border-radius: 50%;      align-items: center;      justify-content: center;      cursor: pointer;      z-index: 10;      box-shadow: 0 2px 8px rgba(0,0,0,0.1);      color: var(--tg-df-text-primary);      padding: 0;    }    .tg-df-scroll-btn svg {      width: 16px;      height: 16px;    }    .tg-df-scroll-btn:hover {      background: #f4f4f4;    }    .tg-df-scroll-btn.left {      left: 0px;    }    .tg-df-scroll-btn.right {      right: 0px;    }    @container tg-df (max-width: 768px) {      .tg-df-scroll-btn {        display: flex;        top: 22px; /* vertically center within the 44px high filter buttons */      }    }    .tg-df-filters {      display: grid;      width: 100%;      grid-template-columns: repeat(4, 1fr);      gap: 12px;      margin: 0 auto;      max-width: 800px;    }                 .tg-df-sort-wrapper {      position: relative;      display: flex;      align-items: center;      width: 100%;    }        .tg-df-sort-icon {      position: absolute;      left: 14px;      width: 14px;      height: 14px;      fill: var(--tg-df-text-muted);      pointer-events: none;    }    .tg-df-sort-select, .tg-df-filter-select {      width: 100%;      padding: 10px 36px 10px 38px;      font-size: 14px;      border: 1px solid var(--tg-df-border);      border-radius: 100px;      outline: none;      appearance: none;      background-color: var(--tg-df-bg-secondary);      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");      background-repeat: no-repeat;      background-position: right 14px center;      color: var(--tg-df-text);      cursor: pointer;      font-weight: 500;      transition: all 0.2s ease;    }        .tg-df-price-input::-webkit-outer-spin-button,    .tg-df-price-input::-webkit-inner-spin-button {      -webkit-appearance: none;      margin: 0;    }    .tg-df-price-input {      -moz-appearance: textfield;    }    .tg-df-sort-select:hover, .tg-df-filter-select:hover {      background-color: #e2e8f0;    }    .tg-df-multiselect-container {      position: relative;    }    @container tg-df (max-width: 768px) {      .tg-df-filters-container {      position: relative;      width: 100%;      max-width: 800px;    }    .tg-df-scroll-btn {      display: none;      position: absolute;      top: 50%;      transform: translateY(-50%);      width: 32px;      height: 32px;      background: white;      border: 1px solid var(--tg-df-border);      border-radius: 50%;      align-items: center;      justify-content: center;      cursor: pointer;      z-index: 10;      box-shadow: 0 2px 8px rgba(0,0,0,0.1);      color: var(--tg-df-text-primary);      padding: 0;    }    .tg-df-scroll-btn svg {      width: 16px;      height: 16px;    }    .tg-df-scroll-btn:hover {      background: #f4f4f4;    }    .tg-df-scroll-btn.left {      left: 0px;    }    .tg-df-scroll-btn.right {      right: 0px;    }    @container tg-df (max-width: 768px) {      .tg-df-scroll-btn {        display: flex;        top: 22px; /* vertically center within the 44px high filter buttons */      }    }    .tg-df-filters {        width: 100%;        margin: 0;        margin-bottom: -320px;        padding: 0 16px 320px 16px;        display: flex;        flex-wrap: nowrap;        gap: 8px;        overflow-x: auto;        overflow-y: hidden;        pointer-events: none;        scrollbar-width: none;        -webkit-overflow-scrolling: touch;      }      .tg-df-filters::-webkit-scrollbar {        display: none;      }      .tg-df-sort-wrapper {        pointer-events: auto;        flex: 0 0 auto;        width: 175px;        min-width: 175px;      }    }        .tg-df-multiselect-trigger {      display: block;      background: #fff;      user-select: none;      width: 100%;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis;    }        .tg-df-multiselect-dropdown {      display: none;      position: absolute;      top: calc(100% + 4px);      left: 0;      width: 100%;      min-width: 220px;      max-height: 300px;      overflow-y: auto;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);      z-index: 100;      padding: 8px 0;    }    .tg-df-multiselect-dropdown.active {      display: block;    }    .tg-df-ms-option {      padding: 8px 16px;      display: flex;      align-items: center;      gap: 8px;      cursor: pointer;      font-size: 14px;    }    .tg-df-ms-option:hover {      background-color: var(--tg-df-bg-secondary);    }        .tg-df-ms-option input {      cursor: pointer;      accent-color: #1f69ff;    }    .tg-df-sort-select:focus, .tg-df-filter-select:focus {      border-color: #0000ff;      box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.2);      background-color: var(--tg-df-bg);    }    /*       3. Deal Grid Layout    */    .tg-df-grid.tg-df-grid-auto {      padding-top: 24px;    }    .tg-df-grid, .tg-df-grid.layout-grid {      display: grid;      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      gap: 10px;    }    .tg-df-grid.layout-row {      grid-template-columns: 1fr;      gap: 16px;    }        .tg-df-grid.layout-row .tg-df-card {      flex-direction: row;      align-items: stretch;      height: auto;      box-shadow: none;      border-bottom: 1px solid var(--tg-df-border);    }    .tg-df-grid.layout-row .tg-df-card:hover {      box-shadow: none;    }    .tg-df-grid.layout-row .tg-df-card-image-box {      width: 140px;      min-width: 140px;      aspect-ratio: 3/4;      border-right: none;      padding: 16px 16px 16px 32px;    }    .tg-df-grid.layout-row .tg-df-card-body {      padding: 16px;      justify-content: space-between;    }    .tg-df-grid.layout-row .tg-df-card-title {      font-size: 15px;      margin-bottom: 16px;    }    .tg-df-grid.layout-row .tg-df-card-stars { margin-bottom: 8px; }    .tg-df-grid.layout-row .tg-df-card-footer {      flex-direction: column;      align-items: flex-start;      gap: 0;    }    .tg-df-grid.layout-row .tg-df-card-merchant-pill {      margin-bottom: 4px;    }    .tg-df-grid.layout-row .tg-df-card-price-group {      margin-bottom: 8px;    }    .tg-df-grid.layout-row .tg-df-price-group {      width: auto;    }    .tg-df-grid.layout-row .tg-df-card-cta {      width: 100%;      max-width: 200px;      padding: 10px 24px;      font-size: 13px;      flex-shrink: 0;      text-align: center;      justify-content: center;    }    /*       4. Deal Card Design    */    .tg-df-card {      position: relative;      display: flex;      flex-direction: column;      background-color: #ffffff;      border-radius: 0;      overflow: hidden;      transition: transform 0.2s ease, box-shadow 0.2s ease;      text-decoration: none;      color: inherit;      height: 100%;      box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);      border: 1px solid var(--tg-df-border);    }    .tg-df-card:hover {      box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);    }    .tg-df-card-image-box {      width: 100%;      aspect-ratio: 3/4;      background-color: #f8f8f8;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      padding: 32px;      flex: 0 0 auto;    }    .tg-df-card-image {      max-width: 100%;      max-height: 100%;      width: auto;      height: auto;      object-fit: contain;      mix-blend-mode: multiply; /* Helps white background images blend into secondary bg */      transition: transform 0.3s ease;    }    .tg-df-card:hover .tg-df-card-image {      transform: scale(1.05); /* Zoom in on hover */    }    .tg-df-card-discount-badge {      position: absolute;      top: 12px;      left: 12px;      background: #dc2626; /* Red */      color: #ffffff;      padding: 6px 8px;      font-size: 11px;      font-weight: 500;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      z-index: 10;    }        .tg-df-card-merchant-pill {      display: block;      padding: 0;      font-size: 11px;      font-weight: 600;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      color: var(--tg-df-text-muted);      margin-bottom: 8px;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }    .tg-df-card-body {      padding: 16px;      display: flex;      flex-direction: column;      flex-grow: 1;      min-width: 0;    }    .tg-df-card-badges {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-bottom: 8px;    }    .tg-df-tag {      display: inline-flex;      align-items: center;      padding: 4px 6px;      font-size: 11px;      font-weight: 700;      text-transform: uppercase;      border-radius: 4px;      gap: 4px;    }    .tg-df-tag-prime {      background-color: #00A8E1;      color: #fff;    }    .tg-df-tag-coupons {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-coupons:hover {      background-color: #e2e8f0;    }        .tg-df-tag-outline {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-outline:hover {      background-color: #e2e8f0;    }        @keyframes tg-df-spin {      0% { transform: rotate(0deg); }      100% { transform: rotate(360deg); }    }    .tg-df-coupon-spinner {      border: 2px solid #e2e8f0;      border-top: 2px solid #3b82f6;      border-radius: 50%;      width: 14px;      height: 14px;      animation: tg-df-spin 1s linear infinite;      margin: 4px 8px;      display: inline-block;    }        /* Vouchers Modal */    .tg-df-modal-backdrop {      position: fixed;      top: 0; left: 0; right: 0; bottom: 0;      background: rgba(0,0,0,0.5);      z-index: 10000;      display: flex;      align-items: center;      justify-content: center;      opacity: 0;      pointer-events: none;      transition: opacity 0.3s;    }    .tg-df-modal-backdrop.active {      opacity: 1;      pointer-events: auto;    }    .tg-df-modal {      background: #fff;      border-radius: 12px;      width: 90%;      max-width: 400px;      max-height: 80vh;      display: flex;      flex-direction: column;      box-shadow: 0 10px 40px rgba(0,0,0,0.2);      transform: translateY(20px);      transition: transform 0.3s;    }    .tg-df-modal-backdrop.active .tg-df-modal {      transform: translateY(0);    }    .tg-df-modal-header {      padding: 16px;      border-bottom: 1px solid #e2e8f0;      display: flex;      align-items: center;      justify-content: space-between;    }    .tg-df-modal-title {      font-size: 16px;      font-weight: 600;      margin: 0;    }    .tg-df-modal-close {      background: none;      border: none;      cursor: pointer;      padding: 4px;      color: #64748b;    }    .tg-df-modal-body {      padding: 16px;      overflow-y: auto;    }    .tg-df-voucher-item {      padding: 12px;      border: 1px dashed #cbd5e1;      border-radius: 8px;      margin-bottom: 10px;      background: #f8fafc;      display: flex;      align-items: center;      gap: 12px;      text-decoration: none;      color: inherit;      transition: background-color 0.2s, border-color 0.2s;    }    .tg-df-voucher-item:hover {      background: #f1f5f9;      border-color: #94a3b8;    }    .tg-df-voucher-item:last-child {      margin-bottom: 0;    }    .tg-df-voucher-logo {      width: 48px;      height: 48px;      object-fit: contain;      border-radius: 4px;      background: #fff;      border: 1px solid #e2e8f0;      flex-shrink: 0;    }    .tg-df-voucher-content {      flex: 1;      min-width: 0;    }    .tg-df-voucher-title {      font-size: 14px;      font-weight: 600;      margin: 0 0 4px 0;      line-height: 1.3;      color: #0f172a;    }    .tg-df-voucher-expiry {      font-size: 12px;      color: #64748b;      display: flex;      align-items: center;      gap: 4px;      margin-top: 6px;    }    .tg-df-voucher-code {      display: inline-flex;      align-items: center;      background: #f1f5f9;      border: 1px dashed #cbd5e1;      padding: 6px 10px;      font-family: monospace;      font-weight: 700;      font-size: 14px;      color: #0f172a;      border-radius: 4px;      margin-top: 8px;      cursor: pointer;      transition: all 0.2s ease;    }    .tg-df-voucher-code:hover {      background: #e2e8f0;      border-color: #94a3b8;    }    .tg-df-voucher-code.copied {      background: #ecfdf5;      border-color: #10b981;      color: #10b981;    }    .tg-df-voucher-cta {      display: inline-block;      margin-top: 8px;      font-size: 13px;      font-weight: 600;      color: #2563eb;      text-decoration: none;    }    .tg-df-card-title {      font-size: 15px;      font-weight: 400;      line-height: 1.4;      margin: 0 0 12px 0;      color: var(--tg-df-text);    }    .tg-df-card-footer {      margin-top: auto;      display: flex;      flex-direction: column;      width: 100%;    }    .tg-df-card-price-group {      display: flex;      flex-direction: row;      align-items: center;      gap: 8px;      margin-bottom: 12px;    }    .tg-df-card-price {      font-size: 16px;      font-weight: 700;      color: #dc2626; /* Red price */      line-height: 1;    }        .tg-df-card-msrp {      font-size: 13px;      color: var(--tg-df-text-muted);      text-decoration: line-through;    }    .tg-df-container .tg-df-card-cta {      display: flex;      align-items: center;      justify-content: center;      width: 100%;      box-sizing: border-box;      background-color: #1f69ff;      color: #ffffff;      font-size: 12px;      font-weight: 700;      text-transform: uppercase;      letter-spacing: 0.5px;      padding: 12px 16px;      border-radius: 0;      border: none;      cursor: pointer;      transition: background-color 0.2s ease;    }    .tg-df-card:hover .tg-df-card-cta,    .tg-df-card-cta:hover {      background-color: #1555cc;    }    /*       5. State & Skeleton Styles    */    .tg-df-message {      grid-column: 1 / -1;      text-align: center;      padding: 48px 24px;      color: var(--tg-df-text-muted);      font-size: 16px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;    }    @keyframes tg-df-shimmer {      0% { background-position: -200% 0; }      100% { background-position: 200% 0; }    }    .tg-df-skeleton {      background: linear-gradient(90deg, var(--tg-df-bg-secondary) 25%, #e2e8f0 50%, var(--tg-df-bg-secondary) 75%);      background-size: 200% 100%;      animation: tg-df-shimmer 1.5s infinite;      border-radius: 4px;    }    .tg-df-skeleton-img {      width: 100%;      height: 100%;      position: absolute;      top: 0; left: 0;    }        .tg-df-skeleton-text {      height: 16px;      margin-bottom: 8px;      width: 100%;    }    .tg-df-skeleton-text.short { width: 40%; }    .tg-df-skeleton-text.title { height: 20px; margin-bottom: 16px; }    /* Editor Floating Bar & Elements */    .tg-df-editor-bar {      position: sticky;      top: 120px;      z-index: 1000;      background: #111827;      color: #fff;      padding: 12px 16px;      border-radius: 8px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: space-between;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);    }    .tg-df-editor-bar-text {      font-weight: 600;      font-size: 14px;    }    .tg-df-editor-copy-btn {      background: #10b981;      color: #fff;      padding: 6px 16px;      border: none;      border-radius: 4px;      font-weight: 600;      cursor: pointer;      display: flex;      align-items: center;      font-size: 13px;    }    .tg-df-editor-copy-btn:hover { background: #059669; }        .tg-df-deal-checkbox {      position: absolute;      top: 12px;      right: 12px;      z-index: 10;      width: 20px;      height: 20px;      cursor: pointer;      pointer-events: auto;    }    /*       6. Mobile List View (Stacks into a cleaner horizontal row/list)    */    @container tg-df (max-width: 599px) {      .tg-df-controls {        padding: 16px 16px 8px;      }            .tg-df-top-bar {        width: 100%;      }            .tg-df-settings-dropdown {        position: fixed;        top: auto;        bottom: 0;        left: 0;        right: 0;        width: 100%;        border-radius: 20px 20px 0 0;        padding: 24px;        box-shadow: 0 -8px 32px rgba(0,0,0,0.15);        z-index: 1000;        border: none;        border-top: 1px solid var(--tg-df-border);      }            .tg-df-settings-dropdown-backdrop.active {        background: rgba(0,0,0,0.4);      }            .tg-df-search-wrapper {        box-shadow: 0 0 16px rgba(0,0,0,0.08);      }                  .tg-df-sort-wrapper.tg-df-price-range-wrapper {        flex: 0 0 auto;        min-width: max-content;        width: auto;      }            .tg-df-sort-select, .tg-df-filter-select {        width: 100%;        text-align: left;        padding: 10px 24px 10px 32px;        background-position: right 8px center;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;      }      .tg-df-sort-icon {        left: 10px;      }      .tg-df-grid:not(.layout-grid):not(.layout-row),      .tg-df-grid.layout-row {        grid-template-columns: 1fr;        gap: 16px;      }            .tg-df-grid.tg-df-grid-auto {        padding-top: 24px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card,      .tg-df-grid.layout-row .tg-df-card {        flex-direction: row;        align-items: stretch;        height: auto;        box-shadow: none; /* simple line on mobile if preferred, or keep */        border-bottom: 1px solid var(--tg-df-border);      }      .tg-df-grid.tg-df-grid-auto .tg-df-card:hover,      .tg-df-grid.layout-row .tg-df-card:hover {        box-shadow: none;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-image-box,      .tg-df-grid.layout-row .tg-df-card-image-box {        width: 120px;        min-width: 120px;        aspect-ratio: 3/4;        border-right: none;        padding: 12px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-body,      .tg-df-grid.layout-row .tg-df-card-body {        padding: 12px;        justify-content: space-between;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-title,      .tg-df-grid.layout-row .tg-df-card-title {        font-size: 14px;        margin-bottom: 12px;      }      /* Single column mobile grid override */      .tg-df-grid.layout-grid {        grid-template-columns: 1fr;        gap: 16px;      }      .tg-df-grid.layout-grid .tg-df-card-image-box {        padding: 12px;      }      .tg-df-grid.layout-grid .tg-df-card-body {        padding: 10px;      }      .tg-df-grid.layout-grid .tg-df-card-title {        font-size: 13px;        margin-bottom: 8px;      }      .tg-df-grid.layout-grid .tg-df-card-price {        font-size: 14px;      }            .tg-df-card-footer {        flex-direction: column;        align-items: stretch;        gap: 0;        width: 100%;        min-width: 0;      }      .tg-df-card-merchant-pill {        margin-bottom: 4px;      }      .tg-df-card-price-group {        flex: 1 1 auto;        margin-bottom: 8px;      }      .tg-df-card-price {        font-size: 16px;      }      .tg-df-card-msrp {        display: block;       }      .tg-df-grid.layout-row .tg-df-card-cta,      .tg-df-container .tg-df-card-cta {        width: 100%;        max-width: none;        min-width: 0;        box-sizing: border-box;        padding: 8px 16px;        font-size: 12px;        flex: 0 0 auto;        text-align: center;        white-space: normal;        line-height: 1.2;      }    }    .tg-df-container.is-carousel {      min-height: 760px;      background-color: #E7F0FF;      padding: 0 0 24px 0;      border-radius: 24px;      width: 100vw;      max-width: 1200px;      position: relative;      left: 50%;      transform: translateX(-50%);    }    .tg-df-container.is-carousel.hide-header-details {      min-height: 480px;    }    /*       7. Carousel View Mode    */    .tg-df-container .tg-df-carousel-host {      /* Layout is now handled by container wrapper */    }    .tg-df-container .tg-df-carousel-eyebrow {      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      padding: 24px 16px 0 16px;      display: none;    }    .tg-df-container .tg-df-carousel-query-title {      color: #011535;      font-size: 28px;      font-weight: 600;      padding: 0 16px 24px 16px;      line-height: 1.2;      display: none;    }    .tg-df-container .tg-df-carousel-blue-box {      background-color: transparent;      border-radius: 0;      padding: 24px 24px 0 24px;      margin: 0;      color: #1F69FF;          position: relative;      overflow: hidden;    }    .tg-df-container .tg-df-carousel-bg-circle-1 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-2 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-3 {      display: none;    }    .tg-df-container .tg-df-carousel-box-content {      position: relative;      z-index: 10;    }    .tg-df-container .tg-df-carousel-box-eyebrow {      background-color: transparent;      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      display: inline-block;      padding: 0;      border-radius: 0;    }    .tg-df-container .tg-df-carousel-box-title {      font-size: 28px;      font-weight: 600;      line-height: 1.2;      margin-top: 8px;      color: #1e293b;    }    .tg-df-container .tg-df-countdown-wrapper {      position: absolute;      top: 0;      right: 0;      display: flex;      flex-direction: column;      align-items: flex-end;      gap: 12px;      transform: scale(0.67);      transform-origin: top right;    }    .tg-df-container .tg-df-countdown-title {      font-size: 14px;      font-weight: 600;      color: #011535;      margin: 0;    }    .tg-df-container .tg-df-countdown-blocks {      display: flex;      gap: 16px;    }    .tg-df-container .tg-df-countdown-item {      display: flex;      flex-direction: column;      align-items: center;      gap: 4px;    }    .tg-df-container .tg-df-countdown-box {      width: 59px;      height: 59px;      background: #03FE9E;      border-radius: 15px;      display: flex;      align-items: center;      justify-content: center;    }    .tg-df-container .tg-df-countdown-num {      font-family: 'Inter', sans-serif;      font-weight: 700;      font-size: 20px;      line-height: normal;      color: #011535;    }    .tg-df-container .tg-df-countdown-label {      font-family: 'Inter', sans-serif;      font-weight: 500;      font-size: 16px;      line-height: normal;      color: #1e293b;      text-transform: uppercase;    }    .tg-df-container .tg-df-carousel-box-subtitle {      font-size: 16px;      margin-top: 8px;      font-weight: 300;      color: #1e293b;      line-height: 24px;    }    .tg-df-container .tg-df-carousel-roundels-wrapper {      position: relative;      margin-top: 24px;      margin-left: -24px;      margin-right: -24px;    }    .tg-df-container .tg-df-carousel-roundels {      display: flex;      gap: 16px;      overflow-x: auto;            scrollbar-width: none;      padding-top: 12px;      padding-bottom: 24px;      padding-left: 24px;      padding-right: 24px;      margin-left: 0;      margin-right: 0;    }        .tg-df-container .tg-df-carousel-scroll-left,    .tg-df-container .tg-df-carousel-scroll-right {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 36px;      width: 36px;      display: flex;      align-items: center;      justify-content: center;      border-radius: 50%;      background-color: #ffffff;      border: 1px solid #e2e8f0;      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);      color: #1F69FF;      cursor: pointer;      transition: all 0.2s;      margin-top: -4px;      z-index: 20;    }    .tg-df-container .tg-df-carousel-scroll-left { left: 8px; }    .tg-df-container .tg-df-carousel-scroll-right { right: 8px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left { left: 0px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right { right: 0px; }    .tg-df-carousel-filters-outer { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }    .tg-df-grid-wrapper { position: relative; }    @container tg-df (max-width: 599px) { .tg-df-carousel-filters-outer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } }        .tg-df-container .tg-df-carousel-scroll-left:hover,    .tg-df-container .tg-df-carousel-scroll-right:hover {      background-color: rgba(255, 255, 255, 0.6);    }    .tg-df-container .tg-df-carousel-roundels::-webkit-scrollbar {      display: none;    }    .tg-df-container .tg-df-roundel {      display: flex;      flex-direction: column;      align-items: center;      gap: 8px;      cursor: pointer;      min-width: 120px;      flex-shrink: 0;    }    .tg-df-container .tg-df-roundel-img-box {      width: 120px;      height: 120px;      border-radius: 50%;      background: white;      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: 0px 3px 14px 0px rgba(30, 41, 59, 0.08);      transition: box-shadow 0.2s;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box img {      transform: scale(1.08);    }    .tg-df-container .tg-df-roundel-img-box img {      width: 100%;      height: 100%;      object-fit: contain;      padding: 10px;      box-sizing: border-box;      transition: transform 0.3s ease;    }    .tg-df-container .tg-df-roundel-label {      font-size: 13px;      font-weight: 400;      color: #1e293b;      text-align: center;    }    .tg-df-container .tg-df-carousel-filters-label {      font-size: 16px;      font-weight: 400;      color: #1e293b;      white-space: nowrap;      margin-right: 4px;    }    .tg-df-container .tg-df-carousel-filters-wrap {      display: flex;      align-items: center;      flex-wrap: nowrap;      gap: 8px;      margin-top: 8px;      overflow-x: auto;      scrollbar-width: none;      -webkit-overflow-scrolling: touch;      padding-bottom: 8px;      margin-left: -24px;      margin-right: -24px;      padding-left: 24px;      padding-right: 24px;    }    .tg-df-container .tg-df-carousel-filters-wrap::-webkit-scrollbar {      display: none;    }        .tg-df-container .tg-df-carousel-filter-btn img,    .tg-df-container .tg-df-carousel-filter-btn picture {      height: 20px;      width: 20px;      object-fit: contain;      object-position: center;      display: inline-flex;      align-items: center;      justify-content: center;      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn picture img {      margin-right: 0;      height: 100%;      width: 100%;    }    .tg-df-container .tg-df-carousel-filter-btn img.active-img,    .tg-df-container .tg-df-carousel-filter-btn picture:has(.active-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.inactive-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.inactive-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.active-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.active-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.active-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.active-img) {      display: inline-flex;    }    .tg-df-container .tg-df-carousel-filter-btn {      background: #ffffff;      border: 2px solid #1e293b;      color: #1e293b;      border-radius: 24px;      padding: 6px 16px;      font-size: 14px;      font-weight: 600;      cursor: pointer;      transition: all 0.2s;      flex-shrink: 0;      white-space: nowrap;    }    .tg-df-container .tg-df-carousel-filter-btn svg {      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn {      display: inline-flex;      align-items: center;    }    .tg-df-container .tg-df-carousel-filter-btn:hover {      background: #1e293b;      color: white;      border-color: #1e293b;    }    .tg-df-container .tg-df-carousel-filter-btn.active {      background: #1e293b;      color: white;      border-color: #1e293b;    }        .tg-df-grid.carousel-compact {      display: flex;      flex-wrap: nowrap;      overflow-x: auto;      gap: 16px;      padding: 16px 24px;      align-items: stretch;      scrollbar-width: none;    }    .tg-df-grid.carousel-compact::-webkit-scrollbar {      display: none;    }    .tg-df-grid.carousel-compact .tg-df-card {      flex: 0 0 auto;      width: 200px;      min-height: auto;      height: auto;      display: flex;      flex-direction: column;      border-radius: 15px;      border: none;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      overflow: visible;    }    .tg-df-grid.carousel-compact .tg-df-card-image-box {      padding: 12px;      background-color: transparent;      border-radius: 15px 15px 0 0;      height: 130px;    }    .tg-df-grid.carousel-compact .tg-df-card-image {      mix-blend-mode: normal;    }    .tg-df-grid.carousel-compact .tg-df-card-discount-badge {      border-radius: 0;      top: 0px;      left: 0px;      padding: 4px 8px;      font-size: 11px;    }    .tg-df-grid.carousel-compact .tg-df-card-body {      padding: 8px 12px 12px 12px;    }    .tg-df-grid.carousel-compact .tg-df-card-title {      font-size: 14px;      font-weight: 400;      margin-bottom: 8px;      color: #011535;    }    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):not(:has(.tg-df-tag-prime)):not(:has(.tg-df-coupon-wrapper:not([style*="none"]))) > .tg-df-card-title,    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):has(> .tg-df-card-title:first-child) > .tg-df-card-title {    }    .tg-df-grid.carousel-compact .tg-df-card-cta {      border-radius: 5px;      padding: 8px 10px;      margin-top: 4px;      background-color: #1F69FF;    }    .tg-df-grid.carousel-compact .tg-df-card-price-group {      margin-bottom: 2px;    }    .tg-df-grid.carousel-compact .tg-df-card-merchant-pill {      margin-bottom: 2px;    }    @container tg-df (max-width: 599px) {      .tg-df-container .tg-df-carousel-blue-box-title {        font-size: 24px;      }      .tg-df-container .tg-df-countdown-title {        display: none;      }      .tg-df-container .tg-df-countdown-wrapper {        position: absolute;        top: 0;        right: 0;        align-items: flex-end;        transform: scale(0.40);        transform-origin: top right;      }      .tg-df-container .tg-df-roundel {        min-width: 88px;      }      .tg-df-container .tg-df-roundel-img-box {        width: 88px;        height: 88px;      }    }    /* REPLICA BLOCK STYLES */    .tg-df-grid.layout-replica-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px; }    .tg-df-grid.layout-replica-1 { grid-template-columns: 1fr !important; gap: 20px; }        .tg-df-container .hawk-deal-widget-container { border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: inherit; }    .tg-df-container .hawk-deal-widget-wrap { display: flex; flex-direction: row; align-items: flex-start; width: 100%; gap: 24px; }    .tg-df-container .hawk-deal-widget-image-container { display: flex; flex-shrink: 0; justify-content: center; width: 160px; height: 160px; align-items: center; background: white; margin-bottom: 0px; }    .tg-df-container .hawk-deal-widget-title-product-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.4; display: inline; }    .tg-df-container .hawk-deal-widget-title-price { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-price-now { font-weight: 700; }    .tg-df-container .hawk-deal-widget-title-retailer-price:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-title-retailer { font-size: 18px; font-weight: 700; line-height: 1.4; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-was-price { color: #dc2626; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: line-through; white-space: nowrap; margin-left: 8px; margin-right: 8px; }    .tg-df-container .hawk-deal-widget-text-body-container { position: relative; width: 100%; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-text-body-main { font-size: 16px; width: 100%; margin-bottom: 12px; }    .tg-df-container .hawk-deal-widget-text-body-description { display: block; font-size: 15px; margin-top: 12px; color: #4b5563; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-body-description p { margin: 0; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-cta-container { display: flex; flex-direction: column; gap: 12px; width: 100%; flex: 1; min-width: 0; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-footer { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }    .tg-df-container .hawk-deal-widget-button-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; }    .tg-df-container .hawk-deal-widget-preferred-partner-wrapper { display: flex; flex-direction: row; }        @container tg-df (min-width: 600px) {      .tg-df-mobile-only { display: none !important; }    }    @container tg-df (max-width: 599px) {      .tg-df-desktop-only { display: none !important; }      .tg-df-grid.layout-replica-2 { grid-template-columns: 1fr !important; }      .tg-df-grid.savings-squad-cards { grid-template-columns: 1fr !important; display: flex; flex-direction: column; }    }    .tg-df-grid.savings-squad-cards .tg-df-card-title {      -webkit-line-clamp: unset !important;      display: block !important;      overflow: visible !important;    }    @container tg-df (max-width: 500px) {      .tg-df-container .hawk-deal-widget-wrap { display: block; }      .tg-df-container .hawk-deal-widget-image-container { display: block; float: left; margin: 0 16px 8px 0; width: 120px; max-width: 120px; height: auto; align-items: normal; justify-content: normal; }      .tg-df-container .hawk-deal-widget-text-cta-container { display: block; text-align: left; }      .tg-df-container .hawk-deal-widget-footer { display: block; margin-top: 16px; clear: both; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper .hawk-deal-widget-preferred-partner-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-affiliate-link-deal-button { box-sizing: border-box !important; display: flex !important; max-width: none !important; width: 100% !important; margin: 0 !important; }    }        .tg-df-container .hawk-affiliate-link-deal-button {       align-items: center; background-color: #1f69ff; box-sizing: border-box; color: #ffffff !important; display: flex; font-size: 14px; font-weight: 700; justify-content: center; letter-spacing: 0.5px; line-height: 1; min-width: 160px; padding: 14px 24px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; word-break: normal; border-radius: 4px; border: 0; transition: background-color 0.2s;     }    .tg-df-container .hawk-affiliate-link-deal-button:hover { background-color: #0056e0; text-decoration: none; }    .tg-df-container .hawk-lazy-image-deal-widget { display: block; height: auto; margin: auto; max-height: 160px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; }    .tg-df-container .hawk-deal-widget-text-cta-container a { color: #2563eb; text-decoration: none; display: inline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:has(.hawk-deal-widget-title-product-title) { color: #111827; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-product-title,    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-retailer-price { text-decoration: underline; }    .tg-df-savings-squad-header { margin-bottom: 24px; text-align: center; display: none; }    .tg-df-banner-img-desktop { display: block; width: 100%; height: auto; margin-bottom: 32px; }    .tg-df-banner-img-mobile { display: none; width: 100%; height: auto; margin-bottom: 32px; }    @container tg-df (max-width: 600px) {      .tg-df-banner-img-desktop { display: none; }      .tg-df-banner-img-mobile { display: block; }    }    .tg-df-header-title { font-size: 28px; font-weight: 700; color: var(--tg-df-text); margin: 32px 0 12px 0; line-height: 1.3; }    .tg-df-header-subtitle { font-size: 16px; color: var(--tg-df-text-muted); margin: 0 0 32px 0; line-height: 1.5; }  \x3C/style>  \x3C!-- Widget Container --\x3E  \x3Cdiv class="tg-df-container" id="signal-deals-finder-root">    \x3Cdiv class="tg-df-savings-squad-header" id="tg-df-savings-squad-header">      \x3Cpicture>        \x3Cimg src="https://cdn.mos.cms.futurecdn.net/flexiimages/xkh2og7m3d1778189998.png" alt="Deals Banner" class="tg-df-banner-img-desktop" />        \x3Cimg src="https://cdn.mos.cms.futurecdn.net/flexiimages/gmak6rtdf41778245089.png" alt="Deals Banner Mobile" class="tg-df-banner-img-mobile" />      \x3C/picture>      \x3Cdiv class="tg-df-header-text">        \x3Ch2 class="tg-df-header-title" id="tg-df-header-title">Editor's Choice Deals\x3C/h2>        \x3Cp class="tg-df-header-subtitle" id="tg-df-header-subtitle">Discover the best discounts currently available, curated daily by the Tom's Guide Savings Squad.\x3C/p>      \x3C/div>    \x3C/div>    \x3C!-- Editor Floating Bar --\x3E    \x3Cdiv class="tg-df-editor-bar" id="tg-df-editor-bar" style="display:none;">      \x3Cdiv class="tg-df-editor-bar-text" style="display: flex; align-items: center;">        \x3Cspan id="tg-df-selected-count">0\x3C/span>\x26nbsp;Deals Selected        \x3Cbutton class="tg-df-editor-clear-btn" id="tg-df-editor-clear" type="button" style="margin-left: 12px; font-size: 13px; color: #9ca3af; background: none; border: none; cursor: pointer; text-decoration: underline;">Clear All\x3C/button>      \x3C/div>      \x3Cbutton class="tg-df-editor-copy-btn" id="tg-df-editor-copy" type="button">        \x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">\x3C/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">\x3C/path>\x3C/svg>        Copy to CMS      \x3C/button>    \x3C/div>    \x3Cdiv class="tg-df-carousel-host" id="tg-df-carousel-host" style="display: none;">      \x3Cdiv class="tg-df-carousel-eyebrow">DEAL FINDER\x3C/div>      \x3Cdiv class="tg-df-carousel-query-title" id="tg-df-carousel-title-label">Best Deals\x3C/div>            \x3Cdiv class="tg-df-carousel-blue-box">        \x3Cdiv class="tg-df-carousel-bg-circle-1" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-2" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-3" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-box-content">          \x3Cdiv class="tg-df-countdown-wrapper" id="tg-df-countdown-wrapper" style="display:none;">            \x3Cdiv class="tg-df-countdown-title" id="tg-df-countdown-title">Prime Day starts in\x3C/div>            \x3Cdiv class="tg-df-countdown-blocks">              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-days">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">DAYS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-hrs">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">HRS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-min">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">MIN\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-sec">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">SEC\x3C/div>\x3C/div>            \x3C/div>          \x3C/div>          \x3Cdiv class="tg-df-carousel-box-eyebrow">DEAL FINDER\x3C/div>          \x3Cdiv class="tg-df-carousel-box-title">Find Deals Fast\x3C/div>          \x3Cdiv class="tg-df-carousel-box-subtitle">The latest deals from the biggest retailers, all in one place\x3C/div>                    \x3Cdiv class="tg-df-carousel-roundels-wrapper">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-roundels">                      \x3Cdiv class="tg-df-roundel tg-df-carousel-cat" data-query="Televisions" data-pr="all">              \x3Cdiv class="tg-df-roundel-img-box">                 \x3Cimg src="https://cdn.mos.cms.futurecdn.net/wcMxTsHgqu3roMbAx7RLnT-132-100.png" alt="TVs" />              \x3C/div>              \x3Cspan class="tg-df-roundel-label">TVs\x3C/span>            \x3C/div>                      \x3Cdiv class="tg-df-roundel tg-df-carousel-cat" data-query="Phones" data-pr="over50">              \x3Cdiv class="tg-df-roundel-img-box">                 \x3Cimg src="https://cdn.mos.cms.futurecdn.net/G3KGaRGzj24F6PUsw4bWpT-132-100.png" alt="Phones" />              \x3C/div>              \x3Cspan class="tg-df-roundel-label">Phones\x3C/span>            \x3C/div>                      \x3Cdiv class="tg-df-roundel tg-df-carousel-cat" data-query="Computing" data-pr="all">              \x3Cdiv class="tg-df-roundel-img-box">                 \x3Cimg src="https://cdn.mos.cms.futurecdn.net/znNvsLzx8NEgNkD9HSFSnT-132-100.png" alt="Computing" />              \x3C/div>              \x3Cspan class="tg-df-roundel-label">Computing\x3C/span>            \x3C/div>                      \x3Cdiv class="tg-df-roundel tg-df-carousel-cat" data-query="Gaming" data-pr="all">              \x3Cdiv class="tg-df-roundel-img-box">                 \x3Cimg src="https://cdn.mos.cms.futurecdn.net/Pgew8yaRQeZFHqHjTzvBnT-132-100.png" alt="Gaming" />              \x3C/div>              \x3Cspan class="tg-df-roundel-label">Gaming\x3C/span>            \x3C/div>                      \x3Cdiv class="tg-df-roundel tg-df-carousel-cat" data-query="Mattresses" data-pr="over500">              \x3Cdiv class="tg-df-roundel-img-box">                 \x3Cimg src="https://cdn.mos.cms.futurecdn.net/cW7xsaLyesxkHFVSiC4kmT-132-100.png" alt="Mattresses" />              \x3C/div>              \x3Cspan class="tg-df-roundel-label">Mattresses\x3C/span>            \x3C/div>                      \x3Cdiv class="tg-df-roundel tg-df-carousel-cat" data-query="Audio" data-pr="over30">              \x3Cdiv class="tg-df-roundel-img-box">                 \x3Cimg src="https://cdn.mos.cms.futurecdn.net/pCvBVHuhaQVjKt3VgCjbqT-132-100.png" alt="Audio" />              \x3C/div>              \x3Cspan class="tg-df-roundel-label">Audio\x3C/span>            \x3C/div>                  \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>        \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-carousel-filters-outer" style="position: relative;">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-filters-wrap">                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="0">All\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_lightning">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_prime">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-d="10">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 10% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="15">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 15% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="25">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 25% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-pr="under50">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>            Under $50\x3C/button>        \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3C/div>    \x3C/div>    \x3C/div>      \x3C!-- Search & Filter Controls --\x3E      \x3Cdiv class="tg-df-top-bar" id="tg-df-top-bar" style="position: relative; z-index: 100; margin: 0 auto 20px;">        \x3Cdiv class="tg-df-search-wrapper">          \x3Cinput type="text" class="tg-df-search-input" placeholder="Search for deals, products, or brands...">          \x3Cbutton type="button" class="tg-df-search-btn" aria-label="Search">              \x3Csvg class="tg-df-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">                \x3Cpath d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-autocomplete-dropdown" id="tg-df-autocomplete">\x3C/div>        \x3C/div>      \x3C/div>    \x3Cdiv class="tg-df-controls" id="tg-df-controls" style="display:flex;">              \x3Cdiv class="tg-df-filters-container" style="position: relative; width: 100%; max-width: 800px; margin: 0 auto;">          \x3Cbutton class="tg-df-scroll-btn left" style="display: none;" onclick="this.parentElement.querySelector('.tg-df-filters').scrollBy({left: -200, behavior: 'smooth'})">            \x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\x3Cpath d="M15 18l-6-6 6-6"/>\x3C/svg>          \x3C/button>          \x3Cbutton class="tg-df-scroll-btn right" style="display: none;" onclick="this.parentElement.querySelector('.tg-df-filters').scrollBy({left: 200, behavior: 'smooth'})">            \x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\x3Cpath d="M9 18l6-6-6-6"/>\x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-filters">          \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-category-filter-wrapper" style="display: none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-category-filter" aria-label="Category">            \x3Coption value="all">All Categories\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-multiselect-container" id="tg-df-brand-filter-wrapper" style="display:none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/>          \x3C/svg>          \x3Cdiv class="tg-df-filter-select tg-df-multiselect-trigger" id="tg-df-brand-trigger" tabindex="0">            Any Brand          \x3C/div>          \x3Cdiv class="tg-df-multiselect-dropdown" id="tg-df-brand-dropdown">            \x3C!-- Populated via script --\x3E          \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-price-range-wrapper" id="tg-df-custom-price-wrapper" style="display: flex; align-items:center; justify-content:center; padding: 10px 20px; gap: 8px; border: 1px solid var(--tg-df-border); border-radius: 100px; background-color: var(--tg-df-bg);">          \x3Cspan style="font-size:14px; font-weight:500; color:var(--tg-df-text-primary);">Price\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-min" placeholder="Min" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">          \x3Cspan style="color:var(--tg-df-text-muted)">-\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-max" placeholder="Max" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-legacy-price-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-price-filter" aria-label="Filter Prices">            \x3Coption value="all">All Prices\x3C/option>            \x3Coption value="under50">Under $50\x3C/option>            \x3Coption value="50_100">$50 - $100\x3C/option>            \x3Coption value="100_200">$100 - $200\x3C/option>            \x3Coption value="200_500">$200 - $500\x3C/option>            \x3Coption value="over500">Over $500\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-discount-filter-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-discount-filter" aria-label="Discount Amount">            \x3Coption value="all">Any discount\x3C/option>            \x3Coption value="5">Min 5%\x3C/option>            \x3Coption value="10">Min 10%\x3C/option>            \x3Coption value="15">Min 15%\x3C/option>            \x3Coption value="20">Min 20%\x3C/option>            \x3Coption value="25">Min 25%\x3C/option>            \x3Coption value="30">Min 30%\x3C/option>            \x3Coption value="40">Min 40%\x3C/option>            \x3Coption value="50">Min 50%\x3C/option>            \x3Coption value="60">Min 60%\x3C/option>            \x3Coption value="70">Min 70%\x3C/option>          \x3C/select>          \x3C/div>        \x3C/div>        \x3C/div>      \x3C/div>    \x3C!-- Deals Grid Wrapper --\x3E    \x3Cdiv class="tg-df-grid-wrapper tg-df-carousel-cards-wrapper" id="tg-df-grid-wrapper">      \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3Cdiv class="tg-df-grid" id="tg-df-grid">        \x3C!-- Content populated by JavaScript --\x3E      \x3C/div>      \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>    \x3C/div>        \x3C!-- Vouchers Modal --\x3E    \x3Cdiv class="tg-df-modal-backdrop" id="tg-df-vouchers-modal">      \x3Cdiv class="tg-df-modal">        \x3Cdiv class="tg-df-modal-header">          \x3Ch3 class="tg-df-modal-title" id="tg-df-vouchers-title">Available Coupons & Deals\x3C/h3>          \x3Cbutton class="tg-df-modal-close" id="tg-df-vouchers-close">            \x3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">              \x3Cline x1="18" y1="6" x2="6" y2="18">\x3C/line>              \x3Cline x1="6" y1="6" x2="18" y2="18">\x3C/line>            \x3C/svg>          \x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-modal-body" id="tg-df-vouchers-content">          \x3C!-- Vouchers injected here --\x3E        \x3C/div>      \x3C/div>    \x3C/div>  \x3C/div>`;      if (!template) {        template = document.createElement('template');        template.innerHTML = rawTemplate;      }      let shadowRoot = null;      if (hostContainer && template) {        hostContainer.setAttribute('data-initialized', 'true');        shadowRoot = hostContainer.attachShadow({ mode: 'open' });        shadowRoot.appendChild(template.content.cloneNode(true));      }      class DealsFinderWidget {        constructor(config) {          this.rootNode = config.rootNode || document;          this.hostContainer = config.hostContainer || null;          this.rootId = config.rootId || 'signal-deals-finder-root';          this.root = this.rootNode.querySelector('#' + this.rootId);          if (!this.root) return;          this.widgetId = (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'widget-' + Date.now() + '-' + Math.random().toString(36).slice(2);          this.grid = this.root.querySelector('#tg-df-grid');          this.tagsContainer = this.root.querySelector('#tg-df-tags-container');          this.categoryFilter = this.root.querySelector('#tg-df-category-filter');          this.categoryFilterWrapper = this.root.querySelector('#tg-df-category-filter-wrapper');          this.searchInput = this.root.querySelector('.tg-df-search-input');          this.autocompleteDropdown = this.root.querySelector('#tg-df-autocomplete');          this.sortSelect = this.root.querySelector('.tg-df-sort-select');          this.searchBtn = this.root.querySelector('.tg-df-search-btn');                    this.settingsToggle = this.root.querySelector('#tg-df-settings-toggle');          this.settingsPanel = this.root.querySelector('#tg-df-settings-panel');          this.settingsBackdrop = this.root.querySelector('#tg-df-settings-backdrop');          this.regionSelect = this.root.querySelector('#tg-df-region-select');          this.retailerSelect = this.root.querySelector('#tg-df-retailer-select');          this.offerTypeSelect = this.root.querySelector('#tg-df-offer-type-select');          this.viewModeSelect = this.root.querySelector('#tg-df-view-mode-select');          this.rowsSelect = this.root.querySelector('#tg-df-rows-select');          this.dealModeToggle = this.root.querySelector('#tg-df-deal-mode');          this.editorModeToggle = this.root.querySelector('#tg-df-editor-mode');          this.priceFilter = this.root.querySelector('#tg-df-price-filter');          this.discountFilter = this.root.querySelector('#tg-df-discount-filter');                    this.editorBar = this.root.querySelector('#tg-df-editor-bar');          this.editorSelectedCount = this.root.querySelector('#tg-df-selected-count');          this.editorCopyBtn = this.root.querySelector('#tg-df-editor-copy');          this.editorClearBtn = this.root.querySelector('#tg-df-editor-clear');                    this.apiUrl = 'https://search-api.fie.future.net.uk/widget.php';          this.deals = [];          this.displayLimit = 12;          this.airedaleArticles = null;          this.airedaleTags = [];          this.airedaleTagCounts = {};          this.activeDealTag = null;          this.selectedBrands = [];          this.currentQuery = '';          this.editorMode = this.hostContainer ? this.hostContainer.hasAttribute('data-editor-mode') : false;          this.viewModeOverride = this.hostContainer ? this.hostContainer.getAttribute('data-view-mode') : null;          this.selectedDeals = new Map();                    this.brandFilterWrapper = this.root.querySelector('#tg-df-brand-filter-wrapper');          this.brandTrigger = this.root.querySelector('#tg-df-brand-trigger');          this.brandDropdown = this.root.querySelector('#tg-df-brand-dropdown');                    this.customPriceWrapper = this.root.querySelector('#tg-df-custom-price-wrapper');          this.customPriceMin = this.root.querySelector('#tg-df-custom-price-min');          this.customPriceMax = this.root.querySelector('#tg-df-custom-price-max');          this.legacyPriceWrapper = this.root.querySelector('#tg-df-legacy-price-wrapper');          this.discountFilterWrapper = this.root.querySelector('#tg-df-discount-filter-wrapper');          this.initResizeObserver();          this.init();        }        getViewMode() {          console.log("DEBUG getViewMode -> override:", this.viewModeOverride, "editorMode:", this.editorMode);          if (this.viewModeOverride && (!this.editorMode || !this.viewModeSelect)) {            return this.viewModeOverride;          }          return (this.viewModeSelect && this.viewModeSelect.value) ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');        }        applyLayoutMode() {          if (!this.grid) return;          const mode = this.getViewMode();          console.log("[DEBUG] applyLayoutMode CALLED! mode=", mode);          this.grid.classList.remove('layout-row', 'layout-grid', 'tg-df-grid-auto', 'carousel-compact', 'layout-replica-1', 'layout-replica-2');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          const showHeaderDetails = params.get('show_header_details') !== 'false';          const carouselHost = this.root.querySelector('#tg-df-carousel-host');          const controlsDiv = this.root.querySelector('#tg-df-controls');          const topBarDiv = this.root.querySelector('#tg-df-top-bar');          const headerElement = this.root.querySelector('#tg-df-savings-squad-header');          if (headerElement) {             headerElement.style.display = (mode === 'savings_squad' && showHeaderDetails) ? 'block' : 'none';          }          if (mode === 'carousel') {             this.grid.classList.add('carousel-compact');             if (carouselHost) carouselHost.style.display = 'block';             if (controlsDiv) controlsDiv.style.display = 'none';             if (topBarDiv) topBarDiv.style.display = 'none';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.add('is-carousel');             }          } else {             if (carouselHost) carouselHost.style.display = 'none';             if (controlsDiv) controlsDiv.style.display = 'flex';             if (topBarDiv) topBarDiv.style.display = 'block';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          }          if (mode === 'grid') {            this.grid.classList.add('layout-grid');          } else if (mode === 'row') {            this.grid.classList.add('layout-row');          } else if (mode === 'savings_squad') {            this.grid.classList.add('tg-df-grid-auto', 'savings-squad-cards');          } else if (mode !== 'carousel') {            this.grid.classList.add('tg-df-grid-auto');          }                    const settingsWrapper = this.root.querySelector('.tg-df-settings-wrapper');          if (settingsWrapper) {            settingsWrapper.style.display = mode === 'auto' ? 'none' : 'block';          }          if (this.customPriceWrapper) {             this.customPriceWrapper.style.display = mode === 'auto' ? 'flex' : 'none';          }          if (this.legacyPriceWrapper) {             this.legacyPriceWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }          if (this.discountFilterWrapper) {             this.discountFilterWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }        }        initResizeObserver() {          try {            if (window.parent === window) return;          } catch (e) {            // cross origin frame check threw          }          const emitHeight = () => {            try {              const height = document.documentElement.scrollHeight || document.body.scrollHeight;              const msg = { type: 'embed-size', height: height };              if (window.parent && window.parent !== window) {                window.parent.postMessage(msg, '*');                window.parent.postMessage(JSON.stringify({ ...msg, sentinel: 'amp' }), '*');              }            } catch (e) {}          };                    if (window.ResizeObserver) {            try {              const ro = new ResizeObserver(() => emitHeight());              ro.observe(document.body);              if (this.root) ro.observe(this.root);            } catch(e){ console.warn(e); }          }          window.addEventListener('resize', emitHeight);          setTimeout(emitHeight, 300);        }        initCountdown() {          this.cdWrapper = this.root.querySelector('#tg-df-countdown-wrapper');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          this.showCountdown = params.get('show_countdown') === 'true';          const showHeaderDetails = params.get('show_header_details') !== 'false';          const eyebrow = this.root.querySelector('.tg-df-carousel-box-eyebrow');          const title = this.root.querySelector('.tg-df-carousel-box-title');          const subtitle = this.root.querySelector('.tg-df-carousel-box-subtitle');          if (!showHeaderDetails) {            let containerElement = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (containerElement) containerElement.classList.add('hide-header-details');            if (eyebrow) eyebrow.style.display = 'none';            if (title) title.style.display = 'none';            if (subtitle) subtitle.style.display = 'none';          }          if (!this.cdWrapper) return;          this.cdTitle = this.root.querySelector('#tg-df-countdown-title');          this.cdDays = this.root.querySelector('#tg-df-cd-days');          this.cdHrs = this.root.querySelector('#tg-df-cd-hrs');          this.cdMin = this.root.querySelector('#tg-df-cd-min');          this.cdSec = this.root.querySelector('#tg-df-cd-sec');          this.updateCountdown();          this.cdInterval = setInterval(() => this.updateCountdown(), 1000);        }        updateCountdown() {          if (!this.cdWrapper) return;          if (!this.showCountdown) {            this.cdWrapper.style.display = 'none';            return;          }          const area = this.getAreaCode();          let offset = '-04:00';          if (['DE', 'FR', 'IT', 'ES', 'NL'].includes(area)) {             offset = '+02:00';          } else if (['GB', 'IE', 'UK'].includes(area)) {             offset = '+01:00';          }          const startTime = new Date('2026-06-23T00:00:00' + offset).getTime();          const endTime = new Date('2026-06-26T00:00:00' + offset).getTime();          const now = Date.now();          let targetTime = 0;          if (now < startTime) {             targetTime = startTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day starts in';             this.cdWrapper.style.display = 'flex';          } else if (now < endTime) {             targetTime = endTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day ends in';             this.cdWrapper.style.display = 'flex';          } else {             this.cdWrapper.style.display = 'none';             if (this.cdInterval) clearInterval(this.cdInterval);             return;          }          const diff = Math.max(0, targetTime - now);          const d = Math.floor(diff / (1000 * 60 * 60 * 24));          const h = Math.floor((diff / (1000 * 60 * 60)) % 24);          const m = Math.floor((diff / 1000 / 60) % 60);          const s = Math.floor((diff / 1000) % 60);          if (this.cdDays) this.cdDays.textContent = d;          if (this.cdHrs) this.cdHrs.textContent = h;          if (this.cdMin) this.cdMin.textContent = m;          if (this.cdSec) this.cdSec.textContent = s;        }        init() {          this.initCountdown();          try {            initAnalytics();          } catch (e) {            console.warn('Deals Widget Analytics Error:', e);          }                    this.bindEvents();                    let initialQuery = '';                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          let initialViewMode = params.get('view_mode');          if (!this.viewModeOverride && initialViewMode) {            this.viewModeOverride = initialViewMode;          }          if (!params.has('search') && !params.has('q') && !params.has('query') && initialViewMode !== 'savings_squad') {             initialQuery = 'Gaming laptops';          }          const website = params.get('website') || 'tomsguide';          this.website = website;          if (website === 'techradar') {            const squadHeader = this.root.querySelector('.tg-df-savings-squad-header');            if (squadHeader) {               const pic = squadHeader.querySelector('picture');               if (pic) pic.style.display = 'none';            }            const style = document.createElement('style');            style.innerHTML = `              .tg-df-container .hawk-affiliate-link-deal-button, .tg-df-container .tg-df-card-cta { background-color: #5DAF08 !important; }              .tg-df-container .hawk-affiliate-link-deal-button:hover, .tg-df-container .tg-df-card-cta:hover { background-color: #4a8c06 !important; }            `;            this.root.appendChild(style);          }                    if (this.regionSelect) {            this.regionSelect.value = params.get('region') || 'auto';            this.updatePriceDropdownCurrency();          }                    if (this.retailerSelect && params.has('retailer')) {            this.retailerSelect.value = params.get('retailer');          }                    if (params.has('brands')) {            const b = params.get('brands');            if (b) {              this.selectedBrands = b.split(',');            }          }                    if (this.offerTypeSelect && params.has('offer_type')) {            this.offerTypeSelect.value = params.get('offer_type');          }          if (this.viewModeSelect && params.has('view_mode')) {            this.viewModeSelect.value = params.get('view_mode');          }          if (this.rowsSelect && params.has('rows')) {            this.rowsSelect.value = params.get('rows');          }          if (params.has('price')) {            const priceVal = params.get('price');            if (this.priceFilter) {               // Try assigning it directly to select. If it's not present implicitly ignores               this.priceFilter.value = priceVal;            }            if (priceVal.includes('_')) {               const parts = priceVal.split('_');               if (this.customPriceMin && parts[0]) this.customPriceMin.value = parts[0];               if (this.customPriceMax && parts[1]) this.customPriceMax.value = parts[1];            }          }          if (this.discountFilter && params.has('min_discount_ratio')) {            // Need to convert back from ratio (e.g. 0.8) to select value (e.g. "20")            const ratioStr = params.get('min_discount_ratio');            const ratioFloat = parseFloat(ratioStr);            if (!isNaN(ratioFloat)) {               const percentage = Math.round((1 - ratioFloat) * 100);               this.discountFilter.value = percentage.toString();            }          }          if (this.sortSelect) {            this.sortSelect.value = params.get('sort') || 'date_desc';          }          if (this.dealModeToggle && params.has('deal_mode')) {            this.dealModeToggle.checked = params.get('deal_mode') === 'true' || params.get('deal_mode') === '1';          }          const headerTitleEl = this.root.querySelector('#tg-df-header-title');          const headerSubtitleEl = this.root.querySelector('#tg-df-header-subtitle');          if (params.has('widget_title') && headerTitleEl) {             headerTitleEl.textContent = params.get('widget_title');          }          if (params.has('widget_subtitle') && headerSubtitleEl) {             headerSubtitleEl.textContent = params.get('widget_subtitle');          }                    // Re-apply layout after params have updated control values          this.applyLayoutMode();                    if (params.get('search')) {            initialQuery = params.get('search');          } else if (params.get('q')) {            initialQuery = params.get('q');          } else if (params.get('query')) {            initialQuery = params.get('query');          }                    this.currentQuery = initialQuery;          if (this.searchInput) {            if (this.getViewMode() === 'savings_squad') {              this.searchInput.value = '';            } else {              this.searchInput.value = this.currentQuery;            }          }                    if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {            this.fetchDeals(this.currentQuery);          } else {            this.render();          }        }        updatePriceDropdownCurrency() {          if (!this.priceFilter || !this.regionSelect) return;          const currencySymbols = {            'US': '$',            'GB': '£',            'CA': '$CA',            'AU': '$AU',            'DE': '€',            'FR': '€',            'IT': '€',          };          const area = this.getAreaCode();          const cur = currencySymbols[area || 'US'] || '$';                    const options = this.priceFilter.options;          for (let i = 0; i < options.length; i++) {            const opt = options[i];            if (opt.value === 'all') {              opt.innerText = 'All Prices';            } else if (opt.value === 'under50') {              opt.innerText = `Under ${cur}50`;            } else if (opt.value === '50_100') {              opt.innerText = `${cur}50 - ${cur}100`;            } else if (opt.value === '100_200') {              opt.innerText = `${cur}100 - ${cur}200`;            } else if (opt.value === '200_500') {              opt.innerText = `${cur}200 - ${cur}500`;            } else if (opt.value === 'over500') {              opt.innerText = `Over ${cur}500`;            }          }        }        populateBrandDropdown(values) {          if (!this.brandDropdown || !this.brandFilterWrapper) return;          this.brandFilterWrapper.style.display = 'flex'; // show the wrapper                    let html = '';          const allChecked = this.selectedBrands.length === 0 ? 'checked' : '';          const _div = '<' + '/div>';          const _span = '<' + '/span>';          html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="" ${allChecked} class="tg-df-brand-chk"> Any Brand${_div}`;                    values.forEach(v => {             if (!v.formatted_value || v.formatted_value === 'Any Brand') return;             const isChecked = this.selectedBrands.includes(v.formatted_value) ? 'checked' : '';             html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="${this.escapeHTML(v.formatted_value)}" ${isChecked} class="tg-df-brand-chk"> ${this.escapeHTML(v.formatted_value)} \x3Cspan style="color:var(--tg-df-text-muted);font-size:12px">(${v.count || 0})${_span}${_div}`;          });                    this.brandDropdown.innerHTML = html;                    // Re-bind listeners          const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');          chks.forEach(chk => {            chk.addEventListener('change', (e) => {              const val = e.target.value;              if (val === '') {                this.selectedBrands = [];              } else {                if (e.target.checked) {                   if (!this.selectedBrands.includes(val)) this.selectedBrands.push(val);                } else {                   this.selectedBrands = this.selectedBrands.filter(b => b !== val);                }              }                            if (this.selectedBrands.length === 0) {                 this.brandTrigger.innerText = 'Any Brand';              } else if (this.selectedBrands.length === 1) {                 this.brandTrigger.innerText = this.selectedBrands[0];              } else {                 this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;              }                            // Only call API if changed from UI interactions              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.updateURLParams();                 this.fetchDeals(this.currentQuery);              }            });          });                    // Update button text on load          if (this.selectedBrands.length === 0) {             this.brandTrigger.innerText = 'Any Brand';          } else if (this.selectedBrands.length === 1) {             this.brandTrigger.innerText = this.selectedBrands[0];          } else {             this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;          }        }        updateURLParams() {          const url = new URL(window.location);          if (this.currentQuery && this.currentQuery !== 'Gaming laptops') {            url.searchParams.set('q', this.currentQuery);          } else {            url.searchParams.delete('q');            url.searchParams.delete('search');            url.searchParams.delete('query');          }                    if (this.regionSelect && this.regionSelect.value !== 'auto') {            url.searchParams.set('region', this.regionSelect.value);          } else {            url.searchParams.delete('region');          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.set('retailer', this.retailerSelect.value);          } else {            url.searchParams.delete('retailer');          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.set('brands', this.selectedBrands.join(','));          } else {            url.searchParams.delete('brands');          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.set('offer_type', this.offerTypeSelect.value);          } else {            url.searchParams.delete('offer_type');          }                    if (this.viewModeSelect && this.viewModeSelect.value !== 'auto') {            url.searchParams.set('view_mode', this.viewModeSelect.value);          } else {            url.searchParams.delete('view_mode');          }                    if (this.rowsSelect && this.rowsSelect.value !== '12') {            url.searchParams.set('rows', this.rowsSelect.value);          } else {            url.searchParams.delete('rows');          }                    const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             url.searchParams.set('price', `${min}_${max}`);          } else if (this.priceFilter && this.priceFilter.value !== 'all') {            url.searchParams.set('price', this.priceFilter.value);          } else {            url.searchParams.delete('price');          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {               const ratio = (100 - v) / 100;               url.searchParams.set('min_discount_ratio', ratio.toString());            }          } else {            url.searchParams.delete('min_discount_ratio');          }                    if (this.sortSelect && this.sortSelect.value !== 'date_desc') {            url.searchParams.set('sort', this.sortSelect.value);          } else {            url.searchParams.delete('sort');          }                    if (this.dealModeToggle && this.dealModeToggle.checked) {            url.searchParams.set('deal_mode', 'true');          } else {            url.searchParams.delete('deal_mode');          }                    window.history.replaceState({}, '', url);        }        bindEvents() {          const handleFiltersScroll = () => {            const filters = this.root.querySelector('.tg-df-filters');            const leftBtn = this.root.querySelector('.tg-df-scroll-btn.left');            const rightBtn = this.root.querySelector('.tg-df-scroll-btn.right');            if (filters && leftBtn && rightBtn) {              const { scrollLeft, scrollWidth, clientWidth } = filters;              leftBtn.style.display = scrollLeft > 0 ? 'flex' : 'none';              rightBtn.style.display = Math.ceil(scrollLeft + clientWidth) < scrollWidth - 5 ? 'flex' : 'none';            }          };          const filters = this.root.querySelector('.tg-df-filters');          if (filters) {            filters.addEventListener('scroll', handleFiltersScroll);            window.addEventListener('resize', handleFiltersScroll);            setTimeout(handleFiltersScroll, 100);                        // Also call after rendering dropdowns            const origRenderCategories = this.renderCategories;            if (origRenderCategories) {               this.renderCategories = (...args) => {                 origRenderCategories.apply(this, args);                 setTimeout(handleFiltersScroll, 50);               };            }          }                const roundels = this.root.querySelectorAll('.tg-df-carousel-cat');          roundels.forEach(r => {             r.addEventListener('click', () => {                const q = r.getAttribute('data-query');                const pr = r.getAttribute('data-pr');                if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: q,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = q;                const label = this.root.querySelector('#tg-df-carousel-title-label');                if (label) label.textContent = 'Best ' + q;                if (this.priceFilter) this.priceFilter.value = pr || 'all';                if (this.discountFilter) this.discountFilter.value = '5';                if (this.searchInput) this.searchInput.value = q;                                roundels.forEach(ro => ro.classList.remove('active'));                r.classList.add('active');                this.fetchDeals(this.currentQuery);             });          });          const discBtns = this.root.querySelectorAll('.tg-df-carousel-filter-btn');          discBtns.forEach(b => {             b.addEventListener('click', () => {                const d = b.getAttribute('data-d');                const pr = b.getAttribute('data-pr');                const ot = b.getAttribute('data-ot');                let label = b.innerText ? b.innerText.trim() : '';                let filterType = 'unknown';                let filterVal = 'unknown';                if (d !== null) { filterType = 'discount'; filterVal = d; }                else if (pr !== null) { filterType = 'price'; filterVal = pr; }                else if (ot !== null) { filterType = 'offertype'; filterVal = ot; }                if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-${filterType}-${filterVal}`, name: 'Filter Button', label: label });                                if (d !== null) {                   if (this.discountFilter) this.discountFilter.value = this.discountFilter.value === d ? '0' : d;                } else if (pr !== null) {                   if (this.priceFilter) this.priceFilter.value = this.priceFilter.value === pr ? 'all' : pr;                } else if (ot !== null) {                   if (this.offerTypeSelect) this.offerTypeSelect.value = this.offerTypeSelect.value === ot ? 'all' : ot;                } else {                   if (this.discountFilter) this.discountFilter.value = '0';                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.offerTypeSelect) this.offerTypeSelect.value = 'all';                }                if (d === null && pr === null && ot === null && b.getAttribute("data-type") !== "custom") {                   discBtns.forEach(ro => ro.classList.remove('active'));                   b.classList.add('active');                } else if (b.getAttribute("data-type") !== "custom") {                   // Only operate on hardcoded buttons (those without data-type)                   discBtns.forEach(ro => {                      if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active');                   });                                      let makeActive = true;                   if (d !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-d') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (pr !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-pr') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (ot !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-ot') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   }                                      if (makeActive) b.classList.add('active');                                      // Check if anything is active, if not activate "All"                   let anyActive = false;                   discBtns.forEach(ro => { if (ro.classList.contains('active') && ro.getAttribute('data-type') !== 'custom') anyActive = true; });                   if (!anyActive) {                       discBtns.forEach(ro => { if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.add('active'); });                   }                }                                this.fetchDeals(this.currentQuery);             });          });          if (this.brandTrigger && this.brandDropdown) {            this.brandTrigger.addEventListener('click', () => {              this.brandDropdown.classList.toggle('active');            });            document.addEventListener('click', (e) => {              if (this.brandFilterWrapper && !e.composedPath().includes(this.brandFilterWrapper)) {                this.brandDropdown.classList.remove('active');              }            });          }          const showAutocomplete = () => {             if (this.getViewMode() !== 'savings_squad' || !this.autocompleteDropdown || !this.airedaleTags) return;                          let terms = this.airedaleTags;             if (this.airedaleBrands) {                terms = terms.concat(this.airedaleBrands.map(b => b.formatted_value));             }             terms = [...new Set(terms)];                          const query = this.searchInput.value.trim();             let matches = [];             if (query.length > 0) {                 matches = terms.filter(t => t.toLowerCase().includes(query.toLowerCase()) && t.toLowerCase() !== query.toLowerCase());             } else {                 matches = terms;             }                          if (matches.length > 0) {                 this.autocompleteDropdown.innerHTML = matches.map(m => `\x3Cdiv class="tg-df-autocomplete-item" data-tag="${this.escapeHTML(m)}">${this.escapeHTML(m)}<` + `/div>`).join('');                 this.autocompleteDropdown.classList.add('active');             } else {                 this.autocompleteDropdown.classList.remove('active');             }          };          let debounceTimer;          if(this.searchInput) {            this.searchInput.addEventListener('focus', showAutocomplete);            this.searchInput.addEventListener('input', (e) => {              clearTimeout(debounceTimer);              const query = e.target.value.trim();              this.currentQuery = query;              showAutocomplete();              debounceTimer = setTimeout(() => {                this.updateURLParams();                if (query.length > 2) {                  this.fetchDeals(query);                } else if (query.length === 0) {                  if (this.getViewMode() === 'savings_squad') {                    this.activeDealTag = null;                    this.currentQuery = '';                    if (this.categoryFilter) this.categoryFilter.value = 'all';                    this.fetchDeals('');                  } else {                    this.deals = [];                    this.render();                  }                }              }, 400);            });            this.searchInput.addEventListener('keypress', (e) => {              if (e.key === 'Enter') {                if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');                clearTimeout(debounceTimer);                const query = e.target.value.trim();                this.currentQuery = query;                                let isTag = false;                if (this.airedaleTags && this.airedaleTags.includes(query)) isTag = true;                if (this.airedaleBrands && this.airedaleBrands.some(b => b.formatted_value === query)) isTag = true;                this.activeDealTag = isTag ? query : null;                                trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                this.updateURLParams();                if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                   if (query.length === 0 && this.getViewMode() === 'savings_squad') {                       if (this.categoryFilter) this.categoryFilter.value = 'all';                   }                   this.fetchDeals(query);                }              }            });          }          if (this.autocompleteDropdown) {             this.autocompleteDropdown.addEventListener('click', (e) => {                const item = e.target.closest('.tg-df-autocomplete-item');                if (item) {                   const tag = item.getAttribute('data-tag');                   this.currentQuery = tag;                   if (this.searchInput) this.searchInput.value = tag;                   this.activeDealTag = tag;                   if (this.categoryFilter && this.airedaleTags.includes(tag)) {                       this.categoryFilter.value = tag;                   }                   this.autocompleteDropdown.classList.remove('active');                   this.updateURLParams();                   this.fetchDeals(tag);                }             });             document.addEventListener('click', (e) => {               if (this.autocompleteDropdown && this.searchInput && !e.composedPath().includes(this.searchInput) && !e.composedPath().includes(this.autocompleteDropdown)) {                 this.autocompleteDropdown.classList.remove('active');               }             });          }          if (this.searchBtn) {            this.searchBtn.addEventListener('click', () => {              if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');              clearTimeout(debounceTimer);              const query = this.searchInput.value.trim();              trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                            let isTag = false;              if (this.airedaleTags && this.airedaleTags.includes(query)) isTag = true;              if (this.airedaleBrands && this.airedaleBrands.some(b => b.formatted_value === query)) isTag = true;              this.activeDealTag = isTag ? query : null;                            this.currentQuery = query;              this.updateURLParams();              if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                 if (query.length === 0 && this.getViewMode() === 'savings_squad') {                     if (this.categoryFilter) this.categoryFilter.value = 'all';                 }                 this.fetchDeals(query);              }            });          }          if(this.sortSelect && this.sortSelect.querySelector('option[value="date_desc"]') === null) {              const option = document.createElement('option');              option.value = "date_desc";              option.text = "Newest First";              this.sortSelect.insertBefore(option, this.sortSelect.firstChild);          }          if(this.sortSelect) this.sortSelect.addEventListener('change', () => {            trackElementInteraction({ id: `sort-option-${this.sortSelect.value}`, name: 'Sort', label: `Sort: ${this.sortSelect.options[this.sortSelect.selectedIndex].text}` });            this.updateURLParams();            if (this.deals.length > 0) {              this.sortData();              this.render();            }          });                    const priceFilter = this.root.querySelector('#tg-df-price-filter');          if (priceFilter) {            this.priceFilter = priceFilter;            this.priceFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-price-${this.priceFilter.value}`, name: 'Price', label: this.priceFilter.options[this.priceFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          const updateCustomPrice = () => {             this.updateURLParams();             if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);             } else {                this.render();             }          };          if (this.customPriceMin) {             this.customPriceMin.addEventListener('change', updateCustomPrice);             this.customPriceMin.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          if (this.customPriceMax) {             this.customPriceMax.addEventListener('change', updateCustomPrice);             this.customPriceMax.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          const discountFilter = this.root.querySelector('#tg-df-discount-filter');          if (discountFilter) {            this.discountFilter = discountFilter;            this.discountFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-discount-${this.discountFilter.value}`, name: 'Discount', label: this.discountFilter.options[this.discountFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          if (this.categoryFilter) {            this.categoryFilter.addEventListener('change', (e) => {               const val = e.target.value === 'all' ? null : e.target.value;               this.activeDealTag = val;               if (val) {                 this.currentQuery = val;               } else {                 if (this.searchInput && this.currentQuery === document.querySelector('#tg-df-brand-trigger')?.getAttribute('data-active-brand')) {                     // don't clear current query if a brand is selected                 } else if (this.searchInput) {                     this.currentQuery = '';                     this.searchInput.value = '';                 }               }               this.fetchSavingsSquad();            });          }                    if (this.settingsToggle) {            this.settingsToggle.addEventListener('click', () => {              const o = this.settingsPanel.classList.toggle('active');              this.settingsBackdrop.classList.toggle('active');              if (o) trackElementInteraction({ id: 'filter-open', name: 'Filters', label: 'Open filters' });            });          }                    if (this.settingsBackdrop) {            this.settingsBackdrop.addEventListener('click', () => {              this.settingsPanel.classList.remove('active');              this.settingsBackdrop.classList.remove('active');            });          }                    if (this.regionSelect) {            this.regionSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-region-${this.regionSelect.value}`, name: 'Region', label: this.regionSelect.options[this.regionSelect.selectedIndex].text });              this.updateURLParams();              this.updatePriceDropdownCurrency();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.retailerSelect) {            this.retailerSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-merchant-${this.retailerSelect.value}`, name: 'Retailer', label: this.retailerSelect.options[this.retailerSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.offerTypeSelect) {            this.offerTypeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-offertype-${this.offerTypeSelect.value}`, name: 'Offer Type', label: this.offerTypeSelect.options[this.offerTypeSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.viewModeSelect) {            this._prevViewMode = this.viewModeSelect.value;            this.viewModeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-viewmode-${this.viewModeSelect.value}`, name: 'View Mode', label: this.viewModeSelect.options[this.viewModeSelect.selectedIndex].text });                            // Reset all active toggles and filters to prevent config carry-over              this.selectedBrands = [];              if (this.brandTrigger) this.brandTrigger.innerText = 'Select Brands';              if (this.brandDropdown) {                const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                chks.forEach(chk => { chk.checked = false; });              }              if (this.priceFilter) this.priceFilter.value = 'all';              if (this.customPriceMin) this.customPriceMin.value = '';              if (this.customPriceMax) this.customPriceMax.value = '';              if (this.sortSelect) this.sortSelect.value = 'date_desc';              if (this.discountFilter) this.discountFilter.value = '0';              if (this.retailerSelect) this.retailerSelect.value = '';              if (this.offerTypeSelect) this.offerTypeSelect.value = '';              if (this.rowsSelect) this.rowsSelect.value = '12';              if (this.categoryFilter) this.categoryFilter.value = 'all';              this.activeDealTag = null;              this.updateURLParams();              this.applyLayoutMode();                            if (this.getViewMode() === 'savings_squad' || this._prevViewMode === 'savings_squad') {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }              this._prevViewMode = this.viewModeSelect.value;            });          }                    if (this.rowsSelect) {            this.rowsSelect.addEventListener('change', () => {              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.dealModeToggle) {            this.dealModeToggle.addEventListener('change', () => {              this.updateURLParams();              this.render();            });          }          if (this.editorModeToggle) {             this.editorModeToggle.addEventListener('change', (e) => {                this.editorMode = e.target.checked;                this.render();                this.updateFloatingCopyBar();             });          }          if (this.editorCopyBtn) {             this.editorCopyBtn.addEventListener('click', () => {                this.copySelectedDealsToCMS();             });          }          if (this.editorClearBtn) {             this.editorClearBtn.addEventListener('click', () => {                this.selectedDeals.clear();                this.render();                this.updateFloatingCopyBar();             });          }          if (this.grid) {            this.grid.addEventListener('change', (e) => {               if (e.target.classList.contains('tg-df-deal-checkbox')) {                  const dealId = e.target.getAttribute('data-id');                  if (e.target.checked) {                     const dealObj = this.deals.find(d => d.id === dealId);                     if (dealObj) this.selectedDeals.set(dealId, dealObj);                  } else {                     this.selectedDeals.delete(dealId);                  }                  this.updateFloatingCopyBar();               }            });            this.grid.addEventListener('click', (e) => {              const dealCard = e.target.closest('[data-action="deal-click"]');              const similarCard = e.target.closest('[data-action="view-similar-click"]');              const cardLink = dealCard || similarCard;              if (cardLink) {                const productName = cardLink.getAttribute('data-product-name');                const merchantName = cardLink.getAttribute('data-merchant-name');                const productId = cardLink.getAttribute('data-analytics-id');                const price = parseFloat(cardLink.getAttribute('data-price')) || null;                const prevPriceStr = cardLink.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = cardLink.getAttribute('data-original-link');                const rewrittenLink = cardLink.getAttribute('href');                const revenueId = cardLink.getAttribute('data-revenue-id');                const index = parseInt(cardLink.getAttribute('data-index'), 10) || 0;                const inStock = cardLink.getAttribute('data-in-stock') === 'true';                const totalText = cardLink.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: cardLink.getAttribute('data-model-id') || null,                    matchId: cardLink.getAttribute('data-match-id') || null,                    brand: cardLink.getAttribute('data-model-brand') || null,                    parent: cardLink.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: cardLink.getAttribute('data-merchant-id') || null,                    network: cardLink.getAttribute('data-merchant-network') || null,                    url: cardLink.getAttribute('data-merchant-url') || null,                    name: merchantName                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: normalizeCurrency(this.escapeHTML(cardLink.getAttribute('data-currency') || '$'))                };                if (dealCard) {                  trackDealClick(trackingParams);                } else {                  trackViewSimilarClick(trackingParams);                }              }              const couponsBtn = e.target.closest('[data-action="coupons-click"]');              if (couponsBtn) {                trackElementInteraction({                  id: 'product-card-show-coupons',                  name: 'Coupons',                  label: `Product card coupons: ${couponsBtn.getAttribute('data-merchant')}`                });              }            });          }          this.setupScrollListeners();        }        setupScrollListeners() {          const containers = [             this.root.querySelector('.tg-df-carousel-roundels'),             this.root.querySelector('.tg-df-carousel-filters-wrap'),             this.root.querySelector('#tg-df-grid')          ];                    containers.forEach(container => {             if (!container) return;                          const checkScroll = () => {                if (!container.parentElement) return;                const leftBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-left');                const rightBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-right');                                if (leftBtn) {                   if (container.scrollLeft <= 5) leftBtn.style.display = 'none';                   else leftBtn.style.display = 'flex';                }                                if (rightBtn) {                   if (container.scrollWidth <= container.clientWidth) {                       rightBtn.style.display = 'none';                   } else if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 5) {                       rightBtn.style.display = 'none';                   } else {                       rightBtn.style.display = 'flex';                   }                }             };                          container.addEventListener('scroll', checkScroll);             checkScroll();                          window.addEventListener('resize', checkScroll);                          const observer = new MutationObserver(checkScroll);             observer.observe(container, { childList: true, subtree: true, characterData: false });          });        }        get widgetTypeName() {          const mode = this.viewModeSelect ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');          switch(mode) {              case 'carousel': return 'Carousel';              case 'savings_squad': return 'Savings Squad';              case 'grid': return 'Grid';              case 'row': return 'Row';              default: return 'Auto Collection';          }        }        getRowsLimit() {          if (this.rowsSelect && this.rowsSelect.value) return parseInt(this.rowsSelect.value, 10);          let configSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {             configSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {             configSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(configSource);          if (params.has('rows')) return parseInt(params.get('rows'), 10) || 12;          return 12;        }        getAreaCode() {          if (this.regionSelect && this.regionSelect.value) {            if (this.regionSelect.value === 'auto') return null;            return this.regionSelect.value;          }          let area = null;          try {            const locale = window.navigator.language || window.navigator.userLanguage;            if (locale && locale.includes('-')) {              area = locale.split('-')[1].toUpperCase();            } else if (locale && locale.length === 2) {              if (locale.toUpperCase() === 'EN') { area = 'US'; }              else { area = locale.toUpperCase(); }            }          } catch (e) { /* Ignore */ }                    // Map to known valid options or fallback to US          const valid = ['US', 'GB', 'CA', 'AU', 'DE', 'FR', 'IT'];          if (area === 'UK') area = 'GB';          if (valid.includes(area)) {             return area;          }          return 'US';        }        async fetchDeals(query) {          this.showLoading();          this.deals = [];          this.displayLimit = this.getRowsLimit();                    try {            console.log("getViewMode returns:", this.getViewMode());            if (this.getViewMode() === 'savings_squad') {               await this.fetchSavingsSquad();            } else {               if (this.isBroadQuery(query)) {                 await this.fetchAdviserDeals(query);               } else {                 await this.fetchHawkDeals(query);                 if (this.deals.length === 0) {                   await this.fetchAdviserDeals(query);                 }               }            }          } catch (error) {            console.warn("[Tom's Guide Widget] Fetch error:", error);            this.showError();          }        }        async fetchSavingsSquad() {          let topArticles = this.airedaleArticles;          if (!topArticles) {            const siteParam = this.website || 'tomsguide';            const airedaleUrl = `https://airedale.futurecdn.net/feeds/feed_1781000519267.json?site=${siteParam}&articleType=deals&limit=50`;            let res;            try {               res = await fetch(airedaleUrl);            } catch(e) {               try { res = await fetch(`https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=${siteParam}&articleType=deals&limit=50`); } catch (err) { console.warn("Fallback fetch failed", err); return; }            }            if (!res.ok) throw new Error('Airedale API Error');            const articles = await res.json();            topArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);            this.airedaleArticles = topArticles;                        let tagCounts = {};            topArticles.forEach((a) => {              let articleTags = new Set();              if (a.articlecategory && Array.isArray(a.articlecategory)) {                 a.articlecategory.forEach((t) => articleTags.add(t));              }              articleTags.forEach(t => {                 tagCounts[t] = (tagCounts[t] || 0) + 1;              });            });                        this.airedaleTags = Object.keys(tagCounts).sort((a, b) => tagCounts[b] - tagCounts[a]);            this.airedaleTagCounts = tagCounts;          }                    let targetArticles = topArticles;          if (!this.activeDealTag && this.currentQuery) {             const tagMatch = this.airedaleTags.find(t => t.toLowerCase() === this.currentQuery.toLowerCase());             if (tagMatch) {                this.activeDealTag = tagMatch;             }          }          if (this.activeDealTag) {             const cleanTag = this.activeDealTag.toLowerCase().replace(/&/g, '').replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');             const encodedTag = encodeURIComponent(cleanTag);             const siteParam = this.website || 'tomsguide';             const url = `https://airedale.futurecdn.net/feeds/feed_1781000519267.json?site=${siteParam}&articleType=deals&limit=50&articleCategoryHandle=${encodedTag}`;             try {                const res = await fetch(url);                if (res.ok) {                   const articles = await res.json();                   targetArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);                }             } catch(e) {                console.warn("Failed to fetch by activeDealTag", e);             }          }          let extractedDeals = [];          let seenUrls = new Set();                    let overallBrandsCounts = {};                    // First pass: extract ALL brands from topArticles so the dropdown has all options          topArticles.forEach((article) => {             if (!article.articlepage) return;             let pageData = [];             try { pageData = JSON.parse(article.articlepage[0]); } catch(e){ console.warn(e); }             const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');             savingsSquad.forEach((block) => {                const data = block.data || {};                if (data.brand) {                   const cleanBrand = data.brand.replace(/^\d+\.\s*/, '').trim();                   overallBrandsCounts[cleanBrand] = (overallBrandsCounts[cleanBrand] || 0) + 1;                }             });          });          targetArticles.forEach((article) => {             if (!article.articlepage) return;                          let pageData = [];             try {                pageData = JSON.parse(article.articlepage[0]);             } catch(e){ console.warn(e); }                          const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');                          savingsSquad.forEach((block, idx) => {                const data = block.data || {};                const isFeatured = block.type === 'featured-product';                                const link = data.link || {};                const priceObj = data.price || {};                const image = data.image || {};                                if (data.brand) {                   data.brand = data.brand.replace(/^\d+\.\s*/, '').trim();                }                const externalUrl = isFeatured ? data.url : (link.href || null);                let summaryTitle = isFeatured ? (data.name || data.brand) : (data.productName || link.label || article.articlename);                let description = isFeatured ? (data.strapline || '') : (data.text || '');                                if (!isFeatured && !data.productName && data.text) {                   const brSplit = data.text.split(new RegExp('\x3Cbr\\s*\\/?\\x3E', 'i'));                   if (brSplit.length > 1) {                     summaryTitle = brSplit[0].replace(/<[^>]+>/g, '').trim();                     description = brSplit.slice(1).join(' ').replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();                   } else {                     const match = data.text.match(/\x3Cstrong>(.*?)<\/strong>/);                     if (match) {                       summaryTitle = match[1].replace(/<[^>]+>/g, '').trim();                       if (summaryTitle.endsWith(':')) summaryTitle = summaryTitle.slice(0, -1);                     }                   }                }                                let imageUrl = isFeatured ? image.mos : (image.src || null);                if (imageUrl && imageUrl.startsWith('//')) imageUrl = 'https:' + imageUrl;                                description = description.replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').replace(/View Deal$/i, '').trim();                                let merchantName = data.retailer || '';                if (!merchantName && externalUrl) {                   try {                     merchantName = new URL(externalUrl).hostname.replace('www.', '').split('.')[0];                     merchantName = merchantName.charAt(0).toUpperCase() + merchantName.slice(1);                   }catch(e){ console.warn(e); }                }                if (!merchantName) merchantName = 'Retailer';                const q = (this.currentQuery || '').toLowerCase();                const activeTagLogic = (this.activeDealTag || '').toLowerCase();                if (q.length > 2 && q !== activeTagLogic) {                   const searchTarget = `${summaryTitle || ''} ${description || ''}`.toLowerCase();                   if (!searchTarget.includes(q)) return;                }                let rawPrice = 0;                let rawMsrp = 0;                let currencyStr = '$';                if (isFeatured) {                   rawPrice = typeof data.salePrice === 'number' && data.salePrice > 0 ? data.salePrice : (typeof data.price === 'number' ? data.price : 0);                   rawMsrp = typeof data.salePrice === 'number' && typeof data.price === 'number' && data.price > data.salePrice ? data.price : 0;                   currencyStr = data.currency === 'GBP' ? '£' : '$';                } else {                   rawPrice = priceObj.amount ? parseFloat(priceObj.amount) : 0;                   rawMsrp = priceObj.amountWas ? parseFloat(priceObj.amountWas) : 0;                   currencyStr = priceObj.currency === 'GBP' ? '£' : '$';                }                                let savingAmt = 0;                let savingLabel = '';                if (rawPrice > 0 && rawMsrp > rawPrice) {                   savingAmt = parseFloat((rawMsrp - rawPrice).toFixed(2));                   savingLabel = `Save ${currencyStr}${savingAmt}`;                }                                // Apply Brand filter                if (this.selectedBrands && this.selectedBrands.length > 0) {                   const itemBrand = (data.brand || '').toLowerCase();                   const hasMatch = this.selectedBrands.some(sb => sb.toLowerCase() === itemBrand);                   if (!hasMatch) return;                }                // Apply Price filter                let priceFilterVal = null;                const min = this.customPriceMin ? this.customPriceMin.value : '';                const max = this.customPriceMax ? this.customPriceMax.value : '';                if (min || max) {                   priceFilterVal = `${min}_${max}`;                } else if (this.priceFilter && this.priceFilter.value !== 'all') {                   priceFilterVal = this.priceFilter.value;                }                if (priceFilterVal && rawPrice > 0) {                   if (priceFilterVal === 'under50' && rawPrice >= 50) return;                   if (priceFilterVal === 'over50' && rawPrice <= 50) return;                   if (priceFilterVal === 'over30' && rawPrice <= 30) return;                   if (priceFilterVal === 'over500' && rawPrice <= 500) return;                   if (priceFilterVal.includes('_')) {                      const parts = priceFilterVal.split('_');                      const min = parseFloat(parts[0]);                      const max = parseFloat(parts[1]);                      if (!isNaN(min) && rawPrice < min) return;                      if (!isNaN(max) && rawPrice > max) return;                   }                }                // Apply Discount filter                if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {                   const requiredDiscount = parseInt(this.discountFilter.value);                   if (!isNaN(requiredDiscount) && requiredDiscount > 0) {                      if (!rawMsrp || rawMsrp <= rawPrice) return;                      const ratio = Math.round((1 - (rawPrice / rawMsrp)) * 100);                      if (ratio < requiredDiscount) return;                   }                }                                if (externalUrl) {                   if (seenUrls.has(externalUrl)) return;                  seenUrls.add(externalUrl);                }                                extractedDeals.push({                   id: `airedale-${article.id || Math.random()}-${idx}`,                   url: externalUrl,                   image: imageUrl,                   fallbackImage: imageUrl,                   title: summaryTitle,                   brand: data.brand || '',                   productName: data.productName || '',                   merchant: merchantName,                   rawPrice: rawPrice,                   rawMsrp: rawMsrp,                   price: rawPrice > 0 ? rawPrice.toString() : '',                   msrp: rawMsrp > 0 ? rawMsrp.toString() : '',                   currency: currencyStr,                   isCheckPrice: !rawPrice,                   savingLabel: savingLabel,                   savingType: rawMsrp > rawPrice ? 'amount' : 'none',                   isPrime: false,                   starRating: null,                   description: description,                   text: data.text || '',                   authorName: article.articleauthortext ? article.articleauthortext[0] : (article.articleauthor ? article.articleauthor[0] : ''),                   authorRole: article.articleauthorrole ? article.articleauthorrole[0] : '',                   authorImage: article.articleauthormedia ? article.articleauthormedia[0] : '',                   documentUrl: article.documenturl ? article.documenturl[0] : '',                   modifiedDate: article.contentmodifieddate || article.modifieddate || ''                });             });          });                    const airedaleBrandsList = Object.keys(overallBrandsCounts).map(b => ({              formatted_value: b,              count: overallBrandsCounts[b]          })).sort((a,b) => b.count - a.count);                    if (this.getViewMode() === 'savings_squad') {             this.populateBrandDropdown(airedaleBrandsList.slice(0, 15));             if (this.brandFilterWrapper) {                if (airedaleBrandsList.length === 0) {                    this.brandFilterWrapper.style.display = 'none';                } else {                    this.brandFilterWrapper.style.display = 'flex';                }             }          }                    this.deals = extractedDeals;          this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        isBroadQuery(query) {          const q = query.toLowerCase();          const intentModifiers = ['deals', 'best', 'sale', 'under', 'cheap', 'offers', 'discount'];          return intentModifiers.some(term => q.includes(term));        }        async fetchHawkDeals(query) {          const url = new URL(this.apiUrl);          url.searchParams.append('model_name', query);          const areaCode = this.getAreaCode();          if (areaCode) {            url.searchParams.append('area', areaCode);          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.append('filter_merchant_name', this.retailerSelect.value);          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.append('filter_label[text_brand]', this.selectedBrands.join(','));          }                    let priceVal = null;          const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             priceVal = `${min}_${max}`;          } else if (this.priceFilter && this.priceFilter.value !== 'all') {             priceVal = this.priceFilter.value;          }          if (priceVal) {            if (priceVal === 'under50') {              url.searchParams.append('filter_max_price', '50');            } else if (priceVal === 'over50') {              url.searchParams.append('filter_min_price', '50');            } else if (priceVal === 'over30') {              url.searchParams.append('filter_min_price', '30');            } else if (priceVal === 'over500') {              url.searchParams.append('filter_min_price', '500');            } else if (priceVal.includes('_')) {              const parts = priceVal.split('_');              if (parts[0]) url.searchParams.append('filter_min_price', parts[0]);              if (parts[1]) url.searchParams.append('filter_max_price', parts[1]);            }          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {              const ratio = (100 - v) / 100;              url.searchParams.append('min_discount_ratio', ratio.toString());            }          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.append('offer', this.offerTypeSelect.value);          }                    url.searchParams.append('filter_product_types', 'deals');                    url.searchParams.append('rows', this.getRowsLimit().toString());          let response;          try {             response = await fetch(url.toString());          } catch(e) {             if (window.location.protocol === 'file:') {                console.warn("[Tom's Guide Widget] fetch from file:// blocked by local CORS policy, falling back to Adviser mock.");                await this.fetchAdviserDeals(query);                return;             }             console.warn("Hawk fetch failed", e);             this.deals = [];             this.render();             return;          }          if (!response.ok) {            throw new Error('Hawk API Response Error');          }          const rawData = await response.json();          // Safely locate data array from potentially wrapped response          let offers = [];          let modelInfoArray = [];                    let brandFilterData = null;          if (rawData && rawData.widget && rawData.widget.data && Array.isArray(rawData.widget.data.filters)) {             brandFilterData = rawData.widget.data.filters.find(f => f.type === 'label_text_brand');          } else if (rawData && rawData.data && Array.isArray(rawData.data.filters)) {             brandFilterData = rawData.data.filters.find(f => f.type === 'label_text_brand');          }          if (brandFilterData && Array.isArray(brandFilterData.values) && brandFilterData.values.length > 0) {             this.populateBrandDropdown(brandFilterData.values);          } else {             if (this.brandFilterWrapper && this.selectedBrands.length === 0) {                this.brandFilterWrapper.style.display = 'none';             }          }                    if (rawData && rawData.widget && rawData.widget.data) {            if (Array.isArray(rawData.widget.data.offers)) offers = rawData.widget.data.offers;            if (rawData.widget.data.model_info && typeof rawData.widget.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.widget.data.model_info) ? rawData.widget.data.model_info : Object.values(rawData.widget.data.model_info);            }          } else if (rawData && rawData.data) {            if (Array.isArray(rawData.data.offers)) offers = rawData.data.offers;            if (rawData.data.model_info && typeof rawData.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.data.model_info) ? rawData.data.model_info : Object.values(rawData.data.model_info);            }          } else {            if (Array.isArray(rawData)) offers = rawData;            else if (rawData && Array.isArray(rawData.offers)) offers = rawData.offers;            else if (rawData && rawData.offers && Array.isArray(rawData.offers.offer)) offers = rawData.offers.offer;            else if (rawData && rawData.offers) offers = [].concat(rawData.offers);                        if (rawData && rawData.model_info && typeof rawData.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.model_info) ? rawData.model_info : Object.values(rawData.model_info);            }          }          let modelDetails = {};          modelInfoArray.forEach(m => {            const mId = m.model_id || m.id;            if (mId) {              modelDetails[mId] = {                score: m.score != null ? parseFloat(m.score) : null,                brand: m.brand || null,                parent: (m.parents && Array.isArray(m.parents) && m.parents.length > 0) ? m.parents[0].name : null              };            }          });          offers.forEach(item => {            let data = { ...item };            const mId = data.model_id;            if (mId && modelDetails[mId]) {              data.review_score = modelDetails[mId].score;              data.model_brand = modelDetails[mId].brand;              data.model_parent = modelDetails[mId].parent;            } else {              data.review_score = null;            }                        let itemOffers = [];            if (Array.isArray(item.offers)) itemOffers = item.offers;            else if (Array.isArray(item.offer)) itemOffers = item.offer;            else if (item.offers && typeof item.offers === 'object') itemOffers = [item.offers];            else if (item.offer && typeof item.offer === 'object') itemOffers = [item.offer];            if (itemOffers.length > 0) {              itemOffers.forEach(subItem => {                let subData = { ...item, ...subItem };                const subId = subData.model_id;                if (subId && modelDetails[subId]) {                  subData.review_score = modelDetails[subId].score;                  subData.model_brand = modelDetails[subId].brand;                  subData.model_parent = modelDetails[subId].parent;                } else if (data.review_score != null) {                  subData.review_score = data.review_score;                }                if (subData.merchant && typeof subData.merchant === 'object') {                  subData.merchant_name = subData.merchant.name;                }                this.deals.push(this.extractDealData(subData));              });              return;            }                        if (item.merchant && typeof item.merchant === 'object') {              data.merchant_name = item.merchant.name;            }                        this.deals.push(this.extractDealData(data));          });                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        async fetchAdviserDeals(query) {          // ======================================================================          // TODO: ADVISER API REPLACEMENT          // The code below simulates the Adviser API response using mock data.          // Once the real endpoint is ready, remove getAdviserMockData() and           // perform an actual fetch() request similar to fetchHawkDeals().          // Example:          // const area = this.getAreaCode();          // let apiUrl = `https://your-adviser-api.com/search?q=${query}&area=${area}`;          // if (this.priceFilter && this.priceFilter.value !== 'all') {          //   const val = this.priceFilter.value;          //   if (val === 'under50') apiUrl += '&filter_max_price=50';          //   else if (val === '50_100') apiUrl += '&filter_max_price=100';          //   else if (val === '100_200') apiUrl += '&filter_max_price=200';          //   else if (val === '200_500') apiUrl += '&filter_max_price=500';          // }          // const res = await fetch(apiUrl);          // const rawData = await res.json();          // ======================================================================          // Simulating network latency          await new Promise(resolve => setTimeout(resolve, 400));                    const rawData = this.getAdviserMockData();          let offers = [];                    if (rawData && rawData.data && rawData.data.Get && Array.isArray(rawData.data.Get.Deal)) {            offers = rawData.data.Get.Deal;          }                    // Basic client-side filtering for the mock if we want it to react to the query          const q = query.toLowerCase();          const selectedRetailer = (this.retailerSelect && this.retailerSelect.value) ? this.retailerSelect.value.toLowerCase() : null;                    offers.forEach(item => {            const dataObj = item;                        // Apply retailer filter            const itemRetailer = (dataObj.dataRetailer || '').toLowerCase();            if (selectedRetailer && itemRetailer !== selectedRetailer && !itemRetailer.includes(selectedRetailer)) {              return;            }                        // Apply mock price filter            let price = dataObj.dataDiscountedPrice || 0;            if (typeof price === 'string') {              price = parseFloat(price.replace(/[^0-9.]/g, ''));            }            let priceVal = null;            const min = this.customPriceMin ? this.customPriceMin.value : '';            const max = this.customPriceMax ? this.customPriceMax.value : '';            if (min || max) {               priceVal = `${min}_${max}`;            } else if (this.priceFilter && this.priceFilter.value !== 'all') {               priceVal = this.priceFilter.value;            }            if (priceVal) {              if (priceVal === 'under50' && price >= 50) return;              if (priceVal === 'over50' && price <= 50) return;              if (priceVal === 'over30' && price <= 30) return;              if (priceVal === 'over500' && price <= 500) return;              if (priceVal.includes('_')) {                 const parts = priceVal.split('_');                 if (parts[0] && price < parseFloat(parts[0])) return;                 if (parts[1] && price > parseFloat(parts[1])) return;              }            }                        // Map Adviser schema to our widget's expected schema            const mappedData = {              url: dataObj.linkHREF || dataObj.dataLink || '#',              image: dataObj.imageURL || (dataObj.image && dataObj.image.src) || '',              title: dataObj.dataProduct || (dataObj.product && dataObj.product.name) || 'Product Deal',              merchant: dataObj.dataRetailer || 'Retailer',              price: dataObj.dataDiscountedPrice || 0,              currency: dataObj.dataCurrency === 'USD' ? '$' : (dataObj.dataCurrency || '$'),              msrp: dataObj.dataOriginalPrice || null            };                        const titleLow = mappedData.title.toLowerCase();            const merchLow = mappedData.merchant.toLowerCase();                        // Smarter mock filtering            let isMatch = false;            if (q === '' || this.isBroadQuery(q)) {              isMatch = true;            } else if (titleLow.includes(q) || merchLow.includes(q)) {              isMatch = true;            } else if ((q.includes('laptop') || q.includes('mac') || q.includes('pc')) && (titleLow.includes('macbook') || titleLow.includes('laptop'))) {              isMatch = true;            } else if ((q.includes('tv') || q.includes('television')) && (titleLow.includes('tv') || titleLow.includes('oled') || titleLow.includes('qled'))) {              isMatch = true;            } else if ((q.includes('phone') || q.includes('smartphone')) && (titleLow.includes('galaxy') || titleLow.includes('phone'))) {              isMatch = true;            } else if ((q.match(/watch|fitness|run|shoe/)) && (titleLow.includes('forerunner') || titleLow.includes('saucony') || titleLow.includes('watch'))) {              isMatch = true;            }                        if (isMatch) {               this.deals.push(this.extractDealData(mappedData));            }          });                    let rowLimit = this.getRowsLimit();          // Intentionally omitting the slice here to allow "Load More" to work if the API returns more                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        getAdviserMockData() {          return {            "data": {              "Get": {                "Deal": [                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 300,                    "dataOriginalPrice": 399,                    "dataProduct": "Samsung Galaxy A36",                    "dataRetailer": "Samsung",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/MqDYsukV3JBG54te6dEs7j.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 14,                    "dataOriginalPrice": 24,                    "dataProduct": "Blink Mini",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/3JurmAjHsDa5tPdaHAwEV8.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 59,                    "dataOriginalPrice": 99,                    "dataProduct": "Ring Video Doorbell",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/rAh4uR7AsAsALCCLTXnLNJ.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 10,                    "dataOriginalPrice": 599,                    "dataProduct": "MacBook Neo",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/Lg4Dvg68j9SbB5CPNrTEpH.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 749,                    "dataOriginalPrice": 849,                    "dataProduct": "65\\\" Fire TV Omni 4K QLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/SG34ZWodUkLTxJvMTbjPYR.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 71,                    "dataOriginalPrice": 160,                    "dataProduct": "Saucony Hurricane 24",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/vxf7UD5T2Am7guVzFoFcZ4.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 649,                    "dataOriginalPrice": 749,                    "dataProduct": "Garmin Forerunner 970",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/3GKnEu7CdhtxPMfnPCMCiA.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1049,                    "dataOriginalPrice": 1499,                    "dataProduct": "LG 48\\\" C4 4K OLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/imvwZV9zoMD6fn9Afuge35.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1499,                    "dataOriginalPrice": 2199,                    "dataProduct": "Samsung 49\\\" Odyssey Neo G9 4K Gaming Monitor",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/XWDEJ5dUAE2nhK8k3Jk7k7.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 299,                    "dataOriginalPrice": 699,                    "dataProduct": "EGOHOME Black Memory Foam Mattress (queen)",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/hMUemtAejNETLVYxNrktzm.jpg"                  }                ]              }            }          };        }        decodeHTML(html) {          if (!html) return '';          const txt = document.createElement("textarea");          txt.innerHTML = String(html);          return txt.value;        }        extractDealData(item) {          const priceRawStr = String(item.price || item.current_price || '0');          const msrpRawStr = String(item.was_price || item.msrp || item.original_price || '0');          const rawPrice = parseFloat(priceRawStr.replace(/[^\d.]/g, '')) || 0;          const rawMsrp = parseFloat(msrpRawStr.replace(/[^\d.]/g, '')) || 0;          const isCheckPrice = rawPrice === 0 || priceRawStr === '0.00' || priceRawStr === '0';                    let originalImageUrl = item.image || item.image_url || item.product_image || '';          let imageUrl = originalImageUrl;          if ((!imageUrl || isCheckPrice) && item.model_image_url) {             imageUrl = item.model_image_url;             originalImageUrl = imageUrl;          } else if ((!imageUrl || isCheckPrice) && item.model_image) {             imageUrl = item.model_image;             originalImageUrl = imageUrl;          }                    if (imageUrl) {            imageUrl = imageUrl.replace(/-(\d+)-(\d+)(\.[a-z.]+)$/i, '$3');          }                    let fallbackImage = '';          if (originalImageUrl && originalImageUrl !== imageUrl) {             fallbackImage = originalImageUrl;          } else if (item.model_image && item.model_image !== imageUrl) {             fallbackImage = item.model_image;          } else if (item.model_image_url && item.model_image_url !== imageUrl) {             fallbackImage = item.model_image_url;          }                    const rawCurrency = item.currency || item.currency_symbol || '$';                    let savingLabel = item.percentage_saving_label || '';          if (!savingLabel && rawMsrp > rawPrice && rawPrice > 0) {            const pct = Math.round(((rawMsrp - rawPrice) / rawMsrp) * 100);            if (pct > 0) {              savingLabel = `${pct}% OFF`;            }          }                    const isPrime = item.shipping && item.shipping.prime === true;                    let scoreRaw = (item.review_score !== undefined && item.review_score !== null && item.review_score > 0) ? parseFloat(item.review_score) : null;          let starRating = 0;          if (scoreRaw !== null) {            starRating = Math.round((scoreRaw > 10 ? scoreRaw / 20 : scoreRaw / 2) * 2) / 2;          }                    return {            id: item.offer_id || item.link || item.url || item.offer_link || Math.random().toString(),            url: item.link || item.url || item.offer_link || '#',            image: imageUrl,            fallbackImage: fallbackImage,            title: item.name || item.title || item.model_name || item.product_name || 'Unknown Product',            brand: item.brand || '',            productName: item.model_name || item.product_name || item.name || '',            merchant: item.merchant_name || item.merchant || item.retailer || 'Retailer',            price: item.price !== undefined ? String(item.price) : '0.00',            currency: this.decodeHTML(rawCurrency),            msrp: item.was_price || item.msrp || item.original_price || null,            rawPrice: rawPrice,            rawMsrp: rawMsrp,            hasWasPrice: (item.was_price !== undefined && item.was_price !== null),            isCheckPrice: isCheckPrice,            savingLabel: savingLabel,            isPrime: isPrime,            starRating: starRating > 0 ? starRating : null,            modelId: item.model_id || '',            productKey: item.product_key || '',            merchantId: (item.merchant && typeof item.merchant === 'object') ? item.merchant.id || '' : '',            matchId: item.match_id || '',            merchantNetwork: (item.merchant && typeof item.merchant === 'object') ? item.merchant.an || '' : '',            merchantUrl: (item.merchant && typeof item.merchant === 'object') ? item.merchant.url || '' : '',            modelBrand: item.model_brand || item.brand || '',            modelParent: item.model_parent || ''          };        }        sortData() {          const sortVal = this.sortSelect ? this.sortSelect.value : 'date_desc';          if (sortVal === 'price_asc') {            this.deals.sort((a, b) => a.rawPrice - b.rawPrice);          } else if (sortVal === 'price_desc') {            this.deals.sort((a, b) => b.rawPrice - a.rawPrice);          } else if (sortVal === 'discount_desc') {            this.deals.sort((a, b) => {              const aDiscount = a.rawMsrp > a.rawPrice ? (a.rawMsrp - a.rawPrice) : 0;              const bDiscount = b.rawMsrp > b.rawPrice ? (b.rawMsrp - b.rawPrice) : 0;              return bDiscount - aDiscount;            });          } else if (sortVal === 'date_desc') {             this.deals.sort((a, b) => {                let dateA = 0;                let dateB = 0;                if (a && a.modifiedDate) {                   const valA = Array.isArray(a.modifiedDate) ? a.modifiedDate[0] : a.modifiedDate;                   dateA = new Date(valA).getTime();                   if (isNaN(dateA)) dateA = 0;                }                if (b && b.modifiedDate) {                   const valB = Array.isArray(b.modifiedDate) ? b.modifiedDate[0] : b.modifiedDate;                   dateB = new Date(valB).getTime();                   if (isNaN(dateB)) dateB = 0;                }                return dateB - dateA;             });          }        }        getFilteredDeals() {          let filteredDeals = [...this.deals];                    if (this.dealModeToggle && this.dealModeToggle.checked) {            filteredDeals = filteredDeals.filter(d => d.hasWasPrice || (d.msrp && d.rawMsrp > d.rawPrice));          }                    return filteredDeals;        }        showLoading() {          const _div = '<' + '/div>';          const skeletonCardHtml = `            \x3Cdiv class="tg-df-card">              \x3Cdiv class="tg-df-card-image-box">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-img">${_div}              ${_div}              \x3Cdiv class="tg-df-card-body">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-card-footer mt-auto">                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="height:24px;">${_div}                ${_div}              ${_div}              \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text" style="height:44px; margin:0; border-radius:0;">${_div}            ${_div}`;          this.grid.innerHTML = Array(4).fill(skeletonCardHtml).join('');        }        showError() {          const _div = '<' + '/div>';          this.grid.innerHTML = `\x3Cdiv class="tg-df-message">            An error occurred while finding deals. Please check your connection and try again.          ${_div}`;        }        escapeHTML(str) {          if (!str) return '';          return String(str).replace(/[&<>'"]/g, tag => ({              '&': '&', '<': '<', '>': '>', "'": ''', '"': '"'          }[tag] || tag));        }                bindCouponButtons() {          const btns = this.root.querySelectorAll('.tg-df-tag-coupons');          btns.forEach(btn => {            btn.addEventListener('click', (e) => {              e.preventDefault();              e.stopPropagation();              const merchant = btn.getAttribute('data-merchant');              this.openVouchersModal(merchant);            });          });                    const closeBtn = this.root.querySelector('#tg-df-vouchers-close');          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (closeBtn) {            closeBtn.onclick = () => this.closeVouchersModal();          }          if (backdrop) {            backdrop.onclick = (e) => {              if (e.target === backdrop) this.closeVouchersModal();            };          }        }                closeVouchersModal() {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (backdrop) backdrop.classList.remove('active');        }                async checkMerchantsCouponsBulk(merchants) {          if (!merchants || merchants.length === 0) return {};          const controller = new AbortController();          const timeoutId = setTimeout(() => controller.abort(), 4000);          try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchants.join(','));            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '120');            url.searchParams.append('origin', 'widgets-clientside');                        let res; try { res = await fetch(url.toString(), { signal: controller.signal }); } catch (e) { return {}; }            clearTimeout(timeoutId);            if (!res.ok) return {};            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        const foundMerchants = new Set();            offers.forEach(o => {              let mName = o.merchant_name || o.merchant || o.retailer;              if (mName && typeof mName === 'object') mName = mName.name;              if (mName) foundMerchants.add(String(mName).toLowerCase());            });            const resultMap = {};            merchants.forEach(m => {              if (m) resultMap[m] = foundMerchants.has(String(m).toLowerCase());            });            return resultMap;          } catch (e) {            return {};          }        }                async openVouchersModal(merchantName) {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          const title = this.root.querySelector('#tg-df-vouchers-title');          const content = this.root.querySelector('#tg-df-vouchers-content');                    if (!backdrop || !content) return;                    // HACK: Hide closing tags          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h4 = '<' + '/h4>';          const _svg = '<' + '/svg>';          const _circle = '<' + '/circle>';          const _polyline = '<' + '/polyline>';          const _rect = '<' + '/rect>';          const _path = '<' + '/path>';                    title.innerText = `${merchantName} Coupons & Deals`;          content.innerHTML = `\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}                               \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}`;          backdrop.classList.add('active');                    try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchantName);            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '50');            url.searchParams.append('origin', 'widgets-clientside');                        const res = await fetch(url.toString());            if (!res.ok) throw new Error('API Error');            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        if (offers.length === 0) {              content.innerHTML = `\x3Cdiv class="tg-df-message">No vouchers currently available for ${this.escapeHTML(merchantName)}.${_div}`;              return;            }                        content.innerHTML = offers.map((v, idx) => {              let offerObj = v;              if (v.offers && v.offers.offer) {                offerObj = Array.isArray(v.offers.offer) ? v.offers.offer[0] : v.offers.offer;              } else if (v.offer) {                offerObj = Array.isArray(v.offer) ? v.offer[0] : v.offer;              }              let logoUrl = v.logo_url || offerObj.logo_url || '';              if (!logoUrl && v.merchant) {                if (Array.isArray(v.merchant) && v.merchant.length > 0) logoUrl = v.merchant[0].logo_url || '';                else logoUrl = v.merchant.logo_url || '';              }                            const offerName = offerObj.name || offerObj.title || v.name || v.title || 'Special Offer';              const endTime = offerObj.end_time || v.end_time || '';              const linkUrl = offerObj.link || offerObj.url || v.link || v.url || '#';                            let foundVoucherCode = '';              const findVoucherCode = (obj) => {                if (!obj || typeof obj !== 'object') return;                if (obj.type === 'voucher_code' && obj.display_value) {                  foundVoucherCode = obj.display_value;                  return;                }                if (Array.isArray(obj)) {                  for (const item of obj) {                    findVoucherCode(item);                    if (foundVoucherCode) return;                  }                } else {                  for (const k in obj) {                    if (Object.prototype.hasOwnProperty.call(obj, k)) {                      findVoucherCode(obj[k]);                      if (foundVoucherCode) return;                    }                  }                }              };              findVoucherCode(offerObj);              if (!foundVoucherCode) findVoucherCode(v);                            const voucherCode = foundVoucherCode || offerObj.voucher_code || v.voucher_code || '';              const codeHtml = voucherCode ? `\x3Cspan class="tg-df-voucher-code" data-action="copy-code" data-code="${this.escapeHTML(voucherCode)}" title="Copy to clipboard">                \x3Cspan class="tg-df-voucher-code-text">${this.escapeHTML(voucherCode)}${_span}                \x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:6px;flex-shrink:0;" class="tg-df-voucher-copy-icon">                  \x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">${_rect}                  \x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">${_path}                ${_svg}              ${_span}` : '';                            const logoHtml = logoUrl                 ? `\x3Cimg src="${this.escapeHTML(logoUrl)}" alt="${this.escapeHTML(offerName)}" class="tg-df-voucher-logo" />`                 : `\x3Cdiv class="tg-df-voucher-logo" style="background:#e2e8f0;">${_div}`;                            let expiryHtml = '';              if (endTime) {                let dStr = endTime;                if (!isNaN(dStr) && String(dStr).length === 10) dStr = Number(dStr) * 1000;                const d = new Date(dStr);                if (!isNaN(d.getTime())) {                  const options = { year: 'numeric', month: 'short', day: 'numeric' };                  expiryHtml = `                    \x3Cdiv class="tg-df-voucher-expiry">                      \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                        \x3Ccircle cx="12" cy="12" r="10">${_circle}                        \x3Cpolyline points="12 6 12 12 16 14">${_polyline}                      ${_svg}                      Expires ${d.toLocaleDateString(undefined, options)}                    ${_div}`;                }              }              const revenueIdVal = generateRevenueId(linkUrl, offerName, merchantName, null);              const rewrittenLinkUrl = rewriteAffiliateLink(linkUrl, area, revenueIdVal);              return `                \x3Ca href="${this.escapeHTML(rewrittenLinkUrl)}" target="_blank" rel="noopener nofollow" class="tg-df-voucher-item"                  data-action="voucher-click"                  data-product-name="${this.escapeHTML(offerName)}"                  data-merchant-name="${this.escapeHTML(merchantName)}"                  data-analytics-id="${this.escapeHTML(offerObj.offer_id || offerObj.id || v.id || '')}"                  data-price=""                  data-previous-price=""                  data-original-link="${this.escapeHTML(linkUrl)}"                  data-revenue-id="${revenueIdVal}"                  data-index="${idx}"                  data-total="${offers.length}"                  data-in-stock="true"                  data-currency="USD"                  data-model-id="${this.escapeHTML(offerObj.model_id || v.model_id || offerObj.id || v.id || '')}"                  data-merchant-id="${this.escapeHTML(offerObj.merchant_id || offerObj.merchant?.id || '')}"                >                  ${logoHtml}                  \x3Cdiv class="tg-df-voucher-content">                    \x3Ch4 class="tg-df-voucher-title">${this.escapeHTML(offerName)}${_h4}                    ${codeHtml}                    ${expiryHtml}                  ${_div}                ${_a}              `;            }).join('');                        // Attach copy functionality            const copyBtns = content.querySelectorAll('[data-action="copy-code"]');            copyBtns.forEach(btn => {              btn.addEventListener('click', async (e) => {                e.preventDefault();                e.stopPropagation();                                const code = btn.getAttribute('data-code');                if (!code) return;                                try {                  const copyToClipboard = async (text) => {                     if (window.navigator.clipboard && window.isSecureContext) {                        try { await window.navigator.clipboard.writeText(text); return; } catch (e) {}                     }                     const textArea = document.createElement("textarea");                     textArea.value = text;                     textArea.style.position = "fixed";                     document.body.appendChild(textArea);                     textArea.focus();                     textArea.select();                     document.execCommand('copy');                     textArea.remove();                  };                  await copyToClipboard(code);                                    // Visual feedback                  btn.classList.add('copied');                  const textSpan = btn.querySelector('.tg-df-voucher-code-text');                  const iconSvg = btn.querySelector('.tg-df-voucher-copy-icon');                                    const origText = textSpan.innerText;                  const origIcon = iconSvg.innerHTML;                                    textSpan.innerText = 'Copied!';                  iconSvg.innerHTML = `\x3Cpolyline points="20 6 9 17 4 12">${_polyline}`;                                    setTimeout(() => {                    if (btn) {                      btn.classList.remove('copied');                      if (textSpan) textSpan.innerText = origText;                      if (iconSvg) iconSvg.innerHTML = origIcon;                    }                  }, 2000);                                    trackElementInteraction({                    id: 'voucher-code-copy',                    name: 'Copy Voucher Code',                    label: `Copied ${code} for ${merchantName}`                  });                } catch (err) {                  console.warn('Failed to copy text: ', err);                }              });            });            // Attach voucher click tracking            const voucherBtns = content.querySelectorAll('[data-action="voucher-click"]');            voucherBtns.forEach(btn => {              btn.addEventListener('click', (e) => {                if (e.target.closest('[data-action="copy-code"]')) return;                                const productName = btn.getAttribute('data-product-name');                const merchantNameAttr = btn.getAttribute('data-merchant-name');                const productId = btn.getAttribute('data-analytics-id');                const price = parseFloat(btn.getAttribute('data-price')) || null;                const prevPriceStr = btn.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = btn.getAttribute('data-original-link');                const rewrittenLink = btn.getAttribute('href');                const revenueId = btn.getAttribute('data-revenue-id');                const index = parseInt(btn.getAttribute('data-index'), 10) || 0;                const inStock = btn.getAttribute('data-in-stock') === 'true';                const totalText = btn.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: btn.getAttribute('data-model-id') || null,                    matchId: btn.getAttribute('data-match-id') || null,                    brand: btn.getAttribute('data-model-brand') || null,                    parent: btn.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: btn.getAttribute('data-merchant-id') || null,                    network: btn.getAttribute('data-merchant-network') || null,                    url: btn.getAttribute('data-merchant-url') || null,                    name: merchantNameAttr                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: btn.getAttribute('data-currency') || 'USD'                };                if (typeof trackDealClick === 'function') {                  trackDealClick(trackingParams);                }              });            });                                  } catch (e) {            console.warn(e);            content.innerHTML = `\x3Cdiv class="tg-df-message">Failed to load vouchers.${_div}`;          }        }        render() {          try {            if (this.getViewMode() === 'savings_squad' && this.airedaleTags.length > 0) {              if (this.categoryFilterWrapper) {                 this.categoryFilterWrapper.style.display = 'flex';              }              if (this.categoryFilter) {                 const _option = '<' + '/option>';                 let optionsHtml = `\x3Coption value="all">All Categories${_option}`;                 this.airedaleTags.forEach(tag => {                    const isSelected = this.activeDealTag === tag ? 'selected' : '';                    optionsHtml += `\x3Coption value="${this.escapeHTML(tag)}" ${isSelected}>${this.escapeHTML(tag)}${_option}`;                 });                 this.categoryFilter.innerHTML = optionsHtml;                 this.categoryFilter.value = this.activeDealTag || 'all';              }            } else {               if (this.categoryFilterWrapper) {                  this.categoryFilterWrapper.style.display = 'none';               }            }            const displayDeals = this.getFilteredDeals();          // HACK: Hide closing tags from the CMS HTML sanitizer so it doesn't strip them during in-page injection          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h3 = '<' + '/h3>';          const _p = '<' + '/p>';          const _strong = '<' + '/strong>';          const _sup = '<' + '/sup>';          const _button = '<' + '/button>';          if (displayDeals.length === 0) {            if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {              if (this.deals.length > 0) {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No deals match your selected filters.                ${_div}`;              } else if (this.getViewMode() === 'savings_squad' && this.currentQuery.length <= 2) {                 // Do not show "no exact matches" if query is empty for savings_squad                 this.grid.innerHTML = '';              } else {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No exact matches found for "\x3Cstrong>${this.escapeHTML(this.currentQuery)}${_strong}". Try adjusting your search term.                ${_div}`;              }            } else {              this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                Search product or category names to discover the best deals from across the web.              ${_div}`;            }            return;          }          let dealsHtml = displayDeals.slice(0, this.displayLimit).map((deal, index) => {            try {               const currencySym = this.escapeHTML(deal.currency);               const isoCurrencyCode = normalizeCurrency(currencySym);               const escapedPrice = this.escapeHTML(deal.price);               const escapedMsrp = this.escapeHTML(deal.msrp);               const areaCode = this.getAreaCode();                              const revenueId = generateRevenueId(deal.url, deal.title, deal.merchant, null);               const originalLink = deal.url;               const rewrittenLink = rewriteAffiliateLink(deal.url, areaCode, revenueId);                        const productCategoryName = 'deals';            const dataAttr = `              data-action="${deal.isCheckPrice ? 'view-similar-click' : 'deal-click'}"              data-analytics-id="${this.escapeHTML(deal.externalProductId || deal.id || '')}"              data-product-name="${this.escapeHTML(deal.title)}"              data-merchant-name="${this.escapeHTML(deal.merchant)}"              data-price="${deal.rawPrice || ''}"              data-previous-price="${deal.rawMsrp || ''}"              data-original-link="${this.escapeHTML(originalLink)}"              data-revenue-id="${revenueId}"              data-index="${index}"              data-total="${displayDeals.length}"              data-in-stock="${deal.inStock !== false}"              data-currency="${this.escapeHTML(isoCurrencyCode)}"              data-model-id="${this.escapeHTML(deal.modelId || '')}"              data-product-key="${this.escapeHTML(deal.productKey || '')}"              data-merchant-id="${this.escapeHTML(deal.merchantId || '')}"            `;                        let priceGroupHtml = '';            let isSavingsSquadMode = this.getViewMode() === 'savings_squad';            let ctaText = 'View Deal';            let formattedPrice = '';            let msrpHtml = '';                        if (deal.isCheckPrice) {              ctaText = 'View Deal';              if (isSavingsSquadMode) {                priceGroupHtml = ``;              } else {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-price-group">                    \x3Cspan class="tg-df-card-price" style="font-size: 15px; font-weight: 500; font-style: italic;">See price at retailer${_span}                  ${_div}                `;              }            } else {              // Format Price              formattedPrice = escapedPrice.includes(currencySym)                 ? escapedPrice                 : `${currencySym}${escapedPrice}`;                              // Format MSRP              msrpHtml = deal.msrp && deal.rawMsrp > deal.rawPrice                ? `\x3Cspan class="tg-df-card-msrp">${escapedMsrp.includes(currencySym) ? escapedMsrp : currencySym + escapedMsrp}${_span}`                : '';                              priceGroupHtml = isSavingsSquadMode ? `` : `                \x3Cdiv class="tg-df-card-price-group">                  \x3Cspan class="tg-df-card-price">${formattedPrice}${_span}                  ${msrpHtml}                ${_div}              `;            }                        const discountBadgeHtml = deal.savingLabel && !deal.isCheckPrice              ? `\x3Cspan class="tg-df-card-discount-badge">${this.escapeHTML(deal.savingLabel)}${_span}`              : '';                          // HACK for CMS            const _button = '<' + '/button>';            const _svg = '<' + '/svg>';            const _path = '<' + '/path>';            const _rect = '<' + '/rect>';            const _circle = '<' + '/circle>';            const _polyline = '<' + '/polyline>';            const _line = '<' + '/line>';                        let badgesHtml = '';            const primeBadge = deal.isPrime ? `              \x3Cspan class="tg-df-tag tg-df-tag-prime">                \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="currentColor">                  \x3Cpath d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">${_path}                ${_svg} Prime              ${_span}            ` : '';                        const couponsBadge = deal.merchant && deal.merchant.toLowerCase().includes('amazon') ? '' : `              \x3Cdiv class="tg-df-coupon-wrapper" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:inline-flex; align-items:center;">                \x3Cdiv class="tg-df-coupon-spinner">${_div}                \x3Cbutton type="button" class="tg-df-tag tg-df-tag-coupons" data-action="coupons-click" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:none;">                  \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                    \x3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z">${_path}                    \x3Cline x1="7" y1="7" x2="7.01" y2="7">${_line}                  ${_svg} Coupons                ${_button}              ${_div}            `;                        // Note: We always add coupons badge if there's a chance, but to allow 3-line titles we check wrapper display state            badgesHtml = `              \x3Cdiv class="tg-df-card-badges">                ${primeBadge}                ${couponsBadge}              ${_div}            `;            const _linearGradient = '<' + '/linearGradient>';            const _polygon = '<' + '/polygon>';            const _stop = '<' + '/stop>';            const _defs = '<' + '/defs>';                        let starHtml = '';            if (deal.starRating) {              let rating = deal.starRating;                            if (rating > 0) {                const fullStars = Math.floor(rating);                const halfStar = (rating - fullStars) >= 0.5 ? 1 : 0;                const emptyStars = Math.max(0, 5 - fullStars - halfStar);                const blue = '#1f69ff'; // Tom's guide brand color from VIEW DEAL button                const gray = '#cbd5e1';                                const starSvgFull = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="${blue}" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                const gradId = 'half_grad_' + Math.floor(Math.random()*1000000);                const starSvgHalf = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cdefs>\x3ClinearGradient id="${gradId}" x1="0" x2="1" y1="0" y2="0">\x3Cstop offset="50%" stop-color="${blue}">${_stop}\x3Cstop offset="50%" stop-color="transparent">${_stop}${_linearGradient}${_defs}                  \x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26" fill="url(#${gradId})">${_polygon}${_svg}`;                                  const starSvgEmpty = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${gray}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                let stars = [];                for (let i=0; i<fullStars; i++) stars.push(starSvgFull);                if (halfStar) stars.push(starSvgHalf);                for (let i=0; i<emptyStars; i++) stars.push(starSvgEmpty);                                starHtml = `\x3Cdiv class="tg-df-card-stars" style="display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--tg-df-text-muted);">                  \x3Cspan style="margin-right:6px;">Tom's Guide:${_span}                  \x3Cdiv style="display:flex;gap:2px;">                    ${stars.join('')}                  ${_div}                ${_div}`;              }            }            let htmlOutput = '';            if (isSavingsSquadMode) {              htmlOutput += `              \x3Cdiv class="hawk-deal-widget-container tg-df-mobile-only" data-collapsible="true">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''} style="margin-bottom: 10px;">` : ''}                \x3Cdiv class="hawk-deal-widget-wrap">                  \x3Cdiv class="hawk-deal-widget-image-container">                    \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" rel="sponsored noopener" target="_blank" class="hawk-affiliate-link-deal-widget" ${dataAttr}>                      \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="hawk-lazy-image-deal-widget" loading="lazy" width="140" height="160" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                    ${_a}                  ${_div}                  \x3Cdiv class="hawk-deal-widget-text-cta-container">                    \x3Cdiv class="hawk-deal-widget-text-body-container">                      \x3Cdiv class="hawk-deal-widget-text-body-main">                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          ${deal.isCheckPrice ? `                            \x3Cspan class="hawk-deal-widget-title-product-title">${this.escapeHTML(deal.title)}${_span}                          ` : `                            \x3Cspan class="hawk-deal-widget-title-product-title">${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_span}                          `}                        ${_a}                        ${!deal.isCheckPrice && deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan class="hawk-deal-widget-title-was-price">was ${currencySym}${escapedMsrp}${_span}                          ${_a}                        ` : ''}                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          \x3Cspan class="hawk-deal-widget-title-retailer-price">                            ${!deal.isCheckPrice ? `                              \x3Cspan class="hawk-deal-widget-title-price">now ${formattedPrice}${_span}                              \x3Cspan class="hawk-deal-widget-title-retailer"> at ${this.escapeHTML(deal.merchant)}${_span}                            ` : `                              \x3Cspan class="hawk-deal-widget-title-price">See price at ${this.escapeHTML(deal.merchant)}${_span}                            `}                          ${_span}                        ${_a}                        ${deal.description ? `\x3Cdiv class="hawk-deal-widget-text-body-description tg-df-card-desc-container" style="margin-bottom: 12px; position: relative;">                          \x3Cp class="tg-df-card-desc-content" style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">${this.escapeHTML(deal.description)}${_p}                          \x3Cbutton type="button" class="tg-df-card-desc-btn" style="display: none; appearance: none; border: none; color: #000000; font-size: 11px; font-weight: 700; text-transform: uppercase; cursor: pointer; font-family: inherit; position: absolute; bottom: 2px; right: 0; background: linear-gradient(to right, transparent, #fff 20%, #fff); padding: 0 0 0 16px;" onclick="                            var c = this.parentNode;                            if (this.dataset.expanded === 'true') {                              var pd = (c.tagName === 'P') ? c : this.previousElementSibling;                              if (c.tagName === 'P') { c.parentNode.appendChild(this); pd = c; }                              pd.style.display = '-webkit-box';                              pd.style.webkitLineClamp = '3';                              this.textContent = 'READ MORE';                              this.style.position = 'absolute';                              this.style.background = 'linear-gradient(to right, transparent, #fff 20%, #fff)';                              this.style.paddingLeft = '16px';                              this.dataset.expanded = 'false';                            } else {                              var pd = this.previousElementSibling;                              pd.style.display = 'inline';                              pd.style.webkitLineClamp = 'unset';                              this.textContent = 'READ LESS';                              this.style.position = 'static';                              this.style.background = 'transparent';                              this.style.paddingLeft = '4px';                              this.dataset.expanded = 'true';                              pd.appendChild(this);                            }                          ">READ MORE${_button}                        \x3C/div>` : ''}                      ${_div}                    ${_div}                    ${deal.authorName ? `                      \x3Cdiv class="tg-df-author-line-mobile" style="padding: 0 0 12px 0; background: transparent;">                         \x3Cdiv style="display: flex; align-items: center; gap: 12px;">                            ${deal.authorImage ? `\x3Cimg src="${this.escapeHTML(deal.authorImage)}" alt="${this.escapeHTML(deal.authorName)}" class="tg-df-author-img" width="40" height="40" style="border-radius: 50%; object-fit: cover; flex-shrink: 0; aspect-ratio: 1 / 1; min-width: 40px; min-height: 40px;">` : ''}                            \x3Cdiv style="display: flex; flex-direction: column;">                               \x3Cdiv style="font-size: 10px; color: var(--tg-df-text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px; font-weight: 600;">\x3Cspan style="color: #FF6600;">${this.escapeHTML(deal.merchant)}${_span} deal recommended by:${_div}                               \x3Cdiv style="font-size: 11px; color: var(--tg-df-text); line-height: 1.3;">                                  \x3Cstrong>\x3Ca href="https://www.tomsguide.com/${this.escapeHTML(deal.documentUrl || '').replace(/^\/+/, '')}" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit; border-bottom: 1px dotted var(--tg-df-text-muted);">${this.escapeHTML(deal.authorName)}${_a}${_strong}                                  ${deal.authorRole && !['null', 'nul', 'undefined'].includes(String(deal.authorRole).toLowerCase()) ? ` • ${this.escapeHTML(deal.authorRole)}` : ''}                                  ${deal.modifiedDate ? `\x3Cdiv style="color: var(--tg-df-text-muted); margin-top: 2px;">${getTimeAgo(deal.modifiedDate)}${_div}` : ''}                               ${_div}                            ${_div}                         ${_div}                      ${_div}                    ` : ''}                    \x3Cdiv class="hawk-deal-widget-footer">                      \x3Cdiv class="hawk-deal-widget-button-wrapper">                        \x3Cdiv class="hawk-deal-widget-preferred-partner-wrapper">                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-deal-button" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan>View Deal${_span}                          ${_a}                        ${_div}                      ${_div}                    ${_div}                  ${_div}                ${_div}              ${_div}              `;            }            htmlOutput += `              \x3Cdiv class="tg-df-card ${isSavingsSquadMode ? 'tg-df-desktop-only' : ''}">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''}>` : ''}                \x3Cdiv class="tg-df-card-image-box">                  ${discountBadgeHtml}                  \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">                    \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="tg-df-card-image" loading="lazy" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                  ${_a}                  \x3Cdiv class="tg-df-card-merchant-wrapper" style="position: absolute; bottom: 0; right: 0; background: transparent; padding: 8px 12px; z-index: 10;">                     \x3Cspan class="tg-df-card-merchant-pill" style="text-align: right; margin-bottom: 0;" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                ${_div}                \x3Cdiv class="tg-df-card-body">                  ${starHtml}                  ${badgesHtml}                  \x3Ch3 class="tg-df-card-title tg-df-custom-savings-squad-title" title="${this.escapeHTML(deal.title)}">                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" disable-tracking="true" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit;">                      ${isSavingsSquadMode                         ? (deal.isCheckPrice                             ? (deal.title && deal.title.includes(':')                                 ? `\x3Cstrong>${this.escapeHTML(deal.title.substring(0, deal.title.indexOf(':') + 1))}${_strong}\x3Cspan style="color: #1f69ff; font-weight: normal;">${this.escapeHTML(deal.title.substring(deal.title.indexOf(':') + 1))}${_span}`                                : this.escapeHTML(deal.title)                              )                             : `\x3Cstrong>${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_strong} ${deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `\x3Cspan style="color: #d0021b; text-decoration: line-through; font-weight: normal; margin-right: 4px;">was ${currencySym}${escapedMsrp}${_span} ` : ''}\x3Cspan style="color: #1f69ff; font-weight: normal;">now ${formattedPrice} at ${this.escapeHTML(deal.merchant)}${_span}`                          )                        : this.escapeHTML(deal.title)                      }                    ${_a}                  ${_h3}                  ${deal.description ? `\x3Cdiv class="tg-df-card-desc-container" style="margin-bottom: 12px; position: relative;">                    \x3Cp class="tg-df-card-desc-content" style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">${this.escapeHTML(deal.description)}${_p}                    \x3Cbutton type="button" class="tg-df-card-desc-btn" style="display: none; appearance: none; border: none; color: #000000; font-size: 11px; font-weight: 700; text-transform: uppercase; cursor: pointer; font-family: inherit; position: absolute; bottom: 2px; right: 0; background: linear-gradient(to right, transparent, #fff 20%, #fff); padding: 0 0 0 16px;" onclick="                      var c = this.parentNode;                      if (this.dataset.expanded === 'true') {                        var pd = (c.tagName === 'P') ? c : this.previousElementSibling;                        if (c.tagName === 'P') { c.parentNode.appendChild(this); pd = c; }                        pd.style.display = '-webkit-box';                        pd.style.webkitLineClamp = '3';                        this.textContent = 'READ MORE';                        this.style.position = 'absolute';                        this.style.background = 'linear-gradient(to right, transparent, #fff 20%, #fff)';                        this.style.paddingLeft = '16px';                        this.dataset.expanded = 'false';                      } else {                        var pd = this.previousElementSibling;                        pd.style.display = 'inline';                        pd.style.webkitLineClamp = 'unset';                        this.textContent = 'READ LESS';                        this.style.position = 'static';                        this.style.background = 'transparent';                        this.style.paddingLeft = '4px';                        this.dataset.expanded = 'true';                        pd.appendChild(this);                      }                    ">READ MORE${_button}                  \x3C/div>` : ''}                  \x3Cdiv class="tg-df-card-footer">                    ${deal.authorName ? `                    \x3Cdiv class="tg-df-author-line-desktop" style="padding: 0 0 ${isSavingsSquadMode ? 0 : 12}px 0;">                       \x3Cdiv style="display: flex; align-items: center; gap: 10px;">                          ${deal.authorImage ? `\x3Cimg src="${this.escapeHTML(deal.authorImage)}" alt="${this.escapeHTML(deal.authorName)}" class="tg-df-author-img" width="36" height="36" style="border-radius: 50%; object-fit: cover; flex-shrink: 0; aspect-ratio: 1 / 1; min-width: 36px; min-height: 36px;">` : ''}                          \x3Cdiv style="display: flex; flex-direction: column;">                             \x3Cdiv style="font-size: 10px; color: var(--tg-df-text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px; font-weight: 600;">Recommended by:${_div}                             \x3Cdiv style="font-size: 11px; color: var(--tg-df-text); line-height: 1.2;">                                \x3Cstrong>\x3Ca href="https://www.tomsguide.com/${this.escapeHTML(deal.documentUrl || '').replace(/^\/+/, '')}" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit; border-bottom: 1px dotted var(--tg-df-text-muted);">${this.escapeHTML(deal.authorName)}${_a}${_strong}                                ${deal.authorRole && !['null', 'nul', 'undefined'].includes(String(deal.authorRole).toLowerCase()) ? ` • ${this.escapeHTML(deal.authorRole)}` : ''}                                ${deal.modifiedDate ? `\x3Cspan style="color: var(--tg-df-text-muted);"> • ${getTimeAgo(deal.modifiedDate)}${_span}` : ''}                             ${_div}                          ${_div}                       ${_div}                    ${_div}                    ` : ''}                    ${priceGroupHtml}                  ${_div}                ${_div}                \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" class="tg-df-card-cta" style="text-decoration: none; border-radius: 0;">${ctaText}${_a}              ${_div}            `;                        return htmlOutput;            } catch (e) {               console.log("Error rendering deal in map for index", index, typeof deal === 'object' ? JSON.stringify(deal) : deal, "MSG:", e.message);               return '';            }          }).join('');                    if (displayDeals.length > this.displayLimit) {            dealsHtml += `              \x3Cdiv style="width: 100%; display: flex; justify-content: center; margin-top: 16px; grid-column: 1 / -1;">                \x3Cbutton type="button" class="tg-df-tag-outline tg-df-load-more" style="padding: 8px 24px; border-radius: 100px; font-weight: 600; font-size: 14px; cursor: pointer;">Load More${_button}              ${_div}            `;          }                    this.grid.innerHTML = dealsHtml;          // Inject JSON-LD          try {            let targetNode = this.hostContainer || document.head;            let jsonLdScript = targetNode.querySelector('#tg-df-json-ld-' + this.widgetId);            if (!jsonLdScript) {                jsonLdScript = document.createElement('script');                jsonLdScript.type = 'application/ld+json';                jsonLdScript.id = 'tg-df-json-ld-' + this.widgetId;                targetNode.appendChild(jsonLdScript);            }            const jsonLdData = {              "@context": "https://schema.org",              "@type": "ItemList",              "itemListElement": displayDeals.slice(0, this.displayLimit).map((deal, index) => {                 let isoCurrency = "USD";                 if (deal.currency === '£') isoCurrency = "GBP";                 else if (deal.currency === '€') isoCurrency = "EUR";                 else if (deal.currency === 'A$') isoCurrency = "AUD";                 else if (deal.currency === 'CA$') isoCurrency = "CAD";                 const areaCode = typeof this.getAreaCode === 'function' ? this.getAreaCode() : 'US';                 const revenueId = typeof generateRevenueId === 'function' ? generateRevenueId(deal.url, deal.title, deal.merchant, null) : '';                 const rewrittenLink = typeof rewriteAffiliateLink === 'function' ? rewriteAffiliateLink(deal.url, areaCode, revenueId) : deal.url;                 return {                   "@type": "ListItem",                   "position": index + 1,                   "item": {                     "@type": "Product",                     "name": deal.title,                     "image": deal.image || "",                     "description": deal.description || "",                     "brand": {                       "@type": "Brand",                       "name": deal.brand || ""                     },                     "offers": {                       "@type": "Offer",                       "priceCurrency": isoCurrency,                       "price": deal.rawPrice || 0,                       "url": rewrittenLink,                       "seller": {                         "@type": "Organization",                         "name": deal.merchant || ""                       }                     }                   }                 };              }).filter(item => item.item.name)            };            jsonLdScript.textContent = JSON.stringify(jsonLdData);          } catch(e) { console.warn("JSON-LD generation failed", e); }          setTimeout(() => {            const contents = this.root.querySelectorAll('.tg-df-card-desc-content');            contents.forEach(p => {              if (p.scrollHeight > p.clientHeight || p.scrollHeight > 60) {                if (p.nextElementSibling) {                  p.nextElementSibling.style.display = 'block';                }              }            });                        // Allow hawklinks.js to discover and rewrite our widget links             // by appending the .article-body class and manually triggering processArticle.            let container = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (container && !container.classList.contains('article-body')) {               container.classList.add('article-body');            }            if (this.grid && !this.grid.classList.contains('article-body')) this.grid.classList.add('article-body');            document.dispatchEvent(new CustomEvent('processArticle', { detail: { element: this.root } }));          }, 50);          const loadMoreBtn = this.grid.querySelector('.tg-df-load-more');          if (loadMoreBtn) {            loadMoreBtn.addEventListener('click', () => {              if (typeof trackElementInteraction === 'function') {                trackElementInteraction({ id: 'load-more', name: 'Load more', label: 'Load More Results' });              }              this.displayLimit += this.getRowsLimit();              this.render();            });          }                      this.bindCouponButtons();            this.checkAndUpdateCoupons();          } catch(e) {            console.warn("Widget render error", e);          }        }                async checkAndUpdateCoupons() {          const wrappers = Array.from(this.root.querySelectorAll('.tg-df-coupon-wrapper'));          if (wrappers.length === 0) return;                    const merchants = [...new Set(wrappers.map(w => w.getAttribute('data-merchant')).filter(Boolean))];          if (merchants.length === 0) return;          const couponResultsMap = await this.checkMerchantsCouponsBulk(merchants);                    for (const merchant of merchants) {            const hasCoupons = !!couponResultsMap[merchant];            const merchantWrappers = wrappers.filter(w => w.getAttribute('data-merchant') === merchant);            merchantWrappers.forEach(wrapper => {              const spinner = wrapper.querySelector('.tg-df-coupon-spinner');              const btn = wrapper.querySelector('.tg-df-tag-coupons');                            if (spinner) spinner.style.display = 'none';                            if (hasCoupons && btn) {                btn.style.display = 'inline-flex';              } else if (!hasCoupons) {                wrapper.style.display = 'none';              }            });          }        }        updateFloatingCopyBar() {          if (!this.editorBar || !this.editorSelectedCount) return;          if (this.editorMode && this.selectedDeals.size > 0) {            this.editorBar.style.display = 'flex';            this.editorSelectedCount.innerText = this.selectedDeals.size;          } else {            this.editorBar.style.display = 'none';          }        }        async copySelectedDealsToCMS() {           function htmlToSlate(htmlString) {              if (!htmlString) return [{ type: 'paragraph', children: [{ text: '' }] }];              let doc;              if (typeof window !== 'undefined' && window.DOMParser) {                 doc = new DOMParser().parseFromString(htmlString, 'text/html');              } else {                 doc = document.implementation.createHTMLDocument('');                 doc.body.innerHTML = htmlString;              }                            function parseNode(node, marks = {}) {                  if (node.nodeType === 3) {                      const text = node.textContent;                      if (!text) return null;                      return { text: text, ...marks };                  }                  if (node.nodeType === 1) {                      const tagName = node.tagName.toLowerCase();                      if (tagName === 'br') {                          return { type: 'line-break', children: [{ text: '' }] };                      }                      if (tagName === 'p') {                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return { type: 'paragraph', children };                      }                      if (tagName === 'strong' || tagName === 'b') {                          const newMarks = { ...marks, bold: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'em' || tagName === 'i') {                          const newMarks = { ...marks, italic: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'a') {                          const href = node.getAttribute('href') || '';                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return {                              type: 'link',                              url: href,                              isNoFollow: (node.getAttribute('rel') || '').includes('nofollow'),                              isSponsored: (node.getAttribute('rel') || '').includes('sponsored'),                              isOpenNewTab: node.getAttribute('target') === '_blank',                              isPreventDataRewrite: false,                              children: children                          };                      }                      return Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                  }                  return null;              }                            let blocksArray = [];              let currentParagraphChildren = [];              function flushParagraph() {                  if (currentParagraphChildren.length > 0) {                      blocksArray.push({ type: 'paragraph', children: currentParagraphChildren });                      currentParagraphChildren = [];                  }              }              Array.from(doc.body.childNodes).forEach(node => {                  const parsed = parseNode(node, {});                  const parsedItems = Array.isArray(parsed) ? parsed : (parsed ? [parsed] : []);                  parsedItems.forEach(item => {                      if (item.type === 'paragraph') {                          flushParagraph();                          blocksArray.push(item);                      } else {                          currentParagraphChildren.push(item);                      }                  });              });              flushParagraph();              if (blocksArray.length === 0) {                  blocksArray = [{ type: 'paragraph', children: [{ text: '' }] }];              }              return blocksArray;           }           const blocks = [];                      this.editorCopyBtn.innerHTML = '\x3Cspan class="tg-df-coupon-spinner" style="display:inline-block; margin-right:8px; border-top-color:#fff;">' + '<' + '/span> Copying...';           for (const deal of Array.from(this.selectedDeals.values())) {              const url = deal.url;              const merchant = deal.merchant;              const title = deal.title;              const image = deal.image;              const currentPrice = deal.currency + deal.rawPrice;              const wasPrice = deal.hasWasPrice && deal.rawMsrp > deal.rawPrice ? deal.currency + deal.rawMsrp : '';                            let couponsChildren = [];              try {                  const area = this.getAreaCode();                  const apiUrl = new URL('https://search-api.fie.future.net.uk/widget.php');                  apiUrl.searchParams.append('model_name', 'Everything');                  apiUrl.searchParams.append('language', 'en-GB');                  apiUrl.searchParams.append('area', area);                  apiUrl.searchParams.append('combine_product_types', '1');                  apiUrl.searchParams.append('filter_merchant_name', merchant);                  apiUrl.searchParams.append('all_filters', 'false');                  apiUrl.searchParams.append('exclude_unlabelled', 'false');                  apiUrl.searchParams.append('include_specs', 'false');                  apiUrl.searchParams.append('sort', 'voucher');                  apiUrl.searchParams.append('distinct_merchants', 'natural');                  apiUrl.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');                  apiUrl.searchParams.append('rows', '3');                  apiUrl.searchParams.append('origin', 'widgets-clientside');                                    let res; try { res = await fetch(apiUrl.toString()); } catch (e) { return; }                  if (res.ok) {                      const data = await res.json();                      let offers = [];                      if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {                        offers = data.widget.data.offers;                      } else if (data && data.data && Array.isArray(data.data.offers)) {                        offers = data.data.offers;                      }                                            if (offers.length > 0) {                          couponsChildren.push({ text: "Also check out these coupons: ", bold: true });                          offers.slice(0, 3).forEach((offer, idx) => {                              const actualOffer = offer.offer || offer;                              const offerName = actualOffer.name || actualOffer.title || offer.model_name || offer.title || offer.name || 'Coupon';                              const linkUrl = actualOffer.link || actualOffer.url || actualOffer.offer_link || '#';                              couponsChildren.push({ type: "line-break", children: [{ text: "" }] });                              couponsChildren.push({ text: "🎟️ " });                              couponsChildren.push({                                  type: "link",                                  url: linkUrl,                                  isNoFollow: true,                                  isSponsored: false,                                  isOpenNewTab: true,                                  isPreventDataRewrite: false,                                  children: [{ text: offerName, bold: true }]                              });                          });                      }                  }              } catch (err) {                  console.warn('Failed to fetch coupons for', merchant, err);              }              let descriptionValue = [];              if (deal.text) {                 descriptionValue = htmlToSlate(deal.text);              } else {                 const dealDescriptions = [                   `Don't miss out on this fantastic deal for the ${title}. It is currently available at ${merchant} for a highly competitive price.`,                   `We've spotted an excellent price drop on the ${title}. Grab it now at ${merchant} before it's gone.`,                   `The ${title} is currently seeing a generous discount over at ${merchant}. This is a perfect time to buy if you've been holding out.`,                   `If you're in the market for the ${title}, ${merchant} has just the deal for you.`,                   `Score the ${title} for less at ${merchant} right now. This is a rare chance to save big.`,                   `Upgrade your setup with the ${title}, now available at a stellar price via ${merchant}.`                 ];                 const randomDescription = dealDescriptions[Math.floor(Math.random() * dealDescriptions.length)];                 descriptionValue = [                    { type: "paragraph", children: [{ text: randomDescription }] }                 ];              }                            if (couponsChildren.length > 0) {                 let lastBlock = descriptionValue[descriptionValue.length - 1];                 if (lastBlock && lastBlock.type === 'paragraph') {                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ text: "Also check out these coupons: ", bold: true });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children = lastBlock.children.concat(couponsChildren);                 } else {                     descriptionValue.push({                         type: "paragraph",                         children: [                             { type: "line-break", children: [{ text: "" }] },                             { type: "line-break", children: [{ text: "" }] },                             { text: "Also check out these coupons: ", bold: true },                             { type: "line-break", children: [{ text: "" }] },                             ...couponsChildren                         ]                     });                 }              }              function normalizeCurrencyToISO(symbol) {                const map = { '£': 'GBP', '$': 'USD', 'A$': 'AUD', 'CA$': 'CAD', '€': 'EUR' };                return map[symbol] || symbol;              }              const isoCurrency = normalizeCurrencyToISO(deal.currency);              blocks.push({                 id: (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'cms-' + Date.now() + Math.random(),                 blockTypeName: "deal",                 excludeFrom: [],                 collapsible: false,                 props: {                    description: {                       value: descriptionValue,                       touched: false,                       validationMessage: ""                    },                    image: {                       value: {                          credit: [{ type: "paragraph", children: [{ text: merchant }] }],                          dateCreated: Date.now(),                          dateModified: Date.now(),                          distribution: [],                          fileSize: 0,                          height: 1000,                          id: deal.id,                          imageRights: "",                          src: image,                          name: title + ".jpg",                          tags: [],                          width: 1000                       },                       touched: false,                       validationMessage: ""                    },                    showDealButton: { value: true, touched: false, validationMessage: "" },                    isPreferredPartner: { value: false, touched: false, validationMessage: "" },                    linkHref: { value: url, touched: false, validationMessage: "" },                    linkLabel: { value: "", touched: false, validationMessage: "" },                    linkIsNoFollow: { value: true, touched: false, validationMessage: "" },                    linkIsSponsored: { value: false, touched: false, validationMessage: "" },                    linkIsOpenNewWindow: { value: true, touched: false, validationMessage: "" },                    customPromoFlags: { value: [], touched: false, validationMessage: "" },                    showStarDeal: { value: false, touched: false, validationMessage: "" },                    savingType: { value: "none", touched: false, validationMessage: "" },                    starDealPromoFlag: { value: "", touched: false, validationMessage: "" },                    showEditorsChoice: { value: false, touched: false, validationMessage: "" },                    editorsChoiceTitle: { value: "", touched: false, validationMessage: "" },                    hawkPriceCurrency: { value: { value: isoCurrency, label: isoCurrency }, touched: false, validationMessage: "" },                    hawkPrice: { value: deal.hasWasPrice ? String(deal.rawMsrp) : String(deal.rawPrice), touched: false, validationMessage: "" },                    hawkSalePrice: { value: String(deal.rawPrice), touched: false, validationMessage: "" },                    lastCheckedPriceDate: { value: "", touched: false, validationMessage: "" },                    hawkModel: { touched: false, validationMessage: "" },                    productId: { value: "", touched: false, validationMessage: "" },                    voucherId: { value: "", touched: false, validationMessage: "" },                    brand: { value: deal.brand || merchant, touched: false, validationMessage: "" },                    productName: { value: title, touched: false, validationMessage: "" },                    label: { value: "", touched: false, validationMessage: "" },                    retailer: { value: merchant, touched: false, validationMessage: "" },                    priceCheckError: false                 },                 failedFetchError: ""              });           }           const payload = {              type: "articleBuilderPages",              data: blocks           };           const jsonStr = JSON.stringify(payload);                      if (navigator.clipboard && navigator.clipboard.writeText) {              navigator.clipboard.writeText(jsonStr).then(() => {                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              }).catch(err => {                 console.warn('Failed to copy text: ', err);                 alert('Failed to copy deals to clipboard. See console.');              });           } else {              // Fallback              const textArea = document.createElement("textarea");              textArea.value = jsonStr;              document.body.appendChild(textArea);              textArea.focus();              textArea.select();              try {                 document.execCommand('copy');                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              } catch (err) {                 console.warn('Fallback: Oops, unable to copy', err);                 alert('Fallback: Failed to copy deals to clipboard.');              }              document.body.removeChild(textArea);           }        }      }      // Initialize the Widget      if (document.readyState === 'loading') {        document.addEventListener('DOMContentLoaded', () => new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer }));      } else {        new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer });      }    })();  </script></div> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/nintendo/you-have-less-than-24-hours-to-buy-a-switch-2-before-its-price-increases</link>
                                                                            <description>
                            <![CDATA[ Today is your last day to buy a Switch 2 before Nintendo increases its price. Here are the stores that still have stock and aren't overcharging for the console. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">UrNpkekX8pmW5AVKc5S3qF</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/rnwVH5F7Rp4PfBRgCbhfNa-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Mon, 31 Aug 2026 12:00:00 +0000</pubDate>                                                                                                                                <updated>Mon, 31 Aug 2026 14:39:17 +0000</updated>
                                                                                                                                            <category><![CDATA[Nintendo]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ louis.ramirez@futurenet.com (Louis Ramirez) ]]></author>                    <dc:creator><![CDATA[ Louis Ramirez ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/oYF2xVwCb4pTGhAJi8Yqr5.jpeg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;As deals editor-in-chief at Tom’s Guide, Louis refuses to pay full price for anything. He has over 10 years of experience finding the best deals and coupons to bring readers. Louis price checks against multiple retailers and searches high and low for sales on 4K TVs, Apple devices, streaming services, mattresses, kitchen appliances, and more. He&#039;s also always looking for the the best coupon codes to turn good deals into stellar buys.&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;He has covered major retail events like Amazon Prime Day, Black Friday, and Cyber Monday for more than a decade and knows how to spot an epic deal from a fake discount. He&#039;s also great at helping people negotiate better prices on everything from gym memberships to their home internet service. Louis&#039; work has also helped readers find PS5 restock, baby formula, Clorox wipes, and everything in between. For his next major purchase, Louis is hoping to find a killer deal on an M3-based Mac. &lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;A born-and-bred New Yorker, Louis is always in search of the perfect cup of coffee. On his free time, he enjoys swimming, running, and any workout that pushes his Apple Watch to the max. He&#039;s also a big fan of international films, horror movies, and K-dramas. His work has appeared on Gizmodo, CNET, Digital Trends, Dealnews, and Time Out New York.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/rnwVH5F7Rp4PfBRgCbhfNa-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&amp;#39;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Switch 2 console with four hands trying to grab it]]></media:description>                                                            <media:text><![CDATA[Switch 2 console with four hands trying to grab it]]></media:text>
                                <media:title type="plain"><![CDATA[Switch 2 console with four hands trying to grab it]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/rnwVH5F7Rp4PfBRgCbhfNa-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>I'm buying a Nintendo Switch 2 today and you should too. I haven't purchased a gaming console since the Xbox 360, but I'm snagging a Switch 2 today because starting September 1st <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-price-hike-confirmed-heres-how-much-youll-pay">Nintendo is increasing the console's price</a> to $499. </p><p>As much as I'd like to hate on Nintendo for jacking up the price, they're not the only company that's stuck it to consumers this past summer. Amazon, Google, Apple, and even the price of toilet paper has increased in the past few months. </p><p>So consider this your final warning: right now you can get the <a href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow">Nintendo Switch 2 for $449 at Amazon</a>. Unfortunately, the <a href="https://www.amazon.com/Nintendo-Switch-Choose-Your-Bundle-2/dp/B0GZ5DFHC5" target="_blank" rel="nofollow">Switch 2 Choose Your Game Bundle</a> — which includes the console and a game download — has been out of stock for days and will likely remain that way. So your best bet is the standard console for $449. </p><p>You might be wondering — with <a href="https://www.tomsguide.com/computing/laptops/labor-day-sales-2026-my-ultimate-guide-to-the-best-end-of-summer-deals">Labor Day sales</a> around the corner, is there a chance we'll see the Switch 2 selling for $449 later this week. Unfortunately, I doubt it. There's just no incentive for retailers to discount the Switch 2. At least not until Black Friday. (And even then I doubt we'll see lots of Switch 2 discounts over the holiday season). </p><p>Bottom line: get your Switch 2 today. My colleague Millie Davis-Williams is a <a href="https://www.tomsguide.com/gaming/nintendo/ive-played-my-nintendo-switch-for-over-1-000-hours-and-these-are-the-15-games-i-cant-live-without">huge Switch 2 fan</a>, so I'm also sharing some of her favorite games and accessories below. Otherwise, my first game purchase will likely be Donkey Kong Bananza (<a href="https://www.amazon.com/dp/B0F66KLYVH" target="_blank" rel="nofollow">$69 at Amazon</a>). If you have any other gaming or accessory recommendations, feel free to let me know in the comments below.</p><h3 class="article-body__section" id="section-quick-links"><span>Quick Links</span></h3><ul><li><strong></strong><a href="https://www.amazon.com/b?node=16227133011" target="_blank" rel="nofollow"><strong>shop Switch game deals at Amazon</strong></a></li><li><strong>Nintendo Switch 2: </strong><a href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow"><strong>now $449 @ Amazon</strong></a></li><li><strong>Turtle Beach Rematch Controller: </strong><a href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow"><strong>was $59 now $29 @ Amazon</strong></a><strong></strong></li><li><strong>Mario Kart World: </strong><a href="https://www.amazon.com/dp/B0F66GQLHH" target="_blank" rel="nofollow"><strong>for $79 @ Amazon</strong></a><strong></strong></li></ul><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/dGJm31C1Lfw" allowfullscreen></iframe></div></div><h3 class="article-body__section" id="section-consoles"><span>Consoles</span></h3><div class="product"><a data-dimension112="4db1209a-a314-11f1-a278-bb5a97df0c92" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449" href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1240px;"><p class="vanilla-image-block" style="padding-top:56.29%;"><img id="8oL9ux5FsYhxFBSJKtkUU3" name="switch-2-box-deal-block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/8oL9ux5FsYhxFBSJKtkUU3.jpg" mos="" align="middle" fullscreen="" width="1240" height="698" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review" data-dimension112="4db1209a-a314-11f1-a278-bb5a97df0c92" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449">Nintendo Switch 2</a> takes what worked about its best-selling predecessor and makes impactful upgrades across the board. From the excellent, and noticeably larger, 7.9-inch display to the more powerful internal specs, the Switch 2 is a full leap forward and the best hybrid console you can buy.<br><strong>Price check: </strong><a href="https://www.bestbuy.com/site/switch-2-system-nintendo-switch-2/6614313.p" target="_blank" rel="nofollow"><strong>$449 @ Best Buy</strong></a><strong> | </strong><a href="https://www.walmart.com/ip/Nintendo-Switch-2-System/15949610846" target="_blank" rel="nofollow"><strong>$449 @ Walmart</strong></a><strong></strong><a class="view-deal button" href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow" data-dimension112="4db1209a-a314-11f1-a278-bb5a97df0c92" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449">View Deal</a></p></div><h3 class="article-body__section" id="section-games"><span>Games</span></h3><div class="product"><a data-dimension112="4db12194-a314-11f1-8948-2187225847e8" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:786px;"><p class="vanilla-image-block" style="padding-top:161.96%;"><img id="Rdc6R4sXktvbq4VMebzq6P" name="zelda-botw-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/Rdc6R4sXktvbq4VMebzq6P.jpg" mos="" align="middle" fullscreen="" width="786" height="1273" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="4db12194-a314-11f1-8948-2187225847e8" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59">Breath of the Wild - Nintendo Switch 2 Edition: was $69 now $59</a></strong><br>The original Switch's definitive launch game has returned for the Switch 2, and now it's been enhanced for Nintendo's new hardware. It's the masterpiece you (probably) know, but looking and running better than ever. If you've never played Breath of the Wild, there really isn't a better time to jump into Hyrule than via this Switch 2 Edition. <br><strong>Price check: </strong><a href="https://www.bestbuy.com/site/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2-edition-nintendo-switch-2/6414096.p?skuId=6414096" target="_blank" rel="nofollow"><strong>$69 @ Best Buy</strong></a><a class="view-deal button" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="4db12194-a314-11f1-8948-2187225847e8" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59">View Deal</a></p></div><div class="product"><a data-dimension112="4db12216-a314-11f1-9abb-9ddd3c1c6999" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64" href="https://www.gamestop.com/video-games/nintendo-switch-2/products/donkey-kong-bananza---nintendo-switch-2/20021654.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1650px;"><p class="vanilla-image-block" style="padding-top:133.27%;"><img id="f57YgiDNACvGEeuFuZr3EL" name="Donkey Kong Bananza" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/f57YgiDNACvGEeuFuZr3EL.jpg" mos="" align="middle" fullscreen="" width="1650" height="2199" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/nintendo/donkey-kong-bananza-review" data-dimension112="4db12216-a314-11f1-9abb-9ddd3c1c6999" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64">Donkey Kong Bananza</a> allows DK to smash his way through (and down into) the surrounding terrain. He can punch his way through mountains or head underground in search of collectibles. It's hands-down one of the Switch 2's biggest titles and our current choice for the <a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">best Nintendo Switch 2 game</a> on the shelves.<br><strong>Price check: </strong><a href="https://www.amazon.com/Donkey-Kong-Bananza-Nintendo-Switch/dp/B0F66KLYVH" target="_blank" rel="nofollow"><strong>$69 @ Amazon</strong></a><strong> |</strong> <a href="https://www.walmart.com/ip/Donkey-Kong-Bananza-U-S-Version/15949810208" target="_blank" rel="nofollow"><strong>$69 @ Walmart</strong></a><a class="view-deal button" href="https://www.gamestop.com/video-games/nintendo-switch-2/products/donkey-kong-bananza---nintendo-switch-2/20021654.html" target="_blank" rel="nofollow" data-dimension112="4db12216-a314-11f1-9abb-9ddd3c1c6999" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64">View Deal</a></p></div><div class="product"><a data-dimension112="4db1228e-a314-11f1-ae0d-17b264784f25" data-action="Deal Block" data-label="Mario Kart World" data-dimension48="Mario Kart World" data-dimension25="$79" href="https://www.amazon.com/dp/B0F66GQLHH" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:640px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="aNTyUCEE5PdmtqWwybmduW" name="Mario Kart World" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/aNTyUCEE5PdmtqWwybmduW.jpg" mos="" align="middle" fullscreen="" width="640" height="640" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Mario Kart World takes Luigi's brother out onto the open road to visit stunning new locations with a bunch of friends tagging along. If you missed out on the Mario Kart World Switch 2 bundles, then this is your next best way to pick up the game.<br><strong>Price check: </strong><a href="https://www.bestbuy.com/product/mario-kart-world-nintendo-switch-2/J7GSL5JFW2" target="_blank" rel="nofollow" data-dimension112="4db1228e-a314-11f1-ae0d-17b264784f25" data-action="Deal Block" data-label="Mario Kart World" data-dimension48="Mario Kart World" data-dimension25="$79"><strong>$79 @ Best Buy</strong></a><strong> | </strong><a href="https://www.walmart.com/ip/Mario-Kart-World-U-S-Version/15940407280" target="_blank" rel="nofollow"><strong>$79 @ Walmart</strong></a><a class="view-deal button" href="https://www.amazon.com/dp/B0F66GQLHH" target="_blank" rel="nofollow" data-dimension112="4db1228e-a314-11f1-ae0d-17b264784f25" data-action="Deal Block" data-label="Mario Kart World" data-dimension48="Mario Kart World" data-dimension25="$79">View Deal</a></p></div><h3 class="article-body__section" id="section-accessories"><span>Accessories</span></h3><div class="product"><a data-dimension112="4db12388-a314-11f1-8bdb-b39061fc5ae7" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="rRmoBGCGfLKa4YNM75662m" name="rds-game-traveler-deluxe-for-switch-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/rRmoBGCGfLKa4YNM75662m.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="4db12388-a314-11f1-8bdb-b39061fc5ae7" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">Game Traveler Deluxe Case: was $29 now $26</a></strong><br>The Switch 2 was made to be portable, so you'll want a case to keep it protected on your travels. This officially licensed accessory comes with space to not only sort your Switch 2, but also a Pro controller and power adapter. It also comes with 12 slots to hold Switch game cards.<a class="view-deal button" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="4db12388-a314-11f1-8bdb-b39061fc5ae7" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">View Deal</a></p></div><div class="product"><a data-dimension112="4db1240a-a314-11f1-8f28-cf7b93ce0c4b" data-action="Deal Block" data-label="Rematch Wireless Controller" data-dimension48="Rematch Wireless Controller" data-dimension25="$29" href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="XMP9BiyxzAMgZazxM7sZfm" name="Rematch Wireless Controller (Super Mario Star)" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/XMP9BiyxzAMgZazxM7sZfm.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow" data-dimension112="4db1240a-a314-11f1-8f28-cf7b93ce0c4b" data-action="Deal Block" data-label="Rematch Wireless Controller" data-dimension48="Rematch Wireless Controller" data-dimension25="$29">Rematch Wireless Controller: was $59 now $29</a></strong><br>This is one of the <a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-controllers">best Nintendo Switch 2 controllers</a>. The Turtle Beach Rematch Wireless is an ergonomic way to elevate your gaming experience, and comes in funky colorways. It offers customizable back buttons, responsive thumbsticks and triggers, and comparable battery life to Nintendo's new Pro controller... but at a <em>significantly </em>lower price point. <a class="view-deal button" href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow" data-dimension112="4db1240a-a314-11f1-8f28-cf7b93ce0c4b" data-action="Deal Block" data-label="Rematch Wireless Controller" data-dimension48="Rematch Wireless Controller" data-dimension25="$29">View Deal</a></p></div><div class="product"><a data-dimension112="4db1248c-a314-11f1-94f2-dba702273464" data-action="Deal Block" data-label="Switch 2 Pro Controller" data-dimension48="Switch 2 Pro Controller" data-dimension25="$89" href="https://www.amazon.com/Nintendo-SwitchTM-2-Pro-Controller-Switch/dp/B0F3VTFD6J" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:822px;"><p class="vanilla-image-block" style="padding-top:148.18%;"><img id="gmyn2p8knnWLkubfKxSnAB" name="Nintendo Switch 2 Pro Controller" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/gmyn2p8knnWLkubfKxSnAB.jpg" mos="" align="middle" fullscreen="" width="822" height="1218" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The Nintendo Switch 2 Pro Controller is practically guaranteed to be the most in-demand Switch 2 accessory, and it packs a suitable upgrade over its predecessor adding a headphone jack, the new "C" button, and customizable back buttons. <br><strong>Additional retailers: </strong><a href="https://www.bestbuy.com/site/nintendo-switch-2-pro-controller-black/6625904.p?skuId=6625904" target="_blank" rel="nofollow" data-dimension112="4db1248c-a314-11f1-94f2-dba702273464" data-action="Deal Block" data-label="Switch 2 Pro Controller" data-dimension48="Switch 2 Pro Controller" data-dimension25="$89"><strong>Best Buy</strong></a><strong> | </strong><a href="https://www.gamestop.com/gaming-accessories/controllers/nintendo-switch-2/products/nintendo-switch-2-pro-controller/424549.html" target="_blank" rel="nofollow"><strong>GameStop</strong></a><a class="view-deal button" href="https://www.amazon.com/Nintendo-SwitchTM-2-Pro-Controller-Switch/dp/B0F3VTFD6J" target="_blank" rel="nofollow" data-dimension112="4db1248c-a314-11f1-94f2-dba702273464" data-action="Deal Block" data-label="Switch 2 Pro Controller" data-dimension48="Switch 2 Pro Controller" data-dimension25="$89">View Deal</a></p></div><h3 class="article-body__section" id="section-shop-more-deals"><span>Shop more deals</span></h3><div class="vizualizer-embed"><div class="tg-df-widget-host" data-widget-config="?search=Everything&rows=6&view_mode=savings_squad&widget_title=Top+Deals+Handpicked+by+Our+Editors&widget_subtitle=Discover+the+best+discounts+currently+available%2C+curated+daily+by+the+Tom%27s+Guide+Savings+Squad.&bg_color=transparent" data-vizualizer-embed="true"></div>    <script>    /**     * Tom's Guide Deals Finder - Vanilla JS Encapsulated Engine     */    (function() {      // --- Freyr Analytics Adapter ---      function initAnalytics() {        window.dataLayer = window.dataLayer || [];        window.googletag = window.googletag || {};        window.googletag.cmd = window.googletag.cmd || [];        window.hawk = window.hawk || { analytics: { freyr: [] } };        window.hawk.analytics = window.hawk.analytics || { freyr: [] };        window.hawk.analytics.freyr = window.hawk.analytics.freyr || [];        window.freyr = window.freyr || { cmd: [] };        const scriptSrc = 'https://freyr.futurecdn.net/freyr.js';        const hostname = typeof window !== 'undefined' ? window.location.hostname : '';        const isTestEnv = typeof window.navigator !== 'undefined' && (window.navigator.webdriver || window.navigator.userAgent.includes('Headless'));        const shouldSendRealAnalytics = !isTestEnv && hostname && hostname !== 'localhost' && hostname !== '127.0.0.1' && !hostname.includes('run.app');        if (shouldSendRealAnalytics && !document.querySelector(`script[src="${scriptSrc}"]`)) {          const script = document.createElement('script');          script.src = scriptSrc;          script.async = true;          document.head.appendChild(script);        }      }      function storeEventForDebug(name, data) {        if (!window.hawk || !window.hawk.analytics || !window.hawk.analytics.freyr) return;        window.hawk.analytics.freyr.push({ name, data });        try {          if (typeof window !== 'undefined' && window.localStorage) {            window.localStorage.setItem("hawk", JSON.stringify(window.hawk));          }        } catch (e) {          // Ignore storage issues        }        try {          window.dispatchEvent(new CustomEvent("hawk-analytics-update"));        } catch (e) {}      }      function sendToFreyr(eventName, data) {        if (typeof window === 'undefined') return;        window.freyr = window.freyr || { cmd: [] };        window.freyr.cmd.push(() => {          if (window.freyr && window.freyr.pushAndUpdate) {            window.freyr.pushAndUpdate(eventName, data);          }        });      }      function sendEvent(event, skip = false) {        try {          storeEventForDebug(event.name, event.data);          if (!skip) {            sendToFreyr(event.name, event.data);          }        } catch (e) {          // Ensure tracking errors don't surface to the user        }      }      function getCookie(name) {        try {          const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));          return match ? match[2] : null;        } catch (e) {          return null;        }      }      function getTimeAgo(dateString) {        if (!dateString) return '';        const date = new Date(dateString);        const now = new Date();        const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000);        if (diffInSeconds < 60) return 'Just now';        const diffInMinutes = Math.floor(diffInSeconds / 60);        if (diffInMinutes < 60) return `${diffInMinutes} min${diffInMinutes > 1 ? 's' : ''} ago`;        const diffInHours = Math.floor(diffInMinutes / 60);        if (diffInHours < 24) return `${diffInHours} hr${diffInHours > 1 ? 's' : ''} ago`;        const diffInDays = Math.floor(diffInHours / 24);        if (diffInDays < 30) return `${diffInDays} day${diffInDays > 1 ? 's' : ''} ago`;        const diffInMonths = Math.floor(diffInDays / 30);        if (diffInMonths < 12) return `${diffInMonths} mo${diffInMonths > 1 ? 's' : ''} ago`;        const diffInYears = Math.floor(diffInDays / 365);        return `${diffInYears} yr${diffInYears > 1 ? 's' : ''} ago`;      }      function normalizeCurrency(symbol) {        const map = {          '£': 'GBP',          '$': 'USD',          'A$': 'AUD',          'CA$': 'CAD',          '€': 'EUR'        };        return map[symbol] || symbol;      }      function trackElementInteraction(props) {        sendEvent({          name: 'elementInteraction',          data: {            element: {              action: props.action || "click",              id: props.id || undefined,              class: props.class || undefined,              name: props.name || undefined,              text: props.text || undefined,              label: props.label || undefined,              container: props.container || undefined,              url: props.url || undefined,              articleId: props.articleId || undefined            }          }        });      }      function generateRevenueId(url, productName, merchantName, modelId) {        const str = `${window.location.href}|${productName}|${merchantName}|${modelId || ''}|${new Date().toDateString()}|tomsguide`;        let hash = 0;        for (let i = 0; i < str.length; i++) {          const char = str.charCodeAt(i);          hash = ((hash << 5) - hash) + char;          hash = hash & hash;        }        let numericStr = Math.abs(hash).toString();        while (numericStr.length < 19) {          numericStr += Math.floor(Math.random() * 10).toString();        }        return numericStr.substring(0, 19);      }      function rewriteAffiliateLink(url, territory, revenueId) {        if (!url) return url;        const t = (territory || 'gb').toLowerCase();        return url.replace(/hawk-custom-tracking/g, `tomsguide-${t}-${revenueId}`);      }      function trackHawkEvent(params) {        const { clickType, widgetId, productCategoryName, product, productsArray, zeroBasedProductIndexOrNull, totalDealsOrProducts, areaClicked, merchant, revenueId, isoCurrencyCode, queryName, widgetTypeName } = params;        const data = {          event: "hawkEvent",          category: "Affiliates",          affiliate: {            action: {              type: clickType,              id: widgetId,              event: clickType === "appeared" ? "viewed" : "Click from",              timestamp: Date.now()            },            component: {              flag: "Editor",              product: productCategoryName || "deals",              category: `Signal Deal Finder ${widgetTypeName || "Carousel"} widget`,              type: clickType === "appeared" ? "review" : "signal product",              label: queryName || (product ? (product.name || "") : ""),              index: zeroBasedProductIndexOrNull === null || zeroBasedProductIndexOrNull === undefined ? -1 : zeroBasedProductIndexOrNull,              linkCount: totalDealsOrProducts || 0,              blockLayout: "",              areaClicked: areaClicked || ""            }          },          products: productsArray || (product && merchant ? [            {              product: {                primary: {                  id: product.id || product.matchId || null,                  name: product.name,                  type: "deal",                  price: product.price,                  previousPrice: product.previousPrice || null,                  currency: isoCurrencyCode || "USD",                  preorder: false,                  labels: [],                  link: product.link,                  originalLink: product.originalLink || null,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: null,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: product.globalId || null,                  inStock: product.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: isoCurrencyCode || "USD"                }              },              merchant: {                id: merchant.id || null,                name: merchant.name,                url: merchant.url || null,                network: merchant.network || null              },              model: {                id: product.modelId || null,                brand: product.brand || null,                name: product.name,                parent: product.parent || null              }            }          ] : []),          reviews: [],          _clear: true,          "gtm.uniqueEventId": Date.now() % 10000        };        sendEvent({ name: 'hawkEvent', data });      }      function trackDealClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card" });      }      function trackViewSimilarClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card View Similar" });      }      function trackPriceComparisonClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Price Comparison" });      }      function trackReviewClick(params) {        trackHawkEvent({ ...params, clickType: "review", areaClicked: "Signal Product Card Review Link" });      }      function trackShare(params) {        trackHawkEvent({ ...params, clickType: "share", areaClicked: "Signal Product Card Share" });      }      function trackDealsAppeared(widgetId, deals, revenueId, currency, queryName, widgetTypeName) {         if (!deals || deals.length === 0) return;                  const productsArray = deals.slice(0, 50).map((deal) => {            let voucherPct = null;            let rawPrice = parseFloat(deal.rawPrice) || parseFloat(deal.price) || null;            let rawMsrp = parseFloat(deal.rawMsrp) || parseFloat(deal.msrp) || null;            if (rawMsrp > rawPrice && rawPrice > 0) {              voucherPct = Math.round((1 - (rawPrice / rawMsrp)) * 100);            }            let numId = null;            if (deal.externalProductId && !isNaN(parseInt(deal.externalProductId))) {              numId = parseInt(deal.externalProductId);            } else if (deal.id && !isNaN(parseInt(deal.id))) {              numId = parseInt(deal.id);            } else {              numId = deal.matchId || null;            }            return {              product: {                primary: {                  id: numId,                  name: deal.productName || deal.title || "",                  type: "deal",                  price: rawPrice,                  previousPrice: rawMsrp,                  currency: currency || 'USD',                  preorder: false,                  labels: deal.modelBrand || deal.brand ? [                     { type: "brand", value: deal.modelBrand || deal.brand }                  ] : [],                  link: deal.url,                  originalLink: deal.url,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: voucherPct,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: deal.productKey || null,                  inStock: deal.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: currency || 'USD'                }              },              merchant: {                id: deal.merchantId ? parseInt(deal.merchantId) : null,                name: deal.merchant || "Retailer",                url: deal.merchantUrl || null,                network: deal.merchantNetwork || null              },              model: {                id: deal.modelId ? parseInt(deal.modelId) : null,                brand: deal.modelBrand || deal.brand || null,                name: deal.productName || deal.title || "",                parent: deal.modelParent || null              }            };         });                  trackHawkEvent({             clickType: "appeared",             widgetId: widgetId,             productCategoryName: "deals",             zeroBasedProductIndexOrNull: null,             totalDealsOrProducts: deals.length,             productsArray: productsArray,             queryName: queryName,             widgetTypeName: widgetTypeName         });      }      // 1. Setup Shadow DOM Sandbox      const currentScript = document.currentScript;      let hostContainer = null;      let template = null;            if (currentScript) {        let prev = currentScript.previousElementSibling;        while (prev) {          if (prev.tagName === 'TEMPLATE' && prev.classList.contains('tg-df-widget-template')) {            template = prev;          } else if (prev.tagName === 'DIV' && prev.classList.contains('tg-df-widget-host') && !prev.hasAttribute('data-initialized')) {            hostContainer = prev;            break;          }          prev = prev.previousElementSibling;        }      }            // Fallbacks in case script is deferred      if (!hostContainer) {        const hosts = document.querySelectorAll('.tg-df-widget-host:not([data-initialized])');        if (hosts.length > 0) hostContainer = hosts[0];      }            // Safely embedded template for CMS environments      const rawTemplate = `  \x3Cstyle>    /* --- Shadow DOM Base Reset --- */    *, *::before, *::after {      box-sizing: border-box;    }    img, picture, svg, video {      max-width: 100%;      height: auto;      display: block;    }    /*       1. Scoped CSS for Tom's Guide Deals Widget       All classes are prefixed with \`tg-df-\` to prevent CMS style leakage.    */    .tg-df-container {      container-type: inline-size;      container-name: tg-df;      --tg-df-blue: #1F69FF;      --tg-df-blue-hover: #004d8c;      --tg-df-text: #222222;      --tg-df-text-muted: #555555;      --tg-df-bg: #ffffff;      --tg-df-bg-secondary: #f4f4f4;      --tg-df-border: #e2e8f0;      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;      color: var(--tg-df-text);      background-color: transparent;       width: 100%;      max-width: 1200px;      margin: 0 auto;      padding-bottom: 24px;    }    .tg-df-container *, .tg-df-container *::before, .tg-df-container *::after {      margin: 0;      padding: 0;      box-sizing: border-box;    }    .tg-df-container img {      border: none;      margin: 0;      padding: 0;    }    .tg-df-container a {      text-decoration: none;      color: inherit;    }    /*       2. Search & Filter Bar    */    .tg-df-controls {      display: flex;      flex-direction: column;      align-items: center;      gap: 20px;      margin-bottom: 32px;      width: 100%;      position: relative;      z-index: 20;    }    .tg-df-top-bar {      display: flex;      width: 100%;      max-width: 760px;      gap: 12px;      margin: 0 auto;      align-items: center;    }    .tg-df-search-wrapper {      position: relative;      flex: 1;      width: 100%;      box-shadow: 0 8px 24px rgba(0,0,0,0.06);      border-radius: 40px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      z-index: 100;    }    .tg-df-autocomplete-dropdown {      position: absolute;      top: calc(100% + 4px);      left: 0;      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      max-height: 300px;      overflow-y: auto;      z-index: 200;      display: none;    }    .tg-df-autocomplete-dropdown.active {      display: block;    }    .tg-df-autocomplete-item {      padding: 12px 24px;      cursor: pointer;      font-size: 14px;      color: var(--tg-df-text);      transition: background 0.1s ease;    }    .tg-df-autocomplete-item:hover {      background: var(--tg-df-bg-secondary);    }    .tg-df-search-input {      width: 100%;      padding: 16px 64px 16px 24px;      font-size: 16px;      border: 2px solid transparent;      border-radius: 40px;      outline: none;      transition: border-color 0.2s ease, box-shadow 0.2s ease;      color: var(--tg-df-text);      background: transparent;    }    .tg-df-search-input:focus {      border-color: transparent;      box-shadow: 0 0 0 3px rgba(0, 108, 196, 0.15);    }    .tg-df-search-input::placeholder {      color: #999999;    }        .tg-df-search-btn {      position: absolute;      right: 8px;      top: 50%;      transform: translateY(-50%);      width: 40px;      height: 40px;      border-radius: 50%;      background: #222;      border: none;      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: background 0.2s ease;    }        .tg-df-search-btn:hover {      background: #000;    }    .tg-df-search-icon {      width: 16px;      height: 16px;      fill: #fff;    }    .tg-df-settings-wrapper {      position: relative;    }        .tg-df-settings-btn {      width: 48px;      height: 48px;      border-radius: 50%;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      box-shadow: 0 4px 12px rgba(0,0,0,0.04);      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: all 0.2s ease;      color: var(--tg-df-text-muted);      flex-shrink: 0;    }    .tg-df-settings-btn:hover {      background: var(--tg-df-bg-secondary);      border-color: #0000ff;      color: var(--tg-df-text);    }    .tg-df-settings-btn svg {      width: 24px;      height: 24px;      fill: currentColor;    }    .tg-df-settings-dropdown {      position: absolute;      top: calc(100% + 8px);      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      width: 280px;      padding: 20px;      display: none;      z-index: 100;      flex-direction: column;      gap: 20px;    }    .tg-df-settings-dropdown.active {      display: flex;    }        .tg-df-settings-dropdown-backdrop {      display: none;      position: fixed;      inset: 0;      z-index: 99;    }        .tg-df-settings-dropdown-backdrop.active {      display: block;    }    .tg-df-setting-item {      display: flex;      flex-direction: column;      gap: 10px;    }    .tg-df-setting-label {      font-size: 11px;      font-weight: 700;      color: var(--tg-df-text-muted);      text-transform: uppercase;      letter-spacing: 0.5px;    }        .tg-df-region-select {        padding: 10px 12px;        border-radius: 8px;        border: 1px solid var(--tg-df-border);        font-size: 15px;        outline: none;        background: var(--tg-df-bg-secondary);        color: var(--tg-df-text);        cursor: pointer;        width: 100%;    }    .tg-df-toggle {        position: relative;        display: inline-block;        width: 44px;        height: 24px;        flex-shrink: 0;    }    .tg-df-toggle input {        opacity: 0;        width: 0;        height: 0;    }    .tg-df-slider {        position: absolute;        cursor: pointer;        top: 0; left: 0; right: 0; bottom: 0;        background-color: #ccc;        transition: .2s;        border-radius: 24px;    }    .tg-df-slider:before {        position: absolute;        content: "";        height: 18px;        width: 18px;        left: 3px;        bottom: 3px;        background-color: white;        transition: .2s;        border-radius: 50%;    }    .tg-df-toggle input:checked + .tg-df-slider {        background-color: #1F69FF;    }    .tg-df-toggle input:checked + .tg-df-slider:before {        transform: translateX(20px);    }    .tg-df-dl-row {        flex-direction: row;        align-items: center;        justify-content: space-between;    }    .tg-df-dl-row-text {        font-size: 14px;        font-weight: 600;        color: var(--tg-df-text);    }    .tg-df-dl-row-subtext {        font-size: 12px;        font-weight: 400;        line-height: 1.3;        color: var(--tg-df-text-muted);        margin-top: 4px;        display: block;    }    .tg-df-filters-container {      position: relative;      width: 100%;      max-width: 800px;    }    .tg-df-scroll-btn {      display: none;      position: absolute;      top: 50%;      transform: translateY(-50%);      width: 32px;      height: 32px;      background: white;      border: 1px solid var(--tg-df-border);      border-radius: 50%;      align-items: center;      justify-content: center;      cursor: pointer;      z-index: 10;      box-shadow: 0 2px 8px rgba(0,0,0,0.1);      color: var(--tg-df-text-primary);      padding: 0;    }    .tg-df-scroll-btn svg {      width: 16px;      height: 16px;    }    .tg-df-scroll-btn:hover {      background: #f4f4f4;    }    .tg-df-scroll-btn.left {      left: 0px;    }    .tg-df-scroll-btn.right {      right: 0px;    }    @container tg-df (max-width: 768px) {      .tg-df-scroll-btn {        display: flex;        top: 22px; /* vertically center within the 44px high filter buttons */      }    }    .tg-df-filters {      display: grid;      width: 100%;      grid-template-columns: repeat(4, 1fr);      gap: 12px;      margin: 0 auto;      max-width: 800px;    }                 .tg-df-sort-wrapper {      position: relative;      display: flex;      align-items: center;      width: 100%;    }        .tg-df-sort-icon {      position: absolute;      left: 14px;      width: 14px;      height: 14px;      fill: var(--tg-df-text-muted);      pointer-events: none;    }    .tg-df-sort-select, .tg-df-filter-select {      width: 100%;      padding: 10px 36px 10px 38px;      font-size: 14px;      border: 1px solid var(--tg-df-border);      border-radius: 100px;      outline: none;      appearance: none;      background-color: var(--tg-df-bg-secondary);      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");      background-repeat: no-repeat;      background-position: right 14px center;      color: var(--tg-df-text);      cursor: pointer;      font-weight: 500;      transition: all 0.2s ease;    }        .tg-df-price-input::-webkit-outer-spin-button,    .tg-df-price-input::-webkit-inner-spin-button {      -webkit-appearance: none;      margin: 0;    }    .tg-df-price-input {      -moz-appearance: textfield;    }    .tg-df-sort-select:hover, .tg-df-filter-select:hover {      background-color: #e2e8f0;    }    .tg-df-multiselect-container {      position: relative;    }    @container tg-df (max-width: 768px) {      .tg-df-filters-container {      position: relative;      width: 100%;      max-width: 800px;    }    .tg-df-scroll-btn {      display: none;      position: absolute;      top: 50%;      transform: translateY(-50%);      width: 32px;      height: 32px;      background: white;      border: 1px solid var(--tg-df-border);      border-radius: 50%;      align-items: center;      justify-content: center;      cursor: pointer;      z-index: 10;      box-shadow: 0 2px 8px rgba(0,0,0,0.1);      color: var(--tg-df-text-primary);      padding: 0;    }    .tg-df-scroll-btn svg {      width: 16px;      height: 16px;    }    .tg-df-scroll-btn:hover {      background: #f4f4f4;    }    .tg-df-scroll-btn.left {      left: 0px;    }    .tg-df-scroll-btn.right {      right: 0px;    }    @container tg-df (max-width: 768px) {      .tg-df-scroll-btn {        display: flex;        top: 22px; /* vertically center within the 44px high filter buttons */      }    }    .tg-df-filters {        width: 100%;        margin: 0;        margin-bottom: -320px;        padding: 0 16px 320px 16px;        display: flex;        flex-wrap: nowrap;        gap: 8px;        overflow-x: auto;        overflow-y: hidden;        pointer-events: none;        scrollbar-width: none;        -webkit-overflow-scrolling: touch;      }      .tg-df-filters::-webkit-scrollbar {        display: none;      }      .tg-df-sort-wrapper {        pointer-events: auto;        flex: 0 0 auto;        width: 175px;        min-width: 175px;      }    }        .tg-df-multiselect-trigger {      display: block;      background: #fff;      user-select: none;      width: 100%;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis;    }        .tg-df-multiselect-dropdown {      display: none;      position: absolute;      top: calc(100% + 4px);      left: 0;      width: 100%;      min-width: 220px;      max-height: 300px;      overflow-y: auto;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);      z-index: 100;      padding: 8px 0;    }    .tg-df-multiselect-dropdown.active {      display: block;    }    .tg-df-ms-option {      padding: 8px 16px;      display: flex;      align-items: center;      gap: 8px;      cursor: pointer;      font-size: 14px;    }    .tg-df-ms-option:hover {      background-color: var(--tg-df-bg-secondary);    }        .tg-df-ms-option input {      cursor: pointer;      accent-color: #1f69ff;    }    .tg-df-sort-select:focus, .tg-df-filter-select:focus {      border-color: #0000ff;      box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.2);      background-color: var(--tg-df-bg);    }    /*       3. Deal Grid Layout    */    .tg-df-grid.tg-df-grid-auto {      padding-top: 24px;    }    .tg-df-grid, .tg-df-grid.layout-grid {      display: grid;      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      gap: 10px;    }    .tg-df-grid.layout-row {      grid-template-columns: 1fr;      gap: 16px;    }        .tg-df-grid.layout-row .tg-df-card {      flex-direction: row;      align-items: stretch;      height: auto;      box-shadow: none;      border-bottom: 1px solid var(--tg-df-border);    }    .tg-df-grid.layout-row .tg-df-card:hover {      box-shadow: none;    }    .tg-df-grid.layout-row .tg-df-card-image-box {      width: 140px;      min-width: 140px;      aspect-ratio: 3/4;      border-right: none;      padding: 16px 16px 16px 32px;    }    .tg-df-grid.layout-row .tg-df-card-body {      padding: 16px;      justify-content: space-between;    }    .tg-df-grid.layout-row .tg-df-card-title {      font-size: 15px;      margin-bottom: 16px;    }    .tg-df-grid.layout-row .tg-df-card-stars { margin-bottom: 8px; }    .tg-df-grid.layout-row .tg-df-card-footer {      flex-direction: column;      align-items: flex-start;      gap: 0;    }    .tg-df-grid.layout-row .tg-df-card-merchant-pill {      margin-bottom: 4px;    }    .tg-df-grid.layout-row .tg-df-card-price-group {      margin-bottom: 8px;    }    .tg-df-grid.layout-row .tg-df-price-group {      width: auto;    }    .tg-df-grid.layout-row .tg-df-card-cta {      width: 100%;      max-width: 200px;      padding: 10px 24px;      font-size: 13px;      flex-shrink: 0;      text-align: center;      justify-content: center;    }    /*       4. Deal Card Design    */    .tg-df-card {      position: relative;      display: flex;      flex-direction: column;      background-color: #ffffff;      border-radius: 0;      overflow: hidden;      transition: transform 0.2s ease, box-shadow 0.2s ease;      text-decoration: none;      color: inherit;      height: 100%;      box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);      border: 1px solid var(--tg-df-border);    }    .tg-df-card:hover {      box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);    }    .tg-df-card-image-box {      width: 100%;      aspect-ratio: 3/4;      background-color: #f8f8f8;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      padding: 32px;      flex: 0 0 auto;    }    .tg-df-card-image {      max-width: 100%;      max-height: 100%;      width: auto;      height: auto;      object-fit: contain;      mix-blend-mode: multiply; /* Helps white background images blend into secondary bg */      transition: transform 0.3s ease;    }    .tg-df-card:hover .tg-df-card-image {      transform: scale(1.05); /* Zoom in on hover */    }    .tg-df-card-discount-badge {      position: absolute;      top: 12px;      left: 12px;      background: #dc2626; /* Red */      color: #ffffff;      padding: 6px 8px;      font-size: 11px;      font-weight: 500;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      z-index: 10;    }        .tg-df-card-merchant-pill {      display: block;      padding: 0;      font-size: 11px;      font-weight: 600;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      color: var(--tg-df-text-muted);      margin-bottom: 8px;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }    .tg-df-card-body {      padding: 16px;      display: flex;      flex-direction: column;      flex-grow: 1;      min-width: 0;    }    .tg-df-card-badges {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-bottom: 8px;    }    .tg-df-tag {      display: inline-flex;      align-items: center;      padding: 4px 6px;      font-size: 11px;      font-weight: 700;      text-transform: uppercase;      border-radius: 4px;      gap: 4px;    }    .tg-df-tag-prime {      background-color: #00A8E1;      color: #fff;    }    .tg-df-tag-coupons {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-coupons:hover {      background-color: #e2e8f0;    }        .tg-df-tag-outline {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-outline:hover {      background-color: #e2e8f0;    }        @keyframes tg-df-spin {      0% { transform: rotate(0deg); }      100% { transform: rotate(360deg); }    }    .tg-df-coupon-spinner {      border: 2px solid #e2e8f0;      border-top: 2px solid #3b82f6;      border-radius: 50%;      width: 14px;      height: 14px;      animation: tg-df-spin 1s linear infinite;      margin: 4px 8px;      display: inline-block;    }        /* Vouchers Modal */    .tg-df-modal-backdrop {      position: fixed;      top: 0; left: 0; right: 0; bottom: 0;      background: rgba(0,0,0,0.5);      z-index: 10000;      display: flex;      align-items: center;      justify-content: center;      opacity: 0;      pointer-events: none;      transition: opacity 0.3s;    }    .tg-df-modal-backdrop.active {      opacity: 1;      pointer-events: auto;    }    .tg-df-modal {      background: #fff;      border-radius: 12px;      width: 90%;      max-width: 400px;      max-height: 80vh;      display: flex;      flex-direction: column;      box-shadow: 0 10px 40px rgba(0,0,0,0.2);      transform: translateY(20px);      transition: transform 0.3s;    }    .tg-df-modal-backdrop.active .tg-df-modal {      transform: translateY(0);    }    .tg-df-modal-header {      padding: 16px;      border-bottom: 1px solid #e2e8f0;      display: flex;      align-items: center;      justify-content: space-between;    }    .tg-df-modal-title {      font-size: 16px;      font-weight: 600;      margin: 0;    }    .tg-df-modal-close {      background: none;      border: none;      cursor: pointer;      padding: 4px;      color: #64748b;    }    .tg-df-modal-body {      padding: 16px;      overflow-y: auto;    }    .tg-df-voucher-item {      padding: 12px;      border: 1px dashed #cbd5e1;      border-radius: 8px;      margin-bottom: 10px;      background: #f8fafc;      display: flex;      align-items: center;      gap: 12px;      text-decoration: none;      color: inherit;      transition: background-color 0.2s, border-color 0.2s;    }    .tg-df-voucher-item:hover {      background: #f1f5f9;      border-color: #94a3b8;    }    .tg-df-voucher-item:last-child {      margin-bottom: 0;    }    .tg-df-voucher-logo {      width: 48px;      height: 48px;      object-fit: contain;      border-radius: 4px;      background: #fff;      border: 1px solid #e2e8f0;      flex-shrink: 0;    }    .tg-df-voucher-content {      flex: 1;      min-width: 0;    }    .tg-df-voucher-title {      font-size: 14px;      font-weight: 600;      margin: 0 0 4px 0;      line-height: 1.3;      color: #0f172a;    }    .tg-df-voucher-expiry {      font-size: 12px;      color: #64748b;      display: flex;      align-items: center;      gap: 4px;      margin-top: 6px;    }    .tg-df-voucher-code {      display: inline-flex;      align-items: center;      background: #f1f5f9;      border: 1px dashed #cbd5e1;      padding: 6px 10px;      font-family: monospace;      font-weight: 700;      font-size: 14px;      color: #0f172a;      border-radius: 4px;      margin-top: 8px;      cursor: pointer;      transition: all 0.2s ease;    }    .tg-df-voucher-code:hover {      background: #e2e8f0;      border-color: #94a3b8;    }    .tg-df-voucher-code.copied {      background: #ecfdf5;      border-color: #10b981;      color: #10b981;    }    .tg-df-voucher-cta {      display: inline-block;      margin-top: 8px;      font-size: 13px;      font-weight: 600;      color: #2563eb;      text-decoration: none;    }    .tg-df-card-title {      font-size: 15px;      font-weight: 400;      line-height: 1.4;      margin: 0 0 12px 0;      color: var(--tg-df-text);    }    .tg-df-card-footer {      margin-top: auto;      display: flex;      flex-direction: column;      width: 100%;    }    .tg-df-card-price-group {      display: flex;      flex-direction: row;      align-items: center;      gap: 8px;      margin-bottom: 12px;    }    .tg-df-card-price {      font-size: 16px;      font-weight: 700;      color: #dc2626; /* Red price */      line-height: 1;    }        .tg-df-card-msrp {      font-size: 13px;      color: var(--tg-df-text-muted);      text-decoration: line-through;    }    .tg-df-container .tg-df-card-cta {      display: flex;      align-items: center;      justify-content: center;      width: 100%;      box-sizing: border-box;      background-color: #1f69ff;      color: #ffffff;      font-size: 12px;      font-weight: 700;      text-transform: uppercase;      letter-spacing: 0.5px;      padding: 12px 16px;      border-radius: 0;      border: none;      cursor: pointer;      transition: background-color 0.2s ease;    }    .tg-df-card:hover .tg-df-card-cta,    .tg-df-card-cta:hover {      background-color: #1555cc;    }    /*       5. State & Skeleton Styles    */    .tg-df-message {      grid-column: 1 / -1;      text-align: center;      padding: 48px 24px;      color: var(--tg-df-text-muted);      font-size: 16px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;    }    @keyframes tg-df-shimmer {      0% { background-position: -200% 0; }      100% { background-position: 200% 0; }    }    .tg-df-skeleton {      background: linear-gradient(90deg, var(--tg-df-bg-secondary) 25%, #e2e8f0 50%, var(--tg-df-bg-secondary) 75%);      background-size: 200% 100%;      animation: tg-df-shimmer 1.5s infinite;      border-radius: 4px;    }    .tg-df-skeleton-img {      width: 100%;      height: 100%;      position: absolute;      top: 0; left: 0;    }        .tg-df-skeleton-text {      height: 16px;      margin-bottom: 8px;      width: 100%;    }    .tg-df-skeleton-text.short { width: 40%; }    .tg-df-skeleton-text.title { height: 20px; margin-bottom: 16px; }    /* Editor Floating Bar & Elements */    .tg-df-editor-bar {      position: sticky;      top: 120px;      z-index: 1000;      background: #111827;      color: #fff;      padding: 12px 16px;      border-radius: 8px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: space-between;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);    }    .tg-df-editor-bar-text {      font-weight: 600;      font-size: 14px;    }    .tg-df-editor-copy-btn {      background: #10b981;      color: #fff;      padding: 6px 16px;      border: none;      border-radius: 4px;      font-weight: 600;      cursor: pointer;      display: flex;      align-items: center;      font-size: 13px;    }    .tg-df-editor-copy-btn:hover { background: #059669; }        .tg-df-deal-checkbox {      position: absolute;      top: 12px;      right: 12px;      z-index: 10;      width: 20px;      height: 20px;      cursor: pointer;      pointer-events: auto;    }    /*       6. Mobile List View (Stacks into a cleaner horizontal row/list)    */    @container tg-df (max-width: 599px) {      .tg-df-controls {        padding: 16px 16px 8px;      }            .tg-df-top-bar {        width: 100%;      }            .tg-df-settings-dropdown {        position: fixed;        top: auto;        bottom: 0;        left: 0;        right: 0;        width: 100%;        border-radius: 20px 20px 0 0;        padding: 24px;        box-shadow: 0 -8px 32px rgba(0,0,0,0.15);        z-index: 1000;        border: none;        border-top: 1px solid var(--tg-df-border);      }            .tg-df-settings-dropdown-backdrop.active {        background: rgba(0,0,0,0.4);      }            .tg-df-search-wrapper {        box-shadow: 0 0 16px rgba(0,0,0,0.08);      }                  .tg-df-sort-wrapper.tg-df-price-range-wrapper {        flex: 0 0 auto;        min-width: max-content;        width: auto;      }            .tg-df-sort-select, .tg-df-filter-select {        width: 100%;        text-align: left;        padding: 10px 24px 10px 32px;        background-position: right 8px center;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;      }      .tg-df-sort-icon {        left: 10px;      }      .tg-df-grid:not(.layout-grid):not(.layout-row),      .tg-df-grid.layout-row {        grid-template-columns: 1fr;        gap: 16px;      }            .tg-df-grid.tg-df-grid-auto {        padding-top: 24px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card,      .tg-df-grid.layout-row .tg-df-card {        flex-direction: row;        align-items: stretch;        height: auto;        box-shadow: none; /* simple line on mobile if preferred, or keep */        border-bottom: 1px solid var(--tg-df-border);      }      .tg-df-grid.tg-df-grid-auto .tg-df-card:hover,      .tg-df-grid.layout-row .tg-df-card:hover {        box-shadow: none;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-image-box,      .tg-df-grid.layout-row .tg-df-card-image-box {        width: 120px;        min-width: 120px;        aspect-ratio: 3/4;        border-right: none;        padding: 12px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-body,      .tg-df-grid.layout-row .tg-df-card-body {        padding: 12px;        justify-content: space-between;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-title,      .tg-df-grid.layout-row .tg-df-card-title {        font-size: 14px;        margin-bottom: 12px;      }      /* Single column mobile grid override */      .tg-df-grid.layout-grid {        grid-template-columns: 1fr;        gap: 16px;      }      .tg-df-grid.layout-grid .tg-df-card-image-box {        padding: 12px;      }      .tg-df-grid.layout-grid .tg-df-card-body {        padding: 10px;      }      .tg-df-grid.layout-grid .tg-df-card-title {        font-size: 13px;        margin-bottom: 8px;      }      .tg-df-grid.layout-grid .tg-df-card-price {        font-size: 14px;      }            .tg-df-card-footer {        flex-direction: column;        align-items: stretch;        gap: 0;        width: 100%;        min-width: 0;      }      .tg-df-card-merchant-pill {        margin-bottom: 4px;      }      .tg-df-card-price-group {        flex: 1 1 auto;        margin-bottom: 8px;      }      .tg-df-card-price {        font-size: 16px;      }      .tg-df-card-msrp {        display: block;       }      .tg-df-grid.layout-row .tg-df-card-cta,      .tg-df-container .tg-df-card-cta {        width: 100%;        max-width: none;        min-width: 0;        box-sizing: border-box;        padding: 8px 16px;        font-size: 12px;        flex: 0 0 auto;        text-align: center;        white-space: normal;        line-height: 1.2;      }    }    .tg-df-container.is-carousel {      min-height: 760px;      background-color: #E7F0FF;      padding: 0 0 24px 0;      border-radius: 24px;      width: 100vw;      max-width: 1200px;      position: relative;      left: 50%;      transform: translateX(-50%);    }    .tg-df-container.is-carousel.hide-header-details {      min-height: 480px;    }    /*       7. Carousel View Mode    */    .tg-df-container .tg-df-carousel-host {      /* Layout is now handled by container wrapper */    }    .tg-df-container .tg-df-carousel-eyebrow {      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      padding: 24px 16px 0 16px;      display: none;    }    .tg-df-container .tg-df-carousel-query-title {      color: #011535;      font-size: 28px;      font-weight: 600;      padding: 0 16px 24px 16px;      line-height: 1.2;      display: none;    }    .tg-df-container .tg-df-carousel-blue-box {      background-color: transparent;      border-radius: 0;      padding: 24px 24px 0 24px;      margin: 0;      color: #1F69FF;          position: relative;      overflow: hidden;    }    .tg-df-container .tg-df-carousel-bg-circle-1 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-2 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-3 {      display: none;    }    .tg-df-container .tg-df-carousel-box-content {      position: relative;      z-index: 10;    }    .tg-df-container .tg-df-carousel-box-eyebrow {      background-color: transparent;      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      display: inline-block;      padding: 0;      border-radius: 0;    }    .tg-df-container .tg-df-carousel-box-title {      font-size: 28px;      font-weight: 600;      line-height: 1.2;      margin-top: 8px;      color: #1e293b;    }    .tg-df-container .tg-df-countdown-wrapper {      position: absolute;      top: 0;      right: 0;      display: flex;      flex-direction: column;      align-items: flex-end;      gap: 12px;      transform: scale(0.67);      transform-origin: top right;    }    .tg-df-container .tg-df-countdown-title {      font-size: 14px;      font-weight: 600;      color: #011535;      margin: 0;    }    .tg-df-container .tg-df-countdown-blocks {      display: flex;      gap: 16px;    }    .tg-df-container .tg-df-countdown-item {      display: flex;      flex-direction: column;      align-items: center;      gap: 4px;    }    .tg-df-container .tg-df-countdown-box {      width: 59px;      height: 59px;      background: #03FE9E;      border-radius: 15px;      display: flex;      align-items: center;      justify-content: center;    }    .tg-df-container .tg-df-countdown-num {      font-family: 'Inter', sans-serif;      font-weight: 700;      font-size: 20px;      line-height: normal;      color: #011535;    }    .tg-df-container .tg-df-countdown-label {      font-family: 'Inter', sans-serif;      font-weight: 500;      font-size: 16px;      line-height: normal;      color: #1e293b;      text-transform: uppercase;    }    .tg-df-container .tg-df-carousel-box-subtitle {      font-size: 16px;      margin-top: 8px;      font-weight: 300;      color: #1e293b;      line-height: 24px;    }    .tg-df-container .tg-df-carousel-roundels-wrapper {      position: relative;      margin-top: 24px;      margin-left: -24px;      margin-right: -24px;    }    .tg-df-container .tg-df-carousel-roundels {      display: flex;      gap: 16px;      overflow-x: auto;            scrollbar-width: none;      padding-top: 12px;      padding-bottom: 24px;      padding-left: 24px;      padding-right: 24px;      margin-left: 0;      margin-right: 0;    }        .tg-df-container .tg-df-carousel-scroll-left,    .tg-df-container .tg-df-carousel-scroll-right {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 36px;      width: 36px;      display: flex;      align-items: center;      justify-content: center;      border-radius: 50%;      background-color: #ffffff;      border: 1px solid #e2e8f0;      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);      color: #1F69FF;      cursor: pointer;      transition: all 0.2s;      margin-top: -4px;      z-index: 20;    }    .tg-df-container .tg-df-carousel-scroll-left { left: 8px; }    .tg-df-container .tg-df-carousel-scroll-right { right: 8px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left { left: 0px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right { right: 0px; }    .tg-df-carousel-filters-outer { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }    .tg-df-grid-wrapper { position: relative; }    @container tg-df (max-width: 599px) { .tg-df-carousel-filters-outer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } }        .tg-df-container .tg-df-carousel-scroll-left:hover,    .tg-df-container .tg-df-carousel-scroll-right:hover {      background-color: rgba(255, 255, 255, 0.6);    }    .tg-df-container .tg-df-carousel-roundels::-webkit-scrollbar {      display: none;    }    .tg-df-container .tg-df-roundel {      display: flex;      flex-direction: column;      align-items: center;      gap: 8px;      cursor: pointer;      min-width: 120px;      flex-shrink: 0;    }    .tg-df-container .tg-df-roundel-img-box {      width: 120px;      height: 120px;      border-radius: 50%;      background: white;      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: 0px 3px 14px 0px rgba(30, 41, 59, 0.08);      transition: box-shadow 0.2s;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box img {      transform: scale(1.08);    }    .tg-df-container .tg-df-roundel-img-box img {      width: 100%;      height: 100%;      object-fit: contain;      padding: 10px;      box-sizing: border-box;      transition: transform 0.3s ease;    }    .tg-df-container .tg-df-roundel-label {      font-size: 13px;      font-weight: 400;      color: #1e293b;      text-align: center;    }    .tg-df-container .tg-df-carousel-filters-label {      font-size: 16px;      font-weight: 400;      color: #1e293b;      white-space: nowrap;      margin-right: 4px;    }    .tg-df-container .tg-df-carousel-filters-wrap {      display: flex;      align-items: center;      flex-wrap: nowrap;      gap: 8px;      margin-top: 8px;      overflow-x: auto;      scrollbar-width: none;      -webkit-overflow-scrolling: touch;      padding-bottom: 8px;      margin-left: -24px;      margin-right: -24px;      padding-left: 24px;      padding-right: 24px;    }    .tg-df-container .tg-df-carousel-filters-wrap::-webkit-scrollbar {      display: none;    }        .tg-df-container .tg-df-carousel-filter-btn img,    .tg-df-container .tg-df-carousel-filter-btn picture {      height: 20px;      width: 20px;      object-fit: contain;      object-position: center;      display: inline-flex;      align-items: center;      justify-content: center;      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn picture img {      margin-right: 0;      height: 100%;      width: 100%;    }    .tg-df-container .tg-df-carousel-filter-btn img.active-img,    .tg-df-container .tg-df-carousel-filter-btn picture:has(.active-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.inactive-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.inactive-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.active-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.active-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.active-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.active-img) {      display: inline-flex;    }    .tg-df-container .tg-df-carousel-filter-btn {      background: #ffffff;      border: 2px solid #1e293b;      color: #1e293b;      border-radius: 24px;      padding: 6px 16px;      font-size: 14px;      font-weight: 600;      cursor: pointer;      transition: all 0.2s;      flex-shrink: 0;      white-space: nowrap;    }    .tg-df-container .tg-df-carousel-filter-btn svg {      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn {      display: inline-flex;      align-items: center;    }    .tg-df-container .tg-df-carousel-filter-btn:hover {      background: #1e293b;      color: white;      border-color: #1e293b;    }    .tg-df-container .tg-df-carousel-filter-btn.active {      background: #1e293b;      color: white;      border-color: #1e293b;    }        .tg-df-grid.carousel-compact {      display: flex;      flex-wrap: nowrap;      overflow-x: auto;      gap: 16px;      padding: 16px 24px;      align-items: stretch;      scrollbar-width: none;    }    .tg-df-grid.carousel-compact::-webkit-scrollbar {      display: none;    }    .tg-df-grid.carousel-compact .tg-df-card {      flex: 0 0 auto;      width: 200px;      min-height: auto;      height: auto;      display: flex;      flex-direction: column;      border-radius: 15px;      border: none;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      overflow: visible;    }    .tg-df-grid.carousel-compact .tg-df-card-image-box {      padding: 12px;      background-color: transparent;      border-radius: 15px 15px 0 0;      height: 130px;    }    .tg-df-grid.carousel-compact .tg-df-card-image {      mix-blend-mode: normal;    }    .tg-df-grid.carousel-compact .tg-df-card-discount-badge {      border-radius: 0;      top: 0px;      left: 0px;      padding: 4px 8px;      font-size: 11px;    }    .tg-df-grid.carousel-compact .tg-df-card-body {      padding: 8px 12px 12px 12px;    }    .tg-df-grid.carousel-compact .tg-df-card-title {      font-size: 14px;      font-weight: 400;      margin-bottom: 8px;      color: #011535;    }    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):not(:has(.tg-df-tag-prime)):not(:has(.tg-df-coupon-wrapper:not([style*="none"]))) > .tg-df-card-title,    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):has(> .tg-df-card-title:first-child) > .tg-df-card-title {    }    .tg-df-grid.carousel-compact .tg-df-card-cta {      border-radius: 5px;      padding: 8px 10px;      margin-top: 4px;      background-color: #1F69FF;    }    .tg-df-grid.carousel-compact .tg-df-card-price-group {      margin-bottom: 2px;    }    .tg-df-grid.carousel-compact .tg-df-card-merchant-pill {      margin-bottom: 2px;    }    @container tg-df (max-width: 599px) {      .tg-df-container .tg-df-carousel-blue-box-title {        font-size: 24px;      }      .tg-df-container .tg-df-countdown-title {        display: none;      }      .tg-df-container .tg-df-countdown-wrapper {        position: absolute;        top: 0;        right: 0;        align-items: flex-end;        transform: scale(0.40);        transform-origin: top right;      }      .tg-df-container .tg-df-roundel {        min-width: 88px;      }      .tg-df-container .tg-df-roundel-img-box {        width: 88px;        height: 88px;      }    }    /* REPLICA BLOCK STYLES */    .tg-df-grid.layout-replica-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px; }    .tg-df-grid.layout-replica-1 { grid-template-columns: 1fr !important; gap: 20px; }        .tg-df-container .hawk-deal-widget-container { border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: inherit; }    .tg-df-container .hawk-deal-widget-wrap { display: flex; flex-direction: row; align-items: flex-start; width: 100%; gap: 24px; }    .tg-df-container .hawk-deal-widget-image-container { display: flex; flex-shrink: 0; justify-content: center; width: 160px; height: 160px; align-items: center; background: white; margin-bottom: 0px; }    .tg-df-container .hawk-deal-widget-title-product-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.4; display: inline; }    .tg-df-container .hawk-deal-widget-title-price { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-price-now { font-weight: 700; }    .tg-df-container .hawk-deal-widget-title-retailer-price:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-title-retailer { font-size: 18px; font-weight: 700; line-height: 1.4; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-was-price { color: #dc2626; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: line-through; white-space: nowrap; margin-left: 8px; margin-right: 8px; }    .tg-df-container .hawk-deal-widget-text-body-container { position: relative; width: 100%; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-text-body-main { font-size: 16px; width: 100%; margin-bottom: 12px; }    .tg-df-container .hawk-deal-widget-text-body-description { display: block; font-size: 15px; margin-top: 12px; color: #4b5563; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-body-description p { margin: 0; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-cta-container { display: flex; flex-direction: column; gap: 12px; width: 100%; flex: 1; min-width: 0; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-footer { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }    .tg-df-container .hawk-deal-widget-button-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; }    .tg-df-container .hawk-deal-widget-preferred-partner-wrapper { display: flex; flex-direction: row; }        @container tg-df (min-width: 600px) {      .tg-df-mobile-only { display: none !important; }    }    @container tg-df (max-width: 599px) {      .tg-df-desktop-only { display: none !important; }      .tg-df-grid.layout-replica-2 { grid-template-columns: 1fr !important; }      .tg-df-grid.savings-squad-cards { grid-template-columns: 1fr !important; display: flex; flex-direction: column; }    }    .tg-df-grid.savings-squad-cards .tg-df-card-title {      -webkit-line-clamp: unset !important;      display: block !important;      overflow: visible !important;    }    @container tg-df (max-width: 500px) {      .tg-df-container .hawk-deal-widget-wrap { display: block; }      .tg-df-container .hawk-deal-widget-image-container { display: block; float: left; margin: 0 16px 8px 0; width: 120px; max-width: 120px; height: auto; align-items: normal; justify-content: normal; }      .tg-df-container .hawk-deal-widget-text-cta-container { display: block; text-align: left; }      .tg-df-container .hawk-deal-widget-footer { display: block; margin-top: 16px; clear: both; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper .hawk-deal-widget-preferred-partner-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-affiliate-link-deal-button { box-sizing: border-box !important; display: flex !important; max-width: none !important; width: 100% !important; margin: 0 !important; }    }        .tg-df-container .hawk-affiliate-link-deal-button {       align-items: center; background-color: #1f69ff; box-sizing: border-box; color: #ffffff !important; display: flex; font-size: 14px; font-weight: 700; justify-content: center; letter-spacing: 0.5px; line-height: 1; min-width: 160px; padding: 14px 24px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; word-break: normal; border-radius: 4px; border: 0; transition: background-color 0.2s;     }    .tg-df-container .hawk-affiliate-link-deal-button:hover { background-color: #0056e0; text-decoration: none; }    .tg-df-container .hawk-lazy-image-deal-widget { display: block; height: auto; margin: auto; max-height: 160px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; }    .tg-df-container .hawk-deal-widget-text-cta-container a { color: #2563eb; text-decoration: none; display: inline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:has(.hawk-deal-widget-title-product-title) { color: #111827; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-product-title,    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-retailer-price { text-decoration: underline; }    .tg-df-savings-squad-header { margin-bottom: 24px; text-align: center; display: none; }    .tg-df-banner-img-desktop { display: block; width: 100%; height: auto; margin-bottom: 32px; }    .tg-df-banner-img-mobile { display: none; width: 100%; height: auto; margin-bottom: 32px; }    @container tg-df (max-width: 600px) {      .tg-df-banner-img-desktop { display: none; }      .tg-df-banner-img-mobile { display: block; }    }    .tg-df-header-title { font-size: 28px; font-weight: 700; color: var(--tg-df-text); margin: 32px 0 12px 0; line-height: 1.3; }    .tg-df-header-subtitle { font-size: 16px; color: var(--tg-df-text-muted); margin: 0 0 32px 0; line-height: 1.5; }  \x3C/style>  \x3C!-- Widget Container --\x3E  \x3Cdiv class="tg-df-container" id="signal-deals-finder-root">    \x3Cdiv class="tg-df-savings-squad-header" id="tg-df-savings-squad-header">      \x3Cpicture>        \x3Cimg src="https://cdn.mos.cms.futurecdn.net/flexiimages/xkh2og7m3d1778189998.png" alt="Deals Banner" class="tg-df-banner-img-desktop" />        \x3Cimg src="https://cdn.mos.cms.futurecdn.net/flexiimages/gmak6rtdf41778245089.png" alt="Deals Banner Mobile" class="tg-df-banner-img-mobile" />      \x3C/picture>      \x3Cdiv class="tg-df-header-text">        \x3Ch2 class="tg-df-header-title" id="tg-df-header-title">Editor's Choice Deals\x3C/h2>        \x3Cp class="tg-df-header-subtitle" id="tg-df-header-subtitle">Discover the best discounts currently available, curated daily by the Tom's Guide Savings Squad.\x3C/p>      \x3C/div>    \x3C/div>    \x3C!-- Editor Floating Bar --\x3E    \x3Cdiv class="tg-df-editor-bar" id="tg-df-editor-bar" style="display:none;">      \x3Cdiv class="tg-df-editor-bar-text" style="display: flex; align-items: center;">        \x3Cspan id="tg-df-selected-count">0\x3C/span>\x26nbsp;Deals Selected        \x3Cbutton class="tg-df-editor-clear-btn" id="tg-df-editor-clear" type="button" style="margin-left: 12px; font-size: 13px; color: #9ca3af; background: none; border: none; cursor: pointer; text-decoration: underline;">Clear All\x3C/button>      \x3C/div>      \x3Cbutton class="tg-df-editor-copy-btn" id="tg-df-editor-copy" type="button">        \x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">\x3C/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">\x3C/path>\x3C/svg>        Copy to CMS      \x3C/button>    \x3C/div>    \x3Cdiv class="tg-df-carousel-host" id="tg-df-carousel-host" style="display: none;">      \x3Cdiv class="tg-df-carousel-eyebrow">DEAL FINDER\x3C/div>      \x3Cdiv class="tg-df-carousel-query-title" id="tg-df-carousel-title-label">Best Deals\x3C/div>            \x3Cdiv class="tg-df-carousel-blue-box">        \x3Cdiv class="tg-df-carousel-bg-circle-1" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-2" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-3" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-box-content">          \x3Cdiv class="tg-df-countdown-wrapper" id="tg-df-countdown-wrapper" style="display:none;">            \x3Cdiv class="tg-df-countdown-title" id="tg-df-countdown-title">Prime Day starts in\x3C/div>            \x3Cdiv class="tg-df-countdown-blocks">              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-days">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">DAYS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-hrs">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">HRS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-min">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">MIN\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-sec">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">SEC\x3C/div>\x3C/div>            \x3C/div>          \x3C/div>          \x3Cdiv class="tg-df-carousel-box-eyebrow">DEAL FINDER\x3C/div>          \x3Cdiv class="tg-df-carousel-box-title">Find Deals Fast\x3C/div>          \x3Cdiv class="tg-df-carousel-box-subtitle">The latest deals from the biggest retailers, all in one place\x3C/div>                    \x3Cdiv class="tg-df-carousel-roundels-wrapper">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-roundels">                      \x3Cdiv class="tg-df-roundel tg-df-carousel-cat" data-query="Televisions" data-pr="all">              \x3Cdiv class="tg-df-roundel-img-box">                 \x3Cimg src="https://cdn.mos.cms.futurecdn.net/wcMxTsHgqu3roMbAx7RLnT-132-100.png" alt="TVs" />              \x3C/div>              \x3Cspan class="tg-df-roundel-label">TVs\x3C/span>            \x3C/div>                      \x3Cdiv class="tg-df-roundel tg-df-carousel-cat" data-query="Phones" data-pr="over50">              \x3Cdiv class="tg-df-roundel-img-box">                 \x3Cimg src="https://cdn.mos.cms.futurecdn.net/G3KGaRGzj24F6PUsw4bWpT-132-100.png" alt="Phones" />              \x3C/div>              \x3Cspan class="tg-df-roundel-label">Phones\x3C/span>            \x3C/div>                      \x3Cdiv class="tg-df-roundel tg-df-carousel-cat" data-query="Computing" data-pr="all">              \x3Cdiv class="tg-df-roundel-img-box">                 \x3Cimg src="https://cdn.mos.cms.futurecdn.net/znNvsLzx8NEgNkD9HSFSnT-132-100.png" alt="Computing" />              \x3C/div>              \x3Cspan class="tg-df-roundel-label">Computing\x3C/span>            \x3C/div>                      \x3Cdiv class="tg-df-roundel tg-df-carousel-cat" data-query="Gaming" data-pr="all">              \x3Cdiv class="tg-df-roundel-img-box">                 \x3Cimg src="https://cdn.mos.cms.futurecdn.net/Pgew8yaRQeZFHqHjTzvBnT-132-100.png" alt="Gaming" />              \x3C/div>              \x3Cspan class="tg-df-roundel-label">Gaming\x3C/span>            \x3C/div>                      \x3Cdiv class="tg-df-roundel tg-df-carousel-cat" data-query="Mattresses" data-pr="over500">              \x3Cdiv class="tg-df-roundel-img-box">                 \x3Cimg src="https://cdn.mos.cms.futurecdn.net/cW7xsaLyesxkHFVSiC4kmT-132-100.png" alt="Mattresses" />              \x3C/div>              \x3Cspan class="tg-df-roundel-label">Mattresses\x3C/span>            \x3C/div>                      \x3Cdiv class="tg-df-roundel tg-df-carousel-cat" data-query="Audio" data-pr="over30">              \x3Cdiv class="tg-df-roundel-img-box">                 \x3Cimg src="https://cdn.mos.cms.futurecdn.net/pCvBVHuhaQVjKt3VgCjbqT-132-100.png" alt="Audio" />              \x3C/div>              \x3Cspan class="tg-df-roundel-label">Audio\x3C/span>            \x3C/div>                  \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>        \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-carousel-filters-outer" style="position: relative;">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-filters-wrap">                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="0">All\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_lightning">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_prime">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-d="10">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 10% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="15">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 15% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="25">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 25% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-pr="under50">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>            Under $50\x3C/button>        \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3C/div>    \x3C/div>    \x3C/div>      \x3C!-- Search & Filter Controls --\x3E      \x3Cdiv class="tg-df-top-bar" id="tg-df-top-bar" style="position: relative; z-index: 100; margin: 0 auto 20px;">        \x3Cdiv class="tg-df-search-wrapper">          \x3Cinput type="text" class="tg-df-search-input" placeholder="Search for deals, products, or brands...">          \x3Cbutton type="button" class="tg-df-search-btn" aria-label="Search">              \x3Csvg class="tg-df-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">                \x3Cpath d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-autocomplete-dropdown" id="tg-df-autocomplete">\x3C/div>        \x3C/div>      \x3C/div>    \x3Cdiv class="tg-df-controls" id="tg-df-controls" style="display:flex;">              \x3Cdiv class="tg-df-filters-container" style="position: relative; width: 100%; max-width: 800px; margin: 0 auto;">          \x3Cbutton class="tg-df-scroll-btn left" style="display: none;" onclick="this.parentElement.querySelector('.tg-df-filters').scrollBy({left: -200, behavior: 'smooth'})">            \x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\x3Cpath d="M15 18l-6-6 6-6"/>\x3C/svg>          \x3C/button>          \x3Cbutton class="tg-df-scroll-btn right" style="display: none;" onclick="this.parentElement.querySelector('.tg-df-filters').scrollBy({left: 200, behavior: 'smooth'})">            \x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\x3Cpath d="M9 18l6-6-6-6"/>\x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-filters">          \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-category-filter-wrapper" style="display: none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-category-filter" aria-label="Category">            \x3Coption value="all">All Categories\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-multiselect-container" id="tg-df-brand-filter-wrapper" style="display:none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/>          \x3C/svg>          \x3Cdiv class="tg-df-filter-select tg-df-multiselect-trigger" id="tg-df-brand-trigger" tabindex="0">            Any Brand          \x3C/div>          \x3Cdiv class="tg-df-multiselect-dropdown" id="tg-df-brand-dropdown">            \x3C!-- Populated via script --\x3E          \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-price-range-wrapper" id="tg-df-custom-price-wrapper" style="display: flex; align-items:center; justify-content:center; padding: 10px 20px; gap: 8px; border: 1px solid var(--tg-df-border); border-radius: 100px; background-color: var(--tg-df-bg);">          \x3Cspan style="font-size:14px; font-weight:500; color:var(--tg-df-text-primary);">Price\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-min" placeholder="Min" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">          \x3Cspan style="color:var(--tg-df-text-muted)">-\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-max" placeholder="Max" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-legacy-price-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-price-filter" aria-label="Filter Prices">            \x3Coption value="all">All Prices\x3C/option>            \x3Coption value="under50">Under $50\x3C/option>            \x3Coption value="50_100">$50 - $100\x3C/option>            \x3Coption value="100_200">$100 - $200\x3C/option>            \x3Coption value="200_500">$200 - $500\x3C/option>            \x3Coption value="over500">Over $500\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-discount-filter-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-discount-filter" aria-label="Discount Amount">            \x3Coption value="all">Any discount\x3C/option>            \x3Coption value="5">Min 5%\x3C/option>            \x3Coption value="10">Min 10%\x3C/option>            \x3Coption value="15">Min 15%\x3C/option>            \x3Coption value="20">Min 20%\x3C/option>            \x3Coption value="25">Min 25%\x3C/option>            \x3Coption value="30">Min 30%\x3C/option>            \x3Coption value="40">Min 40%\x3C/option>            \x3Coption value="50">Min 50%\x3C/option>            \x3Coption value="60">Min 60%\x3C/option>            \x3Coption value="70">Min 70%\x3C/option>          \x3C/select>          \x3C/div>        \x3C/div>        \x3C/div>      \x3C/div>    \x3C!-- Deals Grid Wrapper --\x3E    \x3Cdiv class="tg-df-grid-wrapper tg-df-carousel-cards-wrapper" id="tg-df-grid-wrapper">      \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3Cdiv class="tg-df-grid" id="tg-df-grid">        \x3C!-- Content populated by JavaScript --\x3E      \x3C/div>      \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>    \x3C/div>        \x3C!-- Vouchers Modal --\x3E    \x3Cdiv class="tg-df-modal-backdrop" id="tg-df-vouchers-modal">      \x3Cdiv class="tg-df-modal">        \x3Cdiv class="tg-df-modal-header">          \x3Ch3 class="tg-df-modal-title" id="tg-df-vouchers-title">Available Coupons & Deals\x3C/h3>          \x3Cbutton class="tg-df-modal-close" id="tg-df-vouchers-close">            \x3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">              \x3Cline x1="18" y1="6" x2="6" y2="18">\x3C/line>              \x3Cline x1="6" y1="6" x2="18" y2="18">\x3C/line>            \x3C/svg>          \x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-modal-body" id="tg-df-vouchers-content">          \x3C!-- Vouchers injected here --\x3E        \x3C/div>      \x3C/div>    \x3C/div>  \x3C/div>`;      if (!template) {        template = document.createElement('template');        template.innerHTML = rawTemplate;      }      let shadowRoot = null;      if (hostContainer && template) {        hostContainer.setAttribute('data-initialized', 'true');        shadowRoot = hostContainer.attachShadow({ mode: 'open' });        shadowRoot.appendChild(template.content.cloneNode(true));      }      class DealsFinderWidget {        constructor(config) {          this.rootNode = config.rootNode || document;          this.hostContainer = config.hostContainer || null;          this.rootId = config.rootId || 'signal-deals-finder-root';          this.root = this.rootNode.querySelector('#' + this.rootId);          if (!this.root) return;          this.widgetId = (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'widget-' + Date.now() + '-' + Math.random().toString(36).slice(2);          this.grid = this.root.querySelector('#tg-df-grid');          this.tagsContainer = this.root.querySelector('#tg-df-tags-container');          this.categoryFilter = this.root.querySelector('#tg-df-category-filter');          this.categoryFilterWrapper = this.root.querySelector('#tg-df-category-filter-wrapper');          this.searchInput = this.root.querySelector('.tg-df-search-input');          this.autocompleteDropdown = this.root.querySelector('#tg-df-autocomplete');          this.sortSelect = this.root.querySelector('.tg-df-sort-select');          this.searchBtn = this.root.querySelector('.tg-df-search-btn');                    this.settingsToggle = this.root.querySelector('#tg-df-settings-toggle');          this.settingsPanel = this.root.querySelector('#tg-df-settings-panel');          this.settingsBackdrop = this.root.querySelector('#tg-df-settings-backdrop');          this.regionSelect = this.root.querySelector('#tg-df-region-select');          this.retailerSelect = this.root.querySelector('#tg-df-retailer-select');          this.offerTypeSelect = this.root.querySelector('#tg-df-offer-type-select');          this.viewModeSelect = this.root.querySelector('#tg-df-view-mode-select');          this.rowsSelect = this.root.querySelector('#tg-df-rows-select');          this.dealModeToggle = this.root.querySelector('#tg-df-deal-mode');          this.editorModeToggle = this.root.querySelector('#tg-df-editor-mode');          this.priceFilter = this.root.querySelector('#tg-df-price-filter');          this.discountFilter = this.root.querySelector('#tg-df-discount-filter');                    this.editorBar = this.root.querySelector('#tg-df-editor-bar');          this.editorSelectedCount = this.root.querySelector('#tg-df-selected-count');          this.editorCopyBtn = this.root.querySelector('#tg-df-editor-copy');          this.editorClearBtn = this.root.querySelector('#tg-df-editor-clear');                    this.apiUrl = 'https://search-api.fie.future.net.uk/widget.php';          this.deals = [];          this.displayLimit = 12;          this.airedaleArticles = null;          this.airedaleTags = [];          this.airedaleTagCounts = {};          this.activeDealTag = null;          this.selectedBrands = [];          this.currentQuery = '';          this.editorMode = this.hostContainer ? this.hostContainer.hasAttribute('data-editor-mode') : false;          this.viewModeOverride = this.hostContainer ? this.hostContainer.getAttribute('data-view-mode') : null;          this.selectedDeals = new Map();                    this.brandFilterWrapper = this.root.querySelector('#tg-df-brand-filter-wrapper');          this.brandTrigger = this.root.querySelector('#tg-df-brand-trigger');          this.brandDropdown = this.root.querySelector('#tg-df-brand-dropdown');                    this.customPriceWrapper = this.root.querySelector('#tg-df-custom-price-wrapper');          this.customPriceMin = this.root.querySelector('#tg-df-custom-price-min');          this.customPriceMax = this.root.querySelector('#tg-df-custom-price-max');          this.legacyPriceWrapper = this.root.querySelector('#tg-df-legacy-price-wrapper');          this.discountFilterWrapper = this.root.querySelector('#tg-df-discount-filter-wrapper');          this.initResizeObserver();          this.init();        }        getViewMode() {          console.log("DEBUG getViewMode -> override:", this.viewModeOverride, "editorMode:", this.editorMode);          if (this.viewModeOverride && (!this.editorMode || !this.viewModeSelect)) {            return this.viewModeOverride;          }          return (this.viewModeSelect && this.viewModeSelect.value) ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');        }        applyLayoutMode() {          if (!this.grid) return;          const mode = this.getViewMode();          console.log("[DEBUG] applyLayoutMode CALLED! mode=", mode);          this.grid.classList.remove('layout-row', 'layout-grid', 'tg-df-grid-auto', 'carousel-compact', 'layout-replica-1', 'layout-replica-2');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          const showHeaderDetails = params.get('show_header_details') !== 'false';          const carouselHost = this.root.querySelector('#tg-df-carousel-host');          const controlsDiv = this.root.querySelector('#tg-df-controls');          const topBarDiv = this.root.querySelector('#tg-df-top-bar');          const headerElement = this.root.querySelector('#tg-df-savings-squad-header');          if (headerElement) {             headerElement.style.display = (mode === 'savings_squad' && showHeaderDetails) ? 'block' : 'none';          }          if (mode === 'carousel') {             this.grid.classList.add('carousel-compact');             if (carouselHost) carouselHost.style.display = 'block';             if (controlsDiv) controlsDiv.style.display = 'none';             if (topBarDiv) topBarDiv.style.display = 'none';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.add('is-carousel');             }          } else {             if (carouselHost) carouselHost.style.display = 'none';             if (controlsDiv) controlsDiv.style.display = 'flex';             if (topBarDiv) topBarDiv.style.display = 'block';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          }          if (mode === 'grid') {            this.grid.classList.add('layout-grid');          } else if (mode === 'row') {            this.grid.classList.add('layout-row');          } else if (mode === 'savings_squad') {            this.grid.classList.add('tg-df-grid-auto', 'savings-squad-cards');          } else if (mode !== 'carousel') {            this.grid.classList.add('tg-df-grid-auto');          }                    const settingsWrapper = this.root.querySelector('.tg-df-settings-wrapper');          if (settingsWrapper) {            settingsWrapper.style.display = mode === 'auto' ? 'none' : 'block';          }          if (this.customPriceWrapper) {             this.customPriceWrapper.style.display = mode === 'auto' ? 'flex' : 'none';          }          if (this.legacyPriceWrapper) {             this.legacyPriceWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }          if (this.discountFilterWrapper) {             this.discountFilterWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }        }        initResizeObserver() {          try {            if (window.parent === window) return;          } catch (e) {            // cross origin frame check threw          }          const emitHeight = () => {            try {              const height = document.documentElement.scrollHeight || document.body.scrollHeight;              const msg = { type: 'embed-size', height: height };              if (window.parent && window.parent !== window) {                window.parent.postMessage(msg, '*');                window.parent.postMessage(JSON.stringify({ ...msg, sentinel: 'amp' }), '*');              }            } catch (e) {}          };                    if (window.ResizeObserver) {            try {              const ro = new ResizeObserver(() => emitHeight());              ro.observe(document.body);              if (this.root) ro.observe(this.root);            } catch(e){ console.warn(e); }          }          window.addEventListener('resize', emitHeight);          setTimeout(emitHeight, 300);        }        initCountdown() {          this.cdWrapper = this.root.querySelector('#tg-df-countdown-wrapper');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          this.showCountdown = params.get('show_countdown') === 'true';          const showHeaderDetails = params.get('show_header_details') !== 'false';          const eyebrow = this.root.querySelector('.tg-df-carousel-box-eyebrow');          const title = this.root.querySelector('.tg-df-carousel-box-title');          const subtitle = this.root.querySelector('.tg-df-carousel-box-subtitle');          if (!showHeaderDetails) {            let containerElement = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (containerElement) containerElement.classList.add('hide-header-details');            if (eyebrow) eyebrow.style.display = 'none';            if (title) title.style.display = 'none';            if (subtitle) subtitle.style.display = 'none';          }          if (!this.cdWrapper) return;          this.cdTitle = this.root.querySelector('#tg-df-countdown-title');          this.cdDays = this.root.querySelector('#tg-df-cd-days');          this.cdHrs = this.root.querySelector('#tg-df-cd-hrs');          this.cdMin = this.root.querySelector('#tg-df-cd-min');          this.cdSec = this.root.querySelector('#tg-df-cd-sec');          this.updateCountdown();          this.cdInterval = setInterval(() => this.updateCountdown(), 1000);        }        updateCountdown() {          if (!this.cdWrapper) return;          if (!this.showCountdown) {            this.cdWrapper.style.display = 'none';            return;          }          const area = this.getAreaCode();          let offset = '-04:00';          if (['DE', 'FR', 'IT', 'ES', 'NL'].includes(area)) {             offset = '+02:00';          } else if (['GB', 'IE', 'UK'].includes(area)) {             offset = '+01:00';          }          const startTime = new Date('2026-06-23T00:00:00' + offset).getTime();          const endTime = new Date('2026-06-26T00:00:00' + offset).getTime();          const now = Date.now();          let targetTime = 0;          if (now < startTime) {             targetTime = startTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day starts in';             this.cdWrapper.style.display = 'flex';          } else if (now < endTime) {             targetTime = endTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day ends in';             this.cdWrapper.style.display = 'flex';          } else {             this.cdWrapper.style.display = 'none';             if (this.cdInterval) clearInterval(this.cdInterval);             return;          }          const diff = Math.max(0, targetTime - now);          const d = Math.floor(diff / (1000 * 60 * 60 * 24));          const h = Math.floor((diff / (1000 * 60 * 60)) % 24);          const m = Math.floor((diff / 1000 / 60) % 60);          const s = Math.floor((diff / 1000) % 60);          if (this.cdDays) this.cdDays.textContent = d;          if (this.cdHrs) this.cdHrs.textContent = h;          if (this.cdMin) this.cdMin.textContent = m;          if (this.cdSec) this.cdSec.textContent = s;        }        init() {          this.initCountdown();          try {            initAnalytics();          } catch (e) {            console.warn('Deals Widget Analytics Error:', e);          }                    this.bindEvents();                    let initialQuery = '';                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          let initialViewMode = params.get('view_mode');          if (!this.viewModeOverride && initialViewMode) {            this.viewModeOverride = initialViewMode;          }          if (!params.has('search') && !params.has('q') && !params.has('query') && initialViewMode !== 'savings_squad') {             initialQuery = 'Gaming laptops';          }          const website = params.get('website') || 'tomsguide';          this.website = website;          if (website === 'techradar') {            const squadHeader = this.root.querySelector('.tg-df-savings-squad-header');            if (squadHeader) {               const pic = squadHeader.querySelector('picture');               if (pic) pic.style.display = 'none';            }            const style = document.createElement('style');            style.innerHTML = `              .tg-df-container .hawk-affiliate-link-deal-button, .tg-df-container .tg-df-card-cta { background-color: #5DAF08 !important; }              .tg-df-container .hawk-affiliate-link-deal-button:hover, .tg-df-container .tg-df-card-cta:hover { background-color: #4a8c06 !important; }            `;            this.root.appendChild(style);          }                    if (this.regionSelect) {            this.regionSelect.value = params.get('region') || 'auto';            this.updatePriceDropdownCurrency();          }                    if (this.retailerSelect && params.has('retailer')) {            this.retailerSelect.value = params.get('retailer');          }                    if (params.has('brands')) {            const b = params.get('brands');            if (b) {              this.selectedBrands = b.split(',');            }          }                    if (this.offerTypeSelect && params.has('offer_type')) {            this.offerTypeSelect.value = params.get('offer_type');          }          if (this.viewModeSelect && params.has('view_mode')) {            this.viewModeSelect.value = params.get('view_mode');          }          if (this.rowsSelect && params.has('rows')) {            this.rowsSelect.value = params.get('rows');          }          if (params.has('price')) {            const priceVal = params.get('price');            if (this.priceFilter) {               // Try assigning it directly to select. If it's not present implicitly ignores               this.priceFilter.value = priceVal;            }            if (priceVal.includes('_')) {               const parts = priceVal.split('_');               if (this.customPriceMin && parts[0]) this.customPriceMin.value = parts[0];               if (this.customPriceMax && parts[1]) this.customPriceMax.value = parts[1];            }          }          if (this.discountFilter && params.has('min_discount_ratio')) {            // Need to convert back from ratio (e.g. 0.8) to select value (e.g. "20")            const ratioStr = params.get('min_discount_ratio');            const ratioFloat = parseFloat(ratioStr);            if (!isNaN(ratioFloat)) {               const percentage = Math.round((1 - ratioFloat) * 100);               this.discountFilter.value = percentage.toString();            }          }          if (this.sortSelect) {            this.sortSelect.value = params.get('sort') || 'date_desc';          }          if (this.dealModeToggle && params.has('deal_mode')) {            this.dealModeToggle.checked = params.get('deal_mode') === 'true' || params.get('deal_mode') === '1';          }          const headerTitleEl = this.root.querySelector('#tg-df-header-title');          const headerSubtitleEl = this.root.querySelector('#tg-df-header-subtitle');          if (params.has('widget_title') && headerTitleEl) {             headerTitleEl.textContent = params.get('widget_title');          }          if (params.has('widget_subtitle') && headerSubtitleEl) {             headerSubtitleEl.textContent = params.get('widget_subtitle');          }                    // Re-apply layout after params have updated control values          this.applyLayoutMode();                    if (params.get('search')) {            initialQuery = params.get('search');          } else if (params.get('q')) {            initialQuery = params.get('q');          } else if (params.get('query')) {            initialQuery = params.get('query');          }                    this.currentQuery = initialQuery;          if (this.searchInput) {            if (this.getViewMode() === 'savings_squad') {              this.searchInput.value = '';            } else {              this.searchInput.value = this.currentQuery;            }          }                    if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {            this.fetchDeals(this.currentQuery);          } else {            this.render();          }        }        updatePriceDropdownCurrency() {          if (!this.priceFilter || !this.regionSelect) return;          const currencySymbols = {            'US': '$',            'GB': '£',            'CA': '$CA',            'AU': '$AU',            'DE': '€',            'FR': '€',            'IT': '€',          };          const area = this.getAreaCode();          const cur = currencySymbols[area || 'US'] || '$';                    const options = this.priceFilter.options;          for (let i = 0; i < options.length; i++) {            const opt = options[i];            if (opt.value === 'all') {              opt.innerText = 'All Prices';            } else if (opt.value === 'under50') {              opt.innerText = `Under ${cur}50`;            } else if (opt.value === '50_100') {              opt.innerText = `${cur}50 - ${cur}100`;            } else if (opt.value === '100_200') {              opt.innerText = `${cur}100 - ${cur}200`;            } else if (opt.value === '200_500') {              opt.innerText = `${cur}200 - ${cur}500`;            } else if (opt.value === 'over500') {              opt.innerText = `Over ${cur}500`;            }          }        }        populateBrandDropdown(values) {          if (!this.brandDropdown || !this.brandFilterWrapper) return;          this.brandFilterWrapper.style.display = 'flex'; // show the wrapper                    let html = '';          const allChecked = this.selectedBrands.length === 0 ? 'checked' : '';          const _div = '<' + '/div>';          const _span = '<' + '/span>';          html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="" ${allChecked} class="tg-df-brand-chk"> Any Brand${_div}`;                    values.forEach(v => {             if (!v.formatted_value || v.formatted_value === 'Any Brand') return;             const isChecked = this.selectedBrands.includes(v.formatted_value) ? 'checked' : '';             html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="${this.escapeHTML(v.formatted_value)}" ${isChecked} class="tg-df-brand-chk"> ${this.escapeHTML(v.formatted_value)} \x3Cspan style="color:var(--tg-df-text-muted);font-size:12px">(${v.count || 0})${_span}${_div}`;          });                    this.brandDropdown.innerHTML = html;                    // Re-bind listeners          const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');          chks.forEach(chk => {            chk.addEventListener('change', (e) => {              const val = e.target.value;              if (val === '') {                this.selectedBrands = [];              } else {                if (e.target.checked) {                   if (!this.selectedBrands.includes(val)) this.selectedBrands.push(val);                } else {                   this.selectedBrands = this.selectedBrands.filter(b => b !== val);                }              }                            if (this.selectedBrands.length === 0) {                 this.brandTrigger.innerText = 'Any Brand';              } else if (this.selectedBrands.length === 1) {                 this.brandTrigger.innerText = this.selectedBrands[0];              } else {                 this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;              }                            // Only call API if changed from UI interactions              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.updateURLParams();                 this.fetchDeals(this.currentQuery);              }            });          });                    // Update button text on load          if (this.selectedBrands.length === 0) {             this.brandTrigger.innerText = 'Any Brand';          } else if (this.selectedBrands.length === 1) {             this.brandTrigger.innerText = this.selectedBrands[0];          } else {             this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;          }        }        updateURLParams() {          const url = new URL(window.location);          if (this.currentQuery && this.currentQuery !== 'Gaming laptops') {            url.searchParams.set('q', this.currentQuery);          } else {            url.searchParams.delete('q');            url.searchParams.delete('search');            url.searchParams.delete('query');          }                    if (this.regionSelect && this.regionSelect.value !== 'auto') {            url.searchParams.set('region', this.regionSelect.value);          } else {            url.searchParams.delete('region');          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.set('retailer', this.retailerSelect.value);          } else {            url.searchParams.delete('retailer');          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.set('brands', this.selectedBrands.join(','));          } else {            url.searchParams.delete('brands');          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.set('offer_type', this.offerTypeSelect.value);          } else {            url.searchParams.delete('offer_type');          }                    if (this.viewModeSelect && this.viewModeSelect.value !== 'auto') {            url.searchParams.set('view_mode', this.viewModeSelect.value);          } else {            url.searchParams.delete('view_mode');          }                    if (this.rowsSelect && this.rowsSelect.value !== '12') {            url.searchParams.set('rows', this.rowsSelect.value);          } else {            url.searchParams.delete('rows');          }                    const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             url.searchParams.set('price', `${min}_${max}`);          } else if (this.priceFilter && this.priceFilter.value !== 'all') {            url.searchParams.set('price', this.priceFilter.value);          } else {            url.searchParams.delete('price');          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {               const ratio = (100 - v) / 100;               url.searchParams.set('min_discount_ratio', ratio.toString());            }          } else {            url.searchParams.delete('min_discount_ratio');          }                    if (this.sortSelect && this.sortSelect.value !== 'date_desc') {            url.searchParams.set('sort', this.sortSelect.value);          } else {            url.searchParams.delete('sort');          }                    if (this.dealModeToggle && this.dealModeToggle.checked) {            url.searchParams.set('deal_mode', 'true');          } else {            url.searchParams.delete('deal_mode');          }                    window.history.replaceState({}, '', url);        }        bindEvents() {          const handleFiltersScroll = () => {            const filters = this.root.querySelector('.tg-df-filters');            const leftBtn = this.root.querySelector('.tg-df-scroll-btn.left');            const rightBtn = this.root.querySelector('.tg-df-scroll-btn.right');            if (filters && leftBtn && rightBtn) {              const { scrollLeft, scrollWidth, clientWidth } = filters;              leftBtn.style.display = scrollLeft > 0 ? 'flex' : 'none';              rightBtn.style.display = Math.ceil(scrollLeft + clientWidth) < scrollWidth - 5 ? 'flex' : 'none';            }          };          const filters = this.root.querySelector('.tg-df-filters');          if (filters) {            filters.addEventListener('scroll', handleFiltersScroll);            window.addEventListener('resize', handleFiltersScroll);            setTimeout(handleFiltersScroll, 100);                        // Also call after rendering dropdowns            const origRenderCategories = this.renderCategories;            if (origRenderCategories) {               this.renderCategories = (...args) => {                 origRenderCategories.apply(this, args);                 setTimeout(handleFiltersScroll, 50);               };            }          }                const roundels = this.root.querySelectorAll('.tg-df-carousel-cat');          roundels.forEach(r => {             r.addEventListener('click', () => {                const q = r.getAttribute('data-query');                const pr = r.getAttribute('data-pr');                if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: q,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = q;                const label = this.root.querySelector('#tg-df-carousel-title-label');                if (label) label.textContent = 'Best ' + q;                if (this.priceFilter) this.priceFilter.value = pr || 'all';                if (this.discountFilter) this.discountFilter.value = '5';                if (this.searchInput) this.searchInput.value = q;                                roundels.forEach(ro => ro.classList.remove('active'));                r.classList.add('active');                this.fetchDeals(this.currentQuery);             });          });          const discBtns = this.root.querySelectorAll('.tg-df-carousel-filter-btn');          discBtns.forEach(b => {             b.addEventListener('click', () => {                const d = b.getAttribute('data-d');                const pr = b.getAttribute('data-pr');                const ot = b.getAttribute('data-ot');                let label = b.innerText ? b.innerText.trim() : '';                let filterType = 'unknown';                let filterVal = 'unknown';                if (d !== null) { filterType = 'discount'; filterVal = d; }                else if (pr !== null) { filterType = 'price'; filterVal = pr; }                else if (ot !== null) { filterType = 'offertype'; filterVal = ot; }                if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-${filterType}-${filterVal}`, name: 'Filter Button', label: label });                                if (d !== null) {                   if (this.discountFilter) this.discountFilter.value = this.discountFilter.value === d ? '0' : d;                } else if (pr !== null) {                   if (this.priceFilter) this.priceFilter.value = this.priceFilter.value === pr ? 'all' : pr;                } else if (ot !== null) {                   if (this.offerTypeSelect) this.offerTypeSelect.value = this.offerTypeSelect.value === ot ? 'all' : ot;                } else {                   if (this.discountFilter) this.discountFilter.value = '0';                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.offerTypeSelect) this.offerTypeSelect.value = 'all';                }                if (d === null && pr === null && ot === null && b.getAttribute("data-type") !== "custom") {                   discBtns.forEach(ro => ro.classList.remove('active'));                   b.classList.add('active');                } else if (b.getAttribute("data-type") !== "custom") {                   // Only operate on hardcoded buttons (those without data-type)                   discBtns.forEach(ro => {                      if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active');                   });                                      let makeActive = true;                   if (d !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-d') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (pr !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-pr') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (ot !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-ot') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   }                                      if (makeActive) b.classList.add('active');                                      // Check if anything is active, if not activate "All"                   let anyActive = false;                   discBtns.forEach(ro => { if (ro.classList.contains('active') && ro.getAttribute('data-type') !== 'custom') anyActive = true; });                   if (!anyActive) {                       discBtns.forEach(ro => { if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.add('active'); });                   }                }                                this.fetchDeals(this.currentQuery);             });          });          if (this.brandTrigger && this.brandDropdown) {            this.brandTrigger.addEventListener('click', () => {              this.brandDropdown.classList.toggle('active');            });            document.addEventListener('click', (e) => {              if (this.brandFilterWrapper && !e.composedPath().includes(this.brandFilterWrapper)) {                this.brandDropdown.classList.remove('active');              }            });          }          const showAutocomplete = () => {             if (this.getViewMode() !== 'savings_squad' || !this.autocompleteDropdown || !this.airedaleTags) return;                          let terms = this.airedaleTags;             if (this.airedaleBrands) {                terms = terms.concat(this.airedaleBrands.map(b => b.formatted_value));             }             terms = [...new Set(terms)];                          const query = this.searchInput.value.trim();             let matches = [];             if (query.length > 0) {                 matches = terms.filter(t => t.toLowerCase().includes(query.toLowerCase()) && t.toLowerCase() !== query.toLowerCase());             } else {                 matches = terms;             }                          if (matches.length > 0) {                 this.autocompleteDropdown.innerHTML = matches.map(m => `\x3Cdiv class="tg-df-autocomplete-item" data-tag="${this.escapeHTML(m)}">${this.escapeHTML(m)}<` + `/div>`).join('');                 this.autocompleteDropdown.classList.add('active');             } else {                 this.autocompleteDropdown.classList.remove('active');             }          };          let debounceTimer;          if(this.searchInput) {            this.searchInput.addEventListener('focus', showAutocomplete);            this.searchInput.addEventListener('input', (e) => {              clearTimeout(debounceTimer);              const query = e.target.value.trim();              this.currentQuery = query;              showAutocomplete();              debounceTimer = setTimeout(() => {                this.updateURLParams();                if (query.length > 2) {                  this.fetchDeals(query);                } else if (query.length === 0) {                  if (this.getViewMode() === 'savings_squad') {                    this.activeDealTag = null;                    this.currentQuery = '';                    if (this.categoryFilter) this.categoryFilter.value = 'all';                    this.fetchDeals('');                  } else {                    this.deals = [];                    this.render();                  }                }              }, 400);            });            this.searchInput.addEventListener('keypress', (e) => {              if (e.key === 'Enter') {                if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');                clearTimeout(debounceTimer);                const query = e.target.value.trim();                this.currentQuery = query;                                let isTag = false;                if (this.airedaleTags && this.airedaleTags.includes(query)) isTag = true;                if (this.airedaleBrands && this.airedaleBrands.some(b => b.formatted_value === query)) isTag = true;                this.activeDealTag = isTag ? query : null;                                trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                this.updateURLParams();                if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                   if (query.length === 0 && this.getViewMode() === 'savings_squad') {                       if (this.categoryFilter) this.categoryFilter.value = 'all';                   }                   this.fetchDeals(query);                }              }            });          }          if (this.autocompleteDropdown) {             this.autocompleteDropdown.addEventListener('click', (e) => {                const item = e.target.closest('.tg-df-autocomplete-item');                if (item) {                   const tag = item.getAttribute('data-tag');                   this.currentQuery = tag;                   if (this.searchInput) this.searchInput.value = tag;                   this.activeDealTag = tag;                   if (this.categoryFilter && this.airedaleTags.includes(tag)) {                       this.categoryFilter.value = tag;                   }                   this.autocompleteDropdown.classList.remove('active');                   this.updateURLParams();                   this.fetchDeals(tag);                }             });             document.addEventListener('click', (e) => {               if (this.autocompleteDropdown && this.searchInput && !e.composedPath().includes(this.searchInput) && !e.composedPath().includes(this.autocompleteDropdown)) {                 this.autocompleteDropdown.classList.remove('active');               }             });          }          if (this.searchBtn) {            this.searchBtn.addEventListener('click', () => {              if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');              clearTimeout(debounceTimer);              const query = this.searchInput.value.trim();              trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                            let isTag = false;              if (this.airedaleTags && this.airedaleTags.includes(query)) isTag = true;              if (this.airedaleBrands && this.airedaleBrands.some(b => b.formatted_value === query)) isTag = true;              this.activeDealTag = isTag ? query : null;                            this.currentQuery = query;              this.updateURLParams();              if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                 if (query.length === 0 && this.getViewMode() === 'savings_squad') {                     if (this.categoryFilter) this.categoryFilter.value = 'all';                 }                 this.fetchDeals(query);              }            });          }          if(this.sortSelect && this.sortSelect.querySelector('option[value="date_desc"]') === null) {              const option = document.createElement('option');              option.value = "date_desc";              option.text = "Newest First";              this.sortSelect.insertBefore(option, this.sortSelect.firstChild);          }          if(this.sortSelect) this.sortSelect.addEventListener('change', () => {            trackElementInteraction({ id: `sort-option-${this.sortSelect.value}`, name: 'Sort', label: `Sort: ${this.sortSelect.options[this.sortSelect.selectedIndex].text}` });            this.updateURLParams();            if (this.deals.length > 0) {              this.sortData();              this.render();            }          });                    const priceFilter = this.root.querySelector('#tg-df-price-filter');          if (priceFilter) {            this.priceFilter = priceFilter;            this.priceFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-price-${this.priceFilter.value}`, name: 'Price', label: this.priceFilter.options[this.priceFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          const updateCustomPrice = () => {             this.updateURLParams();             if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);             } else {                this.render();             }          };          if (this.customPriceMin) {             this.customPriceMin.addEventListener('change', updateCustomPrice);             this.customPriceMin.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          if (this.customPriceMax) {             this.customPriceMax.addEventListener('change', updateCustomPrice);             this.customPriceMax.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          const discountFilter = this.root.querySelector('#tg-df-discount-filter');          if (discountFilter) {            this.discountFilter = discountFilter;            this.discountFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-discount-${this.discountFilter.value}`, name: 'Discount', label: this.discountFilter.options[this.discountFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          if (this.categoryFilter) {            this.categoryFilter.addEventListener('change', (e) => {               const val = e.target.value === 'all' ? null : e.target.value;               this.activeDealTag = val;               if (val) {                 this.currentQuery = val;               } else {                 if (this.searchInput && this.currentQuery === document.querySelector('#tg-df-brand-trigger')?.getAttribute('data-active-brand')) {                     // don't clear current query if a brand is selected                 } else if (this.searchInput) {                     this.currentQuery = '';                     this.searchInput.value = '';                 }               }               this.fetchSavingsSquad();            });          }                    if (this.settingsToggle) {            this.settingsToggle.addEventListener('click', () => {              const o = this.settingsPanel.classList.toggle('active');              this.settingsBackdrop.classList.toggle('active');              if (o) trackElementInteraction({ id: 'filter-open', name: 'Filters', label: 'Open filters' });            });          }                    if (this.settingsBackdrop) {            this.settingsBackdrop.addEventListener('click', () => {              this.settingsPanel.classList.remove('active');              this.settingsBackdrop.classList.remove('active');            });          }                    if (this.regionSelect) {            this.regionSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-region-${this.regionSelect.value}`, name: 'Region', label: this.regionSelect.options[this.regionSelect.selectedIndex].text });              this.updateURLParams();              this.updatePriceDropdownCurrency();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.retailerSelect) {            this.retailerSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-merchant-${this.retailerSelect.value}`, name: 'Retailer', label: this.retailerSelect.options[this.retailerSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.offerTypeSelect) {            this.offerTypeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-offertype-${this.offerTypeSelect.value}`, name: 'Offer Type', label: this.offerTypeSelect.options[this.offerTypeSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.viewModeSelect) {            this._prevViewMode = this.viewModeSelect.value;            this.viewModeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-viewmode-${this.viewModeSelect.value}`, name: 'View Mode', label: this.viewModeSelect.options[this.viewModeSelect.selectedIndex].text });                            // Reset all active toggles and filters to prevent config carry-over              this.selectedBrands = [];              if (this.brandTrigger) this.brandTrigger.innerText = 'Select Brands';              if (this.brandDropdown) {                const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                chks.forEach(chk => { chk.checked = false; });              }              if (this.priceFilter) this.priceFilter.value = 'all';              if (this.customPriceMin) this.customPriceMin.value = '';              if (this.customPriceMax) this.customPriceMax.value = '';              if (this.sortSelect) this.sortSelect.value = 'date_desc';              if (this.discountFilter) this.discountFilter.value = '0';              if (this.retailerSelect) this.retailerSelect.value = '';              if (this.offerTypeSelect) this.offerTypeSelect.value = '';              if (this.rowsSelect) this.rowsSelect.value = '12';              if (this.categoryFilter) this.categoryFilter.value = 'all';              this.activeDealTag = null;              this.updateURLParams();              this.applyLayoutMode();                            if (this.getViewMode() === 'savings_squad' || this._prevViewMode === 'savings_squad') {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }              this._prevViewMode = this.viewModeSelect.value;            });          }                    if (this.rowsSelect) {            this.rowsSelect.addEventListener('change', () => {              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.dealModeToggle) {            this.dealModeToggle.addEventListener('change', () => {              this.updateURLParams();              this.render();            });          }          if (this.editorModeToggle) {             this.editorModeToggle.addEventListener('change', (e) => {                this.editorMode = e.target.checked;                this.render();                this.updateFloatingCopyBar();             });          }          if (this.editorCopyBtn) {             this.editorCopyBtn.addEventListener('click', () => {                this.copySelectedDealsToCMS();             });          }          if (this.editorClearBtn) {             this.editorClearBtn.addEventListener('click', () => {                this.selectedDeals.clear();                this.render();                this.updateFloatingCopyBar();             });          }          if (this.grid) {            this.grid.addEventListener('change', (e) => {               if (e.target.classList.contains('tg-df-deal-checkbox')) {                  const dealId = e.target.getAttribute('data-id');                  if (e.target.checked) {                     const dealObj = this.deals.find(d => d.id === dealId);                     if (dealObj) this.selectedDeals.set(dealId, dealObj);                  } else {                     this.selectedDeals.delete(dealId);                  }                  this.updateFloatingCopyBar();               }            });            this.grid.addEventListener('click', (e) => {              const dealCard = e.target.closest('[data-action="deal-click"]');              const similarCard = e.target.closest('[data-action="view-similar-click"]');              const cardLink = dealCard || similarCard;              if (cardLink) {                const productName = cardLink.getAttribute('data-product-name');                const merchantName = cardLink.getAttribute('data-merchant-name');                const productId = cardLink.getAttribute('data-analytics-id');                const price = parseFloat(cardLink.getAttribute('data-price')) || null;                const prevPriceStr = cardLink.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = cardLink.getAttribute('data-original-link');                const rewrittenLink = cardLink.getAttribute('href');                const revenueId = cardLink.getAttribute('data-revenue-id');                const index = parseInt(cardLink.getAttribute('data-index'), 10) || 0;                const inStock = cardLink.getAttribute('data-in-stock') === 'true';                const totalText = cardLink.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: cardLink.getAttribute('data-model-id') || null,                    matchId: cardLink.getAttribute('data-match-id') || null,                    brand: cardLink.getAttribute('data-model-brand') || null,                    parent: cardLink.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: cardLink.getAttribute('data-merchant-id') || null,                    network: cardLink.getAttribute('data-merchant-network') || null,                    url: cardLink.getAttribute('data-merchant-url') || null,                    name: merchantName                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: normalizeCurrency(this.escapeHTML(cardLink.getAttribute('data-currency') || '$'))                };                if (dealCard) {                  trackDealClick(trackingParams);                } else {                  trackViewSimilarClick(trackingParams);                }              }              const couponsBtn = e.target.closest('[data-action="coupons-click"]');              if (couponsBtn) {                trackElementInteraction({                  id: 'product-card-show-coupons',                  name: 'Coupons',                  label: `Product card coupons: ${couponsBtn.getAttribute('data-merchant')}`                });              }            });          }          this.setupScrollListeners();        }        setupScrollListeners() {          const containers = [             this.root.querySelector('.tg-df-carousel-roundels'),             this.root.querySelector('.tg-df-carousel-filters-wrap'),             this.root.querySelector('#tg-df-grid')          ];                    containers.forEach(container => {             if (!container) return;                          const checkScroll = () => {                if (!container.parentElement) return;                const leftBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-left');                const rightBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-right');                                if (leftBtn) {                   if (container.scrollLeft <= 5) leftBtn.style.display = 'none';                   else leftBtn.style.display = 'flex';                }                                if (rightBtn) {                   if (container.scrollWidth <= container.clientWidth) {                       rightBtn.style.display = 'none';                   } else if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 5) {                       rightBtn.style.display = 'none';                   } else {                       rightBtn.style.display = 'flex';                   }                }             };                          container.addEventListener('scroll', checkScroll);             checkScroll();                          window.addEventListener('resize', checkScroll);                          const observer = new MutationObserver(checkScroll);             observer.observe(container, { childList: true, subtree: true, characterData: false });          });        }        get widgetTypeName() {          const mode = this.viewModeSelect ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');          switch(mode) {              case 'carousel': return 'Carousel';              case 'savings_squad': return 'Savings Squad';              case 'grid': return 'Grid';              case 'row': return 'Row';              default: return 'Auto Collection';          }        }        getRowsLimit() {          if (this.rowsSelect && this.rowsSelect.value) return parseInt(this.rowsSelect.value, 10);          let configSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {             configSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {             configSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(configSource);          if (params.has('rows')) return parseInt(params.get('rows'), 10) || 12;          return 12;        }        getAreaCode() {          if (this.regionSelect && this.regionSelect.value) {            if (this.regionSelect.value === 'auto') return null;            return this.regionSelect.value;          }          let area = null;          try {            const locale = window.navigator.language || window.navigator.userLanguage;            if (locale && locale.includes('-')) {              area = locale.split('-')[1].toUpperCase();            } else if (locale && locale.length === 2) {              if (locale.toUpperCase() === 'EN') { area = 'US'; }              else { area = locale.toUpperCase(); }            }          } catch (e) { /* Ignore */ }                    // Map to known valid options or fallback to US          const valid = ['US', 'GB', 'CA', 'AU', 'DE', 'FR', 'IT'];          if (area === 'UK') area = 'GB';          if (valid.includes(area)) {             return area;          }          return 'US';        }        async fetchDeals(query) {          this.showLoading();          this.deals = [];          this.displayLimit = this.getRowsLimit();                    try {            console.log("getViewMode returns:", this.getViewMode());            if (this.getViewMode() === 'savings_squad') {               await this.fetchSavingsSquad();            } else {               if (this.isBroadQuery(query)) {                 await this.fetchAdviserDeals(query);               } else {                 await this.fetchHawkDeals(query);                 if (this.deals.length === 0) {                   await this.fetchAdviserDeals(query);                 }               }            }          } catch (error) {            console.warn("[Tom's Guide Widget] Fetch error:", error);            this.showError();          }        }        async fetchSavingsSquad() {          let topArticles = this.airedaleArticles;          if (!topArticles) {            const siteParam = this.website || 'tomsguide';            const airedaleUrl = `https://airedale.futurecdn.net/feeds/feed_1781000519267.json?site=${siteParam}&articleType=deals&limit=50`;            let res;            try {               res = await fetch(airedaleUrl);            } catch(e) {               try { res = await fetch(`https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=${siteParam}&articleType=deals&limit=50`); } catch (err) { console.warn("Fallback fetch failed", err); return; }            }            if (!res.ok) throw new Error('Airedale API Error');            const articles = await res.json();            topArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);            this.airedaleArticles = topArticles;                        let tagCounts = {};            topArticles.forEach((a) => {              let articleTags = new Set();              if (a.articlecategory && Array.isArray(a.articlecategory)) {                 a.articlecategory.forEach((t) => articleTags.add(t));              }              articleTags.forEach(t => {                 tagCounts[t] = (tagCounts[t] || 0) + 1;              });            });                        this.airedaleTags = Object.keys(tagCounts).sort((a, b) => tagCounts[b] - tagCounts[a]);            this.airedaleTagCounts = tagCounts;          }                    let targetArticles = topArticles;          if (!this.activeDealTag && this.currentQuery) {             const tagMatch = this.airedaleTags.find(t => t.toLowerCase() === this.currentQuery.toLowerCase());             if (tagMatch) {                this.activeDealTag = tagMatch;             }          }          if (this.activeDealTag) {             const cleanTag = this.activeDealTag.toLowerCase().replace(/&/g, '').replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');             const encodedTag = encodeURIComponent(cleanTag);             const siteParam = this.website || 'tomsguide';             const url = `https://airedale.futurecdn.net/feeds/feed_1781000519267.json?site=${siteParam}&articleType=deals&limit=50&articleCategoryHandle=${encodedTag}`;             try {                const res = await fetch(url);                if (res.ok) {                   const articles = await res.json();                   targetArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);                }             } catch(e) {                console.warn("Failed to fetch by activeDealTag", e);             }          }          let extractedDeals = [];          let seenUrls = new Set();                    let overallBrandsCounts = {};                    // First pass: extract ALL brands from topArticles so the dropdown has all options          topArticles.forEach((article) => {             if (!article.articlepage) return;             let pageData = [];             try { pageData = JSON.parse(article.articlepage[0]); } catch(e){ console.warn(e); }             const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');             savingsSquad.forEach((block) => {                const data = block.data || {};                if (data.brand) {                   const cleanBrand = data.brand.replace(/^\d+\.\s*/, '').trim();                   overallBrandsCounts[cleanBrand] = (overallBrandsCounts[cleanBrand] || 0) + 1;                }             });          });          targetArticles.forEach((article) => {             if (!article.articlepage) return;                          let pageData = [];             try {                pageData = JSON.parse(article.articlepage[0]);             } catch(e){ console.warn(e); }                          const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');                          savingsSquad.forEach((block, idx) => {                const data = block.data || {};                const isFeatured = block.type === 'featured-product';                                const link = data.link || {};                const priceObj = data.price || {};                const image = data.image || {};                                if (data.brand) {                   data.brand = data.brand.replace(/^\d+\.\s*/, '').trim();                }                const externalUrl = isFeatured ? data.url : (link.href || null);                let summaryTitle = isFeatured ? (data.name || data.brand) : (data.productName || link.label || article.articlename);                let description = isFeatured ? (data.strapline || '') : (data.text || '');                                if (!isFeatured && !data.productName && data.text) {                   const brSplit = data.text.split(new RegExp('\x3Cbr\\s*\\/?\\x3E', 'i'));                   if (brSplit.length > 1) {                     summaryTitle = brSplit[0].replace(/<[^>]+>/g, '').trim();                     description = brSplit.slice(1).join(' ').replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();                   } else {                     const match = data.text.match(/\x3Cstrong>(.*?)<\/strong>/);                     if (match) {                       summaryTitle = match[1].replace(/<[^>]+>/g, '').trim();                       if (summaryTitle.endsWith(':')) summaryTitle = summaryTitle.slice(0, -1);                     }                   }                }                                let imageUrl = isFeatured ? image.mos : (image.src || null);                if (imageUrl && imageUrl.startsWith('//')) imageUrl = 'https:' + imageUrl;                                description = description.replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').replace(/View Deal$/i, '').trim();                                let merchantName = data.retailer || '';                if (!merchantName && externalUrl) {                   try {                     merchantName = new URL(externalUrl).hostname.replace('www.', '').split('.')[0];                     merchantName = merchantName.charAt(0).toUpperCase() + merchantName.slice(1);                   }catch(e){ console.warn(e); }                }                if (!merchantName) merchantName = 'Retailer';                const q = (this.currentQuery || '').toLowerCase();                const activeTagLogic = (this.activeDealTag || '').toLowerCase();                if (q.length > 2 && q !== activeTagLogic) {                   const searchTarget = `${summaryTitle || ''} ${description || ''}`.toLowerCase();                   if (!searchTarget.includes(q)) return;                }                let rawPrice = 0;                let rawMsrp = 0;                let currencyStr = '$';                if (isFeatured) {                   rawPrice = typeof data.salePrice === 'number' && data.salePrice > 0 ? data.salePrice : (typeof data.price === 'number' ? data.price : 0);                   rawMsrp = typeof data.salePrice === 'number' && typeof data.price === 'number' && data.price > data.salePrice ? data.price : 0;                   currencyStr = data.currency === 'GBP' ? '£' : '$';                } else {                   rawPrice = priceObj.amount ? parseFloat(priceObj.amount) : 0;                   rawMsrp = priceObj.amountWas ? parseFloat(priceObj.amountWas) : 0;                   currencyStr = priceObj.currency === 'GBP' ? '£' : '$';                }                                let savingAmt = 0;                let savingLabel = '';                if (rawPrice > 0 && rawMsrp > rawPrice) {                   savingAmt = parseFloat((rawMsrp - rawPrice).toFixed(2));                   savingLabel = `Save ${currencyStr}${savingAmt}`;                }                                // Apply Brand filter                if (this.selectedBrands && this.selectedBrands.length > 0) {                   const itemBrand = (data.brand || '').toLowerCase();                   const hasMatch = this.selectedBrands.some(sb => sb.toLowerCase() === itemBrand);                   if (!hasMatch) return;                }                // Apply Price filter                let priceFilterVal = null;                const min = this.customPriceMin ? this.customPriceMin.value : '';                const max = this.customPriceMax ? this.customPriceMax.value : '';                if (min || max) {                   priceFilterVal = `${min}_${max}`;                } else if (this.priceFilter && this.priceFilter.value !== 'all') {                   priceFilterVal = this.priceFilter.value;                }                if (priceFilterVal && rawPrice > 0) {                   if (priceFilterVal === 'under50' && rawPrice >= 50) return;                   if (priceFilterVal === 'over50' && rawPrice <= 50) return;                   if (priceFilterVal === 'over30' && rawPrice <= 30) return;                   if (priceFilterVal === 'over500' && rawPrice <= 500) return;                   if (priceFilterVal.includes('_')) {                      const parts = priceFilterVal.split('_');                      const min = parseFloat(parts[0]);                      const max = parseFloat(parts[1]);                      if (!isNaN(min) && rawPrice < min) return;                      if (!isNaN(max) && rawPrice > max) return;                   }                }                // Apply Discount filter                if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {                   const requiredDiscount = parseInt(this.discountFilter.value);                   if (!isNaN(requiredDiscount) && requiredDiscount > 0) {                      if (!rawMsrp || rawMsrp <= rawPrice) return;                      const ratio = Math.round((1 - (rawPrice / rawMsrp)) * 100);                      if (ratio < requiredDiscount) return;                   }                }                                if (externalUrl) {                   if (seenUrls.has(externalUrl)) return;                  seenUrls.add(externalUrl);                }                                extractedDeals.push({                   id: `airedale-${article.id || Math.random()}-${idx}`,                   url: externalUrl,                   image: imageUrl,                   fallbackImage: imageUrl,                   title: summaryTitle,                   brand: data.brand || '',                   productName: data.productName || '',                   merchant: merchantName,                   rawPrice: rawPrice,                   rawMsrp: rawMsrp,                   price: rawPrice > 0 ? rawPrice.toString() : '',                   msrp: rawMsrp > 0 ? rawMsrp.toString() : '',                   currency: currencyStr,                   isCheckPrice: !rawPrice,                   savingLabel: savingLabel,                   savingType: rawMsrp > rawPrice ? 'amount' : 'none',                   isPrime: false,                   starRating: null,                   description: description,                   text: data.text || '',                   authorName: article.articleauthortext ? article.articleauthortext[0] : (article.articleauthor ? article.articleauthor[0] : ''),                   authorRole: article.articleauthorrole ? article.articleauthorrole[0] : '',                   authorImage: article.articleauthormedia ? article.articleauthormedia[0] : '',                   documentUrl: article.documenturl ? article.documenturl[0] : '',                   modifiedDate: article.contentmodifieddate || article.modifieddate || ''                });             });          });                    const airedaleBrandsList = Object.keys(overallBrandsCounts).map(b => ({              formatted_value: b,              count: overallBrandsCounts[b]          })).sort((a,b) => b.count - a.count);                    if (this.getViewMode() === 'savings_squad') {             this.populateBrandDropdown(airedaleBrandsList.slice(0, 15));             if (this.brandFilterWrapper) {                if (airedaleBrandsList.length === 0) {                    this.brandFilterWrapper.style.display = 'none';                } else {                    this.brandFilterWrapper.style.display = 'flex';                }             }          }                    this.deals = extractedDeals;          this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        isBroadQuery(query) {          const q = query.toLowerCase();          const intentModifiers = ['deals', 'best', 'sale', 'under', 'cheap', 'offers', 'discount'];          return intentModifiers.some(term => q.includes(term));        }        async fetchHawkDeals(query) {          const url = new URL(this.apiUrl);          url.searchParams.append('model_name', query);          const areaCode = this.getAreaCode();          if (areaCode) {            url.searchParams.append('area', areaCode);          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.append('filter_merchant_name', this.retailerSelect.value);          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.append('filter_label[text_brand]', this.selectedBrands.join(','));          }                    let priceVal = null;          const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             priceVal = `${min}_${max}`;          } else if (this.priceFilter && this.priceFilter.value !== 'all') {             priceVal = this.priceFilter.value;          }          if (priceVal) {            if (priceVal === 'under50') {              url.searchParams.append('filter_max_price', '50');            } else if (priceVal === 'over50') {              url.searchParams.append('filter_min_price', '50');            } else if (priceVal === 'over30') {              url.searchParams.append('filter_min_price', '30');            } else if (priceVal === 'over500') {              url.searchParams.append('filter_min_price', '500');            } else if (priceVal.includes('_')) {              const parts = priceVal.split('_');              if (parts[0]) url.searchParams.append('filter_min_price', parts[0]);              if (parts[1]) url.searchParams.append('filter_max_price', parts[1]);            }          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {              const ratio = (100 - v) / 100;              url.searchParams.append('min_discount_ratio', ratio.toString());            }          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.append('offer', this.offerTypeSelect.value);          }                    url.searchParams.append('filter_product_types', 'deals');                    url.searchParams.append('rows', this.getRowsLimit().toString());          let response;          try {             response = await fetch(url.toString());          } catch(e) {             if (window.location.protocol === 'file:') {                console.warn("[Tom's Guide Widget] fetch from file:// blocked by local CORS policy, falling back to Adviser mock.");                await this.fetchAdviserDeals(query);                return;             }             console.warn("Hawk fetch failed", e);             this.deals = [];             this.render();             return;          }          if (!response.ok) {            throw new Error('Hawk API Response Error');          }          const rawData = await response.json();          // Safely locate data array from potentially wrapped response          let offers = [];          let modelInfoArray = [];                    let brandFilterData = null;          if (rawData && rawData.widget && rawData.widget.data && Array.isArray(rawData.widget.data.filters)) {             brandFilterData = rawData.widget.data.filters.find(f => f.type === 'label_text_brand');          } else if (rawData && rawData.data && Array.isArray(rawData.data.filters)) {             brandFilterData = rawData.data.filters.find(f => f.type === 'label_text_brand');          }          if (brandFilterData && Array.isArray(brandFilterData.values) && brandFilterData.values.length > 0) {             this.populateBrandDropdown(brandFilterData.values);          } else {             if (this.brandFilterWrapper && this.selectedBrands.length === 0) {                this.brandFilterWrapper.style.display = 'none';             }          }                    if (rawData && rawData.widget && rawData.widget.data) {            if (Array.isArray(rawData.widget.data.offers)) offers = rawData.widget.data.offers;            if (rawData.widget.data.model_info && typeof rawData.widget.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.widget.data.model_info) ? rawData.widget.data.model_info : Object.values(rawData.widget.data.model_info);            }          } else if (rawData && rawData.data) {            if (Array.isArray(rawData.data.offers)) offers = rawData.data.offers;            if (rawData.data.model_info && typeof rawData.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.data.model_info) ? rawData.data.model_info : Object.values(rawData.data.model_info);            }          } else {            if (Array.isArray(rawData)) offers = rawData;            else if (rawData && Array.isArray(rawData.offers)) offers = rawData.offers;            else if (rawData && rawData.offers && Array.isArray(rawData.offers.offer)) offers = rawData.offers.offer;            else if (rawData && rawData.offers) offers = [].concat(rawData.offers);                        if (rawData && rawData.model_info && typeof rawData.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.model_info) ? rawData.model_info : Object.values(rawData.model_info);            }          }          let modelDetails = {};          modelInfoArray.forEach(m => {            const mId = m.model_id || m.id;            if (mId) {              modelDetails[mId] = {                score: m.score != null ? parseFloat(m.score) : null,                brand: m.brand || null,                parent: (m.parents && Array.isArray(m.parents) && m.parents.length > 0) ? m.parents[0].name : null              };            }          });          offers.forEach(item => {            let data = { ...item };            const mId = data.model_id;            if (mId && modelDetails[mId]) {              data.review_score = modelDetails[mId].score;              data.model_brand = modelDetails[mId].brand;              data.model_parent = modelDetails[mId].parent;            } else {              data.review_score = null;            }                        let itemOffers = [];            if (Array.isArray(item.offers)) itemOffers = item.offers;            else if (Array.isArray(item.offer)) itemOffers = item.offer;            else if (item.offers && typeof item.offers === 'object') itemOffers = [item.offers];            else if (item.offer && typeof item.offer === 'object') itemOffers = [item.offer];            if (itemOffers.length > 0) {              itemOffers.forEach(subItem => {                let subData = { ...item, ...subItem };                const subId = subData.model_id;                if (subId && modelDetails[subId]) {                  subData.review_score = modelDetails[subId].score;                  subData.model_brand = modelDetails[subId].brand;                  subData.model_parent = modelDetails[subId].parent;                } else if (data.review_score != null) {                  subData.review_score = data.review_score;                }                if (subData.merchant && typeof subData.merchant === 'object') {                  subData.merchant_name = subData.merchant.name;                }                this.deals.push(this.extractDealData(subData));              });              return;            }                        if (item.merchant && typeof item.merchant === 'object') {              data.merchant_name = item.merchant.name;            }                        this.deals.push(this.extractDealData(data));          });                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        async fetchAdviserDeals(query) {          // ======================================================================          // TODO: ADVISER API REPLACEMENT          // The code below simulates the Adviser API response using mock data.          // Once the real endpoint is ready, remove getAdviserMockData() and           // perform an actual fetch() request similar to fetchHawkDeals().          // Example:          // const area = this.getAreaCode();          // let apiUrl = `https://your-adviser-api.com/search?q=${query}&area=${area}`;          // if (this.priceFilter && this.priceFilter.value !== 'all') {          //   const val = this.priceFilter.value;          //   if (val === 'under50') apiUrl += '&filter_max_price=50';          //   else if (val === '50_100') apiUrl += '&filter_max_price=100';          //   else if (val === '100_200') apiUrl += '&filter_max_price=200';          //   else if (val === '200_500') apiUrl += '&filter_max_price=500';          // }          // const res = await fetch(apiUrl);          // const rawData = await res.json();          // ======================================================================          // Simulating network latency          await new Promise(resolve => setTimeout(resolve, 400));                    const rawData = this.getAdviserMockData();          let offers = [];                    if (rawData && rawData.data && rawData.data.Get && Array.isArray(rawData.data.Get.Deal)) {            offers = rawData.data.Get.Deal;          }                    // Basic client-side filtering for the mock if we want it to react to the query          const q = query.toLowerCase();          const selectedRetailer = (this.retailerSelect && this.retailerSelect.value) ? this.retailerSelect.value.toLowerCase() : null;                    offers.forEach(item => {            const dataObj = item;                        // Apply retailer filter            const itemRetailer = (dataObj.dataRetailer || '').toLowerCase();            if (selectedRetailer && itemRetailer !== selectedRetailer && !itemRetailer.includes(selectedRetailer)) {              return;            }                        // Apply mock price filter            let price = dataObj.dataDiscountedPrice || 0;            if (typeof price === 'string') {              price = parseFloat(price.replace(/[^0-9.]/g, ''));            }            let priceVal = null;            const min = this.customPriceMin ? this.customPriceMin.value : '';            const max = this.customPriceMax ? this.customPriceMax.value : '';            if (min || max) {               priceVal = `${min}_${max}`;            } else if (this.priceFilter && this.priceFilter.value !== 'all') {               priceVal = this.priceFilter.value;            }            if (priceVal) {              if (priceVal === 'under50' && price >= 50) return;              if (priceVal === 'over50' && price <= 50) return;              if (priceVal === 'over30' && price <= 30) return;              if (priceVal === 'over500' && price <= 500) return;              if (priceVal.includes('_')) {                 const parts = priceVal.split('_');                 if (parts[0] && price < parseFloat(parts[0])) return;                 if (parts[1] && price > parseFloat(parts[1])) return;              }            }                        // Map Adviser schema to our widget's expected schema            const mappedData = {              url: dataObj.linkHREF || dataObj.dataLink || '#',              image: dataObj.imageURL || (dataObj.image && dataObj.image.src) || '',              title: dataObj.dataProduct || (dataObj.product && dataObj.product.name) || 'Product Deal',              merchant: dataObj.dataRetailer || 'Retailer',              price: dataObj.dataDiscountedPrice || 0,              currency: dataObj.dataCurrency === 'USD' ? '$' : (dataObj.dataCurrency || '$'),              msrp: dataObj.dataOriginalPrice || null            };                        const titleLow = mappedData.title.toLowerCase();            const merchLow = mappedData.merchant.toLowerCase();                        // Smarter mock filtering            let isMatch = false;            if (q === '' || this.isBroadQuery(q)) {              isMatch = true;            } else if (titleLow.includes(q) || merchLow.includes(q)) {              isMatch = true;            } else if ((q.includes('laptop') || q.includes('mac') || q.includes('pc')) && (titleLow.includes('macbook') || titleLow.includes('laptop'))) {              isMatch = true;            } else if ((q.includes('tv') || q.includes('television')) && (titleLow.includes('tv') || titleLow.includes('oled') || titleLow.includes('qled'))) {              isMatch = true;            } else if ((q.includes('phone') || q.includes('smartphone')) && (titleLow.includes('galaxy') || titleLow.includes('phone'))) {              isMatch = true;            } else if ((q.match(/watch|fitness|run|shoe/)) && (titleLow.includes('forerunner') || titleLow.includes('saucony') || titleLow.includes('watch'))) {              isMatch = true;            }                        if (isMatch) {               this.deals.push(this.extractDealData(mappedData));            }          });                    let rowLimit = this.getRowsLimit();          // Intentionally omitting the slice here to allow "Load More" to work if the API returns more                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        getAdviserMockData() {          return {            "data": {              "Get": {                "Deal": [                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 300,                    "dataOriginalPrice": 399,                    "dataProduct": "Samsung Galaxy A36",                    "dataRetailer": "Samsung",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/MqDYsukV3JBG54te6dEs7j.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 14,                    "dataOriginalPrice": 24,                    "dataProduct": "Blink Mini",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/3JurmAjHsDa5tPdaHAwEV8.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 59,                    "dataOriginalPrice": 99,                    "dataProduct": "Ring Video Doorbell",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/rAh4uR7AsAsALCCLTXnLNJ.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 10,                    "dataOriginalPrice": 599,                    "dataProduct": "MacBook Neo",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/Lg4Dvg68j9SbB5CPNrTEpH.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 749,                    "dataOriginalPrice": 849,                    "dataProduct": "65\\\" Fire TV Omni 4K QLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/SG34ZWodUkLTxJvMTbjPYR.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 71,                    "dataOriginalPrice": 160,                    "dataProduct": "Saucony Hurricane 24",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/vxf7UD5T2Am7guVzFoFcZ4.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 649,                    "dataOriginalPrice": 749,                    "dataProduct": "Garmin Forerunner 970",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/3GKnEu7CdhtxPMfnPCMCiA.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1049,                    "dataOriginalPrice": 1499,                    "dataProduct": "LG 48\\\" C4 4K OLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/imvwZV9zoMD6fn9Afuge35.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1499,                    "dataOriginalPrice": 2199,                    "dataProduct": "Samsung 49\\\" Odyssey Neo G9 4K Gaming Monitor",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/XWDEJ5dUAE2nhK8k3Jk7k7.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 299,                    "dataOriginalPrice": 699,                    "dataProduct": "EGOHOME Black Memory Foam Mattress (queen)",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/hMUemtAejNETLVYxNrktzm.jpg"                  }                ]              }            }          };        }        decodeHTML(html) {          if (!html) return '';          const txt = document.createElement("textarea");          txt.innerHTML = String(html);          return txt.value;        }        extractDealData(item) {          const priceRawStr = String(item.price || item.current_price || '0');          const msrpRawStr = String(item.was_price || item.msrp || item.original_price || '0');          const rawPrice = parseFloat(priceRawStr.replace(/[^\d.]/g, '')) || 0;          const rawMsrp = parseFloat(msrpRawStr.replace(/[^\d.]/g, '')) || 0;          const isCheckPrice = rawPrice === 0 || priceRawStr === '0.00' || priceRawStr === '0';                    let originalImageUrl = item.image || item.image_url || item.product_image || '';          let imageUrl = originalImageUrl;          if ((!imageUrl || isCheckPrice) && item.model_image_url) {             imageUrl = item.model_image_url;             originalImageUrl = imageUrl;          } else if ((!imageUrl || isCheckPrice) && item.model_image) {             imageUrl = item.model_image;             originalImageUrl = imageUrl;          }                    if (imageUrl) {            imageUrl = imageUrl.replace(/-(\d+)-(\d+)(\.[a-z.]+)$/i, '$3');          }                    let fallbackImage = '';          if (originalImageUrl && originalImageUrl !== imageUrl) {             fallbackImage = originalImageUrl;          } else if (item.model_image && item.model_image !== imageUrl) {             fallbackImage = item.model_image;          } else if (item.model_image_url && item.model_image_url !== imageUrl) {             fallbackImage = item.model_image_url;          }                    const rawCurrency = item.currency || item.currency_symbol || '$';                    let savingLabel = item.percentage_saving_label || '';          if (!savingLabel && rawMsrp > rawPrice && rawPrice > 0) {            const pct = Math.round(((rawMsrp - rawPrice) / rawMsrp) * 100);            if (pct > 0) {              savingLabel = `${pct}% OFF`;            }          }                    const isPrime = item.shipping && item.shipping.prime === true;                    let scoreRaw = (item.review_score !== undefined && item.review_score !== null && item.review_score > 0) ? parseFloat(item.review_score) : null;          let starRating = 0;          if (scoreRaw !== null) {            starRating = Math.round((scoreRaw > 10 ? scoreRaw / 20 : scoreRaw / 2) * 2) / 2;          }                    return {            id: item.offer_id || item.link || item.url || item.offer_link || Math.random().toString(),            url: item.link || item.url || item.offer_link || '#',            image: imageUrl,            fallbackImage: fallbackImage,            title: item.name || item.title || item.model_name || item.product_name || 'Unknown Product',            brand: item.brand || '',            productName: item.model_name || item.product_name || item.name || '',            merchant: item.merchant_name || item.merchant || item.retailer || 'Retailer',            price: item.price !== undefined ? String(item.price) : '0.00',            currency: this.decodeHTML(rawCurrency),            msrp: item.was_price || item.msrp || item.original_price || null,            rawPrice: rawPrice,            rawMsrp: rawMsrp,            hasWasPrice: (item.was_price !== undefined && item.was_price !== null),            isCheckPrice: isCheckPrice,            savingLabel: savingLabel,            isPrime: isPrime,            starRating: starRating > 0 ? starRating : null,            modelId: item.model_id || '',            productKey: item.product_key || '',            merchantId: (item.merchant && typeof item.merchant === 'object') ? item.merchant.id || '' : '',            matchId: item.match_id || '',            merchantNetwork: (item.merchant && typeof item.merchant === 'object') ? item.merchant.an || '' : '',            merchantUrl: (item.merchant && typeof item.merchant === 'object') ? item.merchant.url || '' : '',            modelBrand: item.model_brand || item.brand || '',            modelParent: item.model_parent || ''          };        }        sortData() {          const sortVal = this.sortSelect ? this.sortSelect.value : 'date_desc';          if (sortVal === 'price_asc') {            this.deals.sort((a, b) => a.rawPrice - b.rawPrice);          } else if (sortVal === 'price_desc') {            this.deals.sort((a, b) => b.rawPrice - a.rawPrice);          } else if (sortVal === 'discount_desc') {            this.deals.sort((a, b) => {              const aDiscount = a.rawMsrp > a.rawPrice ? (a.rawMsrp - a.rawPrice) : 0;              const bDiscount = b.rawMsrp > b.rawPrice ? (b.rawMsrp - b.rawPrice) : 0;              return bDiscount - aDiscount;            });          } else if (sortVal === 'date_desc') {             this.deals.sort((a, b) => {                let dateA = 0;                let dateB = 0;                if (a && a.modifiedDate) {                   const valA = Array.isArray(a.modifiedDate) ? a.modifiedDate[0] : a.modifiedDate;                   dateA = new Date(valA).getTime();                   if (isNaN(dateA)) dateA = 0;                }                if (b && b.modifiedDate) {                   const valB = Array.isArray(b.modifiedDate) ? b.modifiedDate[0] : b.modifiedDate;                   dateB = new Date(valB).getTime();                   if (isNaN(dateB)) dateB = 0;                }                return dateB - dateA;             });          }        }        getFilteredDeals() {          let filteredDeals = [...this.deals];                    if (this.dealModeToggle && this.dealModeToggle.checked) {            filteredDeals = filteredDeals.filter(d => d.hasWasPrice || (d.msrp && d.rawMsrp > d.rawPrice));          }                    return filteredDeals;        }        showLoading() {          const _div = '<' + '/div>';          const skeletonCardHtml = `            \x3Cdiv class="tg-df-card">              \x3Cdiv class="tg-df-card-image-box">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-img">${_div}              ${_div}              \x3Cdiv class="tg-df-card-body">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-card-footer mt-auto">                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="height:24px;">${_div}                ${_div}              ${_div}              \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text" style="height:44px; margin:0; border-radius:0;">${_div}            ${_div}`;          this.grid.innerHTML = Array(4).fill(skeletonCardHtml).join('');        }        showError() {          const _div = '<' + '/div>';          this.grid.innerHTML = `\x3Cdiv class="tg-df-message">            An error occurred while finding deals. Please check your connection and try again.          ${_div}`;        }        escapeHTML(str) {          if (!str) return '';          return String(str).replace(/[&<>'"]/g, tag => ({              '&': '&', '<': '<', '>': '>', "'": ''', '"': '"'          }[tag] || tag));        }                bindCouponButtons() {          const btns = this.root.querySelectorAll('.tg-df-tag-coupons');          btns.forEach(btn => {            btn.addEventListener('click', (e) => {              e.preventDefault();              e.stopPropagation();              const merchant = btn.getAttribute('data-merchant');              this.openVouchersModal(merchant);            });          });                    const closeBtn = this.root.querySelector('#tg-df-vouchers-close');          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (closeBtn) {            closeBtn.onclick = () => this.closeVouchersModal();          }          if (backdrop) {            backdrop.onclick = (e) => {              if (e.target === backdrop) this.closeVouchersModal();            };          }        }                closeVouchersModal() {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (backdrop) backdrop.classList.remove('active');        }                async checkMerchantsCouponsBulk(merchants) {          if (!merchants || merchants.length === 0) return {};          const controller = new AbortController();          const timeoutId = setTimeout(() => controller.abort(), 4000);          try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchants.join(','));            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '120');            url.searchParams.append('origin', 'widgets-clientside');                        let res; try { res = await fetch(url.toString(), { signal: controller.signal }); } catch (e) { return {}; }            clearTimeout(timeoutId);            if (!res.ok) return {};            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        const foundMerchants = new Set();            offers.forEach(o => {              let mName = o.merchant_name || o.merchant || o.retailer;              if (mName && typeof mName === 'object') mName = mName.name;              if (mName) foundMerchants.add(String(mName).toLowerCase());            });            const resultMap = {};            merchants.forEach(m => {              if (m) resultMap[m] = foundMerchants.has(String(m).toLowerCase());            });            return resultMap;          } catch (e) {            return {};          }        }                async openVouchersModal(merchantName) {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          const title = this.root.querySelector('#tg-df-vouchers-title');          const content = this.root.querySelector('#tg-df-vouchers-content');                    if (!backdrop || !content) return;                    // HACK: Hide closing tags          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h4 = '<' + '/h4>';          const _svg = '<' + '/svg>';          const _circle = '<' + '/circle>';          const _polyline = '<' + '/polyline>';          const _rect = '<' + '/rect>';          const _path = '<' + '/path>';                    title.innerText = `${merchantName} Coupons & Deals`;          content.innerHTML = `\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}                               \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}`;          backdrop.classList.add('active');                    try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchantName);            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '50');            url.searchParams.append('origin', 'widgets-clientside');                        const res = await fetch(url.toString());            if (!res.ok) throw new Error('API Error');            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        if (offers.length === 0) {              content.innerHTML = `\x3Cdiv class="tg-df-message">No vouchers currently available for ${this.escapeHTML(merchantName)}.${_div}`;              return;            }                        content.innerHTML = offers.map((v, idx) => {              let offerObj = v;              if (v.offers && v.offers.offer) {                offerObj = Array.isArray(v.offers.offer) ? v.offers.offer[0] : v.offers.offer;              } else if (v.offer) {                offerObj = Array.isArray(v.offer) ? v.offer[0] : v.offer;              }              let logoUrl = v.logo_url || offerObj.logo_url || '';              if (!logoUrl && v.merchant) {                if (Array.isArray(v.merchant) && v.merchant.length > 0) logoUrl = v.merchant[0].logo_url || '';                else logoUrl = v.merchant.logo_url || '';              }                            const offerName = offerObj.name || offerObj.title || v.name || v.title || 'Special Offer';              const endTime = offerObj.end_time || v.end_time || '';              const linkUrl = offerObj.link || offerObj.url || v.link || v.url || '#';                            let foundVoucherCode = '';              const findVoucherCode = (obj) => {                if (!obj || typeof obj !== 'object') return;                if (obj.type === 'voucher_code' && obj.display_value) {                  foundVoucherCode = obj.display_value;                  return;                }                if (Array.isArray(obj)) {                  for (const item of obj) {                    findVoucherCode(item);                    if (foundVoucherCode) return;                  }                } else {                  for (const k in obj) {                    if (Object.prototype.hasOwnProperty.call(obj, k)) {                      findVoucherCode(obj[k]);                      if (foundVoucherCode) return;                    }                  }                }              };              findVoucherCode(offerObj);              if (!foundVoucherCode) findVoucherCode(v);                            const voucherCode = foundVoucherCode || offerObj.voucher_code || v.voucher_code || '';              const codeHtml = voucherCode ? `\x3Cspan class="tg-df-voucher-code" data-action="copy-code" data-code="${this.escapeHTML(voucherCode)}" title="Copy to clipboard">                \x3Cspan class="tg-df-voucher-code-text">${this.escapeHTML(voucherCode)}${_span}                \x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:6px;flex-shrink:0;" class="tg-df-voucher-copy-icon">                  \x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">${_rect}                  \x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">${_path}                ${_svg}              ${_span}` : '';                            const logoHtml = logoUrl                 ? `\x3Cimg src="${this.escapeHTML(logoUrl)}" alt="${this.escapeHTML(offerName)}" class="tg-df-voucher-logo" />`                 : `\x3Cdiv class="tg-df-voucher-logo" style="background:#e2e8f0;">${_div}`;                            let expiryHtml = '';              if (endTime) {                let dStr = endTime;                if (!isNaN(dStr) && String(dStr).length === 10) dStr = Number(dStr) * 1000;                const d = new Date(dStr);                if (!isNaN(d.getTime())) {                  const options = { year: 'numeric', month: 'short', day: 'numeric' };                  expiryHtml = `                    \x3Cdiv class="tg-df-voucher-expiry">                      \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                        \x3Ccircle cx="12" cy="12" r="10">${_circle}                        \x3Cpolyline points="12 6 12 12 16 14">${_polyline}                      ${_svg}                      Expires ${d.toLocaleDateString(undefined, options)}                    ${_div}`;                }              }              const revenueIdVal = generateRevenueId(linkUrl, offerName, merchantName, null);              const rewrittenLinkUrl = rewriteAffiliateLink(linkUrl, area, revenueIdVal);              return `                \x3Ca href="${this.escapeHTML(rewrittenLinkUrl)}" target="_blank" rel="noopener nofollow" class="tg-df-voucher-item"                  data-action="voucher-click"                  data-product-name="${this.escapeHTML(offerName)}"                  data-merchant-name="${this.escapeHTML(merchantName)}"                  data-analytics-id="${this.escapeHTML(offerObj.offer_id || offerObj.id || v.id || '')}"                  data-price=""                  data-previous-price=""                  data-original-link="${this.escapeHTML(linkUrl)}"                  data-revenue-id="${revenueIdVal}"                  data-index="${idx}"                  data-total="${offers.length}"                  data-in-stock="true"                  data-currency="USD"                  data-model-id="${this.escapeHTML(offerObj.model_id || v.model_id || offerObj.id || v.id || '')}"                  data-merchant-id="${this.escapeHTML(offerObj.merchant_id || offerObj.merchant?.id || '')}"                >                  ${logoHtml}                  \x3Cdiv class="tg-df-voucher-content">                    \x3Ch4 class="tg-df-voucher-title">${this.escapeHTML(offerName)}${_h4}                    ${codeHtml}                    ${expiryHtml}                  ${_div}                ${_a}              `;            }).join('');                        // Attach copy functionality            const copyBtns = content.querySelectorAll('[data-action="copy-code"]');            copyBtns.forEach(btn => {              btn.addEventListener('click', async (e) => {                e.preventDefault();                e.stopPropagation();                                const code = btn.getAttribute('data-code');                if (!code) return;                                try {                  const copyToClipboard = async (text) => {                     if (window.navigator.clipboard && window.isSecureContext) {                        try { await window.navigator.clipboard.writeText(text); return; } catch (e) {}                     }                     const textArea = document.createElement("textarea");                     textArea.value = text;                     textArea.style.position = "fixed";                     document.body.appendChild(textArea);                     textArea.focus();                     textArea.select();                     document.execCommand('copy');                     textArea.remove();                  };                  await copyToClipboard(code);                                    // Visual feedback                  btn.classList.add('copied');                  const textSpan = btn.querySelector('.tg-df-voucher-code-text');                  const iconSvg = btn.querySelector('.tg-df-voucher-copy-icon');                                    const origText = textSpan.innerText;                  const origIcon = iconSvg.innerHTML;                                    textSpan.innerText = 'Copied!';                  iconSvg.innerHTML = `\x3Cpolyline points="20 6 9 17 4 12">${_polyline}`;                                    setTimeout(() => {                    if (btn) {                      btn.classList.remove('copied');                      if (textSpan) textSpan.innerText = origText;                      if (iconSvg) iconSvg.innerHTML = origIcon;                    }                  }, 2000);                                    trackElementInteraction({                    id: 'voucher-code-copy',                    name: 'Copy Voucher Code',                    label: `Copied ${code} for ${merchantName}`                  });                } catch (err) {                  console.warn('Failed to copy text: ', err);                }              });            });            // Attach voucher click tracking            const voucherBtns = content.querySelectorAll('[data-action="voucher-click"]');            voucherBtns.forEach(btn => {              btn.addEventListener('click', (e) => {                if (e.target.closest('[data-action="copy-code"]')) return;                                const productName = btn.getAttribute('data-product-name');                const merchantNameAttr = btn.getAttribute('data-merchant-name');                const productId = btn.getAttribute('data-analytics-id');                const price = parseFloat(btn.getAttribute('data-price')) || null;                const prevPriceStr = btn.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = btn.getAttribute('data-original-link');                const rewrittenLink = btn.getAttribute('href');                const revenueId = btn.getAttribute('data-revenue-id');                const index = parseInt(btn.getAttribute('data-index'), 10) || 0;                const inStock = btn.getAttribute('data-in-stock') === 'true';                const totalText = btn.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: btn.getAttribute('data-model-id') || null,                    matchId: btn.getAttribute('data-match-id') || null,                    brand: btn.getAttribute('data-model-brand') || null,                    parent: btn.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: btn.getAttribute('data-merchant-id') || null,                    network: btn.getAttribute('data-merchant-network') || null,                    url: btn.getAttribute('data-merchant-url') || null,                    name: merchantNameAttr                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: btn.getAttribute('data-currency') || 'USD'                };                if (typeof trackDealClick === 'function') {                  trackDealClick(trackingParams);                }              });            });                                  } catch (e) {            console.warn(e);            content.innerHTML = `\x3Cdiv class="tg-df-message">Failed to load vouchers.${_div}`;          }        }        render() {          try {            if (this.getViewMode() === 'savings_squad' && this.airedaleTags.length > 0) {              if (this.categoryFilterWrapper) {                 this.categoryFilterWrapper.style.display = 'flex';              }              if (this.categoryFilter) {                 const _option = '<' + '/option>';                 let optionsHtml = `\x3Coption value="all">All Categories${_option}`;                 this.airedaleTags.forEach(tag => {                    const isSelected = this.activeDealTag === tag ? 'selected' : '';                    optionsHtml += `\x3Coption value="${this.escapeHTML(tag)}" ${isSelected}>${this.escapeHTML(tag)}${_option}`;                 });                 this.categoryFilter.innerHTML = optionsHtml;                 this.categoryFilter.value = this.activeDealTag || 'all';              }            } else {               if (this.categoryFilterWrapper) {                  this.categoryFilterWrapper.style.display = 'none';               }            }            const displayDeals = this.getFilteredDeals();          // HACK: Hide closing tags from the CMS HTML sanitizer so it doesn't strip them during in-page injection          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h3 = '<' + '/h3>';          const _p = '<' + '/p>';          const _strong = '<' + '/strong>';          const _sup = '<' + '/sup>';          const _button = '<' + '/button>';          if (displayDeals.length === 0) {            if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {              if (this.deals.length > 0) {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No deals match your selected filters.                ${_div}`;              } else if (this.getViewMode() === 'savings_squad' && this.currentQuery.length <= 2) {                 // Do not show "no exact matches" if query is empty for savings_squad                 this.grid.innerHTML = '';              } else {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No exact matches found for "\x3Cstrong>${this.escapeHTML(this.currentQuery)}${_strong}". Try adjusting your search term.                ${_div}`;              }            } else {              this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                Search product or category names to discover the best deals from across the web.              ${_div}`;            }            return;          }          let dealsHtml = displayDeals.slice(0, this.displayLimit).map((deal, index) => {            try {               const currencySym = this.escapeHTML(deal.currency);               const isoCurrencyCode = normalizeCurrency(currencySym);               const escapedPrice = this.escapeHTML(deal.price);               const escapedMsrp = this.escapeHTML(deal.msrp);               const areaCode = this.getAreaCode();                              const revenueId = generateRevenueId(deal.url, deal.title, deal.merchant, null);               const originalLink = deal.url;               const rewrittenLink = rewriteAffiliateLink(deal.url, areaCode, revenueId);                        const productCategoryName = 'deals';            const dataAttr = `              data-action="${deal.isCheckPrice ? 'view-similar-click' : 'deal-click'}"              data-analytics-id="${this.escapeHTML(deal.externalProductId || deal.id || '')}"              data-product-name="${this.escapeHTML(deal.title)}"              data-merchant-name="${this.escapeHTML(deal.merchant)}"              data-price="${deal.rawPrice || ''}"              data-previous-price="${deal.rawMsrp || ''}"              data-original-link="${this.escapeHTML(originalLink)}"              data-revenue-id="${revenueId}"              data-index="${index}"              data-total="${displayDeals.length}"              data-in-stock="${deal.inStock !== false}"              data-currency="${this.escapeHTML(isoCurrencyCode)}"              data-model-id="${this.escapeHTML(deal.modelId || '')}"              data-product-key="${this.escapeHTML(deal.productKey || '')}"              data-merchant-id="${this.escapeHTML(deal.merchantId || '')}"            `;                        let priceGroupHtml = '';            let isSavingsSquadMode = this.getViewMode() === 'savings_squad';            let ctaText = 'View Deal';            let formattedPrice = '';            let msrpHtml = '';                        if (deal.isCheckPrice) {              ctaText = 'View Deal';              if (isSavingsSquadMode) {                priceGroupHtml = ``;              } else {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-price-group">                    \x3Cspan class="tg-df-card-price" style="font-size: 15px; font-weight: 500; font-style: italic;">See price at retailer${_span}                  ${_div}                `;              }            } else {              // Format Price              formattedPrice = escapedPrice.includes(currencySym)                 ? escapedPrice                 : `${currencySym}${escapedPrice}`;                              // Format MSRP              msrpHtml = deal.msrp && deal.rawMsrp > deal.rawPrice                ? `\x3Cspan class="tg-df-card-msrp">${escapedMsrp.includes(currencySym) ? escapedMsrp : currencySym + escapedMsrp}${_span}`                : '';                              priceGroupHtml = isSavingsSquadMode ? `` : `                \x3Cdiv class="tg-df-card-price-group">                  \x3Cspan class="tg-df-card-price">${formattedPrice}${_span}                  ${msrpHtml}                ${_div}              `;            }                        const discountBadgeHtml = deal.savingLabel && !deal.isCheckPrice              ? `\x3Cspan class="tg-df-card-discount-badge">${this.escapeHTML(deal.savingLabel)}${_span}`              : '';                          // HACK for CMS            const _button = '<' + '/button>';            const _svg = '<' + '/svg>';            const _path = '<' + '/path>';            const _rect = '<' + '/rect>';            const _circle = '<' + '/circle>';            const _polyline = '<' + '/polyline>';            const _line = '<' + '/line>';                        let badgesHtml = '';            const primeBadge = deal.isPrime ? `              \x3Cspan class="tg-df-tag tg-df-tag-prime">                \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="currentColor">                  \x3Cpath d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">${_path}                ${_svg} Prime              ${_span}            ` : '';                        const couponsBadge = deal.merchant && deal.merchant.toLowerCase().includes('amazon') ? '' : `              \x3Cdiv class="tg-df-coupon-wrapper" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:inline-flex; align-items:center;">                \x3Cdiv class="tg-df-coupon-spinner">${_div}                \x3Cbutton type="button" class="tg-df-tag tg-df-tag-coupons" data-action="coupons-click" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:none;">                  \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                    \x3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z">${_path}                    \x3Cline x1="7" y1="7" x2="7.01" y2="7">${_line}                  ${_svg} Coupons                ${_button}              ${_div}            `;                        // Note: We always add coupons badge if there's a chance, but to allow 3-line titles we check wrapper display state            badgesHtml = `              \x3Cdiv class="tg-df-card-badges">                ${primeBadge}                ${couponsBadge}              ${_div}            `;            const _linearGradient = '<' + '/linearGradient>';            const _polygon = '<' + '/polygon>';            const _stop = '<' + '/stop>';            const _defs = '<' + '/defs>';                        let starHtml = '';            if (deal.starRating) {              let rating = deal.starRating;                            if (rating > 0) {                const fullStars = Math.floor(rating);                const halfStar = (rating - fullStars) >= 0.5 ? 1 : 0;                const emptyStars = Math.max(0, 5 - fullStars - halfStar);                const blue = '#1f69ff'; // Tom's guide brand color from VIEW DEAL button                const gray = '#cbd5e1';                                const starSvgFull = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="${blue}" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                const gradId = 'half_grad_' + Math.floor(Math.random()*1000000);                const starSvgHalf = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cdefs>\x3ClinearGradient id="${gradId}" x1="0" x2="1" y1="0" y2="0">\x3Cstop offset="50%" stop-color="${blue}">${_stop}\x3Cstop offset="50%" stop-color="transparent">${_stop}${_linearGradient}${_defs}                  \x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26" fill="url(#${gradId})">${_polygon}${_svg}`;                                  const starSvgEmpty = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${gray}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                let stars = [];                for (let i=0; i<fullStars; i++) stars.push(starSvgFull);                if (halfStar) stars.push(starSvgHalf);                for (let i=0; i<emptyStars; i++) stars.push(starSvgEmpty);                                starHtml = `\x3Cdiv class="tg-df-card-stars" style="display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--tg-df-text-muted);">                  \x3Cspan style="margin-right:6px;">Tom's Guide:${_span}                  \x3Cdiv style="display:flex;gap:2px;">                    ${stars.join('')}                  ${_div}                ${_div}`;              }            }            let htmlOutput = '';            if (isSavingsSquadMode) {              htmlOutput += `              \x3Cdiv class="hawk-deal-widget-container tg-df-mobile-only" data-collapsible="true">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''} style="margin-bottom: 10px;">` : ''}                \x3Cdiv class="hawk-deal-widget-wrap">                  \x3Cdiv class="hawk-deal-widget-image-container">                    \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" rel="sponsored noopener" target="_blank" class="hawk-affiliate-link-deal-widget" ${dataAttr}>                      \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="hawk-lazy-image-deal-widget" loading="lazy" width="140" height="160" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                    ${_a}                  ${_div}                  \x3Cdiv class="hawk-deal-widget-text-cta-container">                    \x3Cdiv class="hawk-deal-widget-text-body-container">                      \x3Cdiv class="hawk-deal-widget-text-body-main">                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          ${deal.isCheckPrice ? `                            \x3Cspan class="hawk-deal-widget-title-product-title">${this.escapeHTML(deal.title)}${_span}                          ` : `                            \x3Cspan class="hawk-deal-widget-title-product-title">${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_span}                          `}                        ${_a}                        ${!deal.isCheckPrice && deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan class="hawk-deal-widget-title-was-price">was ${currencySym}${escapedMsrp}${_span}                          ${_a}                        ` : ''}                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          \x3Cspan class="hawk-deal-widget-title-retailer-price">                            ${!deal.isCheckPrice ? `                              \x3Cspan class="hawk-deal-widget-title-price">now ${formattedPrice}${_span}                              \x3Cspan class="hawk-deal-widget-title-retailer"> at ${this.escapeHTML(deal.merchant)}${_span}                            ` : `                              \x3Cspan class="hawk-deal-widget-title-price">See price at ${this.escapeHTML(deal.merchant)}${_span}                            `}                          ${_span}                        ${_a}                        ${deal.description ? `\x3Cdiv class="hawk-deal-widget-text-body-description tg-df-card-desc-container" style="margin-bottom: 12px; position: relative;">                          \x3Cp class="tg-df-card-desc-content" style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">${this.escapeHTML(deal.description)}${_p}                          \x3Cbutton type="button" class="tg-df-card-desc-btn" style="display: none; appearance: none; border: none; color: #000000; font-size: 11px; font-weight: 700; text-transform: uppercase; cursor: pointer; font-family: inherit; position: absolute; bottom: 2px; right: 0; background: linear-gradient(to right, transparent, #fff 20%, #fff); padding: 0 0 0 16px;" onclick="                            var c = this.parentNode;                            if (this.dataset.expanded === 'true') {                              var pd = (c.tagName === 'P') ? c : this.previousElementSibling;                              if (c.tagName === 'P') { c.parentNode.appendChild(this); pd = c; }                              pd.style.display = '-webkit-box';                              pd.style.webkitLineClamp = '3';                              this.textContent = 'READ MORE';                              this.style.position = 'absolute';                              this.style.background = 'linear-gradient(to right, transparent, #fff 20%, #fff)';                              this.style.paddingLeft = '16px';                              this.dataset.expanded = 'false';                            } else {                              var pd = this.previousElementSibling;                              pd.style.display = 'inline';                              pd.style.webkitLineClamp = 'unset';                              this.textContent = 'READ LESS';                              this.style.position = 'static';                              this.style.background = 'transparent';                              this.style.paddingLeft = '4px';                              this.dataset.expanded = 'true';                              pd.appendChild(this);                            }                          ">READ MORE${_button}                        \x3C/div>` : ''}                      ${_div}                    ${_div}                    ${deal.authorName ? `                      \x3Cdiv class="tg-df-author-line-mobile" style="padding: 0 0 12px 0; background: transparent;">                         \x3Cdiv style="display: flex; align-items: center; gap: 12px;">                            ${deal.authorImage ? `\x3Cimg src="${this.escapeHTML(deal.authorImage)}" alt="${this.escapeHTML(deal.authorName)}" class="tg-df-author-img" width="40" height="40" style="border-radius: 50%; object-fit: cover; flex-shrink: 0; aspect-ratio: 1 / 1; min-width: 40px; min-height: 40px;">` : ''}                            \x3Cdiv style="display: flex; flex-direction: column;">                               \x3Cdiv style="font-size: 10px; color: var(--tg-df-text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px; font-weight: 600;">\x3Cspan style="color: #FF6600;">${this.escapeHTML(deal.merchant)}${_span} deal recommended by:${_div}                               \x3Cdiv style="font-size: 11px; color: var(--tg-df-text); line-height: 1.3;">                                  \x3Cstrong>\x3Ca href="https://www.tomsguide.com/${this.escapeHTML(deal.documentUrl || '').replace(/^\/+/, '')}" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit; border-bottom: 1px dotted var(--tg-df-text-muted);">${this.escapeHTML(deal.authorName)}${_a}${_strong}                                  ${deal.authorRole && !['null', 'nul', 'undefined'].includes(String(deal.authorRole).toLowerCase()) ? ` • ${this.escapeHTML(deal.authorRole)}` : ''}                                  ${deal.modifiedDate ? `\x3Cdiv style="color: var(--tg-df-text-muted); margin-top: 2px;">${getTimeAgo(deal.modifiedDate)}${_div}` : ''}                               ${_div}                            ${_div}                         ${_div}                      ${_div}                    ` : ''}                    \x3Cdiv class="hawk-deal-widget-footer">                      \x3Cdiv class="hawk-deal-widget-button-wrapper">                        \x3Cdiv class="hawk-deal-widget-preferred-partner-wrapper">                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-deal-button" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan>View Deal${_span}                          ${_a}                        ${_div}                      ${_div}                    ${_div}                  ${_div}                ${_div}              ${_div}              `;            }            htmlOutput += `              \x3Cdiv class="tg-df-card ${isSavingsSquadMode ? 'tg-df-desktop-only' : ''}">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''}>` : ''}                \x3Cdiv class="tg-df-card-image-box">                  ${discountBadgeHtml}                  \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">                    \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="tg-df-card-image" loading="lazy" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                  ${_a}                  \x3Cdiv class="tg-df-card-merchant-wrapper" style="position: absolute; bottom: 0; right: 0; background: transparent; padding: 8px 12px; z-index: 10;">                     \x3Cspan class="tg-df-card-merchant-pill" style="text-align: right; margin-bottom: 0;" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                ${_div}                \x3Cdiv class="tg-df-card-body">                  ${starHtml}                  ${badgesHtml}                  \x3Ch3 class="tg-df-card-title tg-df-custom-savings-squad-title" title="${this.escapeHTML(deal.title)}">                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" disable-tracking="true" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit;">                      ${isSavingsSquadMode                         ? (deal.isCheckPrice                             ? (deal.title && deal.title.includes(':')                                 ? `\x3Cstrong>${this.escapeHTML(deal.title.substring(0, deal.title.indexOf(':') + 1))}${_strong}\x3Cspan style="color: #1f69ff; font-weight: normal;">${this.escapeHTML(deal.title.substring(deal.title.indexOf(':') + 1))}${_span}`                                : this.escapeHTML(deal.title)                              )                             : `\x3Cstrong>${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_strong} ${deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `\x3Cspan style="color: #d0021b; text-decoration: line-through; font-weight: normal; margin-right: 4px;">was ${currencySym}${escapedMsrp}${_span} ` : ''}\x3Cspan style="color: #1f69ff; font-weight: normal;">now ${formattedPrice} at ${this.escapeHTML(deal.merchant)}${_span}`                          )                        : this.escapeHTML(deal.title)                      }                    ${_a}                  ${_h3}                  ${deal.description ? `\x3Cdiv class="tg-df-card-desc-container" style="margin-bottom: 12px; position: relative;">                    \x3Cp class="tg-df-card-desc-content" style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">${this.escapeHTML(deal.description)}${_p}                    \x3Cbutton type="button" class="tg-df-card-desc-btn" style="display: none; appearance: none; border: none; color: #000000; font-size: 11px; font-weight: 700; text-transform: uppercase; cursor: pointer; font-family: inherit; position: absolute; bottom: 2px; right: 0; background: linear-gradient(to right, transparent, #fff 20%, #fff); padding: 0 0 0 16px;" onclick="                      var c = this.parentNode;                      if (this.dataset.expanded === 'true') {                        var pd = (c.tagName === 'P') ? c : this.previousElementSibling;                        if (c.tagName === 'P') { c.parentNode.appendChild(this); pd = c; }                        pd.style.display = '-webkit-box';                        pd.style.webkitLineClamp = '3';                        this.textContent = 'READ MORE';                        this.style.position = 'absolute';                        this.style.background = 'linear-gradient(to right, transparent, #fff 20%, #fff)';                        this.style.paddingLeft = '16px';                        this.dataset.expanded = 'false';                      } else {                        var pd = this.previousElementSibling;                        pd.style.display = 'inline';                        pd.style.webkitLineClamp = 'unset';                        this.textContent = 'READ LESS';                        this.style.position = 'static';                        this.style.background = 'transparent';                        this.style.paddingLeft = '4px';                        this.dataset.expanded = 'true';                        pd.appendChild(this);                      }                    ">READ MORE${_button}                  \x3C/div>` : ''}                  \x3Cdiv class="tg-df-card-footer">                    ${deal.authorName ? `                    \x3Cdiv class="tg-df-author-line-desktop" style="padding: 0 0 ${isSavingsSquadMode ? 0 : 12}px 0;">                       \x3Cdiv style="display: flex; align-items: center; gap: 10px;">                          ${deal.authorImage ? `\x3Cimg src="${this.escapeHTML(deal.authorImage)}" alt="${this.escapeHTML(deal.authorName)}" class="tg-df-author-img" width="36" height="36" style="border-radius: 50%; object-fit: cover; flex-shrink: 0; aspect-ratio: 1 / 1; min-width: 36px; min-height: 36px;">` : ''}                          \x3Cdiv style="display: flex; flex-direction: column;">                             \x3Cdiv style="font-size: 10px; color: var(--tg-df-text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px; font-weight: 600;">Recommended by:${_div}                             \x3Cdiv style="font-size: 11px; color: var(--tg-df-text); line-height: 1.2;">                                \x3Cstrong>\x3Ca href="https://www.tomsguide.com/${this.escapeHTML(deal.documentUrl || '').replace(/^\/+/, '')}" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit; border-bottom: 1px dotted var(--tg-df-text-muted);">${this.escapeHTML(deal.authorName)}${_a}${_strong}                                ${deal.authorRole && !['null', 'nul', 'undefined'].includes(String(deal.authorRole).toLowerCase()) ? ` • ${this.escapeHTML(deal.authorRole)}` : ''}                                ${deal.modifiedDate ? `\x3Cspan style="color: var(--tg-df-text-muted);"> • ${getTimeAgo(deal.modifiedDate)}${_span}` : ''}                             ${_div}                          ${_div}                       ${_div}                    ${_div}                    ` : ''}                    ${priceGroupHtml}                  ${_div}                ${_div}                \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" class="tg-df-card-cta" style="text-decoration: none; border-radius: 0;">${ctaText}${_a}              ${_div}            `;                        return htmlOutput;            } catch (e) {               console.log("Error rendering deal in map for index", index, typeof deal === 'object' ? JSON.stringify(deal) : deal, "MSG:", e.message);               return '';            }          }).join('');                    if (displayDeals.length > this.displayLimit) {            dealsHtml += `              \x3Cdiv style="width: 100%; display: flex; justify-content: center; margin-top: 16px; grid-column: 1 / -1;">                \x3Cbutton type="button" class="tg-df-tag-outline tg-df-load-more" style="padding: 8px 24px; border-radius: 100px; font-weight: 600; font-size: 14px; cursor: pointer;">Load More${_button}              ${_div}            `;          }                    this.grid.innerHTML = dealsHtml;          // Inject JSON-LD          try {            let targetNode = this.hostContainer || document.head;            let jsonLdScript = targetNode.querySelector('#tg-df-json-ld-' + this.widgetId);            if (!jsonLdScript) {                jsonLdScript = document.createElement('script');                jsonLdScript.type = 'application/ld+json';                jsonLdScript.id = 'tg-df-json-ld-' + this.widgetId;                targetNode.appendChild(jsonLdScript);            }            const jsonLdData = {              "@context": "https://schema.org",              "@type": "ItemList",              "itemListElement": displayDeals.slice(0, this.displayLimit).map((deal, index) => {                 let isoCurrency = "USD";                 if (deal.currency === '£') isoCurrency = "GBP";                 else if (deal.currency === '€') isoCurrency = "EUR";                 else if (deal.currency === 'A$') isoCurrency = "AUD";                 else if (deal.currency === 'CA$') isoCurrency = "CAD";                 const areaCode = typeof this.getAreaCode === 'function' ? this.getAreaCode() : 'US';                 const revenueId = typeof generateRevenueId === 'function' ? generateRevenueId(deal.url, deal.title, deal.merchant, null) : '';                 const rewrittenLink = typeof rewriteAffiliateLink === 'function' ? rewriteAffiliateLink(deal.url, areaCode, revenueId) : deal.url;                 return {                   "@type": "ListItem",                   "position": index + 1,                   "item": {                     "@type": "Product",                     "name": deal.title,                     "image": deal.image || "",                     "description": deal.description || "",                     "brand": {                       "@type": "Brand",                       "name": deal.brand || ""                     },                     "offers": {                       "@type": "Offer",                       "priceCurrency": isoCurrency,                       "price": deal.rawPrice || 0,                       "url": rewrittenLink,                       "seller": {                         "@type": "Organization",                         "name": deal.merchant || ""                       }                     }                   }                 };              }).filter(item => item.item.name)            };            jsonLdScript.textContent = JSON.stringify(jsonLdData);          } catch(e) { console.warn("JSON-LD generation failed", e); }          setTimeout(() => {            const contents = this.root.querySelectorAll('.tg-df-card-desc-content');            contents.forEach(p => {              if (p.scrollHeight > p.clientHeight || p.scrollHeight > 60) {                if (p.nextElementSibling) {                  p.nextElementSibling.style.display = 'block';                }              }            });                        // Allow hawklinks.js to discover and rewrite our widget links             // by appending the .article-body class and manually triggering processArticle.            let container = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (container && !container.classList.contains('article-body')) {               container.classList.add('article-body');            }            if (this.grid && !this.grid.classList.contains('article-body')) this.grid.classList.add('article-body');            document.dispatchEvent(new CustomEvent('processArticle', { detail: { element: this.root } }));          }, 50);          const loadMoreBtn = this.grid.querySelector('.tg-df-load-more');          if (loadMoreBtn) {            loadMoreBtn.addEventListener('click', () => {              if (typeof trackElementInteraction === 'function') {                trackElementInteraction({ id: 'load-more', name: 'Load more', label: 'Load More Results' });              }              this.displayLimit += this.getRowsLimit();              this.render();            });          }                      this.bindCouponButtons();            this.checkAndUpdateCoupons();          } catch(e) {            console.warn("Widget render error", e);          }        }                async checkAndUpdateCoupons() {          const wrappers = Array.from(this.root.querySelectorAll('.tg-df-coupon-wrapper'));          if (wrappers.length === 0) return;                    const merchants = [...new Set(wrappers.map(w => w.getAttribute('data-merchant')).filter(Boolean))];          if (merchants.length === 0) return;          const couponResultsMap = await this.checkMerchantsCouponsBulk(merchants);                    for (const merchant of merchants) {            const hasCoupons = !!couponResultsMap[merchant];            const merchantWrappers = wrappers.filter(w => w.getAttribute('data-merchant') === merchant);            merchantWrappers.forEach(wrapper => {              const spinner = wrapper.querySelector('.tg-df-coupon-spinner');              const btn = wrapper.querySelector('.tg-df-tag-coupons');                            if (spinner) spinner.style.display = 'none';                            if (hasCoupons && btn) {                btn.style.display = 'inline-flex';              } else if (!hasCoupons) {                wrapper.style.display = 'none';              }            });          }        }        updateFloatingCopyBar() {          if (!this.editorBar || !this.editorSelectedCount) return;          if (this.editorMode && this.selectedDeals.size > 0) {            this.editorBar.style.display = 'flex';            this.editorSelectedCount.innerText = this.selectedDeals.size;          } else {            this.editorBar.style.display = 'none';          }        }        async copySelectedDealsToCMS() {           function htmlToSlate(htmlString) {              if (!htmlString) return [{ type: 'paragraph', children: [{ text: '' }] }];              let doc;              if (typeof window !== 'undefined' && window.DOMParser) {                 doc = new DOMParser().parseFromString(htmlString, 'text/html');              } else {                 doc = document.implementation.createHTMLDocument('');                 doc.body.innerHTML = htmlString;              }                            function parseNode(node, marks = {}) {                  if (node.nodeType === 3) {                      const text = node.textContent;                      if (!text) return null;                      return { text: text, ...marks };                  }                  if (node.nodeType === 1) {                      const tagName = node.tagName.toLowerCase();                      if (tagName === 'br') {                          return { type: 'line-break', children: [{ text: '' }] };                      }                      if (tagName === 'p') {                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return { type: 'paragraph', children };                      }                      if (tagName === 'strong' || tagName === 'b') {                          const newMarks = { ...marks, bold: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'em' || tagName === 'i') {                          const newMarks = { ...marks, italic: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'a') {                          const href = node.getAttribute('href') || '';                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return {                              type: 'link',                              url: href,                              isNoFollow: (node.getAttribute('rel') || '').includes('nofollow'),                              isSponsored: (node.getAttribute('rel') || '').includes('sponsored'),                              isOpenNewTab: node.getAttribute('target') === '_blank',                              isPreventDataRewrite: false,                              children: children                          };                      }                      return Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                  }                  return null;              }                            let blocksArray = [];              let currentParagraphChildren = [];              function flushParagraph() {                  if (currentParagraphChildren.length > 0) {                      blocksArray.push({ type: 'paragraph', children: currentParagraphChildren });                      currentParagraphChildren = [];                  }              }              Array.from(doc.body.childNodes).forEach(node => {                  const parsed = parseNode(node, {});                  const parsedItems = Array.isArray(parsed) ? parsed : (parsed ? [parsed] : []);                  parsedItems.forEach(item => {                      if (item.type === 'paragraph') {                          flushParagraph();                          blocksArray.push(item);                      } else {                          currentParagraphChildren.push(item);                      }                  });              });              flushParagraph();              if (blocksArray.length === 0) {                  blocksArray = [{ type: 'paragraph', children: [{ text: '' }] }];              }              return blocksArray;           }           const blocks = [];                      this.editorCopyBtn.innerHTML = '\x3Cspan class="tg-df-coupon-spinner" style="display:inline-block; margin-right:8px; border-top-color:#fff;">' + '<' + '/span> Copying...';           for (const deal of Array.from(this.selectedDeals.values())) {              const url = deal.url;              const merchant = deal.merchant;              const title = deal.title;              const image = deal.image;              const currentPrice = deal.currency + deal.rawPrice;              const wasPrice = deal.hasWasPrice && deal.rawMsrp > deal.rawPrice ? deal.currency + deal.rawMsrp : '';                            let couponsChildren = [];              try {                  const area = this.getAreaCode();                  const apiUrl = new URL('https://search-api.fie.future.net.uk/widget.php');                  apiUrl.searchParams.append('model_name', 'Everything');                  apiUrl.searchParams.append('language', 'en-GB');                  apiUrl.searchParams.append('area', area);                  apiUrl.searchParams.append('combine_product_types', '1');                  apiUrl.searchParams.append('filter_merchant_name', merchant);                  apiUrl.searchParams.append('all_filters', 'false');                  apiUrl.searchParams.append('exclude_unlabelled', 'false');                  apiUrl.searchParams.append('include_specs', 'false');                  apiUrl.searchParams.append('sort', 'voucher');                  apiUrl.searchParams.append('distinct_merchants', 'natural');                  apiUrl.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');                  apiUrl.searchParams.append('rows', '3');                  apiUrl.searchParams.append('origin', 'widgets-clientside');                                    let res; try { res = await fetch(apiUrl.toString()); } catch (e) { return; }                  if (res.ok) {                      const data = await res.json();                      let offers = [];                      if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {                        offers = data.widget.data.offers;                      } else if (data && data.data && Array.isArray(data.data.offers)) {                        offers = data.data.offers;                      }                                            if (offers.length > 0) {                          couponsChildren.push({ text: "Also check out these coupons: ", bold: true });                          offers.slice(0, 3).forEach((offer, idx) => {                              const actualOffer = offer.offer || offer;                              const offerName = actualOffer.name || actualOffer.title || offer.model_name || offer.title || offer.name || 'Coupon';                              const linkUrl = actualOffer.link || actualOffer.url || actualOffer.offer_link || '#';                              couponsChildren.push({ type: "line-break", children: [{ text: "" }] });                              couponsChildren.push({ text: "🎟️ " });                              couponsChildren.push({                                  type: "link",                                  url: linkUrl,                                  isNoFollow: true,                                  isSponsored: false,                                  isOpenNewTab: true,                                  isPreventDataRewrite: false,                                  children: [{ text: offerName, bold: true }]                              });                          });                      }                  }              } catch (err) {                  console.warn('Failed to fetch coupons for', merchant, err);              }              let descriptionValue = [];              if (deal.text) {                 descriptionValue = htmlToSlate(deal.text);              } else {                 const dealDescriptions = [                   `Don't miss out on this fantastic deal for the ${title}. It is currently available at ${merchant} for a highly competitive price.`,                   `We've spotted an excellent price drop on the ${title}. Grab it now at ${merchant} before it's gone.`,                   `The ${title} is currently seeing a generous discount over at ${merchant}. This is a perfect time to buy if you've been holding out.`,                   `If you're in the market for the ${title}, ${merchant} has just the deal for you.`,                   `Score the ${title} for less at ${merchant} right now. This is a rare chance to save big.`,                   `Upgrade your setup with the ${title}, now available at a stellar price via ${merchant}.`                 ];                 const randomDescription = dealDescriptions[Math.floor(Math.random() * dealDescriptions.length)];                 descriptionValue = [                    { type: "paragraph", children: [{ text: randomDescription }] }                 ];              }                            if (couponsChildren.length > 0) {                 let lastBlock = descriptionValue[descriptionValue.length - 1];                 if (lastBlock && lastBlock.type === 'paragraph') {                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ text: "Also check out these coupons: ", bold: true });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children = lastBlock.children.concat(couponsChildren);                 } else {                     descriptionValue.push({                         type: "paragraph",                         children: [                             { type: "line-break", children: [{ text: "" }] },                             { type: "line-break", children: [{ text: "" }] },                             { text: "Also check out these coupons: ", bold: true },                             { type: "line-break", children: [{ text: "" }] },                             ...couponsChildren                         ]                     });                 }              }              function normalizeCurrencyToISO(symbol) {                const map = { '£': 'GBP', '$': 'USD', 'A$': 'AUD', 'CA$': 'CAD', '€': 'EUR' };                return map[symbol] || symbol;              }              const isoCurrency = normalizeCurrencyToISO(deal.currency);              blocks.push({                 id: (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'cms-' + Date.now() + Math.random(),                 blockTypeName: "deal",                 excludeFrom: [],                 collapsible: false,                 props: {                    description: {                       value: descriptionValue,                       touched: false,                       validationMessage: ""                    },                    image: {                       value: {                          credit: [{ type: "paragraph", children: [{ text: merchant }] }],                          dateCreated: Date.now(),                          dateModified: Date.now(),                          distribution: [],                          fileSize: 0,                          height: 1000,                          id: deal.id,                          imageRights: "",                          src: image,                          name: title + ".jpg",                          tags: [],                          width: 1000                       },                       touched: false,                       validationMessage: ""                    },                    showDealButton: { value: true, touched: false, validationMessage: "" },                    isPreferredPartner: { value: false, touched: false, validationMessage: "" },                    linkHref: { value: url, touched: false, validationMessage: "" },                    linkLabel: { value: "", touched: false, validationMessage: "" },                    linkIsNoFollow: { value: true, touched: false, validationMessage: "" },                    linkIsSponsored: { value: false, touched: false, validationMessage: "" },                    linkIsOpenNewWindow: { value: true, touched: false, validationMessage: "" },                    customPromoFlags: { value: [], touched: false, validationMessage: "" },                    showStarDeal: { value: false, touched: false, validationMessage: "" },                    savingType: { value: "none", touched: false, validationMessage: "" },                    starDealPromoFlag: { value: "", touched: false, validationMessage: "" },                    showEditorsChoice: { value: false, touched: false, validationMessage: "" },                    editorsChoiceTitle: { value: "", touched: false, validationMessage: "" },                    hawkPriceCurrency: { value: { value: isoCurrency, label: isoCurrency }, touched: false, validationMessage: "" },                    hawkPrice: { value: deal.hasWasPrice ? String(deal.rawMsrp) : String(deal.rawPrice), touched: false, validationMessage: "" },                    hawkSalePrice: { value: String(deal.rawPrice), touched: false, validationMessage: "" },                    lastCheckedPriceDate: { value: "", touched: false, validationMessage: "" },                    hawkModel: { touched: false, validationMessage: "" },                    productId: { value: "", touched: false, validationMessage: "" },                    voucherId: { value: "", touched: false, validationMessage: "" },                    brand: { value: deal.brand || merchant, touched: false, validationMessage: "" },                    productName: { value: title, touched: false, validationMessage: "" },                    label: { value: "", touched: false, validationMessage: "" },                    retailer: { value: merchant, touched: false, validationMessage: "" },                    priceCheckError: false                 },                 failedFetchError: ""              });           }           const payload = {              type: "articleBuilderPages",              data: blocks           };           const jsonStr = JSON.stringify(payload);                      if (navigator.clipboard && navigator.clipboard.writeText) {              navigator.clipboard.writeText(jsonStr).then(() => {                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              }).catch(err => {                 console.warn('Failed to copy text: ', err);                 alert('Failed to copy deals to clipboard. See console.');              });           } else {              // Fallback              const textArea = document.createElement("textarea");              textArea.value = jsonStr;              document.body.appendChild(textArea);              textArea.focus();              textArea.select();              try {                 document.execCommand('copy');                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              } catch (err) {                 console.warn('Fallback: Oops, unable to copy', err);                 alert('Fallback: Failed to copy deals to clipboard.');              }              document.body.removeChild(textArea);           }        }      }      // Initialize the Widget      if (document.readyState === 'loading') {        document.addEventListener('DOMContentLoaded', () => new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer }));      } else {        new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer });      }    })();  </script></div>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I played the ModRetro M64 — and it's an unfinished remake of the Nintendo 64 ]]></title>
                                                                                                <dc:content><![CDATA[ <p>I can’t help but laud the myopic vision of ModRetro, a retro video game console maker that aims to create products that exist in the rose-tinted vestiges of our nostalgia. Despite how fondly gamers might remember saving princesses or throwing banana peels out of go-karts, those video game systems were products of their time and were made to best fit within those technological limitations.</p><p>For early 3D systems, images were soft and blurry, with rough polygons that could barely construct a believable face. Frame rates were poor but were tolerated because it was the first step into the third dimension. Even with these deficiencies, fondness for that time period remains ever-present, as it came before the heavy pressures of adulthood.</p><p>ModRetro’s first system, the <a href="https://www.tomsguide.com/gaming/handheld-gaming/i-replaced-my-steam-deck-with-a-modern-game-boy-and-its-the-perfect-love-letter-to-my-inner-90s-kid">Chromatic</a>, a restomod-style take on the Nintendo Game Boy, spectacularly accomplished its goal: recreating a system not as it was, but as we chose to remember it. As for the M64, a modern interpretation of the Nintendo 64, it falls short of meeting that standard.</p><p>It’s not that the M64 does a bad job of taking N64 titles and blowing them up on a large 4K display. It’s just that it doesn’t feel like it does much beyond that. This comes from experience with the Analogue 3D, another modern N64 console that uses some upscaling and image-cleaning algorithms to help render a more palatable presentation. </p><p>While it seems that ModRetro put a lot of care and attention into the M64, that alone shouldn’t be the reason gamers hand over $230. For the M64 to be competitive not only against the Analogue 3D, but also the small-but-growing library of N64 titles available to Nintendo Switch Online subscribers, it should have been more feature-complete and bug-free. Unfortunately, it misses the mark.</p><h3 class="article-body__section" id="section-modretro-m64-review-cheat-sheet"><span>ModRetro M64 review: Cheat sheet</span></h3><ul><li><strong>What is it?</strong> The ModRetro M64 is an FPGA-based Nintendo 64 clone console that aims to capture the original’s game compatibility and accuracy.</li><li><strong>Who is it for?</strong> The ModRetro M64 is for hardcore N64 fans with large cartridge libraries and those who prefer the timing and accuracy of playing on original hardware.</li><li><strong>What does it cost?</strong> At $230, the <a href="http://modretro.com/products/m64"><u>ModRetro M64</u></a> costs about twice as much as a used Nintendo 64 on eBay. The wireless M64 Pro Controller is an additional $90 (a wired controller by Hyperkin is also available at $30).</li><li><strong>What do we like?</strong> We like the retro design, fantastic controller, and overclocking capabilities</li><li><strong>What don't we like?</strong> We don't like that it produces blurry images (even by N64 standards), has mediocre scanline filters, and has questionable flash cart support.</li></ul><h3 class="article-body__section" id="section-modretro-m64-review-the-ups"><span>ModRetro M64 review: The ups</span></h3><p>The M64 might be imperfect, but it gets some things right — particularly in its design.</p><h2 id="unpretentious-design-ethos">Unpretentious design ethos</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="2KV9oWc3RR6EGFSKr5n2cB" name="M64--23" alt="ModRetro 64" src="https://cdn.mos.cms.futurecdn.net/2KV9oWc3RR6EGFSKr5n2cB.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Kudos to the designers over at ModRetro. Opening the M64 for the first time is delightful, with brightly colored packaging and a premium-feeling box inside. After prying apart the tightly packed box, a transparent M64 emerges in a “funtastic”- inspired purple colorway.</p><p>Adding to that design vibe, ModRetro says it developed new manufacturing methods to integrate two types of transparency with its console. It features frosted transparency on the front of the system that shifts to clearer transparency so gamers can see the internal componentry.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="A3KR3Ywvzb5JorDSxinikA" name="M64--12" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/A3KR3Ywvzb5JorDSxinikA.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Inserting a game and turning on the system, there’s a classy light bar that illuminates right in front of the cartridge, treating copies of GoldenEye 007 as if they were a piece of art in a gallery. Behind the cartridge is an eject button that allows for easy and satisfying egress of game carts, with, according to ModRetro, little mechanical strain on the pins.</p><h2 id="a-trident-controller-worthy-of-neptune">A trident controller worthy of Neptune</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="66Um9dmE6aNjySGuYoWKTJ" name="M64--9" alt="ModRetro 64" src="https://cdn.mos.cms.futurecdn.net/66Um9dmE6aNjySGuYoWKTJ.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Moving on to the M64 Pro Controller, it feels thoroughly substantial and of high quality. The front is made of thick, rigid plastic, while the back is metal. The controller's weight feels wonderfully premium, which might be why it demands a $90 price tag. At the very least, a wired M64 controller by Hyperkin is also available for $30. ModRetro didn’t provide a Hyperkin variant with our review unit.</p><p>Unlike the Analogue 3D, the M64 Pro Controller keeps the N64’s original trident design. It feels like a bold choice, especially since gamers have been accustomed to two-prong, dual-analog controllers for nearly three decades. I, personally, appreciate it.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="3xwPefURLKinVsm3jDFGKH" name="M64--5" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/3xwPefURLKinVsm3jDFGKH.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>While the M64’s design fills the senses with a Christmas morning twinkle, its software experience is where the system falls short.</p><h3 class="article-body__section" id="section-modretro-m64-review-the-downs"><span>ModRetro M64 review: The downs</span></h3><p>Unfortunately, the M64 gets more wrong than it gets right.</p><h2 id="cumbersome-settings">Cumbersome settings</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="7dXoqJkKikpQyioh49uHdR" name="M64--10" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/7dXoqJkKikpQyioh49uHdR.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>When popping in a copy of Mario Kart 64 into the ModRetro M64, the game loads immediately, just as it did on the N64. As in, there’s no top menu like the ones found on the Analogue 3D and the Nintendo Switch. It’s pure N64 orthodoxy.</p><p>That adherence to the N64’s original experience makes tweaking settings a bit more cumbersome once the game is running. Changing settings is easy, however. To load system settings, just press Start and Z at the same time. An 8-bit style overlay appears, allowing changes to resolution, CRT filters, software updates, and other settings.</p><h2 id="blurry-images">Blurry images</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ucbRCyitZPypNZA8v3fu6P" name="M64--11" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/ucbRCyitZPypNZA8v3fu6P.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>When comparing output between the ModRetro M64 and its competition, it’s best to start with clean image output, without any additional filters.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/PuXvZgd5L9NpkxGJSNTbPk.png" alt="Mario Kart 64" /><figcaption>Mario Kart 64 on the Analogue 3D<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/Sk5MdRVyoZ9hSdQsMFmDU9.png" alt="Mario Kart 64" /><figcaption>Mario Kart 64 on the M64<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure></figure><p>Comparing the output between the Switch 2, Analogue 3D, and the ModRetro M64, the Analogue 3D pulls away in brightness and color saturation. The higher contrast on the Analogue 3D better sells texture detail.</p><p>It’s a surprising result given that the Nintendo Switch is using software emulation, meaning it’s using internal image upscaling. By comparison, the M64’s image looks a bit dull and muddy.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1999px;"><p class="vanilla-image-block" style="padding-top:56.28%;"><img id="ZxDYG9LFhuNyftAqozgYdU" name="Mario Kart 64 (Switch)" alt="Mario Kart 64" src="https://cdn.mos.cms.futurecdn.net/ZxDYG9LFhuNyftAqozgYdU.png" mos="" align="middle" fullscreen="" width="1999" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Nintendo / Tom's Guide)</span></figcaption></figure><p>Regardless, it’s unlikely that anyone would want to play N64 games on clean settings as titles look very pixelated. The real fight happens when CRT filters come into play.</p><h2 id="filter-frustration">Filter frustration</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bwZ4BTtGkwcqPYs63nY62a" name="M64--21" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/bwZ4BTtGkwcqPYs63nY62a.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>I played the ModRetro M64 on a 77-inch LG OLED G3 television. Given that the N64 rendered games at a paltry 320x240 resolution, it ultimately creates a blurry and pixelated image when blown up to 4K. It also makes one wonder if N64 titles really looked this bad back in 1996.</p><p>The reality is that N64 games looked great in the mid-to-late 90s due to the display technology of the time. Many gamers experienced the N64 on CRT televisions, which used electron beams to draw scanlines onto phosphor dots. This technology created an analog softness and glow, blending the adjacent pixels and hiding the jaggedness in the process. The N64 also used aggressive anti-aliasing to help low-resolution assets look cleaner on-screen.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ZWVP7VLpDz76xmPDpie9bW" name="M64--13" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/ZWVP7VLpDz76xmPDpie9bW.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>I’d personally forgotten about how games looked on older displays until I attended the Long Island Retro Gaming Expo earlier this month in Garden City, NY. There, I was watching people play all sorts of retro consoles, from the Atari 2600 to the Sega Dreamcast, on big old-school CRT televisions.</p><p>The images were surprisingly sharp and clear. Many older systems, especially early 3D consoles, were developed with these kinds of displays in mind. Game makers used techniques like dithering to smooth over color gradients. Unfortunately, on modern displays, these techniques only highlight image disparities.</p><p>To combat the mismatch between CRT and modern displays, both ModRetro and Analogue have included some CRT and scanline filters. These filters attempt to output an image that’s more reminiscent of a CRT or other old-school displays. ModRetro’s default CRT and scanline filters, unfortunately, don’t do the best job.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/WiBwoSATGzaPiT3Xnfvpe3.png" alt="Mario Kart 64" /><figcaption>Mario Kart on the Analogue 3D<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/g9aRBQyQmqaJg8mmN2qAmD.png" alt="Mario Kart" /><figcaption><small role="credit">Nintendo / Tom's Guide</small></figcaption></figure></figure><p>Both the CRT and scanline filters do seem to clean up the image somewhat, hiding the jagged pixels and adding some bloom to create a more cohesive blend. At the same time, these don’t look like any of the CRTs I saw at the Long Island Retro Gaming Expo. Often, I found the image to be dark and grimy, and in bright scenes, highlights were overblown. Thankfully, ModRetro does have a custom menu that lets pixel-peeping gamers tune things like the aperture grille, sharpness, horizontal bloom, and scanline width, among other settings.</p><p>My knowledge on this front is a bit limited. Luckily, folks on Reddit have been sharing various custom settings to better replicate a CRT display. After trying the settings <a href="https://www.reddit.com/r/M64/comments/1vgl01x/comment/p1zjmmd/?context=3" target="_blank">recommended by Reddit user fpsdabs</a>, I found the image to be more like what I saw out in Garden City.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="GVTMijUm5zv8LQqoRHF55e" name="M64--4" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/GVTMijUm5zv8LQqoRHF55e.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Annoyingly, the M64 currently has a bug that doesn’t save custom settings across titles. This meant that if I turned off the system or swapped games, I had to re-enter all of fpsdabs’ settings. ModRetro said that this will be fixed with the next update. </p><p>The Analogue 3D really should have a custom settings option so that gamers can tune the CRT filter to their liking. At the same time, the M64 lacks other display filters, like those for production and broadcast video monitors, both of which are considered the gold standard for CRT displays. The ModRetro team really needs to go back and retune the default CRT and scanline filters. I can imagine casual gamers won’t go through the hassle of tuning scanline settings in the custom menu.</p><p>At the very least, sound output by the M64 is excellent, and playing Mario Kart 64 with turtle shells zooming behind me was the best way to experience this classic.</p><h2 id="horizontal-activities">Horizontal activities</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="X3xqmbGCiUuuAVR5XtAu4g" name="M64--17" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/X3xqmbGCiUuuAVR5XtAu4g.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Recently, <a href="https://www.timeextension.com/news/2026/07/a-game-changer-latest-analogue-3d-update-introduces-internal-graphical-upscaling">Analogue issued an update for horizontal upscaling</a> that doubles a game’s horizontal resolution. This internal upscaling technique allows for twice as many horizontal pixels “without affecting 2D graphics” and with “no impact to timing authenticity or performance,” according to Analogue. </p><p>For a certain subset of very hardcore N64 fans, any type of internal upscaling might be seen as sacrilege. But for those that want to use their dusty N64 library on a modern display in a decently presentable manner, it’s a welcome upgrade. It’s also a feature not available on the M64.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/2yzRn7oyxATQqUTQ2Mm6te.png" alt="Star Wars Episode I: Racer" /><figcaption>Star Wars Episode I: Racer on the Analogue 3D.<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/Q2yJf275ULJ9Y8HuUGkQFm.png" alt="Star Wars Episode I: Racer" /><figcaption>Star Wars Episode I: Racer on the M64.<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure></figure><p>Horizontal upscaling’s impact does differ from game to game. Of the games that I own, the title that benefited most from horizontal upscaling was Star Wars Episode I: Racer. Without horizontal upscaling, the image is incredibly blurry, with interlaced lines weaving from left to right. With horizontal upscaling, it looks more like a game made with modern displays in mind. It honestly felt like it was being software-emulated.</p><p>By comparison, the M64’s output of Racer was jarring. It’s as if character models were being zapped by electricity, with their bodies vibrating from a current.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/JwrBQz8kC6eeWh3hAfCEuG.png" alt="Star Wars Episode I: Racer" /><figcaption>Star Wars Episode I: Racer on the Analogue 3D.<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/PasVgECjgwQWPam7vZUb5Q.png" alt="Star Wars Episode I: Racer" /><figcaption>Star Wars Episode I: Racer on the M64.<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure></figure><p>Unlike the Analogue 3D, the M64 doesn’t support HDR out of the box. Normally, that should be okay considering the N64 itself didn’t support HDR. But <a href="https://www.gamesradar.com/hardware/retro/the-latest-analogue-3d-update-adds-advanced-hdr-that-will-make-your-oled-screen-look-even-more-like-a-crt-tv/">Analogue has a clever HDR10 implementation</a> that takes advantage of HDR’s much brighter highlights against dark scanline gaps to better mimic a CRT, BVM, or PVM display. This works better on OLED televisions.</p><h2 id="cumbersome-gaming-experience">Cumbersome gaming experience</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="5GCgciC2Vm6BiLpsaSnVgn" name="M64--3" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/5GCgciC2Vm6BiLpsaSnVgn.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Once updated and ready to go, the ModRetro M64 is, overall, a hassle-free experience. When playing Mario Kart 64, inputs were fast and responsive. It’s certainly refreshing when jumping from the Nintendo Switch Online version, which is noticeably laggy.</p><p>According to ModRetro’s <a href="https://modretro.com/pages/m64-compatibility">game compatibility list</a>, a large majority of titles shouldn’t run into any issues during play. As of this writing, 20 titles have issues, and ModRetro is working to update them. For example, vine swinging in Donkey Kong 64 will fail, or Hydro Thunder might crash.</p><p>In my case, I had issues creating a save file for Perfect Dark. Granted, this is a known issue with the original game and can be fixed by putting my cartridge into an original N64 system. So, this issue might not be ModRetro’s fault.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="U2NTKd3rKbSWbtaJUEr7Bm" name="M64--24" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/U2NTKd3rKbSWbtaJUEr7Bm.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>ModRetro includes some overclocking modes that let more graphically intensive games run at smoother framerates. When I tested it on Goldeneye 007, I found that overclocking helped fix framerate dips. I wanted to test this feature on Perfect Dark, which is known to struggle on original hardware, but wasn’t able to.</p><p>I also own an <a href="https://krikzz.com/our-products/cartridges/ed64x7.html">Everdrive-64 X7</a>. It’s a flash cartridge by Krikzz that can play ROM backups off of an SD card. While some on Reddit have been able to use their flash cartridges without issue, mine would load on an Analogue 3D but wouldn’t on an M64. According to ModRetro, this could be because my cartridge doesn’t have the latest bootloader fix, which is separate from the standard firmware update. I’ve yet to resolve this but will update this review if/when I get things working.</p><p><em>Palmer Luckey’s ownership has </em><a href="https://bsky.app/profile/frankcifaldi.bsky.social/post/3mae65fq75s2g" target="_blank"><em>become a point of contention</em></a><em> in the retro gaming community, and </em><a href="https://www.timeextension.com/news/2025/12/site-news-why-we-wont-be-covering-modretro-products-moving-forward" target="_blank"><em>some outlets refuse to review the company’s products</em></a><em>. This review evaluates the M64 on its technical merits and performance, but readers should have the context needed before deciding whether to buy.</em></p><h3 class="article-body__section" id="section-modretro-m64-review-verdict"><span>ModRetro M64 review: Verdict</span></h3><p>The ModRetro M64 is a competent Nintendo 64 FPGA-based clone console that does what it advertises but doesn’t reach the heights of its primary competition. Even with its flashy colorways and excellent trident-style controller, the M64 lacks features and ships with a few bugs. ModRetro has a <a href="https://retrododo.com/modretro-officially-reveals-m64-update-roadmap/" target="_blank">list of features</a> planned for the M64 in the coming months, however.</p><p>At the moment, the Analogue 3D at $270 is the better buy, despite being $40 more expensive. It’s more feature-complete and has some internal upscaling trickery that’s sorely lacking on the M64. I do like the custom settings menu for scanlines on the M64 and would love a similar implementation on the 3D. The M64 also doesn’t have perfect game compatibility yet, although I suspect that it’ll get better as more updates come in.</p><p>It’s also worth noting that ModRetro itself is publishing N64 games. At launch, these $50 titles include Extreme-G Turbo Fusion, a compilation of the first two Extreme-G racing games, Buck Bumble, Xibalba64, and Xeno Crisis. Buck Bumble is a somewhat rare game that now sells for over $100. Being able to buy a new copy for $50 is a great pro-consumer move.</p><p>There’s certainly a lot to appreciate with the M64. Unfortunately for ModRetro, there’s just as much to appreciate, if not more, with the Analogue 3D. So, unless you really dig the colorful aesthetic of the M64, or are a Palmer Luckey fanboy, the Analogue 3D is the N64 clone console worth buying.</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/modretro-m64-review</link>
                                                                            <description>
                            <![CDATA[ The ModRetro M64 does an adequate job of playing Nintendo 64 games, but with competition from the Analogue 3D, it’s hard to recommend the M64. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">RXL44HNKzRcfsda8AQ8LEB</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/afu8Rdtchxcs4rePXsBizT-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Mon, 31 Aug 2026 07:30:00 +0000</pubDate>                                                                                                                                <updated>Mon, 31 Aug 2026 17:58:53 +0000</updated>
                                                                                                                                            <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ imad.khan@futurenet.com (Imad Khan) ]]></author>                    <dc:creator><![CDATA[ Imad Khan ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/XH7W5t3Kwp9nRYWBA7RoSR.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/afu8Rdtchxcs4rePXsBizT-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&amp;#39;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[ModRetro M64]]></media:description>                                                            <media:text><![CDATA[ModRetro M64]]></media:text>
                                <media:title type="plain"><![CDATA[ModRetro M64]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/afu8Rdtchxcs4rePXsBizT-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>I can’t help but laud the myopic vision of ModRetro, a retro video game console maker that aims to create products that exist in the rose-tinted vestiges of our nostalgia. Despite how fondly gamers might remember saving princesses or throwing banana peels out of go-karts, those video game systems were products of their time and were made to best fit within those technological limitations.</p><p>For early 3D systems, images were soft and blurry, with rough polygons that could barely construct a believable face. Frame rates were poor but were tolerated because it was the first step into the third dimension. Even with these deficiencies, fondness for that time period remains ever-present, as it came before the heavy pressures of adulthood.</p><p>ModRetro’s first system, the <a href="https://www.tomsguide.com/gaming/handheld-gaming/i-replaced-my-steam-deck-with-a-modern-game-boy-and-its-the-perfect-love-letter-to-my-inner-90s-kid">Chromatic</a>, a restomod-style take on the Nintendo Game Boy, spectacularly accomplished its goal: recreating a system not as it was, but as we chose to remember it. As for the M64, a modern interpretation of the Nintendo 64, it falls short of meeting that standard.</p><p>It’s not that the M64 does a bad job of taking N64 titles and blowing them up on a large 4K display. It’s just that it doesn’t feel like it does much beyond that. This comes from experience with the Analogue 3D, another modern N64 console that uses some upscaling and image-cleaning algorithms to help render a more palatable presentation. </p><p>While it seems that ModRetro put a lot of care and attention into the M64, that alone shouldn’t be the reason gamers hand over $230. For the M64 to be competitive not only against the Analogue 3D, but also the small-but-growing library of N64 titles available to Nintendo Switch Online subscribers, it should have been more feature-complete and bug-free. Unfortunately, it misses the mark.</p><h3 class="article-body__section" id="section-modretro-m64-review-cheat-sheet"><span>ModRetro M64 review: Cheat sheet</span></h3><ul><li><strong>What is it?</strong> The ModRetro M64 is an FPGA-based Nintendo 64 clone console that aims to capture the original’s game compatibility and accuracy.</li><li><strong>Who is it for?</strong> The ModRetro M64 is for hardcore N64 fans with large cartridge libraries and those who prefer the timing and accuracy of playing on original hardware.</li><li><strong>What does it cost?</strong> At $230, the <a href="http://modretro.com/products/m64"><u>ModRetro M64</u></a> costs about twice as much as a used Nintendo 64 on eBay. The wireless M64 Pro Controller is an additional $90 (a wired controller by Hyperkin is also available at $30).</li><li><strong>What do we like?</strong> We like the retro design, fantastic controller, and overclocking capabilities</li><li><strong>What don't we like?</strong> We don't like that it produces blurry images (even by N64 standards), has mediocre scanline filters, and has questionable flash cart support.</li></ul><h3 class="article-body__section" id="section-modretro-m64-review-the-ups"><span>ModRetro M64 review: The ups</span></h3><p>The M64 might be imperfect, but it gets some things right — particularly in its design.</p><h2 id="unpretentious-design-ethos">Unpretentious design ethos</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="2KV9oWc3RR6EGFSKr5n2cB" name="M64--23" alt="ModRetro 64" src="https://cdn.mos.cms.futurecdn.net/2KV9oWc3RR6EGFSKr5n2cB.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Kudos to the designers over at ModRetro. Opening the M64 for the first time is delightful, with brightly colored packaging and a premium-feeling box inside. After prying apart the tightly packed box, a transparent M64 emerges in a “funtastic”- inspired purple colorway.</p><p>Adding to that design vibe, ModRetro says it developed new manufacturing methods to integrate two types of transparency with its console. It features frosted transparency on the front of the system that shifts to clearer transparency so gamers can see the internal componentry.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="A3KR3Ywvzb5JorDSxinikA" name="M64--12" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/A3KR3Ywvzb5JorDSxinikA.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Inserting a game and turning on the system, there’s a classy light bar that illuminates right in front of the cartridge, treating copies of GoldenEye 007 as if they were a piece of art in a gallery. Behind the cartridge is an eject button that allows for easy and satisfying egress of game carts, with, according to ModRetro, little mechanical strain on the pins.</p><h2 id="a-trident-controller-worthy-of-neptune">A trident controller worthy of Neptune</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="66Um9dmE6aNjySGuYoWKTJ" name="M64--9" alt="ModRetro 64" src="https://cdn.mos.cms.futurecdn.net/66Um9dmE6aNjySGuYoWKTJ.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Moving on to the M64 Pro Controller, it feels thoroughly substantial and of high quality. The front is made of thick, rigid plastic, while the back is metal. The controller's weight feels wonderfully premium, which might be why it demands a $90 price tag. At the very least, a wired M64 controller by Hyperkin is also available for $30. ModRetro didn’t provide a Hyperkin variant with our review unit.</p><p>Unlike the Analogue 3D, the M64 Pro Controller keeps the N64’s original trident design. It feels like a bold choice, especially since gamers have been accustomed to two-prong, dual-analog controllers for nearly three decades. I, personally, appreciate it.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="3xwPefURLKinVsm3jDFGKH" name="M64--5" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/3xwPefURLKinVsm3jDFGKH.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>While the M64’s design fills the senses with a Christmas morning twinkle, its software experience is where the system falls short.</p><h3 class="article-body__section" id="section-modretro-m64-review-the-downs"><span>ModRetro M64 review: The downs</span></h3><p>Unfortunately, the M64 gets more wrong than it gets right.</p><h2 id="cumbersome-settings">Cumbersome settings</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="7dXoqJkKikpQyioh49uHdR" name="M64--10" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/7dXoqJkKikpQyioh49uHdR.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>When popping in a copy of Mario Kart 64 into the ModRetro M64, the game loads immediately, just as it did on the N64. As in, there’s no top menu like the ones found on the Analogue 3D and the Nintendo Switch. It’s pure N64 orthodoxy.</p><p>That adherence to the N64’s original experience makes tweaking settings a bit more cumbersome once the game is running. Changing settings is easy, however. To load system settings, just press Start and Z at the same time. An 8-bit style overlay appears, allowing changes to resolution, CRT filters, software updates, and other settings.</p><h2 id="blurry-images">Blurry images</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ucbRCyitZPypNZA8v3fu6P" name="M64--11" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/ucbRCyitZPypNZA8v3fu6P.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>When comparing output between the ModRetro M64 and its competition, it’s best to start with clean image output, without any additional filters.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/PuXvZgd5L9NpkxGJSNTbPk.png" alt="Mario Kart 64" /><figcaption>Mario Kart 64 on the Analogue 3D<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/Sk5MdRVyoZ9hSdQsMFmDU9.png" alt="Mario Kart 64" /><figcaption>Mario Kart 64 on the M64<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure></figure><p>Comparing the output between the Switch 2, Analogue 3D, and the ModRetro M64, the Analogue 3D pulls away in brightness and color saturation. The higher contrast on the Analogue 3D better sells texture detail.</p><p>It’s a surprising result given that the Nintendo Switch is using software emulation, meaning it’s using internal image upscaling. By comparison, the M64’s image looks a bit dull and muddy.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1999px;"><p class="vanilla-image-block" style="padding-top:56.28%;"><img id="ZxDYG9LFhuNyftAqozgYdU" name="Mario Kart 64 (Switch)" alt="Mario Kart 64" src="https://cdn.mos.cms.futurecdn.net/ZxDYG9LFhuNyftAqozgYdU.png" mos="" align="middle" fullscreen="" width="1999" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Nintendo / Tom's Guide)</span></figcaption></figure><p>Regardless, it’s unlikely that anyone would want to play N64 games on clean settings as titles look very pixelated. The real fight happens when CRT filters come into play.</p><h2 id="filter-frustration">Filter frustration</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bwZ4BTtGkwcqPYs63nY62a" name="M64--21" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/bwZ4BTtGkwcqPYs63nY62a.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>I played the ModRetro M64 on a 77-inch LG OLED G3 television. Given that the N64 rendered games at a paltry 320x240 resolution, it ultimately creates a blurry and pixelated image when blown up to 4K. It also makes one wonder if N64 titles really looked this bad back in 1996.</p><p>The reality is that N64 games looked great in the mid-to-late 90s due to the display technology of the time. Many gamers experienced the N64 on CRT televisions, which used electron beams to draw scanlines onto phosphor dots. This technology created an analog softness and glow, blending the adjacent pixels and hiding the jaggedness in the process. The N64 also used aggressive anti-aliasing to help low-resolution assets look cleaner on-screen.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ZWVP7VLpDz76xmPDpie9bW" name="M64--13" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/ZWVP7VLpDz76xmPDpie9bW.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>I’d personally forgotten about how games looked on older displays until I attended the Long Island Retro Gaming Expo earlier this month in Garden City, NY. There, I was watching people play all sorts of retro consoles, from the Atari 2600 to the Sega Dreamcast, on big old-school CRT televisions.</p><p>The images were surprisingly sharp and clear. Many older systems, especially early 3D consoles, were developed with these kinds of displays in mind. Game makers used techniques like dithering to smooth over color gradients. Unfortunately, on modern displays, these techniques only highlight image disparities.</p><p>To combat the mismatch between CRT and modern displays, both ModRetro and Analogue have included some CRT and scanline filters. These filters attempt to output an image that’s more reminiscent of a CRT or other old-school displays. ModRetro’s default CRT and scanline filters, unfortunately, don’t do the best job.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/WiBwoSATGzaPiT3Xnfvpe3.png" alt="Mario Kart 64" /><figcaption>Mario Kart on the Analogue 3D<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/g9aRBQyQmqaJg8mmN2qAmD.png" alt="Mario Kart" /><figcaption><small role="credit">Nintendo / Tom's Guide</small></figcaption></figure></figure><p>Both the CRT and scanline filters do seem to clean up the image somewhat, hiding the jagged pixels and adding some bloom to create a more cohesive blend. At the same time, these don’t look like any of the CRTs I saw at the Long Island Retro Gaming Expo. Often, I found the image to be dark and grimy, and in bright scenes, highlights were overblown. Thankfully, ModRetro does have a custom menu that lets pixel-peeping gamers tune things like the aperture grille, sharpness, horizontal bloom, and scanline width, among other settings.</p><p>My knowledge on this front is a bit limited. Luckily, folks on Reddit have been sharing various custom settings to better replicate a CRT display. After trying the settings <a href="https://www.reddit.com/r/M64/comments/1vgl01x/comment/p1zjmmd/?context=3" target="_blank">recommended by Reddit user fpsdabs</a>, I found the image to be more like what I saw out in Garden City.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="GVTMijUm5zv8LQqoRHF55e" name="M64--4" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/GVTMijUm5zv8LQqoRHF55e.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Annoyingly, the M64 currently has a bug that doesn’t save custom settings across titles. This meant that if I turned off the system or swapped games, I had to re-enter all of fpsdabs’ settings. ModRetro said that this will be fixed with the next update. </p><p>The Analogue 3D really should have a custom settings option so that gamers can tune the CRT filter to their liking. At the same time, the M64 lacks other display filters, like those for production and broadcast video monitors, both of which are considered the gold standard for CRT displays. The ModRetro team really needs to go back and retune the default CRT and scanline filters. I can imagine casual gamers won’t go through the hassle of tuning scanline settings in the custom menu.</p><p>At the very least, sound output by the M64 is excellent, and playing Mario Kart 64 with turtle shells zooming behind me was the best way to experience this classic.</p><h2 id="horizontal-activities">Horizontal activities</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="X3xqmbGCiUuuAVR5XtAu4g" name="M64--17" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/X3xqmbGCiUuuAVR5XtAu4g.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Recently, <a href="https://www.timeextension.com/news/2026/07/a-game-changer-latest-analogue-3d-update-introduces-internal-graphical-upscaling">Analogue issued an update for horizontal upscaling</a> that doubles a game’s horizontal resolution. This internal upscaling technique allows for twice as many horizontal pixels “without affecting 2D graphics” and with “no impact to timing authenticity or performance,” according to Analogue. </p><p>For a certain subset of very hardcore N64 fans, any type of internal upscaling might be seen as sacrilege. But for those that want to use their dusty N64 library on a modern display in a decently presentable manner, it’s a welcome upgrade. It’s also a feature not available on the M64.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/2yzRn7oyxATQqUTQ2Mm6te.png" alt="Star Wars Episode I: Racer" /><figcaption>Star Wars Episode I: Racer on the Analogue 3D.<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/Q2yJf275ULJ9Y8HuUGkQFm.png" alt="Star Wars Episode I: Racer" /><figcaption>Star Wars Episode I: Racer on the M64.<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure></figure><p>Horizontal upscaling’s impact does differ from game to game. Of the games that I own, the title that benefited most from horizontal upscaling was Star Wars Episode I: Racer. Without horizontal upscaling, the image is incredibly blurry, with interlaced lines weaving from left to right. With horizontal upscaling, it looks more like a game made with modern displays in mind. It honestly felt like it was being software-emulated.</p><p>By comparison, the M64’s output of Racer was jarring. It’s as if character models were being zapped by electricity, with their bodies vibrating from a current.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/JwrBQz8kC6eeWh3hAfCEuG.png" alt="Star Wars Episode I: Racer" /><figcaption>Star Wars Episode I: Racer on the Analogue 3D.<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/PasVgECjgwQWPam7vZUb5Q.png" alt="Star Wars Episode I: Racer" /><figcaption>Star Wars Episode I: Racer on the M64.<small role="credit">Nintendo / Tom's Guide</small></figcaption></figure></figure><p>Unlike the Analogue 3D, the M64 doesn’t support HDR out of the box. Normally, that should be okay considering the N64 itself didn’t support HDR. But <a href="https://www.gamesradar.com/hardware/retro/the-latest-analogue-3d-update-adds-advanced-hdr-that-will-make-your-oled-screen-look-even-more-like-a-crt-tv/">Analogue has a clever HDR10 implementation</a> that takes advantage of HDR’s much brighter highlights against dark scanline gaps to better mimic a CRT, BVM, or PVM display. This works better on OLED televisions.</p><h2 id="cumbersome-gaming-experience">Cumbersome gaming experience</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="5GCgciC2Vm6BiLpsaSnVgn" name="M64--3" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/5GCgciC2Vm6BiLpsaSnVgn.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Once updated and ready to go, the ModRetro M64 is, overall, a hassle-free experience. When playing Mario Kart 64, inputs were fast and responsive. It’s certainly refreshing when jumping from the Nintendo Switch Online version, which is noticeably laggy.</p><p>According to ModRetro’s <a href="https://modretro.com/pages/m64-compatibility">game compatibility list</a>, a large majority of titles shouldn’t run into any issues during play. As of this writing, 20 titles have issues, and ModRetro is working to update them. For example, vine swinging in Donkey Kong 64 will fail, or Hydro Thunder might crash.</p><p>In my case, I had issues creating a save file for Perfect Dark. Granted, this is a known issue with the original game and can be fixed by putting my cartridge into an original N64 system. So, this issue might not be ModRetro’s fault.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="U2NTKd3rKbSWbtaJUEr7Bm" name="M64--24" alt="ModRetro M64" src="https://cdn.mos.cms.futurecdn.net/U2NTKd3rKbSWbtaJUEr7Bm.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>ModRetro includes some overclocking modes that let more graphically intensive games run at smoother framerates. When I tested it on Goldeneye 007, I found that overclocking helped fix framerate dips. I wanted to test this feature on Perfect Dark, which is known to struggle on original hardware, but wasn’t able to.</p><p>I also own an <a href="https://krikzz.com/our-products/cartridges/ed64x7.html">Everdrive-64 X7</a>. It’s a flash cartridge by Krikzz that can play ROM backups off of an SD card. While some on Reddit have been able to use their flash cartridges without issue, mine would load on an Analogue 3D but wouldn’t on an M64. According to ModRetro, this could be because my cartridge doesn’t have the latest bootloader fix, which is separate from the standard firmware update. I’ve yet to resolve this but will update this review if/when I get things working.</p><p><em>Palmer Luckey’s ownership has </em><a href="https://bsky.app/profile/frankcifaldi.bsky.social/post/3mae65fq75s2g" target="_blank"><em>become a point of contention</em></a><em> in the retro gaming community, and </em><a href="https://www.timeextension.com/news/2025/12/site-news-why-we-wont-be-covering-modretro-products-moving-forward" target="_blank"><em>some outlets refuse to review the company’s products</em></a><em>. This review evaluates the M64 on its technical merits and performance, but readers should have the context needed before deciding whether to buy.</em></p><h3 class="article-body__section" id="section-modretro-m64-review-verdict"><span>ModRetro M64 review: Verdict</span></h3><p>The ModRetro M64 is a competent Nintendo 64 FPGA-based clone console that does what it advertises but doesn’t reach the heights of its primary competition. Even with its flashy colorways and excellent trident-style controller, the M64 lacks features and ships with a few bugs. ModRetro has a <a href="https://retrododo.com/modretro-officially-reveals-m64-update-roadmap/" target="_blank">list of features</a> planned for the M64 in the coming months, however.</p><p>At the moment, the Analogue 3D at $270 is the better buy, despite being $40 more expensive. It’s more feature-complete and has some internal upscaling trickery that’s sorely lacking on the M64. I do like the custom settings menu for scanlines on the M64 and would love a similar implementation on the 3D. The M64 also doesn’t have perfect game compatibility yet, although I suspect that it’ll get better as more updates come in.</p><p>It’s also worth noting that ModRetro itself is publishing N64 games. At launch, these $50 titles include Extreme-G Turbo Fusion, a compilation of the first two Extreme-G racing games, Buck Bumble, Xibalba64, and Xeno Crisis. Buck Bumble is a somewhat rare game that now sells for over $100. Being able to buy a new copy for $50 is a great pro-consumer move.</p><p>There’s certainly a lot to appreciate with the M64. Unfortunately for ModRetro, there’s just as much to appreciate, if not more, with the Analogue 3D. So, unless you really dig the colorful aesthetic of the M64, or are a Palmer Luckey fanboy, the Analogue 3D is the N64 clone console worth buying.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I tried the ultimate retro games handheld — and this device is a throwback in more ways than one ]]></title>
                                                                                                <dc:content><![CDATA[ <p>We’re in a boom period for video game handhelds. From the <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review">Nintendo Switch 2</a> to handheld PCs, like the <a href="https://www.tomsguide.com/reviews/steam-deck-oled">Steam Deck OLED</a> and <a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable">ROG Xbox Ally X20</a>, there’s never been more (and in my opinion, better) ways to take your games on the go. But while these devices focus on the new, the upcoming Evercade Nexus is carving out its own niche by focusing on the past.</p><p>The first Evercade hardware launched in May 2020, and six years on, the range has expanded to include home consoles and handhelds. The Evercade Nexus, due for release in October, is the company's latest portable device, and a reminder that sometimes you just can’t beat the classics. </p><p>I got the chance to go hands-on with the Evercade Nexus and speak to Sean Cleaver, Head of Marketing at Blaze Entertainment (the company behind the Evercade range), at <a href="https://www.tomsguide.com/gaming/ranking-everything-i-played-at-gamescom-2026-including-alien-isolation-2-metro-2039-silent-hill-townfall-and-more">Gamescom 2026</a>. I came away from this session convinced this little handheld could be a retro fan's dream device.</p><div class="product"><a data-dimension112="ed240d68-a2f1-11f1-8863-515a14c6deec" data-action="Deal Block" data-label="Nexus (w/ Banjo-Kazooie Double Pack)" data-dimension48="Nexus (w/ Banjo-Kazooie Double Pack)" data-dimension25="$199" href="https://www.bestbuy.com/product/evercade-nexus-with-banjo-kazooie-double-pack/CLXXZP7626/sku/6675705" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:900px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="tgyvfMgxWBzQ6v6wnj85oY" name="evercade-nexus-banjo-double-pack" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/tgyvfMgxWBzQ6v6wnj85oY.jpg" mos="" align="middle" fullscreen="" width="900" height="900" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.bestbuy.com/product/evercade-nexus-with-banjo-kazooie-double-pack/CLXXZP7626/sku/6675705" target="_blank" rel="nofollow" data-dimension112="ed240d68-a2f1-11f1-8863-515a14c6deec" data-action="Deal Block" data-label="Nexus (w/ Banjo-Kazooie Double Pack)" data-dimension48="Nexus (w/ Banjo-Kazooie Double Pack)" data-dimension25="$199">Nexus (w/ Banjo-Kazooie Double Pack): $199</a></strong><br>The Evercade Nexus is a handheld device designed to take retro gaming on the go. It includes a 5.89-inch IPS display, dual analogue sticks, and wireless headphone support. It's compatible with more than 70 Evercade cartridges (that's 700+ games), and the Nexus comes bundled with the Banjo-Kazooie Double Pack. That's two classic 3D platformers on a single cartridge.<a class="view-deal button" href="https://www.bestbuy.com/product/evercade-nexus-with-banjo-kazooie-double-pack/CLXXZP7626/sku/6675705" target="_blank" rel="nofollow" data-dimension112="ed240d68-a2f1-11f1-8863-515a14c6deec" data-action="Deal Block" data-label="Nexus (w/ Banjo-Kazooie Double Pack)" data-dimension48="Nexus (w/ Banjo-Kazooie Double Pack)" data-dimension25="$199">View Deal</a></p></div><h2 id="into-the-nexus">Into the Nexus</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/C1Bc_l0qCr8" allowfullscreen></iframe></div></div><p>The Nexus marks several firsts for Evercade. It’s the company's first portable with dual analogue sticks, and packs the largest screen of any Evercade handheld, with a 5.89-inch IPS display. Other features include wireless headphone support, dual stereo speakers, Wi-Fi 6 support, and an estimated five hours of battery life, which comfortably beats the Switch 2.</p><p>While some previous Evercade handhelds, like the $59 Super Pocket, have gone for a more kid-friendly aesthetic, with brightly colored plastic, the Nexus takes a more unassuming approach. Its slick, black look wouldn’t stand out in a crowd, but I don’t think that’s a flaw. Plus, if you do want to add some color, the Nexus logo underneath the screen lights up and can be customized — though the default red option contrasts quite nicely. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ubSXk4BmCWnZLYXjGzZfHe" name="banjo-kazooie-collecting-notes-image.jpg" alt="Banjo-Kazooie screenshot" src="https://cdn.mos.cms.futurecdn.net/ubSXk4BmCWnZLYXjGzZfHe.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rare)</span></figcaption></figure><p>When I first picked up the Evercade Nexus, it felt nice in the hand, and the “Ultra Bright” screen certainly lived up to its name. The device comes bundled with a Banjo-Kazooie Double Pack (a firm childhood favorite of mine, and what brought the Evercade Nexus to my attention), and the lush greens of the game’s first level, Spiral Mountain, looked particularly sharp. </p><p>The D-pad is also tactile, which is vital for a retro device with many games originally designed for systems that didn’t offer analog sticks. So this is an area that Evercade really needed to nail. </p><p>On the flipside, the triggers felt quite sluggish, but this was really my only sticking point (pun intended). For the most part, the Evercade Nexus seems a well-designed handheld. And it’s clear it’s been created with retro gaming at the forefront; it even offers a “Tate Mode,” which at the touch of a button lets you play vertical screen games the way they were designed.</p><h2 id="for-cartridge-collectors">For cartridge collectors</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="pmichAAQ8GDBELucywr4Fi" name="evercade-cartridge-library" alt="Evercade cartridge library laid out on a table" src="https://cdn.mos.cms.futurecdn.net/pmichAAQ8GDBELucywr4Fi.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Blaze Entertainment)</span></figcaption></figure><p>In a gaming landscape where <a href="https://www.tomsguide.com/gaming/playstation/playstation-is-officially-killing-physical-discs-heres-when-they-disappear-and-what-that-means-for-you">Sony has announced plans to stop producing physical game discs</a>, the conversation around actually owning your collection has never burned brighter. This gives the Evercade Nexus another big advantage, because it’s a handheld rooted in the good old days, where you got a box, a thick manual, and a physical cartridge that you own. </p><p>The system is compatible with Evercade’s entire range of existing cartridge-based software, and this library is impressive. There’s the usual assortment of compilations that include titles from Atari, Interplay, Namco and more, as well as collections dedicated to franchises like Tomb Raider, Doom and Duke Nukem. And it’s not all favorites from yesteryear either. Evercade has released retro-inspired modern indies like Full Void on cartridges as well. </p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-W0E7MO"></div>                            </div>                            <script src="https://kwizly.com/embed/W0E7MO.js" async></script><p>If you take your retro gaming seriously or just want to get lost in a sea of childhood nostalgia, Evercade’s library is a treasure trove of games that shaped the industry as we know it. And while it is still a handheld released in 2026, meaning it has Wi-Fi connectivity and some online features, every cartridge is playable out of the box with no need for digital downloads.</p><p>If you buy an Evercade cartridge, the whole game is on the cart. It’s yours to treasure for years to come (or loan to a friend, or sell on, if you wish). You’re not buying a digital license; you’re buying full games, like the old days.</p><h2 id="my-verdict-on-evercade-nexus-for-now">My verdict on Evercade Nexus (for now)</h2><p>Launching in October for $199 / £169, the Evercade Nexus really could be the ultimate retro games handheld. It’s certainly not trying to compete with the Switch 2 or the ROG Ally by offering a AAA experience on a portable. Instead, it’s a nostalgia device that harkens back to a simpler time for gaming. Before always-online requirements and mandatory downloads.</p><p>Maybe that succinct pitch won’t appeal to the next generation of gamers, but for a certain type of player, it’s a message that will resonate. If you appreciate the classics and want a well-designed handheld device that successfully highlights the best of what video games used to be, the Evercade Nexus might be the portable console you’ve always wanted.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable">I tested the ROG Xbox Ally X20 — the $300 price hike is palatable</a></li><li><a href="https://www.tomsguide.com/gaming/i-sat-on-all-the-ikea-x-xbox-furniture-its-the-ultimate-stealth-gaming-upgrade">I sat on all the IKEA x Xbox furniture — it’s the ultimate upgrade</a></li><li><a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">Best Nintendo Switch 2 games in 2026</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/handheld-gaming/i-tried-the-ultimate-retro-games-handheld-and-this-device-is-a-throwback-in-more-ways-than-one</link>
                                                                            <description>
                            <![CDATA[ I went hands-on with the upcoming Evercade Nexus, and this retro handheld reminds me of a time when gaming was a lot simpler. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">YD4KUZRtdGBhz8BtCcYt4b</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/HhSQZcmua95Q9EREqCjL7U-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sun, 30 Aug 2026 07:30:00 +0000</pubDate>                                                                                                                                <updated>Sun, 30 Aug 2026 12:30:41 +0000</updated>
                                                                                                                                            <category><![CDATA[Handheld Gaming]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ rory.mellon@futurenet.com (Rory Mellon) ]]></author>                    <dc:creator><![CDATA[ Rory Mellon ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5Rv6LtQXMj5JB4Eu8Lt4Sn.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/HhSQZcmua95Q9EREqCjL7U-1280-80.jpg">
                                                            <media:credit><![CDATA[Blaze Entertainment]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Evercade Nexus handheld device on a grey background]]></media:description>                                                            <media:text><![CDATA[Evercade Nexus handheld device on a grey background]]></media:text>
                                <media:title type="plain"><![CDATA[Evercade Nexus handheld device on a grey background]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/HhSQZcmua95Q9EREqCjL7U-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>We’re in a boom period for video game handhelds. From the <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review">Nintendo Switch 2</a> to handheld PCs, like the <a href="https://www.tomsguide.com/reviews/steam-deck-oled">Steam Deck OLED</a> and <a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable">ROG Xbox Ally X20</a>, there’s never been more (and in my opinion, better) ways to take your games on the go. But while these devices focus on the new, the upcoming Evercade Nexus is carving out its own niche by focusing on the past.</p><p>The first Evercade hardware launched in May 2020, and six years on, the range has expanded to include home consoles and handhelds. The Evercade Nexus, due for release in October, is the company's latest portable device, and a reminder that sometimes you just can’t beat the classics. </p><p>I got the chance to go hands-on with the Evercade Nexus and speak to Sean Cleaver, Head of Marketing at Blaze Entertainment (the company behind the Evercade range), at <a href="https://www.tomsguide.com/gaming/ranking-everything-i-played-at-gamescom-2026-including-alien-isolation-2-metro-2039-silent-hill-townfall-and-more">Gamescom 2026</a>. I came away from this session convinced this little handheld could be a retro fan's dream device.</p><div class="product"><a data-dimension112="ed240d68-a2f1-11f1-8863-515a14c6deec" data-action="Deal Block" data-label="Nexus (w/ Banjo-Kazooie Double Pack)" data-dimension48="Nexus (w/ Banjo-Kazooie Double Pack)" data-dimension25="$199" href="https://www.bestbuy.com/product/evercade-nexus-with-banjo-kazooie-double-pack/CLXXZP7626/sku/6675705" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:900px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="tgyvfMgxWBzQ6v6wnj85oY" name="evercade-nexus-banjo-double-pack" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/tgyvfMgxWBzQ6v6wnj85oY.jpg" mos="" align="middle" fullscreen="" width="900" height="900" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.bestbuy.com/product/evercade-nexus-with-banjo-kazooie-double-pack/CLXXZP7626/sku/6675705" target="_blank" rel="nofollow" data-dimension112="ed240d68-a2f1-11f1-8863-515a14c6deec" data-action="Deal Block" data-label="Nexus (w/ Banjo-Kazooie Double Pack)" data-dimension48="Nexus (w/ Banjo-Kazooie Double Pack)" data-dimension25="$199">Nexus (w/ Banjo-Kazooie Double Pack): $199</a></strong><br>The Evercade Nexus is a handheld device designed to take retro gaming on the go. It includes a 5.89-inch IPS display, dual analogue sticks, and wireless headphone support. It's compatible with more than 70 Evercade cartridges (that's 700+ games), and the Nexus comes bundled with the Banjo-Kazooie Double Pack. That's two classic 3D platformers on a single cartridge.<a class="view-deal button" href="https://www.bestbuy.com/product/evercade-nexus-with-banjo-kazooie-double-pack/CLXXZP7626/sku/6675705" target="_blank" rel="nofollow" data-dimension112="ed240d68-a2f1-11f1-8863-515a14c6deec" data-action="Deal Block" data-label="Nexus (w/ Banjo-Kazooie Double Pack)" data-dimension48="Nexus (w/ Banjo-Kazooie Double Pack)" data-dimension25="$199">View Deal</a></p></div><h2 id="into-the-nexus">Into the Nexus</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/C1Bc_l0qCr8" allowfullscreen></iframe></div></div><p>The Nexus marks several firsts for Evercade. It’s the company's first portable with dual analogue sticks, and packs the largest screen of any Evercade handheld, with a 5.89-inch IPS display. Other features include wireless headphone support, dual stereo speakers, Wi-Fi 6 support, and an estimated five hours of battery life, which comfortably beats the Switch 2.</p><p>While some previous Evercade handhelds, like the $59 Super Pocket, have gone for a more kid-friendly aesthetic, with brightly colored plastic, the Nexus takes a more unassuming approach. Its slick, black look wouldn’t stand out in a crowd, but I don’t think that’s a flaw. Plus, if you do want to add some color, the Nexus logo underneath the screen lights up and can be customized — though the default red option contrasts quite nicely. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ubSXk4BmCWnZLYXjGzZfHe" name="banjo-kazooie-collecting-notes-image.jpg" alt="Banjo-Kazooie screenshot" src="https://cdn.mos.cms.futurecdn.net/ubSXk4BmCWnZLYXjGzZfHe.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rare)</span></figcaption></figure><p>When I first picked up the Evercade Nexus, it felt nice in the hand, and the “Ultra Bright” screen certainly lived up to its name. The device comes bundled with a Banjo-Kazooie Double Pack (a firm childhood favorite of mine, and what brought the Evercade Nexus to my attention), and the lush greens of the game’s first level, Spiral Mountain, looked particularly sharp. </p><p>The D-pad is also tactile, which is vital for a retro device with many games originally designed for systems that didn’t offer analog sticks. So this is an area that Evercade really needed to nail. </p><p>On the flipside, the triggers felt quite sluggish, but this was really my only sticking point (pun intended). For the most part, the Evercade Nexus seems a well-designed handheld. And it’s clear it’s been created with retro gaming at the forefront; it even offers a “Tate Mode,” which at the touch of a button lets you play vertical screen games the way they were designed.</p><h2 id="for-cartridge-collectors">For cartridge collectors</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="pmichAAQ8GDBELucywr4Fi" name="evercade-cartridge-library" alt="Evercade cartridge library laid out on a table" src="https://cdn.mos.cms.futurecdn.net/pmichAAQ8GDBELucywr4Fi.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Blaze Entertainment)</span></figcaption></figure><p>In a gaming landscape where <a href="https://www.tomsguide.com/gaming/playstation/playstation-is-officially-killing-physical-discs-heres-when-they-disappear-and-what-that-means-for-you">Sony has announced plans to stop producing physical game discs</a>, the conversation around actually owning your collection has never burned brighter. This gives the Evercade Nexus another big advantage, because it’s a handheld rooted in the good old days, where you got a box, a thick manual, and a physical cartridge that you own. </p><p>The system is compatible with Evercade’s entire range of existing cartridge-based software, and this library is impressive. There’s the usual assortment of compilations that include titles from Atari, Interplay, Namco and more, as well as collections dedicated to franchises like Tomb Raider, Doom and Duke Nukem. And it’s not all favorites from yesteryear either. Evercade has released retro-inspired modern indies like Full Void on cartridges as well. </p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-W0E7MO"></div>                            </div>                            <script src="https://kwizly.com/embed/W0E7MO.js" async></script><p>If you take your retro gaming seriously or just want to get lost in a sea of childhood nostalgia, Evercade’s library is a treasure trove of games that shaped the industry as we know it. And while it is still a handheld released in 2026, meaning it has Wi-Fi connectivity and some online features, every cartridge is playable out of the box with no need for digital downloads.</p><p>If you buy an Evercade cartridge, the whole game is on the cart. It’s yours to treasure for years to come (or loan to a friend, or sell on, if you wish). You’re not buying a digital license; you’re buying full games, like the old days.</p><h2 id="my-verdict-on-evercade-nexus-for-now">My verdict on Evercade Nexus (for now)</h2><p>Launching in October for $199 / £169, the Evercade Nexus really could be the ultimate retro games handheld. It’s certainly not trying to compete with the Switch 2 or the ROG Ally by offering a AAA experience on a portable. Instead, it’s a nostalgia device that harkens back to a simpler time for gaming. Before always-online requirements and mandatory downloads.</p><p>Maybe that succinct pitch won’t appeal to the next generation of gamers, but for a certain type of player, it’s a message that will resonate. If you appreciate the classics and want a well-designed handheld device that successfully highlights the best of what video games used to be, the Evercade Nexus might be the portable console you’ve always wanted.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable">I tested the ROG Xbox Ally X20 — the $300 price hike is palatable</a></li><li><a href="https://www.tomsguide.com/gaming/i-sat-on-all-the-ikea-x-xbox-furniture-its-the-ultimate-stealth-gaming-upgrade">I sat on all the IKEA x Xbox furniture — it’s the ultimate upgrade</a></li><li><a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">Best Nintendo Switch 2 games in 2026</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I just tested the HP Omen Max 45L and it's a seriously powerful gaming PC — but it'll crush your wallet ]]></title>
                                                                                                <dc:content><![CDATA[ <p>The HP Omen Max 45L is a towering gaming PC that commands attention and respect. Its enormous size isn’t just for show, as it justifies its imposing design with the latest flagship components. While it will certainly leave your bank account reeling, you’ll make up for it with the phenomenal gaming experience this beastly rig delivers.</p><p>HP’s Cryo Chamber, located at the top, not only gives this rig a unique appearance but also keeps it running cool even under heavy load. The huge 120mm front fans also help keep components from overheating and barely make a sound. This ensures that games run at their best even during long sessions.</p><p>Steep asking price aside, the HP Omen Max 45L is undoubtedly one of the <a href="https://www.tomsguide.com/us/best-gaming-pc,review-2219.html">best gaming PCs</a> I’ve ever reviewed. If you can stomach the cost, there’s a lot to love about this massive gaming rig. Find out more in my full review.</p><h3 class="article-body__section" id="section-hp-omen-max-45l-review-cheat-sheet"><span>HP Omen Max 45L review: Cheat sheet</span></h3><ul><li><strong>What is it?</strong> The HP Omen Max 45L is a premium, flagship gaming PC.</li><li><strong>Who is it for?</strong> For folks who want an ultra-powerful gaming rig and are willing to pay big.</li><li><strong>What does it cost?</strong> The <a href="https://www.hp.com/us-en/shop/pdp/omen-max-45l-gaming-dt-gt23-0797m-pc" target="_blank" rel="nofollow">HP Omen Max 45L starts at $3,999</a> but is discounted to $2,999 at time of writing. As configured, our review unit is valued at $5,629.</li><li><strong>What do we like?</strong> We like the hulking, all-black design, powerful gaming performance, easy upgradeability, and smart cooling system.</li><li><strong>What don’t we like?</strong> We don’t like the gargantuan price point even for the entry-level model.</li></ul><h3 class="article-body__section" id="section-hp-omen-max-45l-review-specs"><span>HP Omen Max 45L review: Specs</span></h3><div ><table><thead><tr><th class="firstcol empty" ></th><th  ><p><strong>HP Omen Max 45L (starting)</strong></p></th><th  ><p><strong>HP Omen Max 45L (tested)</strong></p></th></tr></thead><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p>$3,999</p></td><td  ><p>$5,629</p></td></tr><tr><td class="firstcol " ><p><strong>CPU</strong></p></td><td  ><p>AMD Ryzen 7 9700X </p></td><td  ><p>AMD Ryzen 9 9950X3D</p></td></tr><tr><td class="firstcol " ><p><strong>GPU</strong></p></td><td  ><p>AMD Radeon RX 9070XT (16 GB)</p></td><td  ><p>Nvidia GeForce RTX 5080 (18GB)</p></td></tr><tr><td class="firstcol " ><p><strong>RAM</strong></p></td><td  ><p>32GB</p></td><td  ><p>64GB</p></td></tr><tr><td class="firstcol " ><p><strong>Storage</strong></p></td><td  ><p>2TB</p></td><td  ><p>2TB</p></td></tr><tr><td class="firstcol " ><p><strong>Ports</strong></p></td><td  ><p><strong>Top:</strong> 1x USB-C, 2x USB-A, 1x headphone jack | <strong>Rear:</strong> 2x USB-C, 6 USB-A, 1x microphone, 1x RJ-45, 1x line-in, 1x line-out</p></td><td  ><p><strong>Top:</strong> 1x USB-C, 2x USB-A, 1x headphone jack | <strong>Rear:</strong> 2x USB-C, 6 USB-A, 1x microphone, 1x RJ-45, 1x line-in, 1x line-out</p></td></tr><tr><td class="firstcol " ><p><strong>Dimensions</strong></p></td><td  ><p>21.85 x 18.5 x 8.03 inches</p></td><td  ><p>21.85 x 18.5 x 8.03 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>49.82 pounds</p></td><td  ><p>49.82 pounds</p></td></tr></tbody></table></div><h3 class="article-body__section" id="section-hp-omen-max-45l-review-the-ups"><span>HP Omen Max 45L review: The ups</span></h3><p>The HP Omen Max 45L delivers high-end performance for a gaming experience with virtually no compromises. It also features a striking design and is easy to upgrade.</p><h2 id="imposing-yet-practical-design">Imposing yet practical design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="5JKefXeapqN5vGTKaYmtcF" name="IMG_3148" alt="The HP Omen Max 45L  on a desk with its RGB lighting enabled" src="https://cdn.mos.cms.futurecdn.net/5JKefXeapqN5vGTKaYmtcF.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>At 21.85 x 18.5 x 8.03 inches and 49.8 pounds, the HP Omen 45L is one ginormous gaming PC. The all-black aluminum chassis makes it appear even more monolithic. Despite its size, the simple box-like design gives the Omen Max 45L an air of elegance that I quite like. Yes, it’s intimidating, but it’s also beautiful.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="moAJMsZwajEMwEFAUeYHHa" name="IMG_3153" alt="A close-up shot of the CPU cooler, graphics card and internal components of the HP Omen Max 45L" src="https://cdn.mos.cms.futurecdn.net/moAJMsZwajEMwEFAUeYHHa.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The clear glass panels on the front and back offer a clear view of the front RGB fans and internal components. The liquid cooler inside features an LCD that displays the CPU and GPU temperatures. The rear exhaust fan’s RGB complements the front fans’, and even the two RAM sticks have RGB lighting. I’m generally ambivalent about RGB lighting, but I’ll admit it contrasts nicely with the black chassis and adds a bit of pizzazz and fun to the design.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="NVgNG5qpxYedv6oJRARnB4" name="IMG_3162" alt="The HP Omen Max 45L seen from the side showing off its Cyro chamber and top radiator" src="https://cdn.mos.cms.futurecdn.net/NVgNG5qpxYedv6oJRARnB4.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>As mentioned in the intro, the Omen Max 45L’s most distinguishing feature is the CPU radiator up top. Don’t mistake that gap for simple handholds; it’s designed to draw air in from the outside rather than from inside the PC and then push it out the top through three more 120mm fans. This Cryo Chamber solution is pretty clever and certainly does an excellent job of keeping the PC nice and cool.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fDYxMJ6wdVGcPBMyQoqBff" name="IMG_3152" alt="A person taking off the HP Omen Max 45L's glass side panel to access its components" src="https://cdn.mos.cms.futurecdn.net/fDYxMJ6wdVGcPBMyQoqBff.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Accessing the interior of the Omen Max 45L is simple thanks to the toolless chassis. The only requirement is pressing the “Internal Access” button on the glass side panel, which opens outward so you can remove it. This also lets you open the panel with the Omen logo on the other side, which is convenient. The PC supports industry-standard parts, so you can configure the Max 45L however you wish. There’s plenty of room inside, making upgrades seamless.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="JcG4Vd98DVG3FJfseyzP2k" name="IMG_3164" alt="The top ports on the HP Omen Max 45L" src="https://cdn.mos.cms.futurecdn.net/JcG4Vd98DVG3FJfseyzP2k.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Naturally, this giant PC has all the ports you could ever need and then some. On the top, you’ll find a lone USB-C port, a pair of USB-A ports, and a headphone jack. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="oWAtast9U2foCWRbg4WAVB" name="IMG_3175" alt="A close-up shot of the rear ports on the HP Omen Max 45L" src="https://cdn.mos.cms.futurecdn.net/oWAtast9U2foCWRbg4WAVB.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Over on the back, you’ll find two more USB-C ports and six USB-A ports. Accessing the ports can be tricky given the Omen Max 45L’s size and weight, but it’s a fair trade-off for so much I/O.</p><h2 id="killer-performance">Killer performance</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="TwGVmqKTCvekAvC7uWCoM9" name="IMG_3166" alt="The HP Omen Max 45L on a desk showing off its front fans" src="https://cdn.mos.cms.futurecdn.net/TwGVmqKTCvekAvC7uWCoM9.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Our HP Omen 45L review unit came configured with an AMD Ryzen 9 9950X3D CPU, an Nvidia RTX 5080 GPU, and 64GB of RAM. Thanks to that configuration, it delivers exceptional gaming performance in even the most demanding PC games without needing to tweak graphics and video settings. This is about as powerful as you can get.</p><p>I tested Cyberpunk 2077 at 6K resolution with the default graphics settings and got the game to run at a consistent 65-75 frames per second, which is great for such a demanding title. At 4K resolution, the frame rates hovered in the '80s and '90s, which is even smoother.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="LzCJK9nSfMXZ2utwyXn6y" name="IMG_3119" alt="A person playing games on the Samsung Odyssey G8 (G80HS) monitor with an HP Omen gaming PC" src="https://cdn.mos.cms.futurecdn.net/LzCJK9nSfMXZ2utwyXn6y.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p><a href="https://www.tomsguide.com/gaming/doom-the-dark-ages-review">Doom: The Dark Ages</a> was similarly impressive, running at 65-70 fps on default graphics at 4K resolution. When I enabled DLSS 4.5’s frame-boosting and the Ultra Performance setting, the fps jumped to a staggering 400! That’s a great match for the <a href="https://www.tomsguide.com/computing/monitors/asus-rog-swift-oled-pg34wcdn-review">Asus ROG Swift OLED</a>, which tops out at 330Hz. Even if you’re not a professional gamer, you’ll feel the difference in frame rates.</p><div ><table><caption>Gaming performance (@ 4K)</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>HP Omen Max 45L</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Assassin’s Creed: Black Flag Resynced</strong></p></td><td  ><p>63 fps</p></td></tr><tr><td class="firstcol " ><p><strong>Doom: The Dark Ages</strong></p></td><td  ><p>57 fps</p></td></tr><tr><td class="firstcol " ><p><strong>Cyberpunk 2077</strong></p></td><td  ><p>33 fps</p></td></tr></tbody></table></div><p>We saw equally impressive results when we put several games through our lab tests, which use each game’s built-in benchmark tools. As you can see above, the games we tested generally ran great at max graphics settings and 4K resolution.</p><p>Naturally, the Omen 45L has no issues handling everyday productivity tasks. Even when I had nearly 30 Chrome tabs open and a YouTube video playing, this PC kept going without slowing down or stuttering.</p><div ><table><caption>Performance benchmarks</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>HP Omen Max 45L</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Geekbench 6 (single/multi-core)</strong></p></td><td  ><p>3423 / 20518</p></td></tr><tr><td class="firstcol " ><p><strong>HandBrake (mins:secs)</strong></p></td><td  ><p>1:48</p></td></tr></tbody></table></div><p>Our lab tests corroborate my anecdotal experience. On Geekbench 6, which tests overall CPU performance, the HP Omen 45L delivered strong single-core and multi-core scores. It also performed great in HandBrake, where it took 1 minute and 48 seconds to transcode a 4K video to 1080p.</p><h2 id="omen-gaming-hub">Omen Gaming Hub</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="JNgWu3jgkBwJ5nbhHnAHPF" name="IMG_3139" alt="HP's Omen gaming hub software running on the HP Omen Max 45L gaming PC" src="https://cdn.mos.cms.futurecdn.net/JNgWu3jgkBwJ5nbhHnAHPF.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Omen Gaming Hub comes pre-installed and is easily the most useful of HP’s included apps and services for this PC. This is where you can customize and fine-tune things like the 45L’s RGB lighting and performance. Omen AI automatically adjusts performance settings for games like <a href="https://www.tomsguide.com/gaming/suit-up-for-marvel-rivals-everything-we-know-about-marvels-free-overwatch-like-pvp-shooter">Marvel Rivals</a> and <a href="https://www.tomsguide.com/us/fortnite-parents-guide,review-5552.html">Fortnite</a> (among others).</p><p>One of my favorite returning Omen Hub features is the ability to connect to other Omen peripherals and devices. So if you have Omen keyboards, headsets, or even a monitor, you can control their respective lighting and other features via the Omen Hub.</p><h3 class="article-body__section" id="section-hp-omen-max-45l-review-the-downs"><span>HP Omen Max 45L review: The downs</span></h3><p>The HP Omen Max 45L doesn’t disappoint when it comes to gaming performance, but you’ll have to accept some drawbacks for that experience.</p><h2 id="extraneous-apps">Extraneous apps</h2><p>The Omen Gaming Hub is undoubtedly great and rather useful, but I can’t say the same about most of the other bundled-in apps in the Omen 45L.</p><p>Like the <a href="https://www.tomsguide.com/computing/gaming-desktops/hp-omen-35l-review">HP Omen 35L</a>, you get the usual apps like HP Smart, myHP, and HP Support. That’s not egregious, but the Adobe and Dropbox promotions seem superfluous. You can safely ignore most of these apps, but having so many that you likely won’t use isn’t ideal.</p><h2 id="expensive">Expensive</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8ULYsTCdAajrw8b6CUr4DR" name="IMG_3149" alt="The HP Omen Max 45L gaming PC seen from the side on top of a desk" src="https://cdn.mos.cms.futurecdn.net/8ULYsTCdAajrw8b6CUr4DR.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>There’s no denying that the HP Omen 45L is a god-like gaming PC. It’s exactly the kind of rig I would want to own, delivering superlative performance while looking stylish. But though I’m infatuated with this beast of a machine, it’s a tough recommendation due to its wallet-busting asking price.</p><p>The $3,999 asking price for the entry-level model, which features lower-end (but still great) components, is already a tough pill to swallow. If you want a rig with the same specs as the one I reviewed, that’ll set you back $5,629. Then there’s the top-of-the-line build, which comes in at an eye-watering $6,499!</p><p>I’m not going to knock HP for these prices, given that high-end rigs were never exactly cheap even before RAMageddon drove up component costs. Still, if you’re really set on the Omen 45L, you’d better start saving now. It’ll be worth it, but the cost will certainly sting for most people.</p><h3 class="article-body__section" id="section-hp-omen-max-45l-review-verdict"><span>HP Omen Max 45L review: Verdict</span></h3><p>There’s no denying that the HP Omen Max 45L is a hulking gaming PC that can run demanding games without breaking a sweat. Sure, it’s very expensive, but the various configurations and easy customization mean you’re getting your money’s worth, especially over the long haul.</p><p>When I think about the ideal gaming PC, this is exactly the kind of rig that springs to mind. If you can afford it, you won’t be disappointed by the HP Omen Max 45L.</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/computing/gaming-desktops/hp-omen-max-45l-review</link>
                                                                            <description>
                            <![CDATA[ The HP Omen Max 45L impresses with its imposing design and powerful gaming performance. Though expensive, it delivers a no-compromise gaming experience. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">ZmD7MjcPXFk28tYb5bn7pH</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/ugLqTknYeuCNkoZRasoPaa-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sun, 30 Aug 2026 05:30:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming Desktops]]></category>
                                                    <category><![CDATA[Computing Peripherals]]></category>
                                                    <category><![CDATA[Desktop Computers]]></category>
                                                                                                <author><![CDATA[ tony.polanco@futurenet.com (Tony Polanco) ]]></author>                    <dc:creator><![CDATA[ Tony Polanco ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/atzRNqFt5wYgEUPBDahWsD.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/ugLqTknYeuCNkoZRasoPaa-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&amp;#39;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[The HP Omen Max 45L gaming PC next to a monitor on a desk]]></media:description>                                                            <media:text><![CDATA[The HP Omen Max 45L gaming PC next to a monitor on a desk]]></media:text>
                                <media:title type="plain"><![CDATA[The HP Omen Max 45L gaming PC next to a monitor on a desk]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/ugLqTknYeuCNkoZRasoPaa-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>The HP Omen Max 45L is a towering gaming PC that commands attention and respect. Its enormous size isn’t just for show, as it justifies its imposing design with the latest flagship components. While it will certainly leave your bank account reeling, you’ll make up for it with the phenomenal gaming experience this beastly rig delivers.</p><p>HP’s Cryo Chamber, located at the top, not only gives this rig a unique appearance but also keeps it running cool even under heavy load. The huge 120mm front fans also help keep components from overheating and barely make a sound. This ensures that games run at their best even during long sessions.</p><p>Steep asking price aside, the HP Omen Max 45L is undoubtedly one of the <a href="https://www.tomsguide.com/us/best-gaming-pc,review-2219.html">best gaming PCs</a> I’ve ever reviewed. If you can stomach the cost, there’s a lot to love about this massive gaming rig. Find out more in my full review.</p><h3 class="article-body__section" id="section-hp-omen-max-45l-review-cheat-sheet"><span>HP Omen Max 45L review: Cheat sheet</span></h3><ul><li><strong>What is it?</strong> The HP Omen Max 45L is a premium, flagship gaming PC.</li><li><strong>Who is it for?</strong> For folks who want an ultra-powerful gaming rig and are willing to pay big.</li><li><strong>What does it cost?</strong> The <a href="https://www.hp.com/us-en/shop/pdp/omen-max-45l-gaming-dt-gt23-0797m-pc" target="_blank" rel="nofollow">HP Omen Max 45L starts at $3,999</a> but is discounted to $2,999 at time of writing. As configured, our review unit is valued at $5,629.</li><li><strong>What do we like?</strong> We like the hulking, all-black design, powerful gaming performance, easy upgradeability, and smart cooling system.</li><li><strong>What don’t we like?</strong> We don’t like the gargantuan price point even for the entry-level model.</li></ul><h3 class="article-body__section" id="section-hp-omen-max-45l-review-specs"><span>HP Omen Max 45L review: Specs</span></h3><div ><table><thead><tr><th class="firstcol empty" ></th><th  ><p><strong>HP Omen Max 45L (starting)</strong></p></th><th  ><p><strong>HP Omen Max 45L (tested)</strong></p></th></tr></thead><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p>$3,999</p></td><td  ><p>$5,629</p></td></tr><tr><td class="firstcol " ><p><strong>CPU</strong></p></td><td  ><p>AMD Ryzen 7 9700X </p></td><td  ><p>AMD Ryzen 9 9950X3D</p></td></tr><tr><td class="firstcol " ><p><strong>GPU</strong></p></td><td  ><p>AMD Radeon RX 9070XT (16 GB)</p></td><td  ><p>Nvidia GeForce RTX 5080 (18GB)</p></td></tr><tr><td class="firstcol " ><p><strong>RAM</strong></p></td><td  ><p>32GB</p></td><td  ><p>64GB</p></td></tr><tr><td class="firstcol " ><p><strong>Storage</strong></p></td><td  ><p>2TB</p></td><td  ><p>2TB</p></td></tr><tr><td class="firstcol " ><p><strong>Ports</strong></p></td><td  ><p><strong>Top:</strong> 1x USB-C, 2x USB-A, 1x headphone jack | <strong>Rear:</strong> 2x USB-C, 6 USB-A, 1x microphone, 1x RJ-45, 1x line-in, 1x line-out</p></td><td  ><p><strong>Top:</strong> 1x USB-C, 2x USB-A, 1x headphone jack | <strong>Rear:</strong> 2x USB-C, 6 USB-A, 1x microphone, 1x RJ-45, 1x line-in, 1x line-out</p></td></tr><tr><td class="firstcol " ><p><strong>Dimensions</strong></p></td><td  ><p>21.85 x 18.5 x 8.03 inches</p></td><td  ><p>21.85 x 18.5 x 8.03 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>49.82 pounds</p></td><td  ><p>49.82 pounds</p></td></tr></tbody></table></div><h3 class="article-body__section" id="section-hp-omen-max-45l-review-the-ups"><span>HP Omen Max 45L review: The ups</span></h3><p>The HP Omen Max 45L delivers high-end performance for a gaming experience with virtually no compromises. It also features a striking design and is easy to upgrade.</p><h2 id="imposing-yet-practical-design">Imposing yet practical design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="5JKefXeapqN5vGTKaYmtcF" name="IMG_3148" alt="The HP Omen Max 45L  on a desk with its RGB lighting enabled" src="https://cdn.mos.cms.futurecdn.net/5JKefXeapqN5vGTKaYmtcF.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>At 21.85 x 18.5 x 8.03 inches and 49.8 pounds, the HP Omen 45L is one ginormous gaming PC. The all-black aluminum chassis makes it appear even more monolithic. Despite its size, the simple box-like design gives the Omen Max 45L an air of elegance that I quite like. Yes, it’s intimidating, but it’s also beautiful.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="moAJMsZwajEMwEFAUeYHHa" name="IMG_3153" alt="A close-up shot of the CPU cooler, graphics card and internal components of the HP Omen Max 45L" src="https://cdn.mos.cms.futurecdn.net/moAJMsZwajEMwEFAUeYHHa.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The clear glass panels on the front and back offer a clear view of the front RGB fans and internal components. The liquid cooler inside features an LCD that displays the CPU and GPU temperatures. The rear exhaust fan’s RGB complements the front fans’, and even the two RAM sticks have RGB lighting. I’m generally ambivalent about RGB lighting, but I’ll admit it contrasts nicely with the black chassis and adds a bit of pizzazz and fun to the design.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="NVgNG5qpxYedv6oJRARnB4" name="IMG_3162" alt="The HP Omen Max 45L seen from the side showing off its Cyro chamber and top radiator" src="https://cdn.mos.cms.futurecdn.net/NVgNG5qpxYedv6oJRARnB4.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>As mentioned in the intro, the Omen Max 45L’s most distinguishing feature is the CPU radiator up top. Don’t mistake that gap for simple handholds; it’s designed to draw air in from the outside rather than from inside the PC and then push it out the top through three more 120mm fans. This Cryo Chamber solution is pretty clever and certainly does an excellent job of keeping the PC nice and cool.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fDYxMJ6wdVGcPBMyQoqBff" name="IMG_3152" alt="A person taking off the HP Omen Max 45L's glass side panel to access its components" src="https://cdn.mos.cms.futurecdn.net/fDYxMJ6wdVGcPBMyQoqBff.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Accessing the interior of the Omen Max 45L is simple thanks to the toolless chassis. The only requirement is pressing the “Internal Access” button on the glass side panel, which opens outward so you can remove it. This also lets you open the panel with the Omen logo on the other side, which is convenient. The PC supports industry-standard parts, so you can configure the Max 45L however you wish. There’s plenty of room inside, making upgrades seamless.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="JcG4Vd98DVG3FJfseyzP2k" name="IMG_3164" alt="The top ports on the HP Omen Max 45L" src="https://cdn.mos.cms.futurecdn.net/JcG4Vd98DVG3FJfseyzP2k.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Naturally, this giant PC has all the ports you could ever need and then some. On the top, you’ll find a lone USB-C port, a pair of USB-A ports, and a headphone jack. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="oWAtast9U2foCWRbg4WAVB" name="IMG_3175" alt="A close-up shot of the rear ports on the HP Omen Max 45L" src="https://cdn.mos.cms.futurecdn.net/oWAtast9U2foCWRbg4WAVB.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Over on the back, you’ll find two more USB-C ports and six USB-A ports. Accessing the ports can be tricky given the Omen Max 45L’s size and weight, but it’s a fair trade-off for so much I/O.</p><h2 id="killer-performance">Killer performance</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="TwGVmqKTCvekAvC7uWCoM9" name="IMG_3166" alt="The HP Omen Max 45L on a desk showing off its front fans" src="https://cdn.mos.cms.futurecdn.net/TwGVmqKTCvekAvC7uWCoM9.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Our HP Omen 45L review unit came configured with an AMD Ryzen 9 9950X3D CPU, an Nvidia RTX 5080 GPU, and 64GB of RAM. Thanks to that configuration, it delivers exceptional gaming performance in even the most demanding PC games without needing to tweak graphics and video settings. This is about as powerful as you can get.</p><p>I tested Cyberpunk 2077 at 6K resolution with the default graphics settings and got the game to run at a consistent 65-75 frames per second, which is great for such a demanding title. At 4K resolution, the frame rates hovered in the '80s and '90s, which is even smoother.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="LzCJK9nSfMXZ2utwyXn6y" name="IMG_3119" alt="A person playing games on the Samsung Odyssey G8 (G80HS) monitor with an HP Omen gaming PC" src="https://cdn.mos.cms.futurecdn.net/LzCJK9nSfMXZ2utwyXn6y.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p><a href="https://www.tomsguide.com/gaming/doom-the-dark-ages-review">Doom: The Dark Ages</a> was similarly impressive, running at 65-70 fps on default graphics at 4K resolution. When I enabled DLSS 4.5’s frame-boosting and the Ultra Performance setting, the fps jumped to a staggering 400! That’s a great match for the <a href="https://www.tomsguide.com/computing/monitors/asus-rog-swift-oled-pg34wcdn-review">Asus ROG Swift OLED</a>, which tops out at 330Hz. Even if you’re not a professional gamer, you’ll feel the difference in frame rates.</p><div ><table><caption>Gaming performance (@ 4K)</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>HP Omen Max 45L</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Assassin’s Creed: Black Flag Resynced</strong></p></td><td  ><p>63 fps</p></td></tr><tr><td class="firstcol " ><p><strong>Doom: The Dark Ages</strong></p></td><td  ><p>57 fps</p></td></tr><tr><td class="firstcol " ><p><strong>Cyberpunk 2077</strong></p></td><td  ><p>33 fps</p></td></tr></tbody></table></div><p>We saw equally impressive results when we put several games through our lab tests, which use each game’s built-in benchmark tools. As you can see above, the games we tested generally ran great at max graphics settings and 4K resolution.</p><p>Naturally, the Omen 45L has no issues handling everyday productivity tasks. Even when I had nearly 30 Chrome tabs open and a YouTube video playing, this PC kept going without slowing down or stuttering.</p><div ><table><caption>Performance benchmarks</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>HP Omen Max 45L</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Geekbench 6 (single/multi-core)</strong></p></td><td  ><p>3423 / 20518</p></td></tr><tr><td class="firstcol " ><p><strong>HandBrake (mins:secs)</strong></p></td><td  ><p>1:48</p></td></tr></tbody></table></div><p>Our lab tests corroborate my anecdotal experience. On Geekbench 6, which tests overall CPU performance, the HP Omen 45L delivered strong single-core and multi-core scores. It also performed great in HandBrake, where it took 1 minute and 48 seconds to transcode a 4K video to 1080p.</p><h2 id="omen-gaming-hub">Omen Gaming Hub</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="JNgWu3jgkBwJ5nbhHnAHPF" name="IMG_3139" alt="HP's Omen gaming hub software running on the HP Omen Max 45L gaming PC" src="https://cdn.mos.cms.futurecdn.net/JNgWu3jgkBwJ5nbhHnAHPF.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Omen Gaming Hub comes pre-installed and is easily the most useful of HP’s included apps and services for this PC. This is where you can customize and fine-tune things like the 45L’s RGB lighting and performance. Omen AI automatically adjusts performance settings for games like <a href="https://www.tomsguide.com/gaming/suit-up-for-marvel-rivals-everything-we-know-about-marvels-free-overwatch-like-pvp-shooter">Marvel Rivals</a> and <a href="https://www.tomsguide.com/us/fortnite-parents-guide,review-5552.html">Fortnite</a> (among others).</p><p>One of my favorite returning Omen Hub features is the ability to connect to other Omen peripherals and devices. So if you have Omen keyboards, headsets, or even a monitor, you can control their respective lighting and other features via the Omen Hub.</p><h3 class="article-body__section" id="section-hp-omen-max-45l-review-the-downs"><span>HP Omen Max 45L review: The downs</span></h3><p>The HP Omen Max 45L doesn’t disappoint when it comes to gaming performance, but you’ll have to accept some drawbacks for that experience.</p><h2 id="extraneous-apps">Extraneous apps</h2><p>The Omen Gaming Hub is undoubtedly great and rather useful, but I can’t say the same about most of the other bundled-in apps in the Omen 45L.</p><p>Like the <a href="https://www.tomsguide.com/computing/gaming-desktops/hp-omen-35l-review">HP Omen 35L</a>, you get the usual apps like HP Smart, myHP, and HP Support. That’s not egregious, but the Adobe and Dropbox promotions seem superfluous. You can safely ignore most of these apps, but having so many that you likely won’t use isn’t ideal.</p><h2 id="expensive">Expensive</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5712px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8ULYsTCdAajrw8b6CUr4DR" name="IMG_3149" alt="The HP Omen Max 45L gaming PC seen from the side on top of a desk" src="https://cdn.mos.cms.futurecdn.net/8ULYsTCdAajrw8b6CUr4DR.jpg" mos="" align="middle" fullscreen="" width="5712" height="3213" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>There’s no denying that the HP Omen 45L is a god-like gaming PC. It’s exactly the kind of rig I would want to own, delivering superlative performance while looking stylish. But though I’m infatuated with this beast of a machine, it’s a tough recommendation due to its wallet-busting asking price.</p><p>The $3,999 asking price for the entry-level model, which features lower-end (but still great) components, is already a tough pill to swallow. If you want a rig with the same specs as the one I reviewed, that’ll set you back $5,629. Then there’s the top-of-the-line build, which comes in at an eye-watering $6,499!</p><p>I’m not going to knock HP for these prices, given that high-end rigs were never exactly cheap even before RAMageddon drove up component costs. Still, if you’re really set on the Omen 45L, you’d better start saving now. It’ll be worth it, but the cost will certainly sting for most people.</p><h3 class="article-body__section" id="section-hp-omen-max-45l-review-verdict"><span>HP Omen Max 45L review: Verdict</span></h3><p>There’s no denying that the HP Omen Max 45L is a hulking gaming PC that can run demanding games without breaking a sweat. Sure, it’s very expensive, but the various configurations and easy customization mean you’re getting your money’s worth, especially over the long haul.</p><p>When I think about the ideal gaming PC, this is exactly the kind of rig that springs to mind. If you can afford it, you won’t be disappointed by the HP Omen Max 45L.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Best of Gamescom 2026: The top 8 gadgets and games that will change the way you play ]]></title>
                                                                                                <dc:content><![CDATA[ <p>If you want to understand the future of gaming, you have to survive Gamescom first. With over 350,000 attendees flooding into Cologne, Germany, the city’s convention center is a chaotic, RGB-lit maze of upcoming titles, booth tours and next-generation hardware.</p><p>The Tom’s Guide team was on the ground to cut through the noise, as we spent the week walking the halls, getting exclusive behind-the-scenes access, playing a ton of titles early and getting our hands on the tech that will redefine how we play over the next few years.</p><p>From Nvidia’s astonishing new MacBook-killing superchips and Alienware’s 5-star OLED monitor, to the return of the Alien franchise and gaming furniture we actually want in our living rooms, we found the gear that truly stood out.</p><p>After covering every square inch of the show floor, here are our official Tom’s Guide Best of Gamescom 2026 awards.</p><figure class="inline-layout"><div style="min-height: 400px;"><fw-embed-feed channel="toms_guide" playlist="g1WBV8" mode="row" player_placement="bottom-right"></fw-embed-feed></div></figure><h2 class="article-body__section" id="section-best-of-show-asus-rog-xbox-ally-x20"><span>Best of show: Asus ROG Xbox Ally X20</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="97brn7cdn8eXwea9hDfyFg" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/97brn7cdn8eXwea9hDfyFg.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>I’ll put my hands up and admit that <em>maybe </em>I was a little hard on the <a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable">ROG Xbox Ally X20</a> back at <a href="https://www.tomsguide.com/computing/best-of-computex-2026">Computex 2026</a>. In the midst of <a href="https://www.tomsguide.com/gaming/handheld-gaming/msi-claw-8-ex-ai-plus-review">Intel Arc G3 Extreme</a> eating AMD’s lunch in handheld gaming, I was quick to count it out. But as the $1,299 price emerged for this impressively upgraded Ally, my mind changed on it quite drastically.</p><p>That OLED panel is glorious, the ergonomic tweaks with TMR joysticks, reshaped bumpers and face buttons and rubberized grips make the most comfortable PC handheld even more comfortable, and that transparent design is a nerd’s joy to behold.</p><p>Yes, I can only hope that FSR 4 comes to the AMD Ryzen Z2 AI Extreme chipset here for boosted performance in the future. But with 60 FPS being easy to achieve if you tweak the settings in AAA titles, this is a really well-rounded system for gaming enthusiasts on the go. </p><p><em>Jason England - Managing Editor of Core Tech</em></p><h2 class="article-body__section" id="section-best-game-alien-isolation-2"><span>Best game: Alien Isolation 2</span></h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/jntsHn2irlo" allowfullscreen></iframe></div></div><p>When it came to getting <a href="https://www.tomsguide.com/gaming/ranking-everything-i-played-at-gamescom-2026-including-alien-isolation-2-metro-2039-silent-hill-townfall-and-more">hands-on with upcoming games</a>, I came into Gamescom 2026 with one mission: Play Alien: Isolation 2. The larger Alien franchise is a personal favorite of mine, and Alien: Isolation was a dream game come true. I still can’t quite believe we’re getting a sequel. But we are; I can confirm it’s real, and I got to play 30 minutes of it at Gamescom.</p><p>My demo was short, but it doesn’t appear to be shaking up the first game’s formula all that much. Once again, it’s a tense survival-horror experience, in which players are powerless against a stalking Xenomorph. But when you hit a home run, why change anything big?</p><p>The scene-setting prologue boasts a phenomenal sense of atmosphere and highlights the game’s biggest change: the setting has been swapped from a claustrophobic spaceship to a more expansive planet surface. Offering the same extraordinary attention to detail and movie-accurate authenticity, Alien: Isolation 2 is shaping up to be my dream sequel! </p><p><em>Rory Mellon - Senior Entertainment Editor</em></p><h2 class="article-body__section" id="section-best-gaming-tech-nvidia-rtx-spark"><span>Best gaming tech: Nvidia RTX Spark</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="myJ3m3LbFK9Ly6WTKEsafK" name="Nvidia RTX Spark" alt="Nvidia RTX Spark" src="https://cdn.mos.cms.futurecdn.net/myJ3m3LbFK9Ly6WTKEsafK.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Nvidia had a <em>very </em>busy Gamescom with the likes of <a href="https://www.tomsguide.com/computing/gpus/i-tested-nvidias-new-dlss-4-5-ray-reconstruction-it-finally-fixes-path-tracings-biggest-flaw-but-heres-the-reality-check">DLSS 4.5 Ray Reconstruction</a> and key updates to GeForce Now. But hidden away in the depths of the convention center, I got the first real chance to play games on their upcoming <a href="https://www.tomsguide.com/computing/laptops/nvidia-rtx-spark-hands-on-review">RTX Spark</a> machines. And put simply, I was blown away.</p><p>The promise of 1440p at over 100 FPS is absolutely on show here with the likes of 007 First Light and Arc Raiders pulling it off with near-maxed out settings and DLSS turned on. And some of these games were being emulated in real-time to be compatible with this Arm chip (as well as the anti-cheat software that runs beneath it).</p><p>With these upcoming machines, Team Green has done the one thing I’ve always wanted — a Windows MacBook Pro competitor. No longer do I need a sleek, long-lasting laptop for work and a bulky gaming machine for play. They are now combined into one notebook, and the options look awesome. </p><p><em>Jason England - Managing Editor of Core Tech</em></p><h2 class="article-body__section" id="section-best-gaming-monitor-alienware-39-5k2k-oled-aw3926qw"><span>Best gaming monitor: Alienware 39 5K2K OLED (AW3926QW)</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Z3JcNXe4CYfn5f2F4jwLq4" name="Alienware 39 5K2K OLED-3" alt="Alienware 39 5K2K OLED" src="https://cdn.mos.cms.futurecdn.net/Z3JcNXe4CYfn5f2F4jwLq4.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Alienware really took things to the next level with its fantastic <a href="https://www.tomsguide.com/computing/monitors/alienware-39-5k2k-oled-aw3926qw-review">Alienware 39 5K2K OLED</a> (AW3926QW). The fact that this is the first device I’ve given a full 5-star rating to says it all. If you’re looking for the finest gaming experience possible, then you need this gaming monitor in your setup.</p><p>What makes the AW3926QW stand out is its four-stack, three-subpixel RGB stripe tandem OLED panel, which Alienware says is the first of its kind to hit the market. What all of those fancy terms mean for real-world use is higher OLED brightness, more vibrant colors, sharper text, and exceptional contrast. You can also swap between 5K at 165Hz for cinematic games and WFHD (1080p) at 330Hz for competitive gaming.</p><p>Top that with a sleek design and an immersive 39-inch curved panel, and you have one of the best gaming monitors ever. The fact that it’s a relatively affordable $1,099 for what you get almost makes this a steal. If you have room for it on your desk, then the Alienware 39 5K2K OLED (AW3926QW) comes with my highest recommendation. Trust me, you won’t be disappointed.</p><p><em>Tony Polanco - Senior Computing Writer</em></p><h2 class="article-body__section" id="section-best-gaming-peripheral-genki-manta-controller"><span>Best gaming peripheral: Genki Manta Controller</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="oLvN9jV2fyy52TELotktRL" name="genki manta" alt="genki manta" src="https://cdn.mos.cms.futurecdn.net/oLvN9jV2fyy52TELotktRL.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Speaking to the team behind the Manta Controller, it felt like they’d thought of everything. On the surface, this controller looks similar to an Xbox pad with a built-in 2.7-inch color display, but it’s designed to be customizable. And I mean, fully customizable. Via the display, you can tweak just about every setting, letting you adjust each element to fit your play preference. </p><p>Take, for example, its face buttons; these aren’t your standard buttons that register input at a set point (usually when fully pressed down); they are analog, letting you determine the point at which the input is registered. The triggers are the same. And that’s just the start of the options on the Manta Controller. You could spend hours tweaking everything to your liking. </p><p>For players who want an almost obscene level of control over their controller, the Manta Controller could be a vital gaming peripheral. Plus, all these adjustments can be made on the controller display rather than utilizing a separate desktop or mobile app, which lets you dive into the myriad of adjustment options without even having to put the pad down. </p><p><em>Rory Mellon - Senior Entertainment Editor</em></p><h2 class="article-body__section" id="section-best-gaming-accessories-ikea-x-xbox-yxstaby"><span>Best gaming accessories: Ikea x Xbox YXSTABY</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="xbQAceB9NTCFDAfQS5wqMF" name="Ikea x Xbox YXSTABY" alt="Ikea x Xbox YXSTABY" src="https://cdn.mos.cms.futurecdn.net/xbQAceB9NTCFDAfQS5wqMF.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Normally, gaming furniture is the kind of stuff you’re personally proud of, but I wouldn’t dare seriously consider it in my future home with my wife. It’s all a bit of an angular, RGB-laden cringe fest — that was until I got to see/sit on all the <a href="https://www.tomsguide.com/gaming/i-sat-on-all-the-ikea-x-xbox-furniture-its-the-ultimate-stealth-gaming-upgrade">YXSTABY options</a> created as part of the Ikea x Xbox tie-up.</p><p>The aesthetics are refined, but with cheeky nods to gamers in the aesthetics and ergonomics. For example, the joystick stool that wobbles around is both a cheeky nod to the Xbox controller, while also being optimal for leaning forward and locking in.</p><p>The same can be said for that lounge chair too, paired with some nice storage options including that rolling coffee table. This is a full suite, and it all comes together really nicely. </p><p><em>Jason England - Managing Editor of Core Tech</em></p><h2 class="article-body__section" id="section-best-sim-racing-gear-initium-asetek-ecosystem-expansion"><span>Best sim racing gear: Initium Asetek ecosystem expansion</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="qJwNsb3N8ckLeQpoojhwkd" name="asetek initium" alt="asetek initium" src="https://cdn.mos.cms.futurecdn.net/qJwNsb3N8ckLeQpoojhwkd.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>A while ago, I called the original <a href="https://www.tomsguide.com/gaming/gaming-peripherals/asetek-forte-review">Asetek Initium sim racing rig</a> one of the best investments for driving enthusiasts. And now, the company is proving that by vastly expanding the ecosystem for those who want to start bridging the gap between getting started and becoming an enthusiast.</p><p>From expanding into different disciplines like rally driving with the shifter and handbrake, improving pedal feel with the hydraulic brake expansion kit, to the much more intense-feeling 10 newton-meter DD10 hub, there’s something for everyone here to start building up from that base level. </p><p><em>Jason England - Managing Editor of Core Tech</em></p><h2 class="article-body__section" id="section-best-retro-gaming-tech-evercade-nexus"><span>Best retro gaming tech: Evercade Nexus</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HhSQZcmua95Q9EREqCjL7U" name="evercade-nexus-handheld-image" alt="Evercade Nexus handheld device on a grey background" src="https://cdn.mos.cms.futurecdn.net/HhSQZcmua95Q9EREqCjL7U.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Blaze Entertainment)</span></figcaption></figure><p>Evercade has been making dedicated retro consoles and handhelds since 2020. However, its latest offering, the Evercade Nexus, looks set to take on rivals like the Nintendo Switch 2 with a slick portable device that proves sometimes you just can’t beat the classics. </p><p>Compatible with Evercade’s entire library of cartridge-based software, including various arcade compilations (Atari, Interplay, Nacom, etc.) and collections dedicated to beloved franchises like Doom, Tomb Raider and Duke Nukem, the Nexus has the potential to be a retro game fan's dream handheld console. And it’ll launch with a Banjo-Kazooie double pack, which completely transported me back to being a young kid playing my first game.</p><p>It’s the first Evercade handheld with dual analog sticks, sports a 5.89-inch IPS display, and the returning “Tate Mode” lets you enjoy vertical-screen arcade titles as they were designed. It’s also not lost on me that in an era when owning your game is under threat, Evercade is designed exclusively to use physical cartridges. There’s no need for digital downloads or “Game-Key Cards” that hold nothing more than a license to install software on your console. </p><p><em>Rory Mellon - Senior Entertainment Editor</em></p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/playstation/as-a-pc-snob-i-wanted-to-catch-gta-6-making-console-compromises-instead-im-in-awe-of-the-trickery">As a PC snob, I wanted to catch GTA 6 making console compromises. Instead, I’m in awe of the trickery</a></li><li><a href="https://www.tomsguide.com/computing/monitors/i-tested-the-first-5k-g-sync-pulsar-gaming-monitor-144hz-looks-like-500hz-of-clarity-and-it-ruined-my-home-display">I tested the first 5K G-Sync Pulsar gaming monitor — 144Hz looks like 500Hz of clarity, and it ruined my home display</a></li><li><a href="https://www.tomsguide.com/computing/monitors/i-just-went-eyes-on-with-the-worlds-fastest-oled-gaming-monitor-and-motion-blur-is-officially-dead">I just went eyes-on with the world’s fastest OLED gaming monitor — and motion blur is officially dead</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/best-of-gamescom-2026-the-top-8-gadgets-and-games-that-will-change-the-way-you-play</link>
                                                                            <description>
                            <![CDATA[ The Tom’s Guide Best of Gamescom 2026 Awards: From the Asus ROG Ally X20 and RTX Spark to Alien Isolation 2, meet our 8 top picks of the show. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">dXdtXQUmsb7qQYnSMAkJYn</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/HMTyCTowRt3aYPwhACSXtf-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sat, 29 Aug 2026 09:00:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ rory.mellon@futurenet.com (Rory Mellon) ]]></author>                    <dc:creator><![CDATA[ Rory Mellon ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5Rv6LtQXMj5JB4Eu8Lt4Sn.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                        <dc:contributor><![CDATA[ Jason England ]]></dc:contributor>
                                            <dc:contributor><![CDATA[ Tony Polanco ]]></dc:contributor>
                                                                    <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/HMTyCTowRt3aYPwhACSXtf-1280-80.jpg">
                                                            <media:credit><![CDATA[Future]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[best of gamescom 2026]]></media:description>                                                            <media:text><![CDATA[best of gamescom 2026]]></media:text>
                                <media:title type="plain"><![CDATA[best of gamescom 2026]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/HMTyCTowRt3aYPwhACSXtf-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>If you want to understand the future of gaming, you have to survive Gamescom first. With over 350,000 attendees flooding into Cologne, Germany, the city’s convention center is a chaotic, RGB-lit maze of upcoming titles, booth tours and next-generation hardware.</p><p>The Tom’s Guide team was on the ground to cut through the noise, as we spent the week walking the halls, getting exclusive behind-the-scenes access, playing a ton of titles early and getting our hands on the tech that will redefine how we play over the next few years.</p><p>From Nvidia’s astonishing new MacBook-killing superchips and Alienware’s 5-star OLED monitor, to the return of the Alien franchise and gaming furniture we actually want in our living rooms, we found the gear that truly stood out.</p><p>After covering every square inch of the show floor, here are our official Tom’s Guide Best of Gamescom 2026 awards.</p><figure class="inline-layout"><div style="min-height: 400px;"><fw-embed-feed channel="toms_guide" playlist="g1WBV8" mode="row" player_placement="bottom-right"></fw-embed-feed></div></figure><h2 class="article-body__section" id="section-best-of-show-asus-rog-xbox-ally-x20"><span>Best of show: Asus ROG Xbox Ally X20</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="97brn7cdn8eXwea9hDfyFg" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/97brn7cdn8eXwea9hDfyFg.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>I’ll put my hands up and admit that <em>maybe </em>I was a little hard on the <a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable">ROG Xbox Ally X20</a> back at <a href="https://www.tomsguide.com/computing/best-of-computex-2026">Computex 2026</a>. In the midst of <a href="https://www.tomsguide.com/gaming/handheld-gaming/msi-claw-8-ex-ai-plus-review">Intel Arc G3 Extreme</a> eating AMD’s lunch in handheld gaming, I was quick to count it out. But as the $1,299 price emerged for this impressively upgraded Ally, my mind changed on it quite drastically.</p><p>That OLED panel is glorious, the ergonomic tweaks with TMR joysticks, reshaped bumpers and face buttons and rubberized grips make the most comfortable PC handheld even more comfortable, and that transparent design is a nerd’s joy to behold.</p><p>Yes, I can only hope that FSR 4 comes to the AMD Ryzen Z2 AI Extreme chipset here for boosted performance in the future. But with 60 FPS being easy to achieve if you tweak the settings in AAA titles, this is a really well-rounded system for gaming enthusiasts on the go. </p><p><em>Jason England - Managing Editor of Core Tech</em></p><h2 class="article-body__section" id="section-best-game-alien-isolation-2"><span>Best game: Alien Isolation 2</span></h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/jntsHn2irlo" allowfullscreen></iframe></div></div><p>When it came to getting <a href="https://www.tomsguide.com/gaming/ranking-everything-i-played-at-gamescom-2026-including-alien-isolation-2-metro-2039-silent-hill-townfall-and-more">hands-on with upcoming games</a>, I came into Gamescom 2026 with one mission: Play Alien: Isolation 2. The larger Alien franchise is a personal favorite of mine, and Alien: Isolation was a dream game come true. I still can’t quite believe we’re getting a sequel. But we are; I can confirm it’s real, and I got to play 30 minutes of it at Gamescom.</p><p>My demo was short, but it doesn’t appear to be shaking up the first game’s formula all that much. Once again, it’s a tense survival-horror experience, in which players are powerless against a stalking Xenomorph. But when you hit a home run, why change anything big?</p><p>The scene-setting prologue boasts a phenomenal sense of atmosphere and highlights the game’s biggest change: the setting has been swapped from a claustrophobic spaceship to a more expansive planet surface. Offering the same extraordinary attention to detail and movie-accurate authenticity, Alien: Isolation 2 is shaping up to be my dream sequel! </p><p><em>Rory Mellon - Senior Entertainment Editor</em></p><h2 class="article-body__section" id="section-best-gaming-tech-nvidia-rtx-spark"><span>Best gaming tech: Nvidia RTX Spark</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="myJ3m3LbFK9Ly6WTKEsafK" name="Nvidia RTX Spark" alt="Nvidia RTX Spark" src="https://cdn.mos.cms.futurecdn.net/myJ3m3LbFK9Ly6WTKEsafK.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Nvidia had a <em>very </em>busy Gamescom with the likes of <a href="https://www.tomsguide.com/computing/gpus/i-tested-nvidias-new-dlss-4-5-ray-reconstruction-it-finally-fixes-path-tracings-biggest-flaw-but-heres-the-reality-check">DLSS 4.5 Ray Reconstruction</a> and key updates to GeForce Now. But hidden away in the depths of the convention center, I got the first real chance to play games on their upcoming <a href="https://www.tomsguide.com/computing/laptops/nvidia-rtx-spark-hands-on-review">RTX Spark</a> machines. And put simply, I was blown away.</p><p>The promise of 1440p at over 100 FPS is absolutely on show here with the likes of 007 First Light and Arc Raiders pulling it off with near-maxed out settings and DLSS turned on. And some of these games were being emulated in real-time to be compatible with this Arm chip (as well as the anti-cheat software that runs beneath it).</p><p>With these upcoming machines, Team Green has done the one thing I’ve always wanted — a Windows MacBook Pro competitor. No longer do I need a sleek, long-lasting laptop for work and a bulky gaming machine for play. They are now combined into one notebook, and the options look awesome. </p><p><em>Jason England - Managing Editor of Core Tech</em></p><h2 class="article-body__section" id="section-best-gaming-monitor-alienware-39-5k2k-oled-aw3926qw"><span>Best gaming monitor: Alienware 39 5K2K OLED (AW3926QW)</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Z3JcNXe4CYfn5f2F4jwLq4" name="Alienware 39 5K2K OLED-3" alt="Alienware 39 5K2K OLED" src="https://cdn.mos.cms.futurecdn.net/Z3JcNXe4CYfn5f2F4jwLq4.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Alienware really took things to the next level with its fantastic <a href="https://www.tomsguide.com/computing/monitors/alienware-39-5k2k-oled-aw3926qw-review">Alienware 39 5K2K OLED</a> (AW3926QW). The fact that this is the first device I’ve given a full 5-star rating to says it all. If you’re looking for the finest gaming experience possible, then you need this gaming monitor in your setup.</p><p>What makes the AW3926QW stand out is its four-stack, three-subpixel RGB stripe tandem OLED panel, which Alienware says is the first of its kind to hit the market. What all of those fancy terms mean for real-world use is higher OLED brightness, more vibrant colors, sharper text, and exceptional contrast. You can also swap between 5K at 165Hz for cinematic games and WFHD (1080p) at 330Hz for competitive gaming.</p><p>Top that with a sleek design and an immersive 39-inch curved panel, and you have one of the best gaming monitors ever. The fact that it’s a relatively affordable $1,099 for what you get almost makes this a steal. If you have room for it on your desk, then the Alienware 39 5K2K OLED (AW3926QW) comes with my highest recommendation. Trust me, you won’t be disappointed.</p><p><em>Tony Polanco - Senior Computing Writer</em></p><h2 class="article-body__section" id="section-best-gaming-peripheral-genki-manta-controller"><span>Best gaming peripheral: Genki Manta Controller</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="oLvN9jV2fyy52TELotktRL" name="genki manta" alt="genki manta" src="https://cdn.mos.cms.futurecdn.net/oLvN9jV2fyy52TELotktRL.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Speaking to the team behind the Manta Controller, it felt like they’d thought of everything. On the surface, this controller looks similar to an Xbox pad with a built-in 2.7-inch color display, but it’s designed to be customizable. And I mean, fully customizable. Via the display, you can tweak just about every setting, letting you adjust each element to fit your play preference. </p><p>Take, for example, its face buttons; these aren’t your standard buttons that register input at a set point (usually when fully pressed down); they are analog, letting you determine the point at which the input is registered. The triggers are the same. And that’s just the start of the options on the Manta Controller. You could spend hours tweaking everything to your liking. </p><p>For players who want an almost obscene level of control over their controller, the Manta Controller could be a vital gaming peripheral. Plus, all these adjustments can be made on the controller display rather than utilizing a separate desktop or mobile app, which lets you dive into the myriad of adjustment options without even having to put the pad down. </p><p><em>Rory Mellon - Senior Entertainment Editor</em></p><h2 class="article-body__section" id="section-best-gaming-accessories-ikea-x-xbox-yxstaby"><span>Best gaming accessories: Ikea x Xbox YXSTABY</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="xbQAceB9NTCFDAfQS5wqMF" name="Ikea x Xbox YXSTABY" alt="Ikea x Xbox YXSTABY" src="https://cdn.mos.cms.futurecdn.net/xbQAceB9NTCFDAfQS5wqMF.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Normally, gaming furniture is the kind of stuff you’re personally proud of, but I wouldn’t dare seriously consider it in my future home with my wife. It’s all a bit of an angular, RGB-laden cringe fest — that was until I got to see/sit on all the <a href="https://www.tomsguide.com/gaming/i-sat-on-all-the-ikea-x-xbox-furniture-its-the-ultimate-stealth-gaming-upgrade">YXSTABY options</a> created as part of the Ikea x Xbox tie-up.</p><p>The aesthetics are refined, but with cheeky nods to gamers in the aesthetics and ergonomics. For example, the joystick stool that wobbles around is both a cheeky nod to the Xbox controller, while also being optimal for leaning forward and locking in.</p><p>The same can be said for that lounge chair too, paired with some nice storage options including that rolling coffee table. This is a full suite, and it all comes together really nicely. </p><p><em>Jason England - Managing Editor of Core Tech</em></p><h2 class="article-body__section" id="section-best-sim-racing-gear-initium-asetek-ecosystem-expansion"><span>Best sim racing gear: Initium Asetek ecosystem expansion</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="qJwNsb3N8ckLeQpoojhwkd" name="asetek initium" alt="asetek initium" src="https://cdn.mos.cms.futurecdn.net/qJwNsb3N8ckLeQpoojhwkd.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>A while ago, I called the original <a href="https://www.tomsguide.com/gaming/gaming-peripherals/asetek-forte-review">Asetek Initium sim racing rig</a> one of the best investments for driving enthusiasts. And now, the company is proving that by vastly expanding the ecosystem for those who want to start bridging the gap between getting started and becoming an enthusiast.</p><p>From expanding into different disciplines like rally driving with the shifter and handbrake, improving pedal feel with the hydraulic brake expansion kit, to the much more intense-feeling 10 newton-meter DD10 hub, there’s something for everyone here to start building up from that base level. </p><p><em>Jason England - Managing Editor of Core Tech</em></p><h2 class="article-body__section" id="section-best-retro-gaming-tech-evercade-nexus"><span>Best retro gaming tech: Evercade Nexus</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HhSQZcmua95Q9EREqCjL7U" name="evercade-nexus-handheld-image" alt="Evercade Nexus handheld device on a grey background" src="https://cdn.mos.cms.futurecdn.net/HhSQZcmua95Q9EREqCjL7U.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Blaze Entertainment)</span></figcaption></figure><p>Evercade has been making dedicated retro consoles and handhelds since 2020. However, its latest offering, the Evercade Nexus, looks set to take on rivals like the Nintendo Switch 2 with a slick portable device that proves sometimes you just can’t beat the classics. </p><p>Compatible with Evercade’s entire library of cartridge-based software, including various arcade compilations (Atari, Interplay, Nacom, etc.) and collections dedicated to beloved franchises like Doom, Tomb Raider and Duke Nukem, the Nexus has the potential to be a retro game fan's dream handheld console. And it’ll launch with a Banjo-Kazooie double pack, which completely transported me back to being a young kid playing my first game.</p><p>It’s the first Evercade handheld with dual analog sticks, sports a 5.89-inch IPS display, and the returning “Tate Mode” lets you enjoy vertical-screen arcade titles as they were designed. It’s also not lost on me that in an era when owning your game is under threat, Evercade is designed exclusively to use physical cartridges. There’s no need for digital downloads or “Game-Key Cards” that hold nothing more than a license to install software on your console. </p><p><em>Rory Mellon - Senior Entertainment Editor</em></p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/playstation/as-a-pc-snob-i-wanted-to-catch-gta-6-making-console-compromises-instead-im-in-awe-of-the-trickery">As a PC snob, I wanted to catch GTA 6 making console compromises. Instead, I’m in awe of the trickery</a></li><li><a href="https://www.tomsguide.com/computing/monitors/i-tested-the-first-5k-g-sync-pulsar-gaming-monitor-144hz-looks-like-500hz-of-clarity-and-it-ruined-my-home-display">I tested the first 5K G-Sync Pulsar gaming monitor — 144Hz looks like 500Hz of clarity, and it ruined my home display</a></li><li><a href="https://www.tomsguide.com/computing/monitors/i-just-went-eyes-on-with-the-worlds-fastest-oled-gaming-monitor-and-motion-blur-is-officially-dead">I just went eyes-on with the world’s fastest OLED gaming monitor — and motion blur is officially dead</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Ranking everything I played at Gamescom 2026, including Alien: Isolation 2, Metro 2039, Silent Hill: Townfall, and more ]]></title>
                                                                                                <dc:content><![CDATA[ <p>This week I was fortunate enough to head over to Cologne, Germany, to attend Gamescom 2026, one of the world’s biggest gaming conventions. But with only a limited time on the show floor, I knew I had to lock in and play as much as possible in just a single day.</p><p>In just over nine hours, I got hands-on with 7 upcoming games, including Alien Isolation 2, Metro 2039 and Silent Hill: Townfall. Plus, I also caught an extended 50-minute presentation for The Witcher 3’s new expansion Songs of the Past. With plenty to talk about, I’ve put all the new games I played at Gamescom 2026 into an internet-friendly ranked list.</p><p>One note before diving into the list: while I did get a 30-minute hands-on session with Stuntman: Hollywood, my impressions are embargoed, so that game isn’t included in my ranking. Otherwise, here’s everything I played at Gamescom 2026, ranked from “not sold yet” to “I need the full game now.”</p>                    <div class= "tiktok-wrapper" style="min-height: 750px;"><blockquote class="tiktok-embed" cite="https://www.tiktok.com/@tomsguide/video/7679093031680625934" data-video-id="7679093031680625934" style="max-width: 605px; min-width: 325px;">                        <section>                            <a target="_blank" title="@tomsguide" href="https://www.tiktok.com/@tomsguide">@tomsguide</a>                            <p></p><a target="_blank" title="♬ in The Arcade Game - Eitan Epstein Music" href="https://www.tiktok.com/music/in-The-Arcade-Game-7266132738398078977">♬ in The Arcade Game - Eitan Epstein Music</a></section>                    </blockquote></div>                <h3 class="article-body__section" id="section-everything-i-played-at-gamescom-2026-ranked"><span>Everything I played at Gamescom 2026, ranked</span></h3><h2 id="7-crazy-taxis-world-tour">7. Crazy Taxis: World Tour</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/ePi8tDdKuWw" allowfullscreen></iframe></div></div><p>It’s been more than 20 years since Crazy Taxis got a full console release, and World Tour brings the arcade racing series back into the spotlight, soundtracked by the tunes that defined the franchise (Yes, The Offspring are included). I got to play 30 minutes, and within moments, I was nitro-boosting through packed city streets and drifting around tight turns. </p><p>It’s all good fun, and as somebody who played the PS2 port of the original extensively, quite nostalgic, but at the same time, even in this relatively short hands-on session, repetition started to creep in quickly. Passengers routinely ask to be dropped at the same destinations, and the green-haired protagonist, Axel, repeated the same handful of voice lines ad nauseam. </p><p>Crazy Taxis: World Tour seems primed to be throwaway fun, but I have concerns about its staying power. I’m not sure it’ll hold players’ attention for longer than short sessions. Maybe the full experience will offer more variety.</p><p><em><strong>Crazy Taxis: World Tour launches in 2027 for Nintendo Switch 2, PC, PS5 and Xbox Series X/S</strong></em></p><h2 id="6-the-witcher-3-wild-hunt-songs-of-the-past">6. The Witcher 3: Wild Hunt — Songs of the Past</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/SB3siHVCHpY" allowfullscreen></iframe></div></div><p>I’m being a little cheeky by including The Witcher 3: Wild Hunt — Songs of the Past, because I didn’t <em>play</em> this new expansion for the acclaimed RPG. Instead, I got an extended look at the upcoming third major DLC. But it’s easily one of the biggest titles at Gamescom 2026, and the public interest is high. The word on the show floor was that the booth wait time exceeded five hours on Thursday, which isn’t even the convention's busiest day.</p><p>So, considering I adore The Witcher 3, why is Songs of the Past ranked lower on my list? That’s simply because, while I have no doubt it’ll be a high-quality RPG experience, based on what I saw, it's <em>just </em>more Witcher 3. That’s a very compelling pitch, but the presentation didn’t have that one “wow” moment that I was looking for. Something that would neatly showcase why The Witcher 3 is getting a new expansion, 12 years after its launch.</p><p>Like any self-respecting RPG fan, I'll be returning to The Witcher 3 for this expansion next year, so don't take this as a major knock on its potential.</p><p><em><strong>The Witcher 3: Wild Hunt — Songs of the Past launches in 2027 on Nintendo Switch 2, PC, PS5 and Xbox Series X/S</strong></em></p><h2 id="5-persona-4-revival">5. Persona 4: Revival</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/ggL7FAdUGJg" allowfullscreen></iframe></div></div><p>Persona 4: Revival isn’t necessarily a game that demos well. Even with a chunky 60 minutes to explore this remake of the beloved 2008 RPG (which was already expanded and remastered as Persona 4 Golden in 2012), that’s no time at all when you consider a proper playthrough will run you 100+ hours. But because I’ve already completed the base Persona 4, I was able to get my bearings quickly and enjoy all the ways Revival polishes things up.</p><p>Much like 2024’s <a href="https://www.tomsguide.com/reviews/persona-3-reload">Persona 3: Reloaded</a>, the biggest compliment I can give Persona 4: Revival is that it takes an already great game and gives it a visual overhaul that matches modern standards. The beloved characters, setting, and core gameplay are retained (though the new “Prime Time” ability in combat boosts your options), but everything is prettier and more stylish. </p><p>I’m confident this remake will offer newcomers the perfect chance to step into the world of Persona 4, and returning players will also itch to head back to the cozy setting of Inaba.</p><p><em><strong>Persona 4: Revival launches on February 18, 2027, on PC, PS5 and Xbox Series X/S</strong></em></p><h2 id="4-hellraiser-revival">4. Hellraiser: Revival</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/853GzhgIYVs" allowfullscreen></iframe></div></div><p>Hellraiser Revival might be the most violent and graphic game I’ve ever played. The developers did not hold back. We’re talking buckets of blood, guts and body fluids. In fact, there are scenes here that I can’t even describe for fear of making readers feel a little bit queasy. It’s most definitely a game that some will find in bad taste. Hellraiser: Revival won’t be for everybody. </p><p>But that is also true of the Hellraiser movie franchise, so I commend the team at Saber Interactive for staying true to the horror series. In terms of gameplay, it takes inspiration from the modern Resident Evil games. </p><p>It’s a first-person survival horror where you explore detailed environments, searching for keys and lock combinations to explore yet more rooms. The grotesque sights make Hellraiser: Revival stand out, and my hands-on preview concluded with a section clearly inspired by the (in)famous PT demo, which was novel.</p><p>Perhaps it says something disturbing about me, but Hellraiser Revival’s commitment to graphic violence had me intrigued and eager to see what even more horrific sights are found within the full game.</p><p><em><strong>Hellraiser: Revival launches on October 8, 2026, on Nintendo Switch 2, PC, PS5 and Xbox Series X/S</strong></em></p><h2 id="3-metro-2039">3. Metro 2039</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/MSdghdelbAw" allowfullscreen></iframe></div></div><p>In my mind, Metro has always been a story-first franchise. The shooter series, based on the written works of Dmitry Glukhovsky, is all about the morally grey characters and bleak post-apocalyptic Moscow. Curiously, my 25 or so minutes of Metro 2039 were largely stripped of narrative beats. The preview focused on gunplay as the new protagonist, known as the Stranger, assaulted an enemy hideout.</p><p>The fundamentals of the shooting felt fantastic; every shot fired was punchy, and I particularly became attached to the game’s shotgun, which hits enemies hard. I ran through the hideout more than once, letting me experiment with a stealthy and a guns-blazing approach. I still have many questions about Metro 2039’s narrative, but perhaps this fourth installment in the series will be the one where the gameplay matches up with the narrative quality.</p><p>I also want to acknowledge that the game comes from 4A Games, a Ukraine-based team. So, when you consider they’ve been working on the title during Russia’s invasion of the country, it adds real-world weight and makes what they appear to have produced all the more impressive. </p><p><em><strong>Metro 2039 launches in February 2027 on PC, PS5 and Xbox Series X/S</strong></em></p><h2 id="2-silent-hill-townfall">2. Silent Hill: Townfall</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/ROgBBbPVM0c" allowfullscreen></iframe></div></div><p>I don’t want to downplay my pre-Gamescom interest in Silent Hill: Townfall. I love survival-horror (as this list probably tells you), so any new installment in the long-running series has my attention. However, I wasn’t expecting to <em>love</em> the 90 minutes I spent creeping through Townfall’s setting of St. Amelia, a (fictional) resort town in Scotland, quite so much.</p><p>Maybe it’s just that as a Brit, any game set in the U.K. appeals to me, but Silent Hill: Townfall was my biggest (pleasant) surprise of Gamescom. Its unsettling atmosphere was stellar, and because I got to play from the very start, its cryptic narrative really hooked me. Konami seems to be all in on the Silent Hill series now, and while 2023’s <a href="https://www.tomsguide.com/gaming/silent-hill-2-review">Silent Hill 2 Remake</a> set a high bar, based on what I played, Silent Hill: Townfall could reach a similar level of quality.</p><p>Oh, and the decision to set the game in 1996 appears another inspired choice; the use of CRT technology adds to the spooky vibes, with the protagonist, Simon, having access to a pocket device with both gameplay and narrative functions. I'm glad the full game is less than a month away.</p><p><em><strong>Silent Hill: Townfall launches on September 24, 2026, on PC and PS5</strong></em></p><h2 id="1-alien-isolation-2">1. Alien: Isolation 2</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/jntsHn2irlo" allowfullscreen></iframe></div></div><p>If you know me, you’d know that Alien: Isolation 2 was likely always going to be my top Gamescom pick. 1979’s “Alien” is my favorite movie of all time, and the first Alien: Isolation was practically my dream game. I gave up hope of a sequel years ago, so when it was unceremiously confirmed in a social media post in October 2024, I was genuinely dancing around my home.</p><p>I didn’t expect it would be playable already, but at Gamescom 2026, I got to experience the 30-minute prologue chapter, and it was everything I wanted. Based on this early preview, it doesn’t seem like a sequel that will radically change the formula, but the shift to a planetary setting, rather than a claustrophobic spaceship, could be enough to inject freshness.</p><p>The short-and-sweet demo was heavy on atmosphere, and while the Xenomorph only appears briefly, my palms were sweating as I crept through the detailed level to avoid becoming alien chow. I also adore how Isolation 2 connects to the first game. The Xeno here is the one that Amanda Ripley fired out the airlock in Alien: Isolation. That's genius!</p><p><em><strong>Alien: Isolation 2 launches TBA on Nintendo Switch 2, PC, PS5 and Xbox Series X/S</strong></em></p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-O6yQGW"></div>                            </div>                            <script src="https://kwizly.com/embed/O6yQGW.js" async></script><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/playstation/as-a-pc-snob-i-wanted-to-catch-gta-6-making-console-compromises-instead-im-in-awe-of-the-trickery">GTA 6 gameplay analysis — how Rockstar is pushing the PS5</a></li><li><a href="https://www.tomsguide.com/gaming/i-sat-on-all-the-ikea-x-xbox-furniture-its-the-ultimate-stealth-gaming-upgrade">I sat on all the IKEA x Xbox furniture — it’s the ultimate upgrade</a></li><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable">I tested the $1,299 ROG Xbox Ally X20 — the price hike is palatable</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/ranking-everything-i-played-at-gamescom-2026-including-alien-isolation-2-metro-2039-silent-hill-townfall-and-more</link>
                                                                            <description>
                            <![CDATA[ I took a trip to Gamescom 2026 to play as many games as possible in one day. Here's my ranking of everything I got to preview at the show. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">c2c2TXoGWHpqWFHFc5dwTi</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/oiVC3FD9xHGAdomJEjGgN9-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Fri, 28 Aug 2026 14:43:12 +0000</pubDate>                                                                                                                                <updated>Tue, 01 Sep 2026 13:09:32 +0000</updated>
                                                                                                                                            <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ rory.mellon@futurenet.com (Rory Mellon) ]]></author>                    <dc:creator><![CDATA[ Rory Mellon ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5Rv6LtQXMj5JB4Eu8Lt4Sn.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/oiVC3FD9xHGAdomJEjGgN9-1280-80.jpg">
                                                            <media:credit><![CDATA[Sega / Deep Silver / Konami]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Image showing keyart from Alien: Isolation 2, Metro 2039 and Silent Hill: Townfall]]></media:description>                                                            <media:text><![CDATA[Image showing keyart from Alien: Isolation 2, Metro 2039 and Silent Hill: Townfall]]></media:text>
                                <media:title type="plain"><![CDATA[Image showing keyart from Alien: Isolation 2, Metro 2039 and Silent Hill: Townfall]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/oiVC3FD9xHGAdomJEjGgN9-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>This week I was fortunate enough to head over to Cologne, Germany, to attend Gamescom 2026, one of the world’s biggest gaming conventions. But with only a limited time on the show floor, I knew I had to lock in and play as much as possible in just a single day.</p><p>In just over nine hours, I got hands-on with 7 upcoming games, including Alien Isolation 2, Metro 2039 and Silent Hill: Townfall. Plus, I also caught an extended 50-minute presentation for The Witcher 3’s new expansion Songs of the Past. With plenty to talk about, I’ve put all the new games I played at Gamescom 2026 into an internet-friendly ranked list.</p><p>One note before diving into the list: while I did get a 30-minute hands-on session with Stuntman: Hollywood, my impressions are embargoed, so that game isn’t included in my ranking. Otherwise, here’s everything I played at Gamescom 2026, ranked from “not sold yet” to “I need the full game now.”</p>                    <div class= "tiktok-wrapper" style="min-height: 750px;"><blockquote class="tiktok-embed" cite="https://www.tiktok.com/@tomsguide/video/7679093031680625934" data-video-id="7679093031680625934" style="max-width: 605px; min-width: 325px;">                        <section>                            <a target="_blank" title="@tomsguide" href="https://www.tiktok.com/@tomsguide">@tomsguide</a>                            <p></p><a target="_blank" title="♬ in The Arcade Game - Eitan Epstein Music" href="https://www.tiktok.com/music/in-The-Arcade-Game-7266132738398078977">♬ in The Arcade Game - Eitan Epstein Music</a></section>                    </blockquote></div>                <h3 class="article-body__section" id="section-everything-i-played-at-gamescom-2026-ranked"><span>Everything I played at Gamescom 2026, ranked</span></h3><h2 id="7-crazy-taxis-world-tour">7. Crazy Taxis: World Tour</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/ePi8tDdKuWw" allowfullscreen></iframe></div></div><p>It’s been more than 20 years since Crazy Taxis got a full console release, and World Tour brings the arcade racing series back into the spotlight, soundtracked by the tunes that defined the franchise (Yes, The Offspring are included). I got to play 30 minutes, and within moments, I was nitro-boosting through packed city streets and drifting around tight turns. </p><p>It’s all good fun, and as somebody who played the PS2 port of the original extensively, quite nostalgic, but at the same time, even in this relatively short hands-on session, repetition started to creep in quickly. Passengers routinely ask to be dropped at the same destinations, and the green-haired protagonist, Axel, repeated the same handful of voice lines ad nauseam. </p><p>Crazy Taxis: World Tour seems primed to be throwaway fun, but I have concerns about its staying power. I’m not sure it’ll hold players’ attention for longer than short sessions. Maybe the full experience will offer more variety.</p><p><em><strong>Crazy Taxis: World Tour launches in 2027 for Nintendo Switch 2, PC, PS5 and Xbox Series X/S</strong></em></p><h2 id="6-the-witcher-3-wild-hunt-songs-of-the-past">6. The Witcher 3: Wild Hunt — Songs of the Past</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/SB3siHVCHpY" allowfullscreen></iframe></div></div><p>I’m being a little cheeky by including The Witcher 3: Wild Hunt — Songs of the Past, because I didn’t <em>play</em> this new expansion for the acclaimed RPG. Instead, I got an extended look at the upcoming third major DLC. But it’s easily one of the biggest titles at Gamescom 2026, and the public interest is high. The word on the show floor was that the booth wait time exceeded five hours on Thursday, which isn’t even the convention's busiest day.</p><p>So, considering I adore The Witcher 3, why is Songs of the Past ranked lower on my list? That’s simply because, while I have no doubt it’ll be a high-quality RPG experience, based on what I saw, it's <em>just </em>more Witcher 3. That’s a very compelling pitch, but the presentation didn’t have that one “wow” moment that I was looking for. Something that would neatly showcase why The Witcher 3 is getting a new expansion, 12 years after its launch.</p><p>Like any self-respecting RPG fan, I'll be returning to The Witcher 3 for this expansion next year, so don't take this as a major knock on its potential.</p><p><em><strong>The Witcher 3: Wild Hunt — Songs of the Past launches in 2027 on Nintendo Switch 2, PC, PS5 and Xbox Series X/S</strong></em></p><h2 id="5-persona-4-revival">5. Persona 4: Revival</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/ggL7FAdUGJg" allowfullscreen></iframe></div></div><p>Persona 4: Revival isn’t necessarily a game that demos well. Even with a chunky 60 minutes to explore this remake of the beloved 2008 RPG (which was already expanded and remastered as Persona 4 Golden in 2012), that’s no time at all when you consider a proper playthrough will run you 100+ hours. But because I’ve already completed the base Persona 4, I was able to get my bearings quickly and enjoy all the ways Revival polishes things up.</p><p>Much like 2024’s <a href="https://www.tomsguide.com/reviews/persona-3-reload">Persona 3: Reloaded</a>, the biggest compliment I can give Persona 4: Revival is that it takes an already great game and gives it a visual overhaul that matches modern standards. The beloved characters, setting, and core gameplay are retained (though the new “Prime Time” ability in combat boosts your options), but everything is prettier and more stylish. </p><p>I’m confident this remake will offer newcomers the perfect chance to step into the world of Persona 4, and returning players will also itch to head back to the cozy setting of Inaba.</p><p><em><strong>Persona 4: Revival launches on February 18, 2027, on PC, PS5 and Xbox Series X/S</strong></em></p><h2 id="4-hellraiser-revival">4. Hellraiser: Revival</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/853GzhgIYVs" allowfullscreen></iframe></div></div><p>Hellraiser Revival might be the most violent and graphic game I’ve ever played. The developers did not hold back. We’re talking buckets of blood, guts and body fluids. In fact, there are scenes here that I can’t even describe for fear of making readers feel a little bit queasy. It’s most definitely a game that some will find in bad taste. Hellraiser: Revival won’t be for everybody. </p><p>But that is also true of the Hellraiser movie franchise, so I commend the team at Saber Interactive for staying true to the horror series. In terms of gameplay, it takes inspiration from the modern Resident Evil games. </p><p>It’s a first-person survival horror where you explore detailed environments, searching for keys and lock combinations to explore yet more rooms. The grotesque sights make Hellraiser: Revival stand out, and my hands-on preview concluded with a section clearly inspired by the (in)famous PT demo, which was novel.</p><p>Perhaps it says something disturbing about me, but Hellraiser Revival’s commitment to graphic violence had me intrigued and eager to see what even more horrific sights are found within the full game.</p><p><em><strong>Hellraiser: Revival launches on October 8, 2026, on Nintendo Switch 2, PC, PS5 and Xbox Series X/S</strong></em></p><h2 id="3-metro-2039">3. Metro 2039</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/MSdghdelbAw" allowfullscreen></iframe></div></div><p>In my mind, Metro has always been a story-first franchise. The shooter series, based on the written works of Dmitry Glukhovsky, is all about the morally grey characters and bleak post-apocalyptic Moscow. Curiously, my 25 or so minutes of Metro 2039 were largely stripped of narrative beats. The preview focused on gunplay as the new protagonist, known as the Stranger, assaulted an enemy hideout.</p><p>The fundamentals of the shooting felt fantastic; every shot fired was punchy, and I particularly became attached to the game’s shotgun, which hits enemies hard. I ran through the hideout more than once, letting me experiment with a stealthy and a guns-blazing approach. I still have many questions about Metro 2039’s narrative, but perhaps this fourth installment in the series will be the one where the gameplay matches up with the narrative quality.</p><p>I also want to acknowledge that the game comes from 4A Games, a Ukraine-based team. So, when you consider they’ve been working on the title during Russia’s invasion of the country, it adds real-world weight and makes what they appear to have produced all the more impressive. </p><p><em><strong>Metro 2039 launches in February 2027 on PC, PS5 and Xbox Series X/S</strong></em></p><h2 id="2-silent-hill-townfall">2. Silent Hill: Townfall</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/ROgBBbPVM0c" allowfullscreen></iframe></div></div><p>I don’t want to downplay my pre-Gamescom interest in Silent Hill: Townfall. I love survival-horror (as this list probably tells you), so any new installment in the long-running series has my attention. However, I wasn’t expecting to <em>love</em> the 90 minutes I spent creeping through Townfall’s setting of St. Amelia, a (fictional) resort town in Scotland, quite so much.</p><p>Maybe it’s just that as a Brit, any game set in the U.K. appeals to me, but Silent Hill: Townfall was my biggest (pleasant) surprise of Gamescom. Its unsettling atmosphere was stellar, and because I got to play from the very start, its cryptic narrative really hooked me. Konami seems to be all in on the Silent Hill series now, and while 2023’s <a href="https://www.tomsguide.com/gaming/silent-hill-2-review">Silent Hill 2 Remake</a> set a high bar, based on what I played, Silent Hill: Townfall could reach a similar level of quality.</p><p>Oh, and the decision to set the game in 1996 appears another inspired choice; the use of CRT technology adds to the spooky vibes, with the protagonist, Simon, having access to a pocket device with both gameplay and narrative functions. I'm glad the full game is less than a month away.</p><p><em><strong>Silent Hill: Townfall launches on September 24, 2026, on PC and PS5</strong></em></p><h2 id="1-alien-isolation-2">1. Alien: Isolation 2</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/jntsHn2irlo" allowfullscreen></iframe></div></div><p>If you know me, you’d know that Alien: Isolation 2 was likely always going to be my top Gamescom pick. 1979’s “Alien” is my favorite movie of all time, and the first Alien: Isolation was practically my dream game. I gave up hope of a sequel years ago, so when it was unceremiously confirmed in a social media post in October 2024, I was genuinely dancing around my home.</p><p>I didn’t expect it would be playable already, but at Gamescom 2026, I got to experience the 30-minute prologue chapter, and it was everything I wanted. Based on this early preview, it doesn’t seem like a sequel that will radically change the formula, but the shift to a planetary setting, rather than a claustrophobic spaceship, could be enough to inject freshness.</p><p>The short-and-sweet demo was heavy on atmosphere, and while the Xenomorph only appears briefly, my palms were sweating as I crept through the detailed level to avoid becoming alien chow. I also adore how Isolation 2 connects to the first game. The Xeno here is the one that Amanda Ripley fired out the airlock in Alien: Isolation. That's genius!</p><p><em><strong>Alien: Isolation 2 launches TBA on Nintendo Switch 2, PC, PS5 and Xbox Series X/S</strong></em></p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-O6yQGW"></div>                            </div>                            <script src="https://kwizly.com/embed/O6yQGW.js" async></script><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/playstation/as-a-pc-snob-i-wanted-to-catch-gta-6-making-console-compromises-instead-im-in-awe-of-the-trickery">GTA 6 gameplay analysis — how Rockstar is pushing the PS5</a></li><li><a href="https://www.tomsguide.com/gaming/i-sat-on-all-the-ikea-x-xbox-furniture-its-the-ultimate-stealth-gaming-upgrade">I sat on all the IKEA x Xbox furniture — it’s the ultimate upgrade</a></li><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable">I tested the $1,299 ROG Xbox Ally X20 — the price hike is palatable</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ As a PC snob, I wanted to catch GTA 6 making console compromises. Instead, I’m in awe of the trickery ]]></title>
                                                                                                <dc:content><![CDATA[ <p>When you spend your life gaming on a high-end PC, watching console game reveals like the <a href="https://www.tomsguide.com/news/live/gta-6-netflix-event-2026-live-latest-updates">GTA 6 Extended Look</a> usually means spotting the ugly trade-offs: aggressive texture pop-in, flat lighting, messy background items and resolution scaling that melts into pixel soup during intense moments.</p><p>Then Rockstar drops 26 minutes of Grand Theft Auto VI gameplay into my lap, and the cynicism is completely replaced with “how on Earth did they do this!?”</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ajvsbLsbMPfcPHcQd5ARjk" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/ajvsbLsbMPfcPHcQd5ARjk.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>The footage wasn’t captured on a boutique developer workstation or devkit; it ran on a standard PlayStation 5 — a machine built on silicon that hit shelves back in 2020. My mind is blown, and having frame-stepped through the footage repeatedly, the fidelity in which Vice City has been realized is truly astonishing.</p><p>But if I can get nerdy with you, the real story isn’t just raw horsepower, it’s the meticulous, brilliant optical illusions being used to create these visuals without cooking a six-year-old console. I’d love to share what I’ve found with you, and what made me pre-order the second after my first watch-through.</p><ul><li><a href="https://www.amazon.com/Grand-Theft-Auto-VI-PlayStation-Delivers/dp/B0H6K928WL" target="_blank" rel="nofollow"><strong>Preorder for PS5 ($79)</strong></a></li><li><a href="https://www.amazon.com/Grand-Theft-Auto-VI-Delivers-Playable/dp/B0H6K49W6Y" target="_blank" rel="nofollow"><strong>Preorder for Xbox Series X/S ($79)</strong></a></li></ul><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/tJbzMqJGH4k" allowfullscreen></iframe></div></div><p><strong>Guesswork and analysis: </strong>My analysis is from watching the full 4K version of the GTA 6 Extended Look, which you can download for yourself <a href="https://www.rockstargames.com/VI/media/videos" target="_blank">here</a>. Paired with my understanding of game graphics, but with no comment from Rockstar, so I don't know the specifics of their game engine, but I can make some educated guesses.</p><h2 id="natural-lighting-that-doesn-t-melt-the-console">Natural lighting that doesn’t melt the console</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HNfWUjL4GYfugHaaPLHgWk" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/HNfWUjL4GYfugHaaPLHgWk.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>The single biggest visual upgrade in the footage is how light moves through the world. It’s what really brings that level of depth and moodiness to every scene — from the dark, smoke-filled dinginess of the drug den to the sun-soaked streets of Vice City.</p><p>In past games, lighting was largely “painted” onto objects with pre-set shadows. In GTA 6, however, sunlight actually bounces off surfaces in real-time. When light hits the floor of Jason and Lucia’s apartment, it naturally bounces up to softly illuminate the room.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="kVMfuBisdYQXQydP3UqvRm" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/kVMfuBisdYQXQydP3UqvRm.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>Speaking to Nvidia on the PC gaming side of things, they’re quick to tell me just how much immense processing power calculating these real-time light bounces takes. To handle it on a base PS5, the console isn’t drawing every single pixel at 4K sharpness:</p><ul><li><strong>Smart upscaling: </strong>To my eyes, the console appears to draw the internal image at a lower baseline resolution (around 1440p) and uses smart upscaling software to sharpen it up for your 4K TV. Think like Nvidia’s DLSS — easing the burden on the internals with a clever workaround.</li><li><strong>Using atmospheric fog: </strong>Miami is filled with humid ocean air, which can lead to a haziness. Not only does this add a serious vibe to the place, it could also be the key to creating rich, believable lighting without having to calculate every microscopic beam of light in the distance.</li></ul><h2 id="the-reflection-illusion">The reflection illusion</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="XkjSpXYJ4AaaHhRD99GTik" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/XkjSpXYJ4AaaHhRD99GTik.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>True, mirror-accurate reflections across an entire game are usually a death sentence for smooth performance. It’s why I find myself relying on Team Green’s <a href="https://www.tomsguide.com/computing/gpus/i-tested-nvidias-new-dlss-4-5-ray-reconstruction-it-finally-fixes-path-tracings-biggest-flaw-but-heres-the-reality-check">DLSS 4.5 Ray Reconstruction</a> to use AI for those calculations and keep some semblance of smooth performance.</p><p>In the console space, you have to get extra crafty, and from what I can see, Rockstar is getting around this by prioritizing what is right in front of your character:</p><ul><li><strong>Sharp details up close: </strong>Puddles on the street, shiny car hoods and glass shopfronts near Jason and Lucia show crisp, accurate reflections.</li><li><strong>Faking the distance: </strong>For background buildings and far-off bay views, the game quietly swaps out those expensive reflection calculations for simpler visual effects. Your eyes naturally focus on the sharp details right next to your character, while your brain fills in the rest.</li></ul><h2 id="natural-hair-without-stealing-horsepower">Natural hair without stealing horsepower</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="vWuesEcPpnhrZipegTq7Jk" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/vWuesEcPpnhrZipegTq7Jk.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>Individual hair strands are notoriously difficult for even the priciest gaming hardware to render. In GTA 6, Jason and Lucia’s hair visibly catches the wind and shifts realistically as they move or drive. It looks incredible, and it took me a while to figure out what was going on here.</p><p>To keep performance steady, it looks as if the game is rendering character hair at a slightly lower visual detail, then smoothing the edges out onto the characters head. The decision was made here that the way hair moves is more important than the sheer fidelity of it, and when everything is moving, it looks dense and natural while freeing up vital processing power.</p><h2 id="realistic-clothes-that-actually-fold-and-stretch">Realistic clothes that actually fold and stretch</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="JMv7xUjDvxoxdMUW5YsVa5" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/JMv7xUjDvxoxdMUW5YsVa5.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>In GTA 5, character outfits mostly moved like stiff, molded plastic glued to their bodies. In the sixth edition, clothing acts like actual fabric:</p><ul><li><strong>Dynamic wrinkles: </strong>When Lucia is at the firing range, her jacket dynamically wrinkles, pulls tight around the shoulder and bunches around her elbows.</li><li><strong>No awkward clipping: </strong>From what I saw in this polished demo, sleeves didn’t awkwardly slice through a character’s arms or torso during quick animations. Instead, the fabrics collided and folded naturally against the body.</li></ul><h2 id="the-reality-check">The reality check</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="NaiEPQhEiMybxSta8xGzQk" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/NaiEPQhEiMybxSta8xGzQk.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>All of these visual tricks bring up the million-dollar question for console gamers: will GTA 6 be able to run at a smooth 60 frames per second on a base PS5?</p><p>Almost certainly not.</p><p>Rockstar Games has made a series of important decisions here from bigger things like the way ray tracing works across the world to the smaller details I mention above that really bring life to a place. And that’s before even thinking about the density and artistry of the world tasking that console. </p><p>To hit 60 FPS, you’d likely have to turn a lot of this down or off altogether, as well as really ramping up the motion blur and turning down the base resolution.</p><p>The team decided that a living breathing world matters more than high frame rates, and watching a console from 2020 deliver this level of visual polish is a clinic in smart software design proving that clever engineering matters just as much as raw horsepower.</p><p>And now, I hope that my boss approves my PTO request for the November 19, 2026…for “important reasons” of course.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable">I tested the $1,299 ROG Xbox Ally X20 — with that OLED display, the $300 price hike is surprisingly palatable</a></li><li><a href="https://www.tomsguide.com/gaming/i-sat-on-all-the-ikea-x-xbox-furniture-its-the-ultimate-stealth-gaming-upgrade">I sat on all the IKEA x Xbox furniture — it’s the ultimate stealth gaming upgrade</a></li><li><a href="https://www.tomsguide.com/computing/monitors/i-tested-the-first-5k-g-sync-pulsar-gaming-monitor-144hz-looks-like-500hz-of-clarity-and-it-ruined-my-home-display">I tested the first 5K G-Sync Pulsar gaming monitor — 144Hz looks like 500Hz of clarity, and it ruined my home display</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/playstation/as-a-pc-snob-i-wanted-to-catch-gta-6-making-console-compromises-instead-im-in-awe-of-the-trickery</link>
                                                                            <description>
                            <![CDATA[ I analyzed 26 minutes of GTA 6 gameplay on a PS5. From real-time lighting bounces to dynamic cloth physics, here is how Rockstar's visual tricks work. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">VQYMajTchD489WdvGAYVRN</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/9M7LuFHULKFzu4GS2w5hwd-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Fri, 28 Aug 2026 10:44:40 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Playstation]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                                    <dc:creator><![CDATA[ Jason England ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/v4fSq5U4uZUEtGY2BwNuJ6.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Jason brings a decade of tech and gaming journalism experience to his role as a Managing Editor of Computing at Tom&#039;s Guide. He has previously written for Laptop Mag, Tom&#039;s Hardware, Kotaku, Stuff and BBC Science Focus. In his spare time, you&#039;ll find Jason looking for good dogs to pet or thinking about eating pizza if he isn&#039;t already.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/9M7LuFHULKFzu4GS2w5hwd-1280-80.jpg">
                                                            <media:credit><![CDATA[Rockstar Games]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Grand Theft Auto 6]]></media:description>                                                            <media:text><![CDATA[Grand Theft Auto 6]]></media:text>
                                <media:title type="plain"><![CDATA[Grand Theft Auto 6]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/9M7LuFHULKFzu4GS2w5hwd-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>When you spend your life gaming on a high-end PC, watching console game reveals like the <a href="https://www.tomsguide.com/news/live/gta-6-netflix-event-2026-live-latest-updates">GTA 6 Extended Look</a> usually means spotting the ugly trade-offs: aggressive texture pop-in, flat lighting, messy background items and resolution scaling that melts into pixel soup during intense moments.</p><p>Then Rockstar drops 26 minutes of Grand Theft Auto VI gameplay into my lap, and the cynicism is completely replaced with “how on Earth did they do this!?”</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ajvsbLsbMPfcPHcQd5ARjk" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/ajvsbLsbMPfcPHcQd5ARjk.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>The footage wasn’t captured on a boutique developer workstation or devkit; it ran on a standard PlayStation 5 — a machine built on silicon that hit shelves back in 2020. My mind is blown, and having frame-stepped through the footage repeatedly, the fidelity in which Vice City has been realized is truly astonishing.</p><p>But if I can get nerdy with you, the real story isn’t just raw horsepower, it’s the meticulous, brilliant optical illusions being used to create these visuals without cooking a six-year-old console. I’d love to share what I’ve found with you, and what made me pre-order the second after my first watch-through.</p><ul><li><a href="https://www.amazon.com/Grand-Theft-Auto-VI-PlayStation-Delivers/dp/B0H6K928WL" target="_blank" rel="nofollow"><strong>Preorder for PS5 ($79)</strong></a></li><li><a href="https://www.amazon.com/Grand-Theft-Auto-VI-Delivers-Playable/dp/B0H6K49W6Y" target="_blank" rel="nofollow"><strong>Preorder for Xbox Series X/S ($79)</strong></a></li></ul><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/tJbzMqJGH4k" allowfullscreen></iframe></div></div><p><strong>Guesswork and analysis: </strong>My analysis is from watching the full 4K version of the GTA 6 Extended Look, which you can download for yourself <a href="https://www.rockstargames.com/VI/media/videos" target="_blank">here</a>. Paired with my understanding of game graphics, but with no comment from Rockstar, so I don't know the specifics of their game engine, but I can make some educated guesses.</p><h2 id="natural-lighting-that-doesn-t-melt-the-console">Natural lighting that doesn’t melt the console</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HNfWUjL4GYfugHaaPLHgWk" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/HNfWUjL4GYfugHaaPLHgWk.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>The single biggest visual upgrade in the footage is how light moves through the world. It’s what really brings that level of depth and moodiness to every scene — from the dark, smoke-filled dinginess of the drug den to the sun-soaked streets of Vice City.</p><p>In past games, lighting was largely “painted” onto objects with pre-set shadows. In GTA 6, however, sunlight actually bounces off surfaces in real-time. When light hits the floor of Jason and Lucia’s apartment, it naturally bounces up to softly illuminate the room.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="kVMfuBisdYQXQydP3UqvRm" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/kVMfuBisdYQXQydP3UqvRm.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>Speaking to Nvidia on the PC gaming side of things, they’re quick to tell me just how much immense processing power calculating these real-time light bounces takes. To handle it on a base PS5, the console isn’t drawing every single pixel at 4K sharpness:</p><ul><li><strong>Smart upscaling: </strong>To my eyes, the console appears to draw the internal image at a lower baseline resolution (around 1440p) and uses smart upscaling software to sharpen it up for your 4K TV. Think like Nvidia’s DLSS — easing the burden on the internals with a clever workaround.</li><li><strong>Using atmospheric fog: </strong>Miami is filled with humid ocean air, which can lead to a haziness. Not only does this add a serious vibe to the place, it could also be the key to creating rich, believable lighting without having to calculate every microscopic beam of light in the distance.</li></ul><h2 id="the-reflection-illusion">The reflection illusion</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="XkjSpXYJ4AaaHhRD99GTik" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/XkjSpXYJ4AaaHhRD99GTik.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>True, mirror-accurate reflections across an entire game are usually a death sentence for smooth performance. It’s why I find myself relying on Team Green’s <a href="https://www.tomsguide.com/computing/gpus/i-tested-nvidias-new-dlss-4-5-ray-reconstruction-it-finally-fixes-path-tracings-biggest-flaw-but-heres-the-reality-check">DLSS 4.5 Ray Reconstruction</a> to use AI for those calculations and keep some semblance of smooth performance.</p><p>In the console space, you have to get extra crafty, and from what I can see, Rockstar is getting around this by prioritizing what is right in front of your character:</p><ul><li><strong>Sharp details up close: </strong>Puddles on the street, shiny car hoods and glass shopfronts near Jason and Lucia show crisp, accurate reflections.</li><li><strong>Faking the distance: </strong>For background buildings and far-off bay views, the game quietly swaps out those expensive reflection calculations for simpler visual effects. Your eyes naturally focus on the sharp details right next to your character, while your brain fills in the rest.</li></ul><h2 id="natural-hair-without-stealing-horsepower">Natural hair without stealing horsepower</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="vWuesEcPpnhrZipegTq7Jk" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/vWuesEcPpnhrZipegTq7Jk.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>Individual hair strands are notoriously difficult for even the priciest gaming hardware to render. In GTA 6, Jason and Lucia’s hair visibly catches the wind and shifts realistically as they move or drive. It looks incredible, and it took me a while to figure out what was going on here.</p><p>To keep performance steady, it looks as if the game is rendering character hair at a slightly lower visual detail, then smoothing the edges out onto the characters head. The decision was made here that the way hair moves is more important than the sheer fidelity of it, and when everything is moving, it looks dense and natural while freeing up vital processing power.</p><h2 id="realistic-clothes-that-actually-fold-and-stretch">Realistic clothes that actually fold and stretch</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="JMv7xUjDvxoxdMUW5YsVa5" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/JMv7xUjDvxoxdMUW5YsVa5.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>In GTA 5, character outfits mostly moved like stiff, molded plastic glued to their bodies. In the sixth edition, clothing acts like actual fabric:</p><ul><li><strong>Dynamic wrinkles: </strong>When Lucia is at the firing range, her jacket dynamically wrinkles, pulls tight around the shoulder and bunches around her elbows.</li><li><strong>No awkward clipping: </strong>From what I saw in this polished demo, sleeves didn’t awkwardly slice through a character’s arms or torso during quick animations. Instead, the fabrics collided and folded naturally against the body.</li></ul><h2 id="the-reality-check">The reality check</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="NaiEPQhEiMybxSta8xGzQk" name="Grand Theft Auto 6" alt="Grand Theft Auto 6" src="https://cdn.mos.cms.futurecdn.net/NaiEPQhEiMybxSta8xGzQk.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>All of these visual tricks bring up the million-dollar question for console gamers: will GTA 6 be able to run at a smooth 60 frames per second on a base PS5?</p><p>Almost certainly not.</p><p>Rockstar Games has made a series of important decisions here from bigger things like the way ray tracing works across the world to the smaller details I mention above that really bring life to a place. And that’s before even thinking about the density and artistry of the world tasking that console. </p><p>To hit 60 FPS, you’d likely have to turn a lot of this down or off altogether, as well as really ramping up the motion blur and turning down the base resolution.</p><p>The team decided that a living breathing world matters more than high frame rates, and watching a console from 2020 deliver this level of visual polish is a clinic in smart software design proving that clever engineering matters just as much as raw horsepower.</p><p>And now, I hope that my boss approves my PTO request for the November 19, 2026…for “important reasons” of course.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable">I tested the $1,299 ROG Xbox Ally X20 — with that OLED display, the $300 price hike is surprisingly palatable</a></li><li><a href="https://www.tomsguide.com/gaming/i-sat-on-all-the-ikea-x-xbox-furniture-its-the-ultimate-stealth-gaming-upgrade">I sat on all the IKEA x Xbox furniture — it’s the ultimate stealth gaming upgrade</a></li><li><a href="https://www.tomsguide.com/computing/monitors/i-tested-the-first-5k-g-sync-pulsar-gaming-monitor-144hz-looks-like-500hz-of-clarity-and-it-ruined-my-home-display">I tested the first 5K G-Sync Pulsar gaming monitor — 144Hz looks like 500Hz of clarity, and it ruined my home display</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Audeze just gave the Maxwell 2 ANC, but there’s some stuff you need to know before buying ]]></title>
                                                                                                <dc:content><![CDATA[ <p>At last! The delayed Audeze Maxwell 2 ANC cometh, following up the fantastic <a href="https://www.tomsguide.com/gaming/gaming-peripherals/audeze-maxwell-2-review">Audeze Maxwell 2</a> and, before that, the original <a href="https://www.tomsguide.com/gaming/gaming-peripherals/audeze-maxwell-review">Audeze Maxwell</a>. I’ve reviewed and extensively used both prior models, and believe me, it’s long been a winning formula.</p><p>The Maxwell 2 ANC packs the same 90mm planar magnetic drivers as the Maxwell 2, for super crisp audio (especially up high); the same SLAM plates for improved bass response down low; and, well, the same pretty much everything. Only now there’s ANC.</p><p>That level of similarity also has its cons. Just like its forebears, the Maxwell 2 ANC is heavy, and uses the same suspended headband that has minimal adjustment — complaints I’ve had with both previous iterations. It’s also a lot pricier than the non-ANC model, and battery life takes a major hit when using ANC.</p><p>So is this the <a href="https://www.tomsguide.com/best-picks/best-gaming-headsets">best gaming headset</a> for you? Find out in my full Audeze Maxwell 2 ANC review.</p><h2 class="article-body__section" id="section-audeze-maxwell-2-anc-review-cheat-sheet"><span>Audeze Maxwell 2 ANC review: Cheat sheet</span></h2><ul><li><strong>What is it? </strong>An elite-tier gaming headset from audiophile manufacturer, Audeze</li><li><strong>Who is it for? </strong>Gamers who want the absolute best sound quality for gaming and music</li><li><strong>What does it cost? </strong>A fair bit: <a href="https://www.amazon.com/Audeze-Maxwell-Gaming-Headset-PlayStation/dp/B0H8VW5LMW" target="_blank" rel="nofollow">$429</a> / <a href="https://www.amazon.co.uk/Audeze-Maxwell-Gaming-Headset-PlayStation-Silver-Gray/dp/B0H8VW5LMW" target="_blank" rel="nofollow">£429</a></li><li><strong>What do we like? </strong>The sound quality, strong ANC, excellent mic and solid build quality</li><li><strong>What don’t we like?</strong> The headband, weight, ANC battery life and cost</li></ul><h2 class="article-body__section" id="section-audeze-maxwell-2-anc-review-specs"><span>Audeze Maxwell 2 ANC review: Specs</span></h2><div ><table><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p><a href="https://www.amazon.com/Audeze-Maxwell-Gaming-Headset-PlayStation/dp/B0H8VW5LMW" target="_blank" rel="nofollow">$429</a> / <a href="https://www.amazon.co.uk/Audeze-Maxwell-Gaming-Headset-PlayStation-Silver-Gray/dp/B0H8VW5LMW" target="_blank" rel="nofollow">£429</a></p></td></tr><tr><td class="firstcol " ><p><strong>Colors</strong></p></td><td  ><p>Gray/black</p></td></tr><tr><td class="firstcol " ><p><strong>Platforms</strong></p></td><td  ><p>PC, Mac, Xbox, PlayStation, Switch 2, iOS/iPadOS, Android</p></td></tr><tr><td class="firstcol " ><p><strong>Connectivity</strong></p></td><td  ><p>Wired, 2.4Ghz, Bluetooth</p></td></tr><tr><td class="firstcol " ><p><strong>Battery</strong></p></td><td  ><p>1,800mAh rechargeable</p></td></tr><tr><td class="firstcol " ><p><strong>Battery life</strong></p></td><td  ><p>Up to 40 hours</p></td></tr><tr><td class="firstcol " ><p><strong>Frequency response</strong></p></td><td  ><p>10-50,000Hz</p></td></tr><tr><td class="firstcol " ><p><strong>Drivers</strong></p></td><td  ><p>90mm planar magnetic</p></td></tr><tr><td class="firstcol " ><p><strong>Multipoint connectivity</strong></p></td><td  ><p>Yes</p></td></tr><tr><td class="firstcol " ><p><strong>Paired devices max</strong></p></td><td  ><p>3 (1x 2.4G, 1x BT, 1x Wired)</p></td></tr><tr><td class="firstcol " ><p><strong>Microphone</strong></p></td><td  ><p>Hypercardioid boom mic</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>1.2 lbs / 560 grams</p></td></tr></tbody></table></div><h2 class="article-body__section" id="section-audeze-maxwell-2-anc-review-the-ups"><span>Audeze Maxwell 2 ANC review: The ups</span></h2><p>The Maxwell 2 ANC sounds fantastic thanks to its Audeze pedigree, and boasts strong ANC, a fantastic mic and decent build quality.</p><h2 id="audiophile-pedigree">Audiophile pedigree</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="QfiQTw5vpxgQ5r47njfrL6" name="Audeze_Maxwell_2_ANC-9.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/QfiQTw5vpxgQ5r47njfrL6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Audeze, is well known in the audio industry for its high-end audiophile headphones. As such, the Maxwell headsets have some serious sound quality pedigree. </p><p>Like its predecessors, the Maxwell 2 ANC features 90mm planar magnetic drivers. Instead of the cone-shaped dynamic drivers typically used in headsets, planar drivers create sound using ultra-thin metal filaments that vibrate when electricity is passed through them. This means planar drivers can start and stop vibrating much faster than cones, giving much sharper response and greater tonal clarity, especially in the higher frequency range.</p><p>Connectivity-wise, there’s support for up to 24-bit/96kHz over the USB-C dongle, for wireless high-res. Or lossless via USB-C wired. Bluetooth-wise, this headset supports LDAC for hi-res(-ish) Bluetooth and Auracast for hooking up to a single audio source in tandem with other devices. </p><p><em>Note: The Maxwell 2 ANC Xbox/PC version supports Dolby Atmos. Audeze supplied me with the PlayStation/PC version, which doesn’t support Atmos.</em></p><h4 id="isonzo">Isonzo</h4><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="qBZ898aa4mp6DwBuqT8A94" name="Audeze_Maxwell_2_ANC_Screenshots-4" alt="A screenshot of the Audeze app being used to customize the Audeze Maxwell 2 ANC" src="https://cdn.mos.cms.futurecdn.net/qBZ898aa4mp6DwBuqT8A94.jpg" mos="" align="middle" fullscreen="1" width="1600" height="900" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/qBZ898aa4mp6DwBuqT8A94.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Audeze)</span></figcaption></figure><p>Planars are Audeze’s ‘<em>thing’</em>, and it’s very good at them. Response is super tight and fast, delivering extremely crisp sound, especially in the treble. That gives you excellent clarity for competitive gameplay. In the FPS <em>Isonzo</em>, using the ‘Footsteps’ EQ, enemy footsteps were easy to distinguish among the cacophony of WW1 noise, and effortless to pinpoint thanks to strong spatial imaging. As always with Audeze’s planars, though, the treble isn’t overdone and never becomes painful or fatiguing. There was plenty of mid-range clarity too, for satisfying, mechanical reloads, helping with immersion.</p><p>Planars typically lack the super thick, powerful bass of dynamics. Indeed, through the Maxwell 2 ANC, artillery explosions in Isonzo lacked the outright depth and impact of dynamic headsets like the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/steelseries-arctis-nova-elite-review">SteelSeries Arctis Nova Pro Elite</a>, Fractal Design Scape and <a href="https://www.tomsguide.com/gaming/gaming-peripherals/razer-blackshark-v3-pro-review">Razer BlackShark V3 Pro</a>. </p><p>However, the Maxwell 2 ANC has the same SLAM plates as its predecessor — metal plates over the drivers which help keep bass frequencies cleaner and free of distortion at higher amplification. That means you can amp up the low end via EQ in the Audeze app, to better reproduce explosions and heavy rumbles. In general, I had to do a little work EQing this headset per-game, but that’s cool, as the Audeze app makes it easy.</p><h4 id="sniper-elite-resistance">Sniper Elite: Resistance</h4><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Vkr4qjMVSaMaA4YuAwvNi5" name="Audeze_Maxwell_2_ANC-16.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/Vkr4qjMVSaMaA4YuAwvNi5.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>In quieter, more contemplative gaming, I really appreciated the Maxwell 2 ANC’s top end detail. In Sniper Elite: Resistance, enemy footsteps are often extremely soft, but I was able to detect them with relative ease, even using the Maxwell 2 ANC’s Immersive EQ rather than Footsteps preset.</p><p>Vocals also sounded great, with Harry Hawker’s cockney accent staying prominent and clear above the din of a misfiring engine. There was also a lovely, natural timbre to vocals — Hawker sounds like he’s smoked a 20-pack then swallowed a bag of gravel, and I could hear the subtle distortions and crackles in his hoarse, husky voice.</p><h2 id="total-war-rome-ii">Total War: Rome II</h2><p>In <em>Total War: Rome II</em>, the game’s magnificent, cinematic OST sounded absolutely fantastic. I could hear each orchestral instrument with pinpoint clarity, from the gentle flutes and panpipes through to the boisterous trumpets and huge percussive smashes. During battles, that stereo imaging came to the fore once again, and I felt myself immersed in the chaos of the fighting. </p><h4 id="music">Music</h4><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HSeEVdnd7QhuvymKzCGtL6" name="Audeze_Maxwell_2_ANC-21.JPG" alt="The Audeze Maxwell 2 ANC being worn on a person's head" src="https://cdn.mos.cms.futurecdn.net/HSeEVdnd7QhuvymKzCGtL6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>I also listened to my fair share of music on the Maxwell 2 ANC, playing my usual audio testing playlist on <a href="https://www.tomsguide.com/audio/qobuz-review">Qobuz</a>, our favorite <a href="https://www.tomsguide.com/buying-guide/best-music-streaming-services">music streaming service</a> for audiophiles. Bass was, again, tight and enveloping, if not the punchiest or subbiest in electronica. Plenty of top-end detail and mid-range clarity provides strong instrument separation and lets vocals and delicate effects shine — even during busier productions and when EQ’d for bass.</p><p>There’s a respectably spacious sound for closed back cans, too. Sure, there’s not the same amount of width as with open backs like the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/sony-inzone-h6-air-review">Sony Inzone H6 Air</a>, but that’s the price you pay for isolation and noise cancellation.</p><p>Overall, if you want a dual-purpose headset for gaming and detailed music listening, it has to be a Maxwell.</p><p><em>Listen along to my audio testing playlist on Qobuz.</em></p><iframe allow="" height="390" width="400" id="" style="" class="position-center" data-lazy-priority="low" data-lazy-src="https://widget.qobuz.com/playlist/59666746?zone=GB-en"></iframe><h2 id="genuinely-good-anc">Genuinely good ANC</h2><p>Audeze claims the Maxwell 2 ANC has the “best ANC in gaming”. It’s not the first brand to bring the hyperbolics to ANC marketing, with SteelSeries claiming its Arctis Nova Elite ($599) and <a href="https://www.tomsguide.com/gaming/gaming-peripherals/steelseries-arctis-nova-pro-omni-review">Arctis Nova Pro Omni</a> ($399) can block out the sound of a helicopter (spoiler: they couldn’t block the road noise outside my window).</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="SReEh6QZZWS6WFpXHSzmH4" name="Audeze_Maxwell_2_ANC_Screenshots-2" alt="A graph from Audeze showing the Audeze Maxwell 2 ANC noise cancelation response curve versus rivals" src="https://cdn.mos.cms.futurecdn.net/SReEh6QZZWS6WFpXHSzmH4.jpg" mos="" align="middle" fullscreen="1" width="1600" height="900" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/SReEh6QZZWS6WFpXHSzmH4.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Audeze)</span></figcaption></figure><p>Audeze claims it has proof, though, touting a lab test graph showing the Maxwell 2 ANC’s superior noise reduction versus a <em>certain $599 competitor</em>. And yeah, I can believe it. Combined with redesigned earpad foam for increased passive noise reduction over its predecessor, the Maxwell’s ANC performed much better than the Nova Elite in my tests. Same room for gaming. Same road outside. Same keyboards on my and my wife’s desk. Same office when I tested at work. </p><p>The Maxwell 2 ANC cut road noise very effectively, keeping me immersed in the tense mood of <em>Sniper Elite: Resistance</em>, as well as the atmospheric OST and tumultuous battles of <em>Total War: Rome II</em>. It almost entirely cut the noise of my <a href="https://www.tomsguide.com/computing/peripherals/nuphy-halo-75-96-v2-review">NuPhy Halo75 V2</a>, and completely drowned out voices, so was great for working, too. On several occasions my wife had to come upstairs and tap me on the shoulder after shouting up to me had failed. I also tested the headset at the London launch event, playing <em>Star Wars Battlefront II</em> in a busy, noisy pub — I heard virtually no noise, and again someone had to tap my shoulder when my time was up.</p><p>Annoyingly, mouse clicks not only got through, but sounded piercing. My wife has a cheap, noisy mouse for work, and the sounds were really frustrating. This was mainly an issue when using Bluetooth, though. Over 2.4G, higher frequencies were a little more muffled.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="G5LyKwtBFRqHoFpgrVFMF4" name="Audeze_Maxwell_2_ANC_Screenshots-1" alt="A graph from Audeze showing the Audeze Maxwell 2 ANC noise cancelation response curve versus the ANC off curve" src="https://cdn.mos.cms.futurecdn.net/G5LyKwtBFRqHoFpgrVFMF4.jpg" mos="" align="middle" fullscreen="1" width="1600" height="900" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/G5LyKwtBFRqHoFpgrVFMF4.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Audeze)</span></figcaption></figure><p>I didn’t notice an appreciable drop in sound quality with ANC on, either. There was a slight contracting of the soundstage — the radio vocal effects in Sniper Elite: Resistance cutscenes sounded a little less reverby, for instance — but nothing serious. This ties up with Audeze’s frequency response curves, which show marginal differences between ANC on and off.</p><h2 id="warm-clear-mic">Warm, clear mic</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1405px;"><p class="vanilla-image-block" style="padding-top:56.23%;"><img id="deGUSyCb6cEJxaoze29CK6" name="Audeze_Maxwell_2_ANC-18.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/v2/t:212,l:115,cw:1405,ch:790,q:80/deGUSyCb6cEJxaoze29CK6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Maxwell 2 already boasted the best performing headset boom mic I’ve tested, so it’s no surprise that the ANC version, which uses the same mic, sounds great too. On test calls with colleagues, they reported that my voice sounded clear and warm, and surprisingly high quality for a headset mic. </p><p>The Maxwell 2 ANC uses two mics — a hypercardioid boom mic and a beamforming mic in the headset. The combination works well for reducing environmental noise. The hypercardioid mic pattern cuts out most noise from the side and peripheries, focusing only on your voice, while the beamforming mic uses noise reduction to cut ambient sounds. On test calls, I left my window open to let in noise from the busy road outside. My colleagues heard no distracting sound whatsoever.</p><h2 id="same-old-maxwell-build-plus-extras">Same old Maxwell build, plus extras</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="j4vsULkjtZ6FSoDqQdoEM6" name="Audeze_Maxwell_2_ANC-12.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/j4vsULkjtZ6FSoDqQdoEM6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Weight-gain aside, the Maxwell 2 ANC’s design is more or less the same as the Maxwell 2. It looks pretty much the same, is built just as nicely and also features removable earcup plates to allow for customization.</p><p>The build isn’t on par with the exquisite (and cheaper) <a href="https://www.tomsguide.com/gaming/gaming-peripherals/fractal-design-scape-review">Fractal Design Scape</a> or Razer BlackShark V3 Pro, but the Maxwell 2 ANC doesn’t feel cheap (which is good, because it isn’t).</p><h2 class="article-body__section" id="section-audeze-maxwell-2-anc-review-the-downs"><span>Audeze Maxwell 2 ANC review: The downs</span></h2><p>Unfortunately, the Maxwell 2 ANC maintains its predecessor’s frustrating strap and is very heavy at 1.2 lbs. Battery life with ANC on takes a big hit over 2.4G, plus it’s rather pricey.</p><h2 id="strap-still-lacks-adjustment">Strap still lacks adjustment</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RRBjs2REXxiJ6MMZRKS2R6" name="Audeze_Maxwell_2_ANC-10.JPG" alt="The Audeze Maxwell 2 ANC headband" src="https://cdn.mos.cms.futurecdn.net/RRBjs2REXxiJ6MMZRKS2R6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>My biggest gripe with the Maxwell 2 ANC is the same that I had with the OG Maxwell and Maxwell 2: the headband. The only adjustment is via three fixed levels on the suspended inner headband. If, like me, you fall between one of those, you have to fit one side lower than the other, resulting in a lopsided headset.</p><p>I wish Audeze would just add some adjustment to the earcups sliders like literally every other headset. I actually spoke to Audeze’s design team about this at the Maxwell 2 ANC press event. They're aware it can be an issue, but it hasn't been a priority to change thus far. Hopefully we see improvements next time.</p><h2 id="huge-hot-n-heavy">Huge, hot ‘n’ heavy</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="jrgsuhJjQfhVEouf9SimJ6" name="Audeze_Maxwell_2_ANC-6.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/jrgsuhJjQfhVEouf9SimJ6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Like its predecessors, the Maxwell 2 ANC is a beast, thanks to those big drivers and large batteries needed to drive them. The size doesn’t bother me too much, but the weight does. Thanks to the ANC system, the new model weighs 2.5 ounces/70g more than the already weighty non-ANC version. The new model weighs a whopping 1.2lbs, and I found my neck getting pretty tired after longer stints.</p><p>I also found the earcups getting pretty hot and sticky, although I was testing in unseasonable hot conditions during a string of U.K. summer heatwaves, where temperatures pushed to 100F/38C.</p><p>If you regularly game for longer stints and think this would be an issue, I would advise a lighter and more breathable headset, like the Arctis Nova Pro Omni, Fractal Design Scape or Razer BlackShark V3 Pro. All three were incredibly comfortable during our testing.</p><h2 id="anc-battery-life-suffers">ANC battery life suffers</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bofemXJDyGrRSasB9Jaoz5" name="Audeze_Maxwell_2_ANC-15.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/bofemXJDyGrRSasB9Jaoz5.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Obviously, with ANC, battery life is gonna take a hit. Audeze claims 35 hours with ANC, down from 40 with it off. That’s over Bluetooth, though. Over Wi-Fi, my headset was dropping 20% every couple of hours, meaning around 10 hours of playback, extrapolated.</p><p>Audeze just can’t compete with SteelSeries here — the Nova Pro Omni and Nova Elite both come with second batteries that charge in their USB hubs/DACs, meaning up to 60 hours of playback, but zero downtime as long as you’re near the USB hub.</p><h2 id="really-rather-pricey">Really rather pricey</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Sq8tJABSCo4Ay4zQY4R8a5" name="Audeze_Maxwell_2_ANC-20.JPG" alt="The Audeze Maxwell 2 ANC USB-C dongle, placed on a wooden desk" src="https://cdn.mos.cms.futurecdn.net/Sq8tJABSCo4Ay4zQY4R8a5.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Maxwell 2 ANC costs <a href="https://www.amazon.com/Audeze-Maxwell-Gaming-Headset-PlayStation/dp/B0H8VW5LMW" target="_blank" rel="nofollow">$429</a> / <a href="https://www.amazon.co.uk/Audeze-Maxwell-Gaming-Headset-PlayStation-Silver-Gray/dp/B0H8VW5LMW" target="_blank" rel="nofollow">£429</a>, so up a sizable $100 from the Maxwell 2’s launch price. While it sucks, I’m not surprised by it. Flagship/ultra-premium headsets are regularly pushing into silly money now, with the Nova Elite having set the precedent at $599. The Nova Pro Omni costs $499 and packs similar features to the Maxwell 2 ANC.</p><p>If you want the best sound in gaming, the Maxwell 2 is still my suggestion and costs much less, although obviously doesn’t pack ANC — if you have a noisy road nearby, like me, that could be a dealbreaker. For even less, you can pick up the Razer BlackShark V3 Pro for $249, which features powerful ANC, but its strong sound quality still won’t match that of Audeze’s planars. The Nova Pro Omni is even pricier and way more comfortable, although its ANC isn’t quite as good, and the sound quality, again, just can’t quite compete with the finesse of those planars.</p><h2 class="article-body__section" id="section-audeze-maxwell-2-anc-review-verdict"><span>Audeze Maxwell 2 ANC review: Verdict</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="D9ta59DDMxBFaDDv7ZYRJ6" name="Audeze_Maxwell_2_ANC-3.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/D9ta59DDMxBFaDDv7ZYRJ6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>As so often is the case in life, if you want everything, you gotta pay for it. If sound quality is the only priority you have and you want a headset for gaming <em>and</em> music, there’s really no reason to buy the Maxwell 2 ANC over the Maxwell 2 — the cheaper headset uses the same drivers and puts out equally excellent sound. Unfortunately, if you want or need ANC for work, or simply a noisier home environment, you’ll need to cough up the dough… <strong>if</strong> you also want those lovely planar drivers.</p><p>Our 3.5-star score is defined as very good, but with enough caveats to prevent a 4-star award and our outright recommendation to buy. The Maxwell 2 ANC sounds fantastic, but there are cheaper alternatives that give you ANC without sacrificing comfort. If it has to be the planars, though, and you need ANC, then this is pretty much the only headset to shortlist.</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/gaming-peripherals/audeze-maxwell-2-anc-review</link>
                                                                            <description>
                            <![CDATA[ The Audeze Maxwell 2 ANC packs noise cancelation and typically stellar Audeze sound, but costs (and weighs) rather a lot. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">wcFnHxgQSL7Coa4ULTkFCS</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/YDdg92hHG6xTwkNyQUxVN6-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Fri, 28 Aug 2026 08:21:39 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming Peripherals]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ peter.wolinski@futurenet.com (Peter Wolinski) ]]></author>                    <dc:creator><![CDATA[ Peter Wolinski ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/stgPfXWY7ukw8J8rfC7vjg.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Peter is a Senior Editor at Tom&#039;s Guide, heading up the site&#039;s Reviews team and Cameras section. Having built gaming PCs since he was 10 (that&#039;s a while ago now) he&#039;s a bit of a nerd about components and hardware. He&#039;s also been an iPhone user since the classic iPhone 4, and a Mac user for well over a decade. Experienced in using and testing all kinds of technology — from phones through to tablets, computers, games consoles, cameras and smart home tech — helping people find the best tech for them (at the best prices) is what Peter does best. A photographer since he bought his first camera (a Fujifilm) in 2015, Peter was previously an Editor for Canon-Europe.com. He then edited the Cameras and How To sections of Tom&#039;s Guide. When he&#039;s not crafting helpful, in-depth reviews, Peter can usually be found out and about honing his architectural photography skills, riding his motorcycle around Welsh mountain roads, telling everyone about his two greyhounds, squeezing a few extra FPS out of PC games or perfecting his espresso shots.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/YDdg92hHG6xTwkNyQUxVN6-1280-80.jpg">
                                                            <media:credit><![CDATA[Future]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[The Audeze Maxwell 2 ANC on a wooden desk with a blue background]]></media:description>                                                            <media:text><![CDATA[The Audeze Maxwell 2 ANC on a wooden desk with a blue background]]></media:text>
                                <media:title type="plain"><![CDATA[The Audeze Maxwell 2 ANC on a wooden desk with a blue background]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/YDdg92hHG6xTwkNyQUxVN6-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>At last! The delayed Audeze Maxwell 2 ANC cometh, following up the fantastic <a href="https://www.tomsguide.com/gaming/gaming-peripherals/audeze-maxwell-2-review">Audeze Maxwell 2</a> and, before that, the original <a href="https://www.tomsguide.com/gaming/gaming-peripherals/audeze-maxwell-review">Audeze Maxwell</a>. I’ve reviewed and extensively used both prior models, and believe me, it’s long been a winning formula.</p><p>The Maxwell 2 ANC packs the same 90mm planar magnetic drivers as the Maxwell 2, for super crisp audio (especially up high); the same SLAM plates for improved bass response down low; and, well, the same pretty much everything. Only now there’s ANC.</p><p>That level of similarity also has its cons. Just like its forebears, the Maxwell 2 ANC is heavy, and uses the same suspended headband that has minimal adjustment — complaints I’ve had with both previous iterations. It’s also a lot pricier than the non-ANC model, and battery life takes a major hit when using ANC.</p><p>So is this the <a href="https://www.tomsguide.com/best-picks/best-gaming-headsets">best gaming headset</a> for you? Find out in my full Audeze Maxwell 2 ANC review.</p><h2 class="article-body__section" id="section-audeze-maxwell-2-anc-review-cheat-sheet"><span>Audeze Maxwell 2 ANC review: Cheat sheet</span></h2><ul><li><strong>What is it? </strong>An elite-tier gaming headset from audiophile manufacturer, Audeze</li><li><strong>Who is it for? </strong>Gamers who want the absolute best sound quality for gaming and music</li><li><strong>What does it cost? </strong>A fair bit: <a href="https://www.amazon.com/Audeze-Maxwell-Gaming-Headset-PlayStation/dp/B0H8VW5LMW" target="_blank" rel="nofollow">$429</a> / <a href="https://www.amazon.co.uk/Audeze-Maxwell-Gaming-Headset-PlayStation-Silver-Gray/dp/B0H8VW5LMW" target="_blank" rel="nofollow">£429</a></li><li><strong>What do we like? </strong>The sound quality, strong ANC, excellent mic and solid build quality</li><li><strong>What don’t we like?</strong> The headband, weight, ANC battery life and cost</li></ul><h2 class="article-body__section" id="section-audeze-maxwell-2-anc-review-specs"><span>Audeze Maxwell 2 ANC review: Specs</span></h2><div ><table><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p><a href="https://www.amazon.com/Audeze-Maxwell-Gaming-Headset-PlayStation/dp/B0H8VW5LMW" target="_blank" rel="nofollow">$429</a> / <a href="https://www.amazon.co.uk/Audeze-Maxwell-Gaming-Headset-PlayStation-Silver-Gray/dp/B0H8VW5LMW" target="_blank" rel="nofollow">£429</a></p></td></tr><tr><td class="firstcol " ><p><strong>Colors</strong></p></td><td  ><p>Gray/black</p></td></tr><tr><td class="firstcol " ><p><strong>Platforms</strong></p></td><td  ><p>PC, Mac, Xbox, PlayStation, Switch 2, iOS/iPadOS, Android</p></td></tr><tr><td class="firstcol " ><p><strong>Connectivity</strong></p></td><td  ><p>Wired, 2.4Ghz, Bluetooth</p></td></tr><tr><td class="firstcol " ><p><strong>Battery</strong></p></td><td  ><p>1,800mAh rechargeable</p></td></tr><tr><td class="firstcol " ><p><strong>Battery life</strong></p></td><td  ><p>Up to 40 hours</p></td></tr><tr><td class="firstcol " ><p><strong>Frequency response</strong></p></td><td  ><p>10-50,000Hz</p></td></tr><tr><td class="firstcol " ><p><strong>Drivers</strong></p></td><td  ><p>90mm planar magnetic</p></td></tr><tr><td class="firstcol " ><p><strong>Multipoint connectivity</strong></p></td><td  ><p>Yes</p></td></tr><tr><td class="firstcol " ><p><strong>Paired devices max</strong></p></td><td  ><p>3 (1x 2.4G, 1x BT, 1x Wired)</p></td></tr><tr><td class="firstcol " ><p><strong>Microphone</strong></p></td><td  ><p>Hypercardioid boom mic</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>1.2 lbs / 560 grams</p></td></tr></tbody></table></div><h2 class="article-body__section" id="section-audeze-maxwell-2-anc-review-the-ups"><span>Audeze Maxwell 2 ANC review: The ups</span></h2><p>The Maxwell 2 ANC sounds fantastic thanks to its Audeze pedigree, and boasts strong ANC, a fantastic mic and decent build quality.</p><h2 id="audiophile-pedigree">Audiophile pedigree</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="QfiQTw5vpxgQ5r47njfrL6" name="Audeze_Maxwell_2_ANC-9.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/QfiQTw5vpxgQ5r47njfrL6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Audeze, is well known in the audio industry for its high-end audiophile headphones. As such, the Maxwell headsets have some serious sound quality pedigree. </p><p>Like its predecessors, the Maxwell 2 ANC features 90mm planar magnetic drivers. Instead of the cone-shaped dynamic drivers typically used in headsets, planar drivers create sound using ultra-thin metal filaments that vibrate when electricity is passed through them. This means planar drivers can start and stop vibrating much faster than cones, giving much sharper response and greater tonal clarity, especially in the higher frequency range.</p><p>Connectivity-wise, there’s support for up to 24-bit/96kHz over the USB-C dongle, for wireless high-res. Or lossless via USB-C wired. Bluetooth-wise, this headset supports LDAC for hi-res(-ish) Bluetooth and Auracast for hooking up to a single audio source in tandem with other devices. </p><p><em>Note: The Maxwell 2 ANC Xbox/PC version supports Dolby Atmos. Audeze supplied me with the PlayStation/PC version, which doesn’t support Atmos.</em></p><h4 id="isonzo">Isonzo</h4><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="qBZ898aa4mp6DwBuqT8A94" name="Audeze_Maxwell_2_ANC_Screenshots-4" alt="A screenshot of the Audeze app being used to customize the Audeze Maxwell 2 ANC" src="https://cdn.mos.cms.futurecdn.net/qBZ898aa4mp6DwBuqT8A94.jpg" mos="" align="middle" fullscreen="1" width="1600" height="900" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/qBZ898aa4mp6DwBuqT8A94.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Audeze)</span></figcaption></figure><p>Planars are Audeze’s ‘<em>thing’</em>, and it’s very good at them. Response is super tight and fast, delivering extremely crisp sound, especially in the treble. That gives you excellent clarity for competitive gameplay. In the FPS <em>Isonzo</em>, using the ‘Footsteps’ EQ, enemy footsteps were easy to distinguish among the cacophony of WW1 noise, and effortless to pinpoint thanks to strong spatial imaging. As always with Audeze’s planars, though, the treble isn’t overdone and never becomes painful or fatiguing. There was plenty of mid-range clarity too, for satisfying, mechanical reloads, helping with immersion.</p><p>Planars typically lack the super thick, powerful bass of dynamics. Indeed, through the Maxwell 2 ANC, artillery explosions in Isonzo lacked the outright depth and impact of dynamic headsets like the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/steelseries-arctis-nova-elite-review">SteelSeries Arctis Nova Pro Elite</a>, Fractal Design Scape and <a href="https://www.tomsguide.com/gaming/gaming-peripherals/razer-blackshark-v3-pro-review">Razer BlackShark V3 Pro</a>. </p><p>However, the Maxwell 2 ANC has the same SLAM plates as its predecessor — metal plates over the drivers which help keep bass frequencies cleaner and free of distortion at higher amplification. That means you can amp up the low end via EQ in the Audeze app, to better reproduce explosions and heavy rumbles. In general, I had to do a little work EQing this headset per-game, but that’s cool, as the Audeze app makes it easy.</p><h4 id="sniper-elite-resistance">Sniper Elite: Resistance</h4><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Vkr4qjMVSaMaA4YuAwvNi5" name="Audeze_Maxwell_2_ANC-16.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/Vkr4qjMVSaMaA4YuAwvNi5.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>In quieter, more contemplative gaming, I really appreciated the Maxwell 2 ANC’s top end detail. In Sniper Elite: Resistance, enemy footsteps are often extremely soft, but I was able to detect them with relative ease, even using the Maxwell 2 ANC’s Immersive EQ rather than Footsteps preset.</p><p>Vocals also sounded great, with Harry Hawker’s cockney accent staying prominent and clear above the din of a misfiring engine. There was also a lovely, natural timbre to vocals — Hawker sounds like he’s smoked a 20-pack then swallowed a bag of gravel, and I could hear the subtle distortions and crackles in his hoarse, husky voice.</p><h2 id="total-war-rome-ii">Total War: Rome II</h2><p>In <em>Total War: Rome II</em>, the game’s magnificent, cinematic OST sounded absolutely fantastic. I could hear each orchestral instrument with pinpoint clarity, from the gentle flutes and panpipes through to the boisterous trumpets and huge percussive smashes. During battles, that stereo imaging came to the fore once again, and I felt myself immersed in the chaos of the fighting. </p><h4 id="music">Music</h4><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HSeEVdnd7QhuvymKzCGtL6" name="Audeze_Maxwell_2_ANC-21.JPG" alt="The Audeze Maxwell 2 ANC being worn on a person's head" src="https://cdn.mos.cms.futurecdn.net/HSeEVdnd7QhuvymKzCGtL6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>I also listened to my fair share of music on the Maxwell 2 ANC, playing my usual audio testing playlist on <a href="https://www.tomsguide.com/audio/qobuz-review">Qobuz</a>, our favorite <a href="https://www.tomsguide.com/buying-guide/best-music-streaming-services">music streaming service</a> for audiophiles. Bass was, again, tight and enveloping, if not the punchiest or subbiest in electronica. Plenty of top-end detail and mid-range clarity provides strong instrument separation and lets vocals and delicate effects shine — even during busier productions and when EQ’d for bass.</p><p>There’s a respectably spacious sound for closed back cans, too. Sure, there’s not the same amount of width as with open backs like the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/sony-inzone-h6-air-review">Sony Inzone H6 Air</a>, but that’s the price you pay for isolation and noise cancellation.</p><p>Overall, if you want a dual-purpose headset for gaming and detailed music listening, it has to be a Maxwell.</p><p><em>Listen along to my audio testing playlist on Qobuz.</em></p><iframe allow="" height="390" width="400" id="" style="" class="position-center" data-lazy-priority="low" data-lazy-src="https://widget.qobuz.com/playlist/59666746?zone=GB-en"></iframe><h2 id="genuinely-good-anc">Genuinely good ANC</h2><p>Audeze claims the Maxwell 2 ANC has the “best ANC in gaming”. It’s not the first brand to bring the hyperbolics to ANC marketing, with SteelSeries claiming its Arctis Nova Elite ($599) and <a href="https://www.tomsguide.com/gaming/gaming-peripherals/steelseries-arctis-nova-pro-omni-review">Arctis Nova Pro Omni</a> ($399) can block out the sound of a helicopter (spoiler: they couldn’t block the road noise outside my window).</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="SReEh6QZZWS6WFpXHSzmH4" name="Audeze_Maxwell_2_ANC_Screenshots-2" alt="A graph from Audeze showing the Audeze Maxwell 2 ANC noise cancelation response curve versus rivals" src="https://cdn.mos.cms.futurecdn.net/SReEh6QZZWS6WFpXHSzmH4.jpg" mos="" align="middle" fullscreen="1" width="1600" height="900" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/SReEh6QZZWS6WFpXHSzmH4.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Audeze)</span></figcaption></figure><p>Audeze claims it has proof, though, touting a lab test graph showing the Maxwell 2 ANC’s superior noise reduction versus a <em>certain $599 competitor</em>. And yeah, I can believe it. Combined with redesigned earpad foam for increased passive noise reduction over its predecessor, the Maxwell’s ANC performed much better than the Nova Elite in my tests. Same room for gaming. Same road outside. Same keyboards on my and my wife’s desk. Same office when I tested at work. </p><p>The Maxwell 2 ANC cut road noise very effectively, keeping me immersed in the tense mood of <em>Sniper Elite: Resistance</em>, as well as the atmospheric OST and tumultuous battles of <em>Total War: Rome II</em>. It almost entirely cut the noise of my <a href="https://www.tomsguide.com/computing/peripherals/nuphy-halo-75-96-v2-review">NuPhy Halo75 V2</a>, and completely drowned out voices, so was great for working, too. On several occasions my wife had to come upstairs and tap me on the shoulder after shouting up to me had failed. I also tested the headset at the London launch event, playing <em>Star Wars Battlefront II</em> in a busy, noisy pub — I heard virtually no noise, and again someone had to tap my shoulder when my time was up.</p><p>Annoyingly, mouse clicks not only got through, but sounded piercing. My wife has a cheap, noisy mouse for work, and the sounds were really frustrating. This was mainly an issue when using Bluetooth, though. Over 2.4G, higher frequencies were a little more muffled.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="G5LyKwtBFRqHoFpgrVFMF4" name="Audeze_Maxwell_2_ANC_Screenshots-1" alt="A graph from Audeze showing the Audeze Maxwell 2 ANC noise cancelation response curve versus the ANC off curve" src="https://cdn.mos.cms.futurecdn.net/G5LyKwtBFRqHoFpgrVFMF4.jpg" mos="" align="middle" fullscreen="1" width="1600" height="900" attribution="" endorsement="" class="inline expandable"><a href='https://cdn.mos.cms.futurecdn.net/G5LyKwtBFRqHoFpgrVFMF4.jpg' target='_blank' class='expand-button icon-expand-image icon' ></a></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Audeze)</span></figcaption></figure><p>I didn’t notice an appreciable drop in sound quality with ANC on, either. There was a slight contracting of the soundstage — the radio vocal effects in Sniper Elite: Resistance cutscenes sounded a little less reverby, for instance — but nothing serious. This ties up with Audeze’s frequency response curves, which show marginal differences between ANC on and off.</p><h2 id="warm-clear-mic">Warm, clear mic</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1405px;"><p class="vanilla-image-block" style="padding-top:56.23%;"><img id="deGUSyCb6cEJxaoze29CK6" name="Audeze_Maxwell_2_ANC-18.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/v2/t:212,l:115,cw:1405,ch:790,q:80/deGUSyCb6cEJxaoze29CK6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Maxwell 2 already boasted the best performing headset boom mic I’ve tested, so it’s no surprise that the ANC version, which uses the same mic, sounds great too. On test calls with colleagues, they reported that my voice sounded clear and warm, and surprisingly high quality for a headset mic. </p><p>The Maxwell 2 ANC uses two mics — a hypercardioid boom mic and a beamforming mic in the headset. The combination works well for reducing environmental noise. The hypercardioid mic pattern cuts out most noise from the side and peripheries, focusing only on your voice, while the beamforming mic uses noise reduction to cut ambient sounds. On test calls, I left my window open to let in noise from the busy road outside. My colleagues heard no distracting sound whatsoever.</p><h2 id="same-old-maxwell-build-plus-extras">Same old Maxwell build, plus extras</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="j4vsULkjtZ6FSoDqQdoEM6" name="Audeze_Maxwell_2_ANC-12.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/j4vsULkjtZ6FSoDqQdoEM6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Weight-gain aside, the Maxwell 2 ANC’s design is more or less the same as the Maxwell 2. It looks pretty much the same, is built just as nicely and also features removable earcup plates to allow for customization.</p><p>The build isn’t on par with the exquisite (and cheaper) <a href="https://www.tomsguide.com/gaming/gaming-peripherals/fractal-design-scape-review">Fractal Design Scape</a> or Razer BlackShark V3 Pro, but the Maxwell 2 ANC doesn’t feel cheap (which is good, because it isn’t).</p><h2 class="article-body__section" id="section-audeze-maxwell-2-anc-review-the-downs"><span>Audeze Maxwell 2 ANC review: The downs</span></h2><p>Unfortunately, the Maxwell 2 ANC maintains its predecessor’s frustrating strap and is very heavy at 1.2 lbs. Battery life with ANC on takes a big hit over 2.4G, plus it’s rather pricey.</p><h2 id="strap-still-lacks-adjustment">Strap still lacks adjustment</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RRBjs2REXxiJ6MMZRKS2R6" name="Audeze_Maxwell_2_ANC-10.JPG" alt="The Audeze Maxwell 2 ANC headband" src="https://cdn.mos.cms.futurecdn.net/RRBjs2REXxiJ6MMZRKS2R6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>My biggest gripe with the Maxwell 2 ANC is the same that I had with the OG Maxwell and Maxwell 2: the headband. The only adjustment is via three fixed levels on the suspended inner headband. If, like me, you fall between one of those, you have to fit one side lower than the other, resulting in a lopsided headset.</p><p>I wish Audeze would just add some adjustment to the earcups sliders like literally every other headset. I actually spoke to Audeze’s design team about this at the Maxwell 2 ANC press event. They're aware it can be an issue, but it hasn't been a priority to change thus far. Hopefully we see improvements next time.</p><h2 id="huge-hot-n-heavy">Huge, hot ‘n’ heavy</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="jrgsuhJjQfhVEouf9SimJ6" name="Audeze_Maxwell_2_ANC-6.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/jrgsuhJjQfhVEouf9SimJ6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Like its predecessors, the Maxwell 2 ANC is a beast, thanks to those big drivers and large batteries needed to drive them. The size doesn’t bother me too much, but the weight does. Thanks to the ANC system, the new model weighs 2.5 ounces/70g more than the already weighty non-ANC version. The new model weighs a whopping 1.2lbs, and I found my neck getting pretty tired after longer stints.</p><p>I also found the earcups getting pretty hot and sticky, although I was testing in unseasonable hot conditions during a string of U.K. summer heatwaves, where temperatures pushed to 100F/38C.</p><p>If you regularly game for longer stints and think this would be an issue, I would advise a lighter and more breathable headset, like the Arctis Nova Pro Omni, Fractal Design Scape or Razer BlackShark V3 Pro. All three were incredibly comfortable during our testing.</p><h2 id="anc-battery-life-suffers">ANC battery life suffers</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bofemXJDyGrRSasB9Jaoz5" name="Audeze_Maxwell_2_ANC-15.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/bofemXJDyGrRSasB9Jaoz5.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Obviously, with ANC, battery life is gonna take a hit. Audeze claims 35 hours with ANC, down from 40 with it off. That’s over Bluetooth, though. Over Wi-Fi, my headset was dropping 20% every couple of hours, meaning around 10 hours of playback, extrapolated.</p><p>Audeze just can’t compete with SteelSeries here — the Nova Pro Omni and Nova Elite both come with second batteries that charge in their USB hubs/DACs, meaning up to 60 hours of playback, but zero downtime as long as you’re near the USB hub.</p><h2 id="really-rather-pricey">Really rather pricey</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Sq8tJABSCo4Ay4zQY4R8a5" name="Audeze_Maxwell_2_ANC-20.JPG" alt="The Audeze Maxwell 2 ANC USB-C dongle, placed on a wooden desk" src="https://cdn.mos.cms.futurecdn.net/Sq8tJABSCo4Ay4zQY4R8a5.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Maxwell 2 ANC costs <a href="https://www.amazon.com/Audeze-Maxwell-Gaming-Headset-PlayStation/dp/B0H8VW5LMW" target="_blank" rel="nofollow">$429</a> / <a href="https://www.amazon.co.uk/Audeze-Maxwell-Gaming-Headset-PlayStation-Silver-Gray/dp/B0H8VW5LMW" target="_blank" rel="nofollow">£429</a>, so up a sizable $100 from the Maxwell 2’s launch price. While it sucks, I’m not surprised by it. Flagship/ultra-premium headsets are regularly pushing into silly money now, with the Nova Elite having set the precedent at $599. The Nova Pro Omni costs $499 and packs similar features to the Maxwell 2 ANC.</p><p>If you want the best sound in gaming, the Maxwell 2 is still my suggestion and costs much less, although obviously doesn’t pack ANC — if you have a noisy road nearby, like me, that could be a dealbreaker. For even less, you can pick up the Razer BlackShark V3 Pro for $249, which features powerful ANC, but its strong sound quality still won’t match that of Audeze’s planars. The Nova Pro Omni is even pricier and way more comfortable, although its ANC isn’t quite as good, and the sound quality, again, just can’t quite compete with the finesse of those planars.</p><h2 class="article-body__section" id="section-audeze-maxwell-2-anc-review-verdict"><span>Audeze Maxwell 2 ANC review: Verdict</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="D9ta59DDMxBFaDDv7ZYRJ6" name="Audeze_Maxwell_2_ANC-3.JPG" alt="The Audeze Maxwell 2 ANC on a wooden desk with a blue background" src="https://cdn.mos.cms.futurecdn.net/D9ta59DDMxBFaDDv7ZYRJ6.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>As so often is the case in life, if you want everything, you gotta pay for it. If sound quality is the only priority you have and you want a headset for gaming <em>and</em> music, there’s really no reason to buy the Maxwell 2 ANC over the Maxwell 2 — the cheaper headset uses the same drivers and puts out equally excellent sound. Unfortunately, if you want or need ANC for work, or simply a noisier home environment, you’ll need to cough up the dough… <strong>if</strong> you also want those lovely planar drivers.</p><p>Our 3.5-star score is defined as very good, but with enough caveats to prevent a 4-star award and our outright recommendation to buy. The Maxwell 2 ANC sounds fantastic, but there are cheaper alternatives that give you ANC without sacrificing comfort. If it has to be the planars, though, and you need ANC, then this is pretty much the only headset to shortlist.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I sat on all the IKEA x Xbox furniture — it’s the ultimate stealth gaming upgrade ]]></title>
                                                                                                <dc:content><![CDATA[ <p>So Ikea and Xbox just dropped the 9-piece <a href="https://www.ikea.com/global/en/newsroom/collaborations/ikea-xbox-launch-the-yxstaby-collection-260826/" target="_blank" rel="nofollow">YXSTABY collection</a> at Gamescom, and I’ll be real — it might just be the smartest gaming furniture we’ve seen in years.</p><p>Normally, “gaming furniture” means angular plastic monstrosities, aggressive neon accents and enough RGB lighting to signal passing aircraft. But Ikea tied up with Xbox to take a completely different direction — focusing on muted tones and light wood finishes, and simple functionality. </p><p>All of it tucks subtle splashes of Xbox green away, and it’s all designed to let you transform a living space into a gaming setup, while cleaning and hiding it all away.</p><h2 id="the-star-of-the-show-the-thumbstick-stool">The star of the show: The thumbstick stool</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Z88bBqmZKcSLvZb7fNFWDF" name="Ikea x Xbox YXSTABY" alt="Ikea x Xbox YXSTABY" src="https://cdn.mos.cms.futurecdn.net/Z88bBqmZKcSLvZb7fNFWDF.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Xbox and Ikea actually used the original 3D design files for the Xbox controller’s analog stick to get the proportions and seating curve <em>just </em>right for the $50 thumb stick stool. But the most fascinating part to a fidgety person like me is that it actually moves.</p><p>The base is curved so it tilts in all directions while you sit on it — perfectly mimicking the movement of a real thumbstick. That being said, there is a legitimate benefit to this in being the ideal chair to lean into the on-screen action when you’re locking in.</p><p>And that textured grip around the edge of the joystick actually helps stop you from falling off. I’d be nervous if Xbox had gone for convex joystick heads at this moment!</p><h2 id="lounging-around-the-lounge-chair-and-the-d-pad-cushion">Lounging around: The lounge chair and the d-pad cushion</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="n4H4eDxXm8Sa8FSNX5XoFF" name="Ikea x Xbox YXSTABY" alt="Ikea x Xbox YXSTABY" src="https://cdn.mos.cms.futurecdn.net/n4H4eDxXm8Sa8FSNX5XoFF.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>If you’ve ever tried to fit a massive, <a href="https://www.tomsguide.com/gaming/gaming-peripherals/i-ditched-my-office-chair-for-the-razer-iskur-v2-newgen-and-it-finally-sold-me-on-gaming-chairs">racing-style gaming chair</a> into a dorm room or shared apartment, you know it instantly takes over the entire space. Instead, Ikea has focused on low-profile comfort and stealthy utility.</p><p>The lounge chair ($120) uses a cantilevered bouncy frame that’s designed to flex with you — just the right angle to lean back during comfy gaming sessions, while not leaning you back <em>too </em>much so you can lean forward and lock-in to that high-stakes multiplayer match.</p><p>On top of that, there’s a hidden storage pocket right underneath the seat to stash your controllers, and the fabric cover is completely removable and machine washable.</p><p>Then there’s the D-pad cushion completing the setup ($18). This plush throw is molded directly after the faceted Xbox directional buttons, and the perfect companion piece to the lounge chair… But not for the way you think.</p><p>You see, it’s definitely sneaking a subtle “if you know, you know” piece of gaming iconography into your decor, but the X shape is pretty ideal for resting on your lap for an ergonomic elbow stand for playing on a controller.</p><h2 id="stealth-storage-and-clever-upgrades">Stealth storage and clever upgrades</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="CrQuq9Z2k6bFaWrMZq4SAF" name="Ikea x Xbox YXSTABY" alt="Ikea x Xbox YXSTABY" src="https://cdn.mos.cms.futurecdn.net/CrQuq9Z2k6bFaWrMZq4SAF.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>And for anyone dealing with a cramped space, the stealthy storage options here are brilliant. </p><p>Whether it’s the rolling TV stand mounted on casters to moving your gear around ($150), the sleek wooden $35 toolbox that neatly stores all controllers and cables (but doubles as a laptop stand too), or the $18 D-pad platter — a stainless steel serving tray molded perfectly into the sunken cross shape of the directional buttons — you’ve got all you need to make the most of any space.</p><p>But in particular, shout-out to the neat coffee table organizer that is also on wheels, but has a nice homely feel to it to hide away your gaming peripherals.</p><h2 id="verdict-amp-availability">Verdict & availability</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="v3dzHCwYw39gjcCXNSjCoE" name="Ikea x Xbox YXSTABY" alt="Ikea x Xbox YXSTABY" src="https://cdn.mos.cms.futurecdn.net/v3dzHCwYw39gjcCXNSjCoE.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>But the best part about this drop (as you’ve probably seen throughout my piece) is that the pricing remains remarkably down to earth. The YXSTABY collection hits Ikea stores and online starting October 1.</p><p>If you’re tired of sacrificing your living room to an RGB gaming den, this is the exact compromise you’ve been waiting for.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><strong></strong><a href="https://www.tomsguide.com/computing/toms-guide-computing-awards-2026-21-game-changing-laptops-desktops-and-peripherals"><strong>Tom’s Guide Computing Awards 2026: 21 game-changing laptops, desktops and peripherals</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable"><strong>I tested the $1,299 ROG Xbox Ally X20 — with that OLED display, the $300 price hike is surprisingly palatable</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/computing/monitors/i-just-went-eyes-on-with-the-worlds-fastest-oled-gaming-monitor-and-motion-blur-is-officially-dead"><strong>I just went eyes-on with the world’s fastest OLED gaming monitor — and motion blur is officially dead</strong></a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/i-sat-on-all-the-ikea-x-xbox-furniture-its-the-ultimate-stealth-gaming-upgrade</link>
                                                                            <description>
                            <![CDATA[ I tested the new Ikea x Xbox YXSTABY furniture collection at Gamescom. From a tilting thumbstick stool to stealth storage, here are my full impressions. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">vLg9MdiX8J4t4YEcmTScgS</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/xbQAceB9NTCFDAfQS5wqMF-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Thu, 27 Aug 2026 11:30:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming]]></category>
                                                    <category><![CDATA[Home]]></category>
                                                                                                                    <dc:creator><![CDATA[ Jason England ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/v4fSq5U4uZUEtGY2BwNuJ6.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Jason brings a decade of tech and gaming journalism experience to his role as a Managing Editor of Computing at Tom&#039;s Guide. He has previously written for Laptop Mag, Tom&#039;s Hardware, Kotaku, Stuff and BBC Science Focus. In his spare time, you&#039;ll find Jason looking for good dogs to pet or thinking about eating pizza if he isn&#039;t already.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/xbQAceB9NTCFDAfQS5wqMF-1280-80.jpg">
                                                            <media:credit><![CDATA[Future]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Ikea x Xbox YXSTABY]]></media:description>                                                            <media:text><![CDATA[Ikea x Xbox YXSTABY]]></media:text>
                                <media:title type="plain"><![CDATA[Ikea x Xbox YXSTABY]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/xbQAceB9NTCFDAfQS5wqMF-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>So Ikea and Xbox just dropped the 9-piece <a href="https://www.ikea.com/global/en/newsroom/collaborations/ikea-xbox-launch-the-yxstaby-collection-260826/" target="_blank" rel="nofollow">YXSTABY collection</a> at Gamescom, and I’ll be real — it might just be the smartest gaming furniture we’ve seen in years.</p><p>Normally, “gaming furniture” means angular plastic monstrosities, aggressive neon accents and enough RGB lighting to signal passing aircraft. But Ikea tied up with Xbox to take a completely different direction — focusing on muted tones and light wood finishes, and simple functionality. </p><p>All of it tucks subtle splashes of Xbox green away, and it’s all designed to let you transform a living space into a gaming setup, while cleaning and hiding it all away.</p><h2 id="the-star-of-the-show-the-thumbstick-stool">The star of the show: The thumbstick stool</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Z88bBqmZKcSLvZb7fNFWDF" name="Ikea x Xbox YXSTABY" alt="Ikea x Xbox YXSTABY" src="https://cdn.mos.cms.futurecdn.net/Z88bBqmZKcSLvZb7fNFWDF.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Xbox and Ikea actually used the original 3D design files for the Xbox controller’s analog stick to get the proportions and seating curve <em>just </em>right for the $50 thumb stick stool. But the most fascinating part to a fidgety person like me is that it actually moves.</p><p>The base is curved so it tilts in all directions while you sit on it — perfectly mimicking the movement of a real thumbstick. That being said, there is a legitimate benefit to this in being the ideal chair to lean into the on-screen action when you’re locking in.</p><p>And that textured grip around the edge of the joystick actually helps stop you from falling off. I’d be nervous if Xbox had gone for convex joystick heads at this moment!</p><h2 id="lounging-around-the-lounge-chair-and-the-d-pad-cushion">Lounging around: The lounge chair and the d-pad cushion</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="n4H4eDxXm8Sa8FSNX5XoFF" name="Ikea x Xbox YXSTABY" alt="Ikea x Xbox YXSTABY" src="https://cdn.mos.cms.futurecdn.net/n4H4eDxXm8Sa8FSNX5XoFF.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>If you’ve ever tried to fit a massive, <a href="https://www.tomsguide.com/gaming/gaming-peripherals/i-ditched-my-office-chair-for-the-razer-iskur-v2-newgen-and-it-finally-sold-me-on-gaming-chairs">racing-style gaming chair</a> into a dorm room or shared apartment, you know it instantly takes over the entire space. Instead, Ikea has focused on low-profile comfort and stealthy utility.</p><p>The lounge chair ($120) uses a cantilevered bouncy frame that’s designed to flex with you — just the right angle to lean back during comfy gaming sessions, while not leaning you back <em>too </em>much so you can lean forward and lock-in to that high-stakes multiplayer match.</p><p>On top of that, there’s a hidden storage pocket right underneath the seat to stash your controllers, and the fabric cover is completely removable and machine washable.</p><p>Then there’s the D-pad cushion completing the setup ($18). This plush throw is molded directly after the faceted Xbox directional buttons, and the perfect companion piece to the lounge chair… But not for the way you think.</p><p>You see, it’s definitely sneaking a subtle “if you know, you know” piece of gaming iconography into your decor, but the X shape is pretty ideal for resting on your lap for an ergonomic elbow stand for playing on a controller.</p><h2 id="stealth-storage-and-clever-upgrades">Stealth storage and clever upgrades</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="CrQuq9Z2k6bFaWrMZq4SAF" name="Ikea x Xbox YXSTABY" alt="Ikea x Xbox YXSTABY" src="https://cdn.mos.cms.futurecdn.net/CrQuq9Z2k6bFaWrMZq4SAF.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>And for anyone dealing with a cramped space, the stealthy storage options here are brilliant. </p><p>Whether it’s the rolling TV stand mounted on casters to moving your gear around ($150), the sleek wooden $35 toolbox that neatly stores all controllers and cables (but doubles as a laptop stand too), or the $18 D-pad platter — a stainless steel serving tray molded perfectly into the sunken cross shape of the directional buttons — you’ve got all you need to make the most of any space.</p><p>But in particular, shout-out to the neat coffee table organizer that is also on wheels, but has a nice homely feel to it to hide away your gaming peripherals.</p><h2 id="verdict-amp-availability">Verdict & availability</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="v3dzHCwYw39gjcCXNSjCoE" name="Ikea x Xbox YXSTABY" alt="Ikea x Xbox YXSTABY" src="https://cdn.mos.cms.futurecdn.net/v3dzHCwYw39gjcCXNSjCoE.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>But the best part about this drop (as you’ve probably seen throughout my piece) is that the pricing remains remarkably down to earth. The YXSTABY collection hits Ikea stores and online starting October 1.</p><p>If you’re tired of sacrificing your living room to an RGB gaming den, this is the exact compromise you’ve been waiting for.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><strong></strong><a href="https://www.tomsguide.com/computing/toms-guide-computing-awards-2026-21-game-changing-laptops-desktops-and-peripherals"><strong>Tom’s Guide Computing Awards 2026: 21 game-changing laptops, desktops and peripherals</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable"><strong>I tested the $1,299 ROG Xbox Ally X20 — with that OLED display, the $300 price hike is surprisingly palatable</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/computing/monitors/i-just-went-eyes-on-with-the-worlds-fastest-oled-gaming-monitor-and-motion-blur-is-officially-dead"><strong>I just went eyes-on with the world’s fastest OLED gaming monitor — and motion blur is officially dead</strong></a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ GTA 6 on Netflix LIVE — reactions to the extended gameplay for Grand Theft Auto VI ]]></title>
                                                                                                <dc:content><![CDATA[ <div class="live-content"><p>GTA 6 will soon be in our hands. Yet despite the most anticipated video game in history being fewer than 90 days away, we still know very little about Rockstar’s next open-world crime epic. But that’s about to change thanks to Grand Theft Auto VI: An Extended Look. </p><p>This special presentation premieres on Netflix at 3 p.m. ET / 8 p.m BST and promises our biggest look at GTA 6. Yes, it’s a little strange for a new trailer to debut on a streaming service, but GTA is such a juggernaut it can play by its own rules. It’s a near certainty that this Netflix event will be the very first time Rockstar publicly showcases GTA 6 gameplay.</p><p>With GTA 6 <a href="https://www.tomsguide.com/news/live/gta-6-pre-orders-news-and-live-updates">scheduled to launch on November 19</a> for PS5 and Xbox Series X (please, no more delays), the marketing machine is about to fire up. This Netflix event will be just the start of the Grand Theft Auto mania sure to sweep gaming circles. Here at Tom’s Guide, we’re also feeling the GTA 6 hype and are bringing you full coverage of the Netflix special.</p><p>So, whether you’ll be watching Grand Theft Auto VI: An Extended Look live or not, stick with us and we’ll guide you through the full presentation with updates before, during and after.</p><h3 class="article-body__section" id="section-how-to-watch-gta-6-netflix-event-live"><span>How to watch GTA 6 Netflix event live</span></h3><p>Grand Theft Auto VI: An Extended Look will stream <strong>live on Netflix at 3 p.m. ET / 8 p.m. BST</strong>. You will need an active Netflix subscription to tune into the special GTA 6 broadcast. Netflix does not offer a free trial. The cheapest plan (Standard with Ads) costs $8.99 / £5.99 per month.</p><p>If you don’t already have a Netflix account and aren’t willing to pay almost $10 just to watch the world’s first look at GTA 6 gameplay (which is understandable), the presentation will launch on the <strong>Rockstar Games YouTube channel at 9 p.m. ET / 2 a.m. BST (Aug. 28)</strong>.</p><h3 class="article-body__section" id="section-live-latest-updates"><span>Live: Latest updates</span></h3></div><div class="live-content"><time datetime="2026-08-27T09:07:08+00:00">August 27, 2026 – 5:07 AM</time><h2 id="welcome-2">Welcome!</h2><p>Good morning! Welcome to Tom’s Guide’s live coverage of the GTA 6 Netflix event, or to use its official name, Grand Theft Auto VI: An Extended Look. We’re several hours away from our biggest look at GTA 6 to date, and there’s plenty to talk about, so let’s get started.</p></div><div class="live-content"><time datetime="2026-08-27T11:20:25+00:00">August 27, 2026 – 7:20 AM</time><h2 id="what-is-the-gta-6-netflix-event">What is the GTA 6 Netflix event? </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="5K2aLtDpA6QJafCC2Ronu3" name="grand-theft-auto-6-live-blog-screenshot-14" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/5K2aLtDpA6QJafCC2Ronu3.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>If you’ve not been following the news cycle closely, you might be wondering what the deal is with the GTA 6 Netflix event. Well, in classic Rockstar fashion, the company is being pretty tight-lipped on the presentation. The announcement press release contained very few details beyond confirming its date/time. However, we know it’ll be our biggest look at GTA 6 yet, and it’ll almost certainly include proper GTA 6 gameplay, which we’ve yet to see <em>officially</em> so far.</p></div><div class="live-content"><time datetime="2026-08-27T11:39:41+00:00">August 27, 2026 – 7:39 AM</time><h2 id="do-you-remember-the-first-gta-5-gameplay-trailer">Do you remember the first GTA 5 gameplay trailer?</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/YrtCnL62pB8" allowfullscreen></iframe></div></div><p>Let’s take a brief walk down memory lane to get a sense of what the Grand Theft Auto VI: Extended Look might look like. Just over 13 years ago, Rockstar debuted the first gameplay trailer for GTA 5. Does that make anybody else feel extremely old? </p><p>This five-minute trailer is a slickly presented demo of everything the acclaimed game would offer, and I would expect today’s GTA 6 Netflix event to be somewhat similar. Of course, it’s likely to be longer than five minutes; I don’t think Rockstar would partner with Netflix for a simple five-minute trailer, but it’s fun to look back on how GTA 5’s marketing played out.</p></div><div class="live-content"><time datetime="2026-08-27T12:00:22+00:00">August 27, 2026 – 8:00 AM</time><h2 id="you-can-already-pre-order-gta-6">You can already pre-order GTA 6</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="eH7RR4giTiEGBKGCwpCJz3" name="grand-theft-auto-6-live-blog-screenshot-08" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/eH7RR4giTiEGBKGCwpCJz3.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>If you’re already totally sold on GTA 6, even before watching Netflix’s special event, you can already lock in your pre-order for launch. The floodgates opened back in June, and industry analysts indicate that GTA 6 is already setting sales records before it's even been released. </p><p>The game is available in either a standard edition ($79 / £69) or the Ultimate Edition ($99 / £89), with the latter including a bunch of extra in-game content. Physical collectors have been in an uproar that the boxed edition of the game doesn’t include a game disc; it’s just a code in the box. But if that doesn’t bother you, can you pre-order GTA 6 right now. </p><p><strong>Grand Theft Auto VI (PS5): </strong><a href="https://www.amazon.com/Grand-Theft-Auto-VI-PlayStation-Delivers/dp/B0H6K928WL/" target="_blank" rel="nofollow"><strong>$79 @ Amazon</strong></a></p><p><strong>Grand Theft Auto VI (Xbox): </strong><a href="https://www.amazon.co.uk/dp/B0H25SH979" target="_blank" rel="nofollow"><strong>$79 @ Amazon</strong></a></p><p><strong>Grand Theft Auto VI (PS5, Ultimate Edition): </strong><a href="https://store.playstation.com/en-us/concept/10000730" target="_blank" rel="nofollow"><strong>$99 @ PlayStation Store</strong></a></p><p><strong>Grand Theft Auto VI (Xbox, Ultimate Edition): </strong><a href="https://www.xbox.com/en-US/games/store/grand-theft-auto-vi-ultimate-edition/9nnzsnhlr63l" target="_blank" rel="nofollow"><strong>$99 @ Xbox Store</strong></a></p></div><div class="live-content"><time datetime="2026-08-27T12:20:07+00:00">August 27, 2026 – 8:20 AM</time><h2 id="gta-6-s-first-trailer-is-still-an-all-timer">GTA 6’s first trailer is still an all-timer</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/QdBZY2fkU-0" allowfullscreen></iframe></div></div><p>Back on December 4, 2023, Rockstar finally gave us the first trailer for GTA 6. Its development was hardly a secret, but this 90-second teaser confirmed a bunch of at-the-time rumored details, such as the Vice City setting (GTA’s satirical spin on Miami, Florida) and that the game would include the series first playable female protagonist in the single-player mode. Even more than two years later, this first trailer remains worth watching. </p></div><div class="live-content"><time datetime="2026-08-27T13:00:06+00:00">August 27, 2026 – 9:00 AM</time><h2 id="we-could-have-been-playing-gta-6-now">We could have been playing GTA 6 now</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="953VmBgkwt4gCYPSLNaNj3" name="grand-theft-auto-6-live-blog-screenshot-13" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/953VmBgkwt4gCYPSLNaNj3.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>In another timeline (a better timeline, in my opinion), we could have had GTA 6 in our hands right now. GTA 6 was initially announced for a 2025 release, but in May 2025, it was delayed into 2026. Rockstar offered a firm May 26, 2026 release date to soften this blow. </p><p>Even this proved too ambitious, because in November of last year, GTA 6 was shifted again to its current launch date of November 19, 2026. It’s been quite a road; let’s not forget GTA 5 launched in September 2013, but all signs point to this November date sticking. Fingers crossed, I didn’t just tempt fate there. Surely, GTA 6 won’t be delayed into 2027, right?</p></div><div class="live-content"><time datetime="2026-08-27T13:32:51+00:00">August 27, 2026 – 9:32 AM</time><h2 id="here-s-what-s-in-the-ultimate-edition-of-gta-6">Here’s what’s in the Ultimate Edition of GTA 6</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mpnygLmTapoVJz45ooUqsk" name="gta-6-ultimate-edition-boxart" alt="GTA 6 Ultimate Edition boxart on a blue background" src="https://cdn.mos.cms.futurecdn.net/mpnygLmTapoVJz45ooUqsk.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>I expect in the aftermath of today’s GTA 6 Netflix event, a whole bunch of gamers are going to go straight to their preferred retailer and lock in their pre-order. So, you might be wondering what’s in the GTA 6 Ultimate Edition to justify the $99 price tag. It’s actually quite a lot. Here’s the full list of digital goodies you get for that extra $20.<br><br>67 Vapid Dominator Buggy and Paradise Garage</p><p>’95 Grotti Cheetah sports car</p><p>Vehicles and Vapid Ganado Retro Build at Jason’s Safehouse</p><p>Vehicle Mod Shops</p><p>Classic Car Collection missions</p><p>Shitzu Squalo boat</p><p>Hawk & Little Morgan Revolver</p><p>Stock 305 Clothing Store</p><p>Sara’s Unisex Salon</p><p>Personalized Weapon Variants</p><p>PTT Youngin$ Compound and Scores</p><p>Vice City Styles for Jason and Lucia</p><p>Goodtime Gear</p><p>Electric Fang Tattoo</p><p>You can see screenshots of each item on the <a href="https://www.rockstargames.com/VI" target="_blank">GTA 6 website</a>, but in summary, it appears that if you want the <em>full</em> GTA 6 experience, you’ll have to cough up an extra $20. One other note: the Ultimate Edition is digital-only; there is no boxed version, not even a code-in-box option.</p></div><div class="live-content"><time datetime="2026-08-27T13:44:32+00:00">August 27, 2026 – 9:44 AM</time><h2 id="netflix-39-s-gta-6-event-runtime-will-be-26-minutes-long">Netflix's GTA 6 event runtime will be 26 minutes long</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5824px;"><p class="vanilla-image-block" style="padding-top:56.04%;"><img id="NM8FJCTDkqTP9cnNQU4e3H" name="GTA 6 event runtime" alt="The Netflix title card showing the GTA VI Extended Look runtime" src="https://cdn.mos.cms.futurecdn.net/NM8FJCTDkqTP9cnNQU4e3H.jpg" mos="" align="middle" fullscreen="" width="5824" height="3264" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Netflix / Tom Warren / Bluesky)</span></figcaption></figure><p>If you're wondering how much of your day to block off for Netflix's GTA 6 extended look today, we now have an answer. As spotted by Tom Warren, and <a href="https://bsky.app/profile/tomwarren.co.uk/post/3mu2vm7mpz22r" target="_blank">posted over on Bluesky</a>, the event will run for a total of 26 minutes.</p><p>This is easily our biggest look at the game and it means we're hopefully going to see a whole lot of the Vice City that players will be exploring when the game arrives in November. At nearly half an hour, it's almost certain we'll get our first official look at actual gameplay from Rockstar today.</p></div><div class="live-content"><time datetime="2026-08-27T13:54:52+00:00">August 27, 2026 – 9:54 AM</time><p><strong>GTA 6 will have a pre-order bonus (naturally)</strong></p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="wbmyQUww4VURhQpwLDfNB5" name="GTA 6 - Vintage Vice 1" alt="GTA 6" src="https://cdn.mos.cms.futurecdn.net/wbmyQUww4VURhQpwLDfNB5.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>It wouldn’t be gaming in the modern era without a pre-order bonus, and GTA 6 is not swerving this controversial trend. If you pre-order GTA 6, you get the Vintage Vice City Pack.</p><p>This DLC pack will be given to any player who buys the game before November 20 and offers '80s-themed outfits for both playable protagonists, Lucia and Jason, as well as an exclusive vehicle, the 1955 Vapid Stanier. Oh, and a Tropical Pattern Weapon Skin, which is quite clearly a cute tribute to the iconic shirt worn by GTA: Vice City’s Tommy Vercetti.</p></div><div class="live-content"><time datetime="2026-08-27T14:31:33+00:00">August 27, 2026 – 10:31 AM</time><h2 id="there-s-an-extra-gta-6-pre-order-perk">There’s an extra GTA 6 pre-order perk</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="huaZ9RQugUN6ajnWYc7FAG" name="gta-plus-logo" alt="GTA+ logo on a black background" src="https://cdn.mos.cms.futurecdn.net/huaZ9RQugUN6ajnWYc7FAG.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>Alongside the Vintage Vice City Pack, if you pre-order GTA 6 on digital storefronts (aka the PlayStation Store or Xbox Store), you'll get an additional freebie: one “free” month of GTA+. This service gives you access to some GTA Online bonuses and a library of classic Rockstar titles, including several fan-favorite GTA games and Red Dead Redemption.</p><p>There is one slight catch with this pre-order offer that you need to know about. After your free month of GTA+, your subscription will auto-renew at the standard price of $9 / £6 / AUS$11 per month. So, make sure you cancel after the free period, unless of course you end up enjoying the various GTA+ perks so much that you want to keep your subscription.</p></div><div class="live-content"><time datetime="2026-08-27T14:42:04+00:00">August 27, 2026 – 10:42 AM</time><h2 id="now-s-a-good-time-to-rewatch-the-second-gta-6-trailer">Now’s a good time to rewatch the second GTA 6 trailer</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/VQRLujxTm3c" allowfullscreen></iframe></div></div><p>While we’re waiting for the start of the GTA 6 Netflix event, watching the GTA 6 Trailer 2 is a good way to fill time until the showcase. Or at least, fill three minutes of it. After all, for now, it’s the longest look at Grand Theft Auto VI we’ve got. Set to the track “Hot Together” by The Pointer Sisters, it does a great job of setting the tone, introducing some of the key players, and most importantly, includes a brief look at the sort of mayhem players can cause. </p></div><div class="live-content"><time datetime="2026-08-27T14:51:58+00:00">August 27, 2026 – 10:51 AM</time><h2 id="will-we-see-anything-from-gta-online-today">Will we see anything from GTA Online today?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1024px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="zCj9e2nCzEKKqRnk9avHq5" name="EzlVUwMXMAICBei.jpg" alt="GTA 5 Online heists" src="https://cdn.mos.cms.futurecdn.net/v2/t:0,l:0,cw:1024,ch:576,q:80/zCj9e2nCzEKKqRnk9avHq5.jpg" mos="" align="middle" fullscreen="" width="1024" height="576" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar)</span></figcaption></figure><p>Much to my surprise, Rockstar has been extremely tight-lipped on how GTA 6 will impact its juggernaut GTA Online mode. I assumed a new version set in Vice City would launch on the same date, but at present, Rockstar is only talking about GTA 6’s single-player mode.</p><p>Of course, it's almost certain that there will be some form of GTA Online integration at some point. The mode is too popular and too much of a cash cow for Rockstar to abandon it, but at this stage, GTA 6 is being marketed exclusively as a single-player experience. </p><p>Internet theories abound, with some speculating that GTA Online will be spun off into a separate release, either as an extra purchase or made free-to-play. Perhaps today’s Netflix event will include details, or even just a little tease at how GTA 6 will incorporate online play.</p></div><div class="live-content"><time datetime="2026-08-27T15:01:45+00:00">August 27, 2026 – 11:01 AM</time><h2 id="tell-us-which-edition-of-gta-6-you-ve-pre-ordered">Tell us which edition of GTA 6 you’ve pre-ordered</h2><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-e4MZ4W"></div>                            </div>                            <script src="https://kwizly.com/embed/e4MZ4W.js" async></script><p>If you’ve already succumbed to the GTA 6 hype, tell us in the poll which edition has caught your eye. I haven't made my choice yet (there’s really no need to pre-order a digital product), but I'm leaning towards the Ultimate Edition because I want the full GTA 6 experience.</p></div><div class="live-content"><time datetime="2026-08-27T15:34:00+00:00">August 27, 2026 – 11:34 AM</time><h2 id="rockstar-has-confirmed-gta-6-pre-load-details">Rockstar has confirmed GTA 6 pre-load details</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HuYmZquoxR4eYwMAbuygD4" name="grand-theft-auto-6-live-blog-screenshot-07" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/HuYmZquoxR4eYwMAbuygD4.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>GTA 6 lands on November 19, but here's another date for your diary, November 12. That's the day that pre-loading begins, letting you download the full game well in advance. This means that the moment the game unlocks a week later, you can jump straight into Vice City.</p><p>Pre-loading is increasingly important in a gaming world where major titles often demand more than 100 GB of hard drive space, and with a game the size of GTA 6, I'm confident its install requirement will be measured in the triple digits. Could it even break 200 GB?</p><p>Don’t worry if you’re going for the code-in-box edition; you won’t be left out. Retailers will be shipping the game from November 12, so you can redeem the code and start pre-loading. Come November 19, you’ll want to be playing, not staring at a crawling download bar.</p></div><div class="live-content"><time datetime="2026-08-27T15:52:41+00:00">August 27, 2026 – 11:52 AM</time><p><strong>You will need a Netflix account to watch the GTA 6 event</strong></p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RJygYsXnhFaLdKr26vYD3W" name="TG_Netflix_logo_on_screen_with_flowers.jpg" alt="Netflix logo on a TV screen next to a vase of flowers" src="https://cdn.mos.cms.futurecdn.net/RJygYsXnhFaLdKr26vYD3W.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Shutterstock)</span></figcaption></figure><p>Don’t forget, if you want to watch the Grand Theft Auto VI: Extended Look live, you will need an active Netflix account. Usually, gaming events are broadcast on free platforms like YouTube and Twitch, but not in this case. Netflix has the exclusive rights for the premiere.</p><p>I don’t foresee many people signing up for Netflix solely to watch, but considering it’s the world’s biggest streaming service, millions of households will (fortunately) already have access. If you’re such a big GTA 6 fan that you <em>must </em>watch it live, the cheapest way to get Netflix is the Standard with Ads plan, which costs $8.99 per month. That’s a lot just to watch a trailer in my eyes, but hey, if you’ve got cash to burn, you can sign up below.</p><p><strong>Netflix (Standard w/ Ads): </strong><a href="https://www.netflix.com/" target="_blank" rel="nofollow"><strong>sign up for $8.99 here</strong></a></p></div><div class="live-content"><time datetime="2026-08-27T16:06:49+00:00">August 27, 2026 – 12:06 PM</time><p><strong>Or you could just wait a few hours</strong></p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="g7pCcWvcbm4oDBw7VjyLa4" name="grand-theft-auto-6-live-blog-screenshot-12" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/g7pCcWvcbm4oDBw7VjyLa4.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>Not willing to sign up for a streaming service you don’t need just to watch some GTA 6 gameplay? I don’t blame you! The good news is that if you have a little patience, the presentation will be heading to YouTube just a matter of hours after its Netflix debut. </p><p>Grand Theft Auto VI: An Extended Look will be uploaded to Rockstar's channel at 9 p.m. ET / 2 a.m. BST. If you’re not already a Netflix subscriber, my advice is definitely to wait till then. </p></div><div class="live-content"><time datetime="2026-08-27T16:30:03+00:00">August 27, 2026 – 12:30 PM</time><h2 id="less-than-three-hours-to-go">Less than three hours to go!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="oXsHuD9mZ6abBAZqjKd3c3" name="grand-theft-auto-6-live-blog-screenshot-04" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/oXsHuD9mZ6abBAZqjKd3c3.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>It’s not quite time to get your snacks prepared and boot up the Netflix stream, unless you’re extraordinarily eager, of course. But we’re now less than three hours away from the Grand Theft Auto VI: Extended Look. The hype is certainly building as the start time approaches.</p></div><div class="live-content"><time datetime="2026-08-27T16:40:09+00:00">August 27, 2026 – 12:40 PM</time><h2 id="meet-jason-and-lucia">Meet Jason and Lucia</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="BSXQWMauyAcuNNoeteXEpe" name="GTA 6 - Vintage Vice 2" alt="GTA 6" src="https://cdn.mos.cms.futurecdn.net/BSXQWMauyAcuNNoeteXEpe.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>Perhaps the aspect of GTA 6 that interests me most is the two playable protagonists: Jason Duval and Lucia Caminos. There’s more than a little Bonnie-and-Clyde about the pairing, a couple whose date nights consist of robbing banks and outrunning the law. </p><p>GTA has done multiple protagonists before; GTA 5 had a trio (Michael, Franklin and Trevor), but Jason and Lucia are intriguing because of their romantic dynamic, which should increase the stakes. You just know that if one betrays the other, it’s going to hit so much harder.</p><p>Plus, Lucia marks GTA’s first-ever playable female character in the single-player mode (GTA Online had playable female characters at launch). This was long overdue, and based on the trailers, it’s Lucia’s story that I’m most excited to explore when I get my hands on the game.</p></div><div class="live-content"><time datetime="2026-08-27T17:00:19+00:00">August 27, 2026 – 1:00 PM</time><h2 id="back-to-the-sun-soaked-streets-of-vice-city">Back to the sun-soaked streets of Vice City</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8rkB7eK7jswMfdGMf2dTs7" name="Vice_City_09" alt="GTA 6" src="https://cdn.mos.cms.futurecdn.net/8rkB7eK7jswMfdGMf2dTs7.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>GTA 6 will mark the series’ return to Vice City, the first time since 2002’s Grand Theft Auto: Vice City. It’s also the last of the mainline 3D GTA locations to get the HD treatment, following Liberty City in GTA 4 and Los Santos in GTA 5. Fans have been waiting years to step back into Vice City, and today’s Netflix event should give us a big look at the setting.</p><p>We also know that GTA 6’s map will stretch beyond just Vice City. Much like GTA 5’s map included Los Santos and the surrounding area of San Andreas (GTA’s stand-in for California), GTA 6 will take us to additional parts of Leonida, which is based on Florida.</p><p>I would love today’s showcase to reveal a second city location alongside Vice City. What about GTA’s satirical swipe at Orlando? Imagine GTA riffing on Disney World. But my guess is, much like in GTA 5, it will be a single city area surrounded by county outskirts.</p></div><div class="live-content"><time datetime="2026-08-27T17:20:05+00:00">August 27, 2026 – 1:20 PM</time><h2 id="i-m-hoping-there-could-be-framerate-details">I’m hoping there could be framerate details</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="s9NackdSrHE5Bf5XyHrvYH" name="Leonida_Keys_02" alt="GTA 6" src="https://cdn.mos.cms.futurecdn.net/s9NackdSrHE5Bf5XyHrvYH.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>Definitely file this one as more of a wish rather than an expectation, but I’d love today’s Netflix event to give us some details on GTA 6’s target framerate. My gut feeling is that a game with such a large scope will settle for 30 fps, but confirmation of a 60 fps mode would send my hype into overdrive. Perhaps it will be possible with the power of the PS5 Pro?</p><p>Though, as noted, I don’t expect that information to be revealed today. I predict the Extended Look will showcase gameplay rather than dive into technical specifications.</p></div><div class="live-content"><time datetime="2026-08-27T17:40:12+00:00">August 27, 2026 – 1:40 PM</time><h2 id="a-game-13-years-in-the-making">A game 13 years in the making</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HuYmZquoxR4eYwMAbuygD4" name="grand-theft-auto-6-live-blog-screenshot-07" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/HuYmZquoxR4eYwMAbuygD4.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>It’s surreal to think that it’s been 13 years since GTA 5’s launch. I was just about to start college when the game released, and now I’m in my 30s! It’s been a long wait for GTA 6, and while we still have a few months left until the final game is in our hands, this Netflix event should hopefully give us plenty to pore over to make that wait feel just a little bit shorter.</p><p>If you really want to put the gap between GTA 5 and GTA 6 into perspective, in 12 years, between 2001 and 2013, Rockstar released GTA 3, GTA: Vice City, GTA: San Andreas, GTA 4 and GTA 5, alongside several spin-off titles. We didn’t know how good we had it back then!</p></div><div class="live-content"><time datetime="2026-08-27T18:00:13+00:00">August 27, 2026 – 2:00 PM</time><h2 id="there-s-just-one-hour-until-showtime">There’s just one hour until showtime</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="qPiJikoREVUUPKtmZNZEte" name="gta-6-key-art.jpg" alt="Grand Theft Auto 6 artwork" src="https://cdn.mos.cms.futurecdn.net/qPiJikoREVUUPKtmZNZEte.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar)</span></figcaption></figure><p>Consider this your warning; there are just 60 minutes until the Grand Theft Auto VI: An Extended Look begins streaming on Netflix. Now is the time to make sure you have everything you need. Log in to your Netflix account and get all your snacks ready. </p><p>Don’t worry if you can’t watch along live; you’re in the right place for updates and reactions to the showcase. The countdown has truly started now; it won’t be long until showtime.</p></div><div class="live-content"><time datetime="2026-08-27T18:20:05+00:00">August 27, 2026 – 2:20 PM</time><h2 id="what-s-your-favorite-gta-game">What’s your favorite GTA game? </h2><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-OajQKX"></div>                            </div>                            <script src="https://kwizly.com/embed/OajQKX.js" async></script><p>Let me know in the poll above which GTA game is your personal favorite. For me, it’ll always be GTA 4. It brought the series into the HD era, which was transformative, and I have a real fondness for Niko Bellic, who I maintain is the franchise’s best protagonist to date. Its online component is also very underrated, even if it lacked the bells and whistles of GTA Online.</p></div><div class="live-content"><time datetime="2026-08-27T18:40:18+00:00">August 27, 2026 – 2:40 PM</time><h2 id="not-long-left-now-until-the-gta-6-netflix-event">Not long left now until the GTA 6 Netflix event</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1200px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="nNYq47owmBv2h9zgLSqhPf" name="gta-6-ultimate-edition" alt="gta 6 ultimate edition" src="https://cdn.mos.cms.futurecdn.net/nNYq47owmBv2h9zgLSqhPf.jpg" mos="" align="middle" fullscreen="" width="1200" height="675" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>I know I already warned you to make sure you had everything you needed for the GTA 6 Netflix event, but with just 20 minutes to go, now is your last chance to get prepared. Let me know in the comments what drinks and snacks you’ve got for the presentation. Grand Theft Auto: An Extended Look will arrive very soon; let’s just hope all this build-up was worth it!</p></div><div class="live-content"><time datetime="2026-08-27T19:02:06+00:00">August 27, 2026 – 3:02 PM</time><h2 id="here-we-go-grand-theft-auto-vi-an-extended-look-starts-now">Here we go, Grand Theft Auto VI: An Extended Look starts now</h2><p>Hey, it's Scott taking over for Rory to cover the event live for you. </p><p>It’s 8 pm ET, and that means it’s finally showtime. Grand Theft Auto VI: An Extended Look is streaming exclusively on Netflix right now. If you can’t get to a screen, fear not. I’m here through the whole event with the latest live updates. Now, over to you, Rockstar…</p></div><div class="live-content"><time datetime="2026-08-27T19:03:57+00:00">August 27, 2026 – 3:03 PM</time><h2 id="try-refreshing">Try refreshing</h2><p>The new trailer didn't immediately load for me. It took a few refreshes to get it to load up. </p><p>Might want to do that for yourself. </p></div><div class="live-content"><time datetime="2026-08-27T19:05:06+00:00">August 27, 2026 – 3:05 PM</time><h2 id="our-first-look-at-gta-vi-gameplay">Our first look at GTA VI gameplay</h2><p>So far, the trailer has the two main characters entering an apartment building that is also apparently a drug den.</p></div><div class="live-content"><time datetime="2026-08-27T19:06:15+00:00">August 27, 2026 – 3:06 PM</time><h2 id="brief-interactions">Brief interactions</h2><p>There we go. </p><p>Petting the dog and knocking on the door finally give us some actually controls and not just slow walking. </p><p>Lots of cutscene moments.</p></div><div class="live-content"><time datetime="2026-08-27T19:08:28+00:00">August 27, 2026 – 3:08 PM</time><h2 id="gunplay-against-the-cops">Gunplay against the cops</h2><p>I'm seeing the health bar, an ammo clip above guns in the upper right corner and an aiming reticule. The purple bar under the looks like the warning system.  </p></div><div class="live-content"><time datetime="2026-08-27T19:10:22+00:00">August 27, 2026 – 3:10 PM</time><h2 id="title-card">Title card</h2><p>Couple of clips show hijacking cars, looks pretty familiar. </p><p>How do the graphics look to you? </p></div><div class="live-content"><time datetime="2026-08-27T19:12:10+00:00">August 27, 2026 – 3:12 PM</time><h2 id="nice-we-39-ll-some-driving-now">Nice, we'll some driving now</h2><p>Got the map in the lower left corner. The convertible roof came down, I'm curious if that's something we can control in the car. </p></div><div class="live-content"><time datetime="2026-08-27T19:14:39+00:00">August 27, 2026 – 3:14 PM</time><h2 id="i-39-d-like-to-see-more-movement">I'd like to see more movement</h2><p>So far, the scenes we're seeing are mostly slow walks through crowded spaces leading to scripted moments.</p><p>We've seen some glimpses in quick-cut mini trailers, like sliding over the trunk of a car. Right now it seems really stiff. I'd like to know how fluid movement actually is. </p><p>I'm not asking for Sonic, but Sly Stallone lumbering isn't quite it either.</p></div><div class="live-content"><time datetime="2026-08-27T19:15:44+00:00">August 27, 2026 – 3:15 PM</time><h2 id="certainly-a-lot-of-costume-options">Certainly a lot of costume options</h2><p>Rockstar has promoted that you'll be able to swap outfits a ton in this game with thousands of clothing options. They're certainly showing off different items here.</p></div><div class="live-content"><time datetime="2026-08-27T19:18:02+00:00">August 27, 2026 – 3:18 PM</time><h2 id="hanging-out-of-the-car">Hanging out of the car</h2><p>Well, here's some action with Jason shooting cop cars out while hanging out of the back of the getaway car. </p><p>Maybe he should have been wrecked when Lucia hit the wall.</p></div><div class="live-content"><time datetime="2026-08-27T19:19:36+00:00">August 27, 2026 – 3:19 PM</time><h2 id="the-classic-stars">The classic stars</h2><p>The warning system goes up to 6 stars (1 more than GTA 5) and Jason and Lucia are sitting at 4 in this chase scene. </p><p>That was too brief of a look at the inventory system that they popped up to show off the molotov cocktail.</p></div><div class="live-content"><time datetime="2026-08-27T19:21:41+00:00">August 27, 2026 – 3:21 PM</time><h2 id="travel-and-minigames">Travel and minigames</h2><p>Kayaks, scuba diving, swimming, airboats look to be a few options for travel. </p><p>Looks like there will be plenty of minigames as they showed Lucia working out, Jason shooting hoops and more. </p></div><div class="live-content"><time datetime="2026-08-27T19:23:08+00:00">August 27, 2026 – 3:23 PM</time><h2 id="character-switching">Character switching</h2><p>I was curious to see how they would present switching characters. After Lucia parachuted off a skyscraper, a button showed up using R1 to swap between Lucia and Jason. </p><p>I wonder if it'll be locked depending on the scene or gameplay moment. </p></div><div class="live-content"><time datetime="2026-08-27T19:27:31+00:00">August 27, 2026 – 3:27 PM</time><h2 id="hints-at-the-story">Hints at the story</h2><p>Looks like Jason and Lucia will be all over the place in the game from criminals to security for coked out producers. </p><p>I did like the transition with the text messages between Lucia and Jason.</p></div><div class="live-content"><time datetime="2026-08-27T19:29:14+00:00">August 27, 2026 – 3:29 PM</time><h2 id="there-39-s-the-movement-i-wanted-to-see">There's the movement I wanted to see</h2><p>Jason in the firefight with the cleaning crew dressed heist gang finally showed some movement out of Jason. </p><p>Rolls, cover, hopping out of cover. Would like to see more of a transition from shooting to hand to hand.</p></div><div class="live-content"><time datetime="2026-08-27T19:29:55+00:00">August 27, 2026 – 3:29 PM</time><h2 id="and-that-it-39-s-for-the-extended-look">And that it's for the extended look</h2><p>The trailer just ended and said it was all captured on PS5, which makes sense. </p><p>What did you think?</p></div><div class="live-content"><time datetime="2026-08-27T19:36:08+00:00">August 27, 2026 – 3:36 PM</time><h2 id="mixed-reactions-to-the-trailer">Mixed reactions to the trailer</h2><p>I'm seeing mixed reactions online. Obviously, some people are pumped, but I've seen several comments saying it looks like GTA V with ray tracing. </p><p>"All that just to make a better looking gta V game that you can probably find a mod to make it look just like this."</p><p>Still, lots of people are calling it insane and saying that they won't play another game for a year after it comes out.</p></div><div class="live-content"><time datetime="2026-08-27T19:39:18+00:00">August 27, 2026 – 3:39 PM</time><h2 id="i-39-m-concerned-about-jason">I'm concerned about Jason</h2><p>One stranger on X said about Jason, "The main character guy sounds awful and has no personality at all. Nothing has made me laugh so far. Wtf is that voice? Some chat gpt writing smh." </p><p>I agree with them. The Jason voice acting seemed really flat in the trailer, which isn't boding well for a whole game.</p><p>Let me know your thoughts. Excited? Disappointed? </p></div><div class="live-content"><time datetime="2026-08-27T19:43:12+00:00">August 27, 2026 – 3:43 PM</time><h2 id="why-was-everything-so-slow">Why was everything so slow?</h2><p>I assume that gameplay will be fine but everything they showed today seemed so slow.</p><p>Walking was slow, the gunfights were slow, and Jason moves like the slasher not a human. I am curious if Lucia feels different when you swap to her but most of the trailer was from Jason's perspective or control. </p></div><div class="live-content"><time datetime="2026-08-27T19:47:52+00:00">August 27, 2026 – 3:47 PM</time><h2 id="what-tom-39-s-guiders-are-saying">What Tom's Guiders are saying</h2><p>Don't let my doom and gloom slow you down.</p><p>Others at TG are very excited. My colleague Jason England says the atmosphere oozes out of the screen and the world feels alive.</p><p>Arif Bacchus said it seems like there's more to do when you're in between missions, like the full-blown racetrack. "GTA Forza!" they said.</p></div><div class="live-content"><time datetime="2026-08-27T19:53:40+00:00">August 27, 2026 – 3:53 PM</time><h2 id="missed-it">Missed it?</h2><p>Hey, did you miss the show or don't have Netflix? </p><p>Don't worry, Rockstar Games will host the trailer on <a href="https://www.youtube.com/rockstargames" target="_blank">its YouTube channel</a> starting tomorrow (Aug. 29) at 9 p.m. ET/2 a.m. BST.</p></div><div class="live-content"><time datetime="2026-08-27T20:05:19+00:00">August 27, 2026 – 4:05 PM</time><h2 id="that-39-s-a-wrap">That's a wrap</h2><p>More will come in the next couple of months and we'll have a review of the GTA VI when the game launches in November. </p><p>Be sure to keep Tom's Guide in your tabs and we'll let you know how the next Grand Theft Auto is shaping up.</p></div> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/news/live/gta-6-netflix-event-2026-live-latest-updates</link>
                                                                            <description>
                            <![CDATA[ Netflix and Rockstar have teamed up for GTA 6: An Extended Look, and we’ve got all the latest updates and live coverage of this event ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">6SYcTXMz9CBSDXR6kR9N8T</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/qgGrM4BKpnG3s4SGXabHfi-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Thu, 27 Aug 2026 11:00:28 +0000</pubDate>                                                                                                                                <updated>Thu, 27 Aug 2026 22:47:34 +0000</updated>
                                                                                                                                            <category><![CDATA[Netflix]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                    <category><![CDATA[Entertainment]]></category>
                                                    <category><![CDATA[Streaming]]></category>
                                                                                                <author><![CDATA[ rory.mellon@futurenet.com (Rory Mellon) ]]></author>                    <dc:creator><![CDATA[ Rory Mellon ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5Rv6LtQXMj5JB4Eu8Lt4Sn.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                        <dc:contributor><![CDATA[ Tony Polanco ]]></dc:contributor>
                                            <dc:contributor><![CDATA[ Scott Younker ]]></dc:contributor>
                                                                    <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/qgGrM4BKpnG3s4SGXabHfi-1280-80.jpg">
                                                            <media:credit><![CDATA[Rockstar Games / Netflix]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[GTA 6 and Netflix logos on a Vice City background alongside lead characters Lucia and Jason]]></media:description>                                                            <media:text><![CDATA[GTA 6 and Netflix logos on a Vice City background alongside lead characters Lucia and Jason]]></media:text>
                                <media:title type="plain"><![CDATA[GTA 6 and Netflix logos on a Vice City background alongside lead characters Lucia and Jason]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/qgGrM4BKpnG3s4SGXabHfi-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <div class="live-content"><p>GTA 6 will soon be in our hands. Yet despite the most anticipated video game in history being fewer than 90 days away, we still know very little about Rockstar’s next open-world crime epic. But that’s about to change thanks to Grand Theft Auto VI: An Extended Look. </p><p>This special presentation premieres on Netflix at 3 p.m. ET / 8 p.m BST and promises our biggest look at GTA 6. Yes, it’s a little strange for a new trailer to debut on a streaming service, but GTA is such a juggernaut it can play by its own rules. It’s a near certainty that this Netflix event will be the very first time Rockstar publicly showcases GTA 6 gameplay.</p><p>With GTA 6 <a href="https://www.tomsguide.com/news/live/gta-6-pre-orders-news-and-live-updates">scheduled to launch on November 19</a> for PS5 and Xbox Series X (please, no more delays), the marketing machine is about to fire up. This Netflix event will be just the start of the Grand Theft Auto mania sure to sweep gaming circles. Here at Tom’s Guide, we’re also feeling the GTA 6 hype and are bringing you full coverage of the Netflix special.</p><p>So, whether you’ll be watching Grand Theft Auto VI: An Extended Look live or not, stick with us and we’ll guide you through the full presentation with updates before, during and after.</p><h3 class="article-body__section" id="section-how-to-watch-gta-6-netflix-event-live"><span>How to watch GTA 6 Netflix event live</span></h3><p>Grand Theft Auto VI: An Extended Look will stream <strong>live on Netflix at 3 p.m. ET / 8 p.m. BST</strong>. You will need an active Netflix subscription to tune into the special GTA 6 broadcast. Netflix does not offer a free trial. The cheapest plan (Standard with Ads) costs $8.99 / £5.99 per month.</p><p>If you don’t already have a Netflix account and aren’t willing to pay almost $10 just to watch the world’s first look at GTA 6 gameplay (which is understandable), the presentation will launch on the <strong>Rockstar Games YouTube channel at 9 p.m. ET / 2 a.m. BST (Aug. 28)</strong>.</p><h3 class="article-body__section" id="section-live-latest-updates"><span>Live: Latest updates</span></h3></div><div class="live-content"><time datetime="2026-08-27T09:07:08+00:00">August 27, 2026 – 5:07 AM</time><h2 id="welcome-2">Welcome!</h2><p>Good morning! Welcome to Tom’s Guide’s live coverage of the GTA 6 Netflix event, or to use its official name, Grand Theft Auto VI: An Extended Look. We’re several hours away from our biggest look at GTA 6 to date, and there’s plenty to talk about, so let’s get started.</p></div><div class="live-content"><time datetime="2026-08-27T11:20:25+00:00">August 27, 2026 – 7:20 AM</time><h2 id="what-is-the-gta-6-netflix-event">What is the GTA 6 Netflix event? </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="5K2aLtDpA6QJafCC2Ronu3" name="grand-theft-auto-6-live-blog-screenshot-14" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/5K2aLtDpA6QJafCC2Ronu3.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>If you’ve not been following the news cycle closely, you might be wondering what the deal is with the GTA 6 Netflix event. Well, in classic Rockstar fashion, the company is being pretty tight-lipped on the presentation. The announcement press release contained very few details beyond confirming its date/time. However, we know it’ll be our biggest look at GTA 6 yet, and it’ll almost certainly include proper GTA 6 gameplay, which we’ve yet to see <em>officially</em> so far.</p></div><div class="live-content"><time datetime="2026-08-27T11:39:41+00:00">August 27, 2026 – 7:39 AM</time><h2 id="do-you-remember-the-first-gta-5-gameplay-trailer">Do you remember the first GTA 5 gameplay trailer?</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/YrtCnL62pB8" allowfullscreen></iframe></div></div><p>Let’s take a brief walk down memory lane to get a sense of what the Grand Theft Auto VI: Extended Look might look like. Just over 13 years ago, Rockstar debuted the first gameplay trailer for GTA 5. Does that make anybody else feel extremely old? </p><p>This five-minute trailer is a slickly presented demo of everything the acclaimed game would offer, and I would expect today’s GTA 6 Netflix event to be somewhat similar. Of course, it’s likely to be longer than five minutes; I don’t think Rockstar would partner with Netflix for a simple five-minute trailer, but it’s fun to look back on how GTA 5’s marketing played out.</p></div><div class="live-content"><time datetime="2026-08-27T12:00:22+00:00">August 27, 2026 – 8:00 AM</time><h2 id="you-can-already-pre-order-gta-6">You can already pre-order GTA 6</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="eH7RR4giTiEGBKGCwpCJz3" name="grand-theft-auto-6-live-blog-screenshot-08" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/eH7RR4giTiEGBKGCwpCJz3.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>If you’re already totally sold on GTA 6, even before watching Netflix’s special event, you can already lock in your pre-order for launch. The floodgates opened back in June, and industry analysts indicate that GTA 6 is already setting sales records before it's even been released. </p><p>The game is available in either a standard edition ($79 / £69) or the Ultimate Edition ($99 / £89), with the latter including a bunch of extra in-game content. Physical collectors have been in an uproar that the boxed edition of the game doesn’t include a game disc; it’s just a code in the box. But if that doesn’t bother you, can you pre-order GTA 6 right now. </p><p><strong>Grand Theft Auto VI (PS5): </strong><a href="https://www.amazon.com/Grand-Theft-Auto-VI-PlayStation-Delivers/dp/B0H6K928WL/" target="_blank" rel="nofollow"><strong>$79 @ Amazon</strong></a></p><p><strong>Grand Theft Auto VI (Xbox): </strong><a href="https://www.amazon.co.uk/dp/B0H25SH979" target="_blank" rel="nofollow"><strong>$79 @ Amazon</strong></a></p><p><strong>Grand Theft Auto VI (PS5, Ultimate Edition): </strong><a href="https://store.playstation.com/en-us/concept/10000730" target="_blank" rel="nofollow"><strong>$99 @ PlayStation Store</strong></a></p><p><strong>Grand Theft Auto VI (Xbox, Ultimate Edition): </strong><a href="https://www.xbox.com/en-US/games/store/grand-theft-auto-vi-ultimate-edition/9nnzsnhlr63l" target="_blank" rel="nofollow"><strong>$99 @ Xbox Store</strong></a></p></div><div class="live-content"><time datetime="2026-08-27T12:20:07+00:00">August 27, 2026 – 8:20 AM</time><h2 id="gta-6-s-first-trailer-is-still-an-all-timer">GTA 6’s first trailer is still an all-timer</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/QdBZY2fkU-0" allowfullscreen></iframe></div></div><p>Back on December 4, 2023, Rockstar finally gave us the first trailer for GTA 6. Its development was hardly a secret, but this 90-second teaser confirmed a bunch of at-the-time rumored details, such as the Vice City setting (GTA’s satirical spin on Miami, Florida) and that the game would include the series first playable female protagonist in the single-player mode. Even more than two years later, this first trailer remains worth watching. </p></div><div class="live-content"><time datetime="2026-08-27T13:00:06+00:00">August 27, 2026 – 9:00 AM</time><h2 id="we-could-have-been-playing-gta-6-now">We could have been playing GTA 6 now</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="953VmBgkwt4gCYPSLNaNj3" name="grand-theft-auto-6-live-blog-screenshot-13" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/953VmBgkwt4gCYPSLNaNj3.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>In another timeline (a better timeline, in my opinion), we could have had GTA 6 in our hands right now. GTA 6 was initially announced for a 2025 release, but in May 2025, it was delayed into 2026. Rockstar offered a firm May 26, 2026 release date to soften this blow. </p><p>Even this proved too ambitious, because in November of last year, GTA 6 was shifted again to its current launch date of November 19, 2026. It’s been quite a road; let’s not forget GTA 5 launched in September 2013, but all signs point to this November date sticking. Fingers crossed, I didn’t just tempt fate there. Surely, GTA 6 won’t be delayed into 2027, right?</p></div><div class="live-content"><time datetime="2026-08-27T13:32:51+00:00">August 27, 2026 – 9:32 AM</time><h2 id="here-s-what-s-in-the-ultimate-edition-of-gta-6">Here’s what’s in the Ultimate Edition of GTA 6</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mpnygLmTapoVJz45ooUqsk" name="gta-6-ultimate-edition-boxart" alt="GTA 6 Ultimate Edition boxart on a blue background" src="https://cdn.mos.cms.futurecdn.net/mpnygLmTapoVJz45ooUqsk.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>I expect in the aftermath of today’s GTA 6 Netflix event, a whole bunch of gamers are going to go straight to their preferred retailer and lock in their pre-order. So, you might be wondering what’s in the GTA 6 Ultimate Edition to justify the $99 price tag. It’s actually quite a lot. Here’s the full list of digital goodies you get for that extra $20.<br><br>67 Vapid Dominator Buggy and Paradise Garage</p><p>’95 Grotti Cheetah sports car</p><p>Vehicles and Vapid Ganado Retro Build at Jason’s Safehouse</p><p>Vehicle Mod Shops</p><p>Classic Car Collection missions</p><p>Shitzu Squalo boat</p><p>Hawk & Little Morgan Revolver</p><p>Stock 305 Clothing Store</p><p>Sara’s Unisex Salon</p><p>Personalized Weapon Variants</p><p>PTT Youngin$ Compound and Scores</p><p>Vice City Styles for Jason and Lucia</p><p>Goodtime Gear</p><p>Electric Fang Tattoo</p><p>You can see screenshots of each item on the <a href="https://www.rockstargames.com/VI" target="_blank">GTA 6 website</a>, but in summary, it appears that if you want the <em>full</em> GTA 6 experience, you’ll have to cough up an extra $20. One other note: the Ultimate Edition is digital-only; there is no boxed version, not even a code-in-box option.</p></div><div class="live-content"><time datetime="2026-08-27T13:44:32+00:00">August 27, 2026 – 9:44 AM</time><h2 id="netflix-39-s-gta-6-event-runtime-will-be-26-minutes-long">Netflix's GTA 6 event runtime will be 26 minutes long</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5824px;"><p class="vanilla-image-block" style="padding-top:56.04%;"><img id="NM8FJCTDkqTP9cnNQU4e3H" name="GTA 6 event runtime" alt="The Netflix title card showing the GTA VI Extended Look runtime" src="https://cdn.mos.cms.futurecdn.net/NM8FJCTDkqTP9cnNQU4e3H.jpg" mos="" align="middle" fullscreen="" width="5824" height="3264" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Netflix / Tom Warren / Bluesky)</span></figcaption></figure><p>If you're wondering how much of your day to block off for Netflix's GTA 6 extended look today, we now have an answer. As spotted by Tom Warren, and <a href="https://bsky.app/profile/tomwarren.co.uk/post/3mu2vm7mpz22r" target="_blank">posted over on Bluesky</a>, the event will run for a total of 26 minutes.</p><p>This is easily our biggest look at the game and it means we're hopefully going to see a whole lot of the Vice City that players will be exploring when the game arrives in November. At nearly half an hour, it's almost certain we'll get our first official look at actual gameplay from Rockstar today.</p></div><div class="live-content"><time datetime="2026-08-27T13:54:52+00:00">August 27, 2026 – 9:54 AM</time><p><strong>GTA 6 will have a pre-order bonus (naturally)</strong></p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="wbmyQUww4VURhQpwLDfNB5" name="GTA 6 - Vintage Vice 1" alt="GTA 6" src="https://cdn.mos.cms.futurecdn.net/wbmyQUww4VURhQpwLDfNB5.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>It wouldn’t be gaming in the modern era without a pre-order bonus, and GTA 6 is not swerving this controversial trend. If you pre-order GTA 6, you get the Vintage Vice City Pack.</p><p>This DLC pack will be given to any player who buys the game before November 20 and offers '80s-themed outfits for both playable protagonists, Lucia and Jason, as well as an exclusive vehicle, the 1955 Vapid Stanier. Oh, and a Tropical Pattern Weapon Skin, which is quite clearly a cute tribute to the iconic shirt worn by GTA: Vice City’s Tommy Vercetti.</p></div><div class="live-content"><time datetime="2026-08-27T14:31:33+00:00">August 27, 2026 – 10:31 AM</time><h2 id="there-s-an-extra-gta-6-pre-order-perk">There’s an extra GTA 6 pre-order perk</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="huaZ9RQugUN6ajnWYc7FAG" name="gta-plus-logo" alt="GTA+ logo on a black background" src="https://cdn.mos.cms.futurecdn.net/huaZ9RQugUN6ajnWYc7FAG.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>Alongside the Vintage Vice City Pack, if you pre-order GTA 6 on digital storefronts (aka the PlayStation Store or Xbox Store), you'll get an additional freebie: one “free” month of GTA+. This service gives you access to some GTA Online bonuses and a library of classic Rockstar titles, including several fan-favorite GTA games and Red Dead Redemption.</p><p>There is one slight catch with this pre-order offer that you need to know about. After your free month of GTA+, your subscription will auto-renew at the standard price of $9 / £6 / AUS$11 per month. So, make sure you cancel after the free period, unless of course you end up enjoying the various GTA+ perks so much that you want to keep your subscription.</p></div><div class="live-content"><time datetime="2026-08-27T14:42:04+00:00">August 27, 2026 – 10:42 AM</time><h2 id="now-s-a-good-time-to-rewatch-the-second-gta-6-trailer">Now’s a good time to rewatch the second GTA 6 trailer</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/VQRLujxTm3c" allowfullscreen></iframe></div></div><p>While we’re waiting for the start of the GTA 6 Netflix event, watching the GTA 6 Trailer 2 is a good way to fill time until the showcase. Or at least, fill three minutes of it. After all, for now, it’s the longest look at Grand Theft Auto VI we’ve got. Set to the track “Hot Together” by The Pointer Sisters, it does a great job of setting the tone, introducing some of the key players, and most importantly, includes a brief look at the sort of mayhem players can cause. </p></div><div class="live-content"><time datetime="2026-08-27T14:51:58+00:00">August 27, 2026 – 10:51 AM</time><h2 id="will-we-see-anything-from-gta-online-today">Will we see anything from GTA Online today?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1024px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="zCj9e2nCzEKKqRnk9avHq5" name="EzlVUwMXMAICBei.jpg" alt="GTA 5 Online heists" src="https://cdn.mos.cms.futurecdn.net/v2/t:0,l:0,cw:1024,ch:576,q:80/zCj9e2nCzEKKqRnk9avHq5.jpg" mos="" align="middle" fullscreen="" width="1024" height="576" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar)</span></figcaption></figure><p>Much to my surprise, Rockstar has been extremely tight-lipped on how GTA 6 will impact its juggernaut GTA Online mode. I assumed a new version set in Vice City would launch on the same date, but at present, Rockstar is only talking about GTA 6’s single-player mode.</p><p>Of course, it's almost certain that there will be some form of GTA Online integration at some point. The mode is too popular and too much of a cash cow for Rockstar to abandon it, but at this stage, GTA 6 is being marketed exclusively as a single-player experience. </p><p>Internet theories abound, with some speculating that GTA Online will be spun off into a separate release, either as an extra purchase or made free-to-play. Perhaps today’s Netflix event will include details, or even just a little tease at how GTA 6 will incorporate online play.</p></div><div class="live-content"><time datetime="2026-08-27T15:01:45+00:00">August 27, 2026 – 11:01 AM</time><h2 id="tell-us-which-edition-of-gta-6-you-ve-pre-ordered">Tell us which edition of GTA 6 you’ve pre-ordered</h2><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-e4MZ4W"></div>                            </div>                            <script src="https://kwizly.com/embed/e4MZ4W.js" async></script><p>If you’ve already succumbed to the GTA 6 hype, tell us in the poll which edition has caught your eye. I haven't made my choice yet (there’s really no need to pre-order a digital product), but I'm leaning towards the Ultimate Edition because I want the full GTA 6 experience.</p></div><div class="live-content"><time datetime="2026-08-27T15:34:00+00:00">August 27, 2026 – 11:34 AM</time><h2 id="rockstar-has-confirmed-gta-6-pre-load-details">Rockstar has confirmed GTA 6 pre-load details</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HuYmZquoxR4eYwMAbuygD4" name="grand-theft-auto-6-live-blog-screenshot-07" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/HuYmZquoxR4eYwMAbuygD4.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>GTA 6 lands on November 19, but here's another date for your diary, November 12. That's the day that pre-loading begins, letting you download the full game well in advance. This means that the moment the game unlocks a week later, you can jump straight into Vice City.</p><p>Pre-loading is increasingly important in a gaming world where major titles often demand more than 100 GB of hard drive space, and with a game the size of GTA 6, I'm confident its install requirement will be measured in the triple digits. Could it even break 200 GB?</p><p>Don’t worry if you’re going for the code-in-box edition; you won’t be left out. Retailers will be shipping the game from November 12, so you can redeem the code and start pre-loading. Come November 19, you’ll want to be playing, not staring at a crawling download bar.</p></div><div class="live-content"><time datetime="2026-08-27T15:52:41+00:00">August 27, 2026 – 11:52 AM</time><p><strong>You will need a Netflix account to watch the GTA 6 event</strong></p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RJygYsXnhFaLdKr26vYD3W" name="TG_Netflix_logo_on_screen_with_flowers.jpg" alt="Netflix logo on a TV screen next to a vase of flowers" src="https://cdn.mos.cms.futurecdn.net/RJygYsXnhFaLdKr26vYD3W.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Shutterstock)</span></figcaption></figure><p>Don’t forget, if you want to watch the Grand Theft Auto VI: Extended Look live, you will need an active Netflix account. Usually, gaming events are broadcast on free platforms like YouTube and Twitch, but not in this case. Netflix has the exclusive rights for the premiere.</p><p>I don’t foresee many people signing up for Netflix solely to watch, but considering it’s the world’s biggest streaming service, millions of households will (fortunately) already have access. If you’re such a big GTA 6 fan that you <em>must </em>watch it live, the cheapest way to get Netflix is the Standard with Ads plan, which costs $8.99 per month. That’s a lot just to watch a trailer in my eyes, but hey, if you’ve got cash to burn, you can sign up below.</p><p><strong>Netflix (Standard w/ Ads): </strong><a href="https://www.netflix.com/" target="_blank" rel="nofollow"><strong>sign up for $8.99 here</strong></a></p></div><div class="live-content"><time datetime="2026-08-27T16:06:49+00:00">August 27, 2026 – 12:06 PM</time><p><strong>Or you could just wait a few hours</strong></p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="g7pCcWvcbm4oDBw7VjyLa4" name="grand-theft-auto-6-live-blog-screenshot-12" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/g7pCcWvcbm4oDBw7VjyLa4.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>Not willing to sign up for a streaming service you don’t need just to watch some GTA 6 gameplay? I don’t blame you! The good news is that if you have a little patience, the presentation will be heading to YouTube just a matter of hours after its Netflix debut. </p><p>Grand Theft Auto VI: An Extended Look will be uploaded to Rockstar's channel at 9 p.m. ET / 2 a.m. BST. If you’re not already a Netflix subscriber, my advice is definitely to wait till then. </p></div><div class="live-content"><time datetime="2026-08-27T16:30:03+00:00">August 27, 2026 – 12:30 PM</time><h2 id="less-than-three-hours-to-go">Less than three hours to go!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="oXsHuD9mZ6abBAZqjKd3c3" name="grand-theft-auto-6-live-blog-screenshot-04" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/oXsHuD9mZ6abBAZqjKd3c3.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>It’s not quite time to get your snacks prepared and boot up the Netflix stream, unless you’re extraordinarily eager, of course. But we’re now less than three hours away from the Grand Theft Auto VI: Extended Look. The hype is certainly building as the start time approaches.</p></div><div class="live-content"><time datetime="2026-08-27T16:40:09+00:00">August 27, 2026 – 12:40 PM</time><h2 id="meet-jason-and-lucia">Meet Jason and Lucia</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="BSXQWMauyAcuNNoeteXEpe" name="GTA 6 - Vintage Vice 2" alt="GTA 6" src="https://cdn.mos.cms.futurecdn.net/BSXQWMauyAcuNNoeteXEpe.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>Perhaps the aspect of GTA 6 that interests me most is the two playable protagonists: Jason Duval and Lucia Caminos. There’s more than a little Bonnie-and-Clyde about the pairing, a couple whose date nights consist of robbing banks and outrunning the law. </p><p>GTA has done multiple protagonists before; GTA 5 had a trio (Michael, Franklin and Trevor), but Jason and Lucia are intriguing because of their romantic dynamic, which should increase the stakes. You just know that if one betrays the other, it’s going to hit so much harder.</p><p>Plus, Lucia marks GTA’s first-ever playable female character in the single-player mode (GTA Online had playable female characters at launch). This was long overdue, and based on the trailers, it’s Lucia’s story that I’m most excited to explore when I get my hands on the game.</p></div><div class="live-content"><time datetime="2026-08-27T17:00:19+00:00">August 27, 2026 – 1:00 PM</time><h2 id="back-to-the-sun-soaked-streets-of-vice-city">Back to the sun-soaked streets of Vice City</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8rkB7eK7jswMfdGMf2dTs7" name="Vice_City_09" alt="GTA 6" src="https://cdn.mos.cms.futurecdn.net/8rkB7eK7jswMfdGMf2dTs7.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>GTA 6 will mark the series’ return to Vice City, the first time since 2002’s Grand Theft Auto: Vice City. It’s also the last of the mainline 3D GTA locations to get the HD treatment, following Liberty City in GTA 4 and Los Santos in GTA 5. Fans have been waiting years to step back into Vice City, and today’s Netflix event should give us a big look at the setting.</p><p>We also know that GTA 6’s map will stretch beyond just Vice City. Much like GTA 5’s map included Los Santos and the surrounding area of San Andreas (GTA’s stand-in for California), GTA 6 will take us to additional parts of Leonida, which is based on Florida.</p><p>I would love today’s showcase to reveal a second city location alongside Vice City. What about GTA’s satirical swipe at Orlando? Imagine GTA riffing on Disney World. But my guess is, much like in GTA 5, it will be a single city area surrounded by county outskirts.</p></div><div class="live-content"><time datetime="2026-08-27T17:20:05+00:00">August 27, 2026 – 1:20 PM</time><h2 id="i-m-hoping-there-could-be-framerate-details">I’m hoping there could be framerate details</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="s9NackdSrHE5Bf5XyHrvYH" name="Leonida_Keys_02" alt="GTA 6" src="https://cdn.mos.cms.futurecdn.net/s9NackdSrHE5Bf5XyHrvYH.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>Definitely file this one as more of a wish rather than an expectation, but I’d love today’s Netflix event to give us some details on GTA 6’s target framerate. My gut feeling is that a game with such a large scope will settle for 30 fps, but confirmation of a 60 fps mode would send my hype into overdrive. Perhaps it will be possible with the power of the PS5 Pro?</p><p>Though, as noted, I don’t expect that information to be revealed today. I predict the Extended Look will showcase gameplay rather than dive into technical specifications.</p></div><div class="live-content"><time datetime="2026-08-27T17:40:12+00:00">August 27, 2026 – 1:40 PM</time><h2 id="a-game-13-years-in-the-making">A game 13 years in the making</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="HuYmZquoxR4eYwMAbuygD4" name="grand-theft-auto-6-live-blog-screenshot-07" alt="Grand Theft Auto VI official screenshot" src="https://cdn.mos.cms.futurecdn.net/HuYmZquoxR4eYwMAbuygD4.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>It’s surreal to think that it’s been 13 years since GTA 5’s launch. I was just about to start college when the game released, and now I’m in my 30s! It’s been a long wait for GTA 6, and while we still have a few months left until the final game is in our hands, this Netflix event should hopefully give us plenty to pore over to make that wait feel just a little bit shorter.</p><p>If you really want to put the gap between GTA 5 and GTA 6 into perspective, in 12 years, between 2001 and 2013, Rockstar released GTA 3, GTA: Vice City, GTA: San Andreas, GTA 4 and GTA 5, alongside several spin-off titles. We didn’t know how good we had it back then!</p></div><div class="live-content"><time datetime="2026-08-27T18:00:13+00:00">August 27, 2026 – 2:00 PM</time><h2 id="there-s-just-one-hour-until-showtime">There’s just one hour until showtime</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="qPiJikoREVUUPKtmZNZEte" name="gta-6-key-art.jpg" alt="Grand Theft Auto 6 artwork" src="https://cdn.mos.cms.futurecdn.net/qPiJikoREVUUPKtmZNZEte.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar)</span></figcaption></figure><p>Consider this your warning; there are just 60 minutes until the Grand Theft Auto VI: An Extended Look begins streaming on Netflix. Now is the time to make sure you have everything you need. Log in to your Netflix account and get all your snacks ready. </p><p>Don’t worry if you can’t watch along live; you’re in the right place for updates and reactions to the showcase. The countdown has truly started now; it won’t be long until showtime.</p></div><div class="live-content"><time datetime="2026-08-27T18:20:05+00:00">August 27, 2026 – 2:20 PM</time><h2 id="what-s-your-favorite-gta-game">What’s your favorite GTA game? </h2><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-OajQKX"></div>                            </div>                            <script src="https://kwizly.com/embed/OajQKX.js" async></script><p>Let me know in the poll above which GTA game is your personal favorite. For me, it’ll always be GTA 4. It brought the series into the HD era, which was transformative, and I have a real fondness for Niko Bellic, who I maintain is the franchise’s best protagonist to date. Its online component is also very underrated, even if it lacked the bells and whistles of GTA Online.</p></div><div class="live-content"><time datetime="2026-08-27T18:40:18+00:00">August 27, 2026 – 2:40 PM</time><h2 id="not-long-left-now-until-the-gta-6-netflix-event">Not long left now until the GTA 6 Netflix event</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1200px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="nNYq47owmBv2h9zgLSqhPf" name="gta-6-ultimate-edition" alt="gta 6 ultimate edition" src="https://cdn.mos.cms.futurecdn.net/nNYq47owmBv2h9zgLSqhPf.jpg" mos="" align="middle" fullscreen="" width="1200" height="675" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Rockstar Games)</span></figcaption></figure><p>I know I already warned you to make sure you had everything you needed for the GTA 6 Netflix event, but with just 20 minutes to go, now is your last chance to get prepared. Let me know in the comments what drinks and snacks you’ve got for the presentation. Grand Theft Auto: An Extended Look will arrive very soon; let’s just hope all this build-up was worth it!</p></div><div class="live-content"><time datetime="2026-08-27T19:02:06+00:00">August 27, 2026 – 3:02 PM</time><h2 id="here-we-go-grand-theft-auto-vi-an-extended-look-starts-now">Here we go, Grand Theft Auto VI: An Extended Look starts now</h2><p>Hey, it's Scott taking over for Rory to cover the event live for you. </p><p>It’s 8 pm ET, and that means it’s finally showtime. Grand Theft Auto VI: An Extended Look is streaming exclusively on Netflix right now. If you can’t get to a screen, fear not. I’m here through the whole event with the latest live updates. Now, over to you, Rockstar…</p></div><div class="live-content"><time datetime="2026-08-27T19:03:57+00:00">August 27, 2026 – 3:03 PM</time><h2 id="try-refreshing">Try refreshing</h2><p>The new trailer didn't immediately load for me. It took a few refreshes to get it to load up. </p><p>Might want to do that for yourself. </p></div><div class="live-content"><time datetime="2026-08-27T19:05:06+00:00">August 27, 2026 – 3:05 PM</time><h2 id="our-first-look-at-gta-vi-gameplay">Our first look at GTA VI gameplay</h2><p>So far, the trailer has the two main characters entering an apartment building that is also apparently a drug den.</p></div><div class="live-content"><time datetime="2026-08-27T19:06:15+00:00">August 27, 2026 – 3:06 PM</time><h2 id="brief-interactions">Brief interactions</h2><p>There we go. </p><p>Petting the dog and knocking on the door finally give us some actually controls and not just slow walking. </p><p>Lots of cutscene moments.</p></div><div class="live-content"><time datetime="2026-08-27T19:08:28+00:00">August 27, 2026 – 3:08 PM</time><h2 id="gunplay-against-the-cops">Gunplay against the cops</h2><p>I'm seeing the health bar, an ammo clip above guns in the upper right corner and an aiming reticule. The purple bar under the looks like the warning system.  </p></div><div class="live-content"><time datetime="2026-08-27T19:10:22+00:00">August 27, 2026 – 3:10 PM</time><h2 id="title-card">Title card</h2><p>Couple of clips show hijacking cars, looks pretty familiar. </p><p>How do the graphics look to you? </p></div><div class="live-content"><time datetime="2026-08-27T19:12:10+00:00">August 27, 2026 – 3:12 PM</time><h2 id="nice-we-39-ll-some-driving-now">Nice, we'll some driving now</h2><p>Got the map in the lower left corner. The convertible roof came down, I'm curious if that's something we can control in the car. </p></div><div class="live-content"><time datetime="2026-08-27T19:14:39+00:00">August 27, 2026 – 3:14 PM</time><h2 id="i-39-d-like-to-see-more-movement">I'd like to see more movement</h2><p>So far, the scenes we're seeing are mostly slow walks through crowded spaces leading to scripted moments.</p><p>We've seen some glimpses in quick-cut mini trailers, like sliding over the trunk of a car. Right now it seems really stiff. I'd like to know how fluid movement actually is. </p><p>I'm not asking for Sonic, but Sly Stallone lumbering isn't quite it either.</p></div><div class="live-content"><time datetime="2026-08-27T19:15:44+00:00">August 27, 2026 – 3:15 PM</time><h2 id="certainly-a-lot-of-costume-options">Certainly a lot of costume options</h2><p>Rockstar has promoted that you'll be able to swap outfits a ton in this game with thousands of clothing options. They're certainly showing off different items here.</p></div><div class="live-content"><time datetime="2026-08-27T19:18:02+00:00">August 27, 2026 – 3:18 PM</time><h2 id="hanging-out-of-the-car">Hanging out of the car</h2><p>Well, here's some action with Jason shooting cop cars out while hanging out of the back of the getaway car. </p><p>Maybe he should have been wrecked when Lucia hit the wall.</p></div><div class="live-content"><time datetime="2026-08-27T19:19:36+00:00">August 27, 2026 – 3:19 PM</time><h2 id="the-classic-stars">The classic stars</h2><p>The warning system goes up to 6 stars (1 more than GTA 5) and Jason and Lucia are sitting at 4 in this chase scene. </p><p>That was too brief of a look at the inventory system that they popped up to show off the molotov cocktail.</p></div><div class="live-content"><time datetime="2026-08-27T19:21:41+00:00">August 27, 2026 – 3:21 PM</time><h2 id="travel-and-minigames">Travel and minigames</h2><p>Kayaks, scuba diving, swimming, airboats look to be a few options for travel. </p><p>Looks like there will be plenty of minigames as they showed Lucia working out, Jason shooting hoops and more. </p></div><div class="live-content"><time datetime="2026-08-27T19:23:08+00:00">August 27, 2026 – 3:23 PM</time><h2 id="character-switching">Character switching</h2><p>I was curious to see how they would present switching characters. After Lucia parachuted off a skyscraper, a button showed up using R1 to swap between Lucia and Jason. </p><p>I wonder if it'll be locked depending on the scene or gameplay moment. </p></div><div class="live-content"><time datetime="2026-08-27T19:27:31+00:00">August 27, 2026 – 3:27 PM</time><h2 id="hints-at-the-story">Hints at the story</h2><p>Looks like Jason and Lucia will be all over the place in the game from criminals to security for coked out producers. </p><p>I did like the transition with the text messages between Lucia and Jason.</p></div><div class="live-content"><time datetime="2026-08-27T19:29:14+00:00">August 27, 2026 – 3:29 PM</time><h2 id="there-39-s-the-movement-i-wanted-to-see">There's the movement I wanted to see</h2><p>Jason in the firefight with the cleaning crew dressed heist gang finally showed some movement out of Jason. </p><p>Rolls, cover, hopping out of cover. Would like to see more of a transition from shooting to hand to hand.</p></div><div class="live-content"><time datetime="2026-08-27T19:29:55+00:00">August 27, 2026 – 3:29 PM</time><h2 id="and-that-it-39-s-for-the-extended-look">And that it's for the extended look</h2><p>The trailer just ended and said it was all captured on PS5, which makes sense. </p><p>What did you think?</p></div><div class="live-content"><time datetime="2026-08-27T19:36:08+00:00">August 27, 2026 – 3:36 PM</time><h2 id="mixed-reactions-to-the-trailer">Mixed reactions to the trailer</h2><p>I'm seeing mixed reactions online. Obviously, some people are pumped, but I've seen several comments saying it looks like GTA V with ray tracing. </p><p>"All that just to make a better looking gta V game that you can probably find a mod to make it look just like this."</p><p>Still, lots of people are calling it insane and saying that they won't play another game for a year after it comes out.</p></div><div class="live-content"><time datetime="2026-08-27T19:39:18+00:00">August 27, 2026 – 3:39 PM</time><h2 id="i-39-m-concerned-about-jason">I'm concerned about Jason</h2><p>One stranger on X said about Jason, "The main character guy sounds awful and has no personality at all. Nothing has made me laugh so far. Wtf is that voice? Some chat gpt writing smh." </p><p>I agree with them. The Jason voice acting seemed really flat in the trailer, which isn't boding well for a whole game.</p><p>Let me know your thoughts. Excited? Disappointed? </p></div><div class="live-content"><time datetime="2026-08-27T19:43:12+00:00">August 27, 2026 – 3:43 PM</time><h2 id="why-was-everything-so-slow">Why was everything so slow?</h2><p>I assume that gameplay will be fine but everything they showed today seemed so slow.</p><p>Walking was slow, the gunfights were slow, and Jason moves like the slasher not a human. I am curious if Lucia feels different when you swap to her but most of the trailer was from Jason's perspective or control. </p></div><div class="live-content"><time datetime="2026-08-27T19:47:52+00:00">August 27, 2026 – 3:47 PM</time><h2 id="what-tom-39-s-guiders-are-saying">What Tom's Guiders are saying</h2><p>Don't let my doom and gloom slow you down.</p><p>Others at TG are very excited. My colleague Jason England says the atmosphere oozes out of the screen and the world feels alive.</p><p>Arif Bacchus said it seems like there's more to do when you're in between missions, like the full-blown racetrack. "GTA Forza!" they said.</p></div><div class="live-content"><time datetime="2026-08-27T19:53:40+00:00">August 27, 2026 – 3:53 PM</time><h2 id="missed-it">Missed it?</h2><p>Hey, did you miss the show or don't have Netflix? </p><p>Don't worry, Rockstar Games will host the trailer on <a href="https://www.youtube.com/rockstargames" target="_blank">its YouTube channel</a> starting tomorrow (Aug. 29) at 9 p.m. ET/2 a.m. BST.</p></div><div class="live-content"><time datetime="2026-08-27T20:05:19+00:00">August 27, 2026 – 4:05 PM</time><h2 id="that-39-s-a-wrap">That's a wrap</h2><p>More will come in the next couple of months and we'll have a review of the GTA VI when the game launches in November. </p><p>Be sure to keep Tom's Guide in your tabs and we'll let you know how the next Grand Theft Auto is shaping up.</p></div>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I just played Elden Ring on Nintendo Switch 2 — and I’ll never touch the Steam Deck OLED version again ]]></title>
                                                                                                <dc:content><![CDATA[ <p>If you need another excuse to (re)play the GOTY-conquering <a href="https://www.tomsguide.com/reviews/elden-ring">Elden Ring</a>, here comes the Tarnished Edition on <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review">Nintendo Switch 2</a>, which brings FromSoftware’s open-world masterpiece to the Nintendo platform for the first time. And after getting early access to this new version of the game, I’ve completely fallen down the Elden Ring rabbit hole all over again.</p><p>If you’ll indulge my nostalgia for a moment, it remains surreal to me that we live in an age where games of Elden Ring’s scale and scope are playable on handheld devices. I recall when portable gaming meant stripped-back multi-platform releases or smaller titles designed to suit the hardware limitations. Not anymore. Now you can play a massive action-RPG like Elden Ring on a plane, at the beach, or literally anywhere else.</p><p>Of course, this isn’t the first time that Elden Ring has been made available on a portable device. The game was already “verified” for the <a href="https://www.tomsguide.com/reviews/steam-deck-review-the-nintendo-switch-for-adults">Steam Deck</a> and playable on multiple <a href="https://www.tomsguide.com/round-up/best-handheld-gaming-consoles">handheld gaming consoles</a>. But having now experienced Elden Ring: Tarnished Edition on Nintendo Switch 2, I think this might be the best portable version of the modern classic. </p><div class="product"><a data-dimension112="31f315f0-9ca4-11f1-a58d-3fa21afc4dc7" data-action="Deal Block" data-label="Tarnished Edition" data-dimension48="Tarnished Edition" data-dimension25="$79" href="https://www.amazon.com/ELDEN-RING-Tarnished-Nintendo-Switch-2/dp/B0GWGF8KFC" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:930px;"><p class="vanilla-image-block" style="padding-top:161.29%;"><img id="mJ3KuSnSEFHdDEHsAW4jFe" name="elden-ring-switch-2-box-na" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/mJ3KuSnSEFHdDEHsAW4jFe.jpg" mos="" align="middle" fullscreen="" width="930" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Elden Ring: Tarnished Edition brings the GOTY-winning open-world action-RPG to the Switch 2. It includes the full original game and the Shadow of the Edtree Expansion. From the developer of Dark Souls, Elden Ring is a challenging but highly rewarding experience packed with memorable locations and tough-as-nails bosses. It's a must-play on Switch 2.<a class="view-deal button" href="https://www.amazon.com/ELDEN-RING-Tarnished-Nintendo-Switch-2/dp/B0GWGF8KFC" target="_blank" rel="nofollow" data-dimension112="31f315f0-9ca4-11f1-a58d-3fa21afc4dc7" data-action="Deal Block" data-label="Tarnished Edition" data-dimension48="Tarnished Edition" data-dimension25="$79">View Deal</a></p></div><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-eEqEKe"></div>                            </div>                            <script src="https://kwizly.com/embed/eEqEKe.js" async></script><h2 id="elden-ring-on-switch-2-looks-excellent-and-runs-well-too">Elden Ring on Switch 2 looks excellent, and runs well too</h2><iframe allow="" height="338" width="100%" id="" style="" class="position-center" data-lazy-priority="low" data-lazy-src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=86f38d4e-9cb5-11f1-ba1b-0e6f42328d7d"></iframe><p>When I got my <a href="https://www.tomsguide.com/reviews/steam-deck-oled">Steam Deck OLED</a> in late 2024, Elden Ring was one of the very first games I installed. After all, it was my personal GOTY in 2022, and the game that <a href="https://www.tomsguide.com/opinion/im-a-souls-skeptic-heres-how-elden-ring-won-me-over">truly sold me on the Soulslike genre</a> (which I’m now <em>obsessed </em>with). I couldn’t wait to play it on a portable device. </p><p>While Elden Ring is certainly very playable on the Steam Deck OLED with default settings, I did find the low image resolution a little jarring. Not deal-breaking by any means, but not quite sharp enough for my tastes. Which is why when I stepped into the Lands Between for the first time in the Tarnished Edition on Switch 2, I had a true “wow” moment. </p><p>I wouldn’t go as far as declaring it matches the image quality you’ll find on <a href="https://www.tomsguide.com/reviews/ps5">PS5</a>, <a href="https://www.tomsguide.com/reviews/xbox-series-x">Xbox Series X</a> or one of the <a href="https://www.tomsguide.com/us/best-gaming-pc,review-2219.html">best gaming PCs</a>, but it’s a noticeable step up from what I experienced on the Steam Deck OLED. Looking out over the intro zone of Limgrave, textures weren't as fuzzy in the distance, and the imposing figure of the Tree Sentinel had significantly increased definition.</p><iframe allow="" height="338" width="100%" id="" style="" class="position-center" data-lazy-priority="low" data-lazy-src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=d5ed649c-9cb5-11f1-ba1b-0e6f42328d7d"></iframe><p>When Elden Ring: Tarnished Edition was first showcased to the public at Gamescom 2025, <a href="https://www.youtube.com/watch?v=f-bWgUgYJGE" target="_blank">reports weren't very encouraging</a>, and the game was delayed into 2026, presumably for additional polish. It seems that extra development time was worthwhile, because Elden Ring on Switch 2 looks great in handheld mode — which is where it needed to shine the most. </p><p>The framerate on Switch 2 appears to be targeting 30 fps, and while I’m a staunch believer in 60 fps supremacy, I can accept 30 fps if it’s solid. And fortunately, so far, that has been the case in the Tarnished Edition. I’m still making my way through the early portion, so perhaps deeper into the game, when the bosses get bigger and have more elaborate move sets, the Switch 2’s framerate will buckle, but from what I’ve played, it’s keeping up. </p><p>In comparison, Elden Ring on the Steam Deck OLED (again, in default settings) targets a slightly higher 40 fps, but the drawback here is that it’s very unstable. Regular enemy mobs can cause the framerate tumble down towards the 30 fps mark, or even lower. It’s a matter of personal preference, but I’d take a locked 30 fps over a temperamental 40 fps. </p><h2 id="tarnished-edition-is-the-full-elden-ring-package-at-a-fair-price">Tarnished Edition is the full Elden Ring package at a fair price</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/S-Zb8dDP22w" allowfullscreen></iframe></div></div><p>It’s also worth noting that Elden Ring: Tarnished Edition is the <em>full</em> experience. It offers the complete base game and the equally essential <a href="https://www.tomsguide.com/gaming/elden-ring-shadow-of-the-erdtree-review">Shadow of the Erdtree</a> expansion, plus a small smattering of new content, including two new classes (Heavy Knight and Idus Knight), four additional armor sets, and three skins for Torrent, your trusty steed. </p><p>This new content isn’t exclusive to Switch 2; you can pick it up on other platforms as part of the Tarnished Pack DLC, which drops on the same day the game comes to Switch 2 (August 28), for the modest price of $5. But it’s a nice little perk that it’s included as standard on Nintendo Switch 2. </p><p>I’ve seen some online grumbling about the Tarnished Edition’s $79 price tag, but this is comparable to the Elden Ring + Shadow of the Erdtree bundle on other storefronts like Steam. Plus, when you factor in that the Tarnished Pack is included at no extra cost, you actually save $5!</p><p>For your money, you’re getting one of the defining games of this current generation, playable at home on your TV or on the go via the Switch 2’s handheld mode. That’s a great value proposition, in my eyes. Elden Ring is a truly special game, and I’m delighted that it looks and runs so well on Switch 2. I didn’t need an excuse to embark on yet <em>another </em>Elden Ring playthrough, but I’m delighted the Tarnished Edition has given me one.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/nintendo/lies-of-p-nintendo-switch-2-review">The game I’ve been obsessed with for 3 years is now on Switch 2</a></li><li><a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">Best Nintendo Switch 2 games in 2026</a></li><li><a href="https://www.tomsguide.com/gaming/nintendo/so-you-just-got-a-nintendo-switch-2-heres-5-essential-tips-you-need-to-know-before-you-start-playing">5 essential Nintendo Switch 2 tips you need to know</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/nintendo/i-just-played-elden-ring-on-nintendo-switch-2-and-ill-never-touch-the-steam-deck-oled-version-again</link>
                                                                            <description>
                            <![CDATA[ Elden Ring: Tarnished Edition brings the award-winning RPG to the Switch 2, and it's the best portable version of the game I've played. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">VXRkNxo7FxPNeQgEkV3b6C</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/qPpKoUcPDWZvgpbM8SudB4-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Wed, 26 Aug 2026 14:00:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Nintendo]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ rory.mellon@futurenet.com (Rory Mellon) ]]></author>                    <dc:creator><![CDATA[ Rory Mellon ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5Rv6LtQXMj5JB4Eu8Lt4Sn.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/qPpKoUcPDWZvgpbM8SudB4-1280-80.jpg">
                                                            <media:credit><![CDATA[Future / Tom&amp;#39;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[A Nintendo Switch 2 on a table playing Elden Ring: Tarnished Edition]]></media:description>                                                            <media:text><![CDATA[A Nintendo Switch 2 on a table playing Elden Ring: Tarnished Edition]]></media:text>
                                <media:title type="plain"><![CDATA[A Nintendo Switch 2 on a table playing Elden Ring: Tarnished Edition]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/qPpKoUcPDWZvgpbM8SudB4-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>If you need another excuse to (re)play the GOTY-conquering <a href="https://www.tomsguide.com/reviews/elden-ring">Elden Ring</a>, here comes the Tarnished Edition on <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review">Nintendo Switch 2</a>, which brings FromSoftware’s open-world masterpiece to the Nintendo platform for the first time. And after getting early access to this new version of the game, I’ve completely fallen down the Elden Ring rabbit hole all over again.</p><p>If you’ll indulge my nostalgia for a moment, it remains surreal to me that we live in an age where games of Elden Ring’s scale and scope are playable on handheld devices. I recall when portable gaming meant stripped-back multi-platform releases or smaller titles designed to suit the hardware limitations. Not anymore. Now you can play a massive action-RPG like Elden Ring on a plane, at the beach, or literally anywhere else.</p><p>Of course, this isn’t the first time that Elden Ring has been made available on a portable device. The game was already “verified” for the <a href="https://www.tomsguide.com/reviews/steam-deck-review-the-nintendo-switch-for-adults">Steam Deck</a> and playable on multiple <a href="https://www.tomsguide.com/round-up/best-handheld-gaming-consoles">handheld gaming consoles</a>. But having now experienced Elden Ring: Tarnished Edition on Nintendo Switch 2, I think this might be the best portable version of the modern classic. </p><div class="product"><a data-dimension112="31f315f0-9ca4-11f1-a58d-3fa21afc4dc7" data-action="Deal Block" data-label="Tarnished Edition" data-dimension48="Tarnished Edition" data-dimension25="$79" href="https://www.amazon.com/ELDEN-RING-Tarnished-Nintendo-Switch-2/dp/B0GWGF8KFC" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:930px;"><p class="vanilla-image-block" style="padding-top:161.29%;"><img id="mJ3KuSnSEFHdDEHsAW4jFe" name="elden-ring-switch-2-box-na" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/mJ3KuSnSEFHdDEHsAW4jFe.jpg" mos="" align="middle" fullscreen="" width="930" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Elden Ring: Tarnished Edition brings the GOTY-winning open-world action-RPG to the Switch 2. It includes the full original game and the Shadow of the Edtree Expansion. From the developer of Dark Souls, Elden Ring is a challenging but highly rewarding experience packed with memorable locations and tough-as-nails bosses. It's a must-play on Switch 2.<a class="view-deal button" href="https://www.amazon.com/ELDEN-RING-Tarnished-Nintendo-Switch-2/dp/B0GWGF8KFC" target="_blank" rel="nofollow" data-dimension112="31f315f0-9ca4-11f1-a58d-3fa21afc4dc7" data-action="Deal Block" data-label="Tarnished Edition" data-dimension48="Tarnished Edition" data-dimension25="$79">View Deal</a></p></div><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-eEqEKe"></div>                            </div>                            <script src="https://kwizly.com/embed/eEqEKe.js" async></script><h2 id="elden-ring-on-switch-2-looks-excellent-and-runs-well-too">Elden Ring on Switch 2 looks excellent, and runs well too</h2><iframe allow="" height="338" width="100%" id="" style="" class="position-center" data-lazy-priority="low" data-lazy-src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=86f38d4e-9cb5-11f1-ba1b-0e6f42328d7d"></iframe><p>When I got my <a href="https://www.tomsguide.com/reviews/steam-deck-oled">Steam Deck OLED</a> in late 2024, Elden Ring was one of the very first games I installed. After all, it was my personal GOTY in 2022, and the game that <a href="https://www.tomsguide.com/opinion/im-a-souls-skeptic-heres-how-elden-ring-won-me-over">truly sold me on the Soulslike genre</a> (which I’m now <em>obsessed </em>with). I couldn’t wait to play it on a portable device. </p><p>While Elden Ring is certainly very playable on the Steam Deck OLED with default settings, I did find the low image resolution a little jarring. Not deal-breaking by any means, but not quite sharp enough for my tastes. Which is why when I stepped into the Lands Between for the first time in the Tarnished Edition on Switch 2, I had a true “wow” moment. </p><p>I wouldn’t go as far as declaring it matches the image quality you’ll find on <a href="https://www.tomsguide.com/reviews/ps5">PS5</a>, <a href="https://www.tomsguide.com/reviews/xbox-series-x">Xbox Series X</a> or one of the <a href="https://www.tomsguide.com/us/best-gaming-pc,review-2219.html">best gaming PCs</a>, but it’s a noticeable step up from what I experienced on the Steam Deck OLED. Looking out over the intro zone of Limgrave, textures weren't as fuzzy in the distance, and the imposing figure of the Tree Sentinel had significantly increased definition.</p><iframe allow="" height="338" width="100%" id="" style="" class="position-center" data-lazy-priority="low" data-lazy-src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=d5ed649c-9cb5-11f1-ba1b-0e6f42328d7d"></iframe><p>When Elden Ring: Tarnished Edition was first showcased to the public at Gamescom 2025, <a href="https://www.youtube.com/watch?v=f-bWgUgYJGE" target="_blank">reports weren't very encouraging</a>, and the game was delayed into 2026, presumably for additional polish. It seems that extra development time was worthwhile, because Elden Ring on Switch 2 looks great in handheld mode — which is where it needed to shine the most. </p><p>The framerate on Switch 2 appears to be targeting 30 fps, and while I’m a staunch believer in 60 fps supremacy, I can accept 30 fps if it’s solid. And fortunately, so far, that has been the case in the Tarnished Edition. I’m still making my way through the early portion, so perhaps deeper into the game, when the bosses get bigger and have more elaborate move sets, the Switch 2’s framerate will buckle, but from what I’ve played, it’s keeping up. </p><p>In comparison, Elden Ring on the Steam Deck OLED (again, in default settings) targets a slightly higher 40 fps, but the drawback here is that it’s very unstable. Regular enemy mobs can cause the framerate tumble down towards the 30 fps mark, or even lower. It’s a matter of personal preference, but I’d take a locked 30 fps over a temperamental 40 fps. </p><h2 id="tarnished-edition-is-the-full-elden-ring-package-at-a-fair-price">Tarnished Edition is the full Elden Ring package at a fair price</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/S-Zb8dDP22w" allowfullscreen></iframe></div></div><p>It’s also worth noting that Elden Ring: Tarnished Edition is the <em>full</em> experience. It offers the complete base game and the equally essential <a href="https://www.tomsguide.com/gaming/elden-ring-shadow-of-the-erdtree-review">Shadow of the Erdtree</a> expansion, plus a small smattering of new content, including two new classes (Heavy Knight and Idus Knight), four additional armor sets, and three skins for Torrent, your trusty steed. </p><p>This new content isn’t exclusive to Switch 2; you can pick it up on other platforms as part of the Tarnished Pack DLC, which drops on the same day the game comes to Switch 2 (August 28), for the modest price of $5. But it’s a nice little perk that it’s included as standard on Nintendo Switch 2. </p><p>I’ve seen some online grumbling about the Tarnished Edition’s $79 price tag, but this is comparable to the Elden Ring + Shadow of the Erdtree bundle on other storefronts like Steam. Plus, when you factor in that the Tarnished Pack is included at no extra cost, you actually save $5!</p><p>For your money, you’re getting one of the defining games of this current generation, playable at home on your TV or on the go via the Switch 2’s handheld mode. That’s a great value proposition, in my eyes. Elden Ring is a truly special game, and I’m delighted that it looks and runs so well on Switch 2. I didn’t need an excuse to embark on yet <em>another </em>Elden Ring playthrough, but I’m delighted the Tarnished Edition has given me one.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/gaming/nintendo/lies-of-p-nintendo-switch-2-review">The game I’ve been obsessed with for 3 years is now on Switch 2</a></li><li><a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">Best Nintendo Switch 2 games in 2026</a></li><li><a href="https://www.tomsguide.com/gaming/nintendo/so-you-just-got-a-nintendo-switch-2-heres-5-essential-tips-you-need-to-know-before-you-start-playing">5 essential Nintendo Switch 2 tips you need to know</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I tested the $1,299 ROG Xbox Ally X20 — with that OLED display, the $300 price hike is surprisingly palatable ]]></title>
                                                                                                <dc:content><![CDATA[ <p>I’ll be real. When I saw the <a href="https://www.tomsguide.com/gaming/handheld-gaming/asus-rog-xbox-ally-x20-hands-on-review">ROG Xbox Ally X20</a> at <a href="https://www.tomsguide.com/computing/best-of-computex-2026">Computex 2026</a>, and saw how Asus was dodging the questions of price like an Elden Ring player panic-rolling through a boss fight, I braced myself for the worst.</p><p>But then the news broke here at Gamescom — you can pre-order one now for $1,299 standalone, and it’s set to launch on October 15th. Now, after seeing how the supreme <a href="https://www.tomsguide.com/gaming/handheld-gaming/msi-claw-8-ex-ai-plus-review">MSI Claw 8 EX AI+</a> with Intel <a href="https://www.tomsguide.com/gaming/handheld-gaming/watch-out-amd-intels-arc-g3-and-arc-g3-extreme-handheld-chips-expected-for-computex-reveal">Arc G3 Extreme</a> came in at nearly two thousand dollars, this actually is not <em>that </em>bad.</p><p>Yes, it’s $300 more. But after getting more hands-on time with this “Edition 20” transparent facelift (which looks seriously slick to a nerd like me) and its glorious OLED panel, dare I say I’m starting to feel this could be kind of a worthwhile premium handheld.</p><h2 id="performance-and-power">Performance and Power</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="97brn7cdn8eXwea9hDfyFg" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/97brn7cdn8eXwea9hDfyFg.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Well, from the start, it’s the same core performance specs: AMD Ryzen AI Z2 Extreme, 24GB of LPDDR5X RAM and a 1TB SSD, which is all fueled by an 80Wh battery inside.</p><p>Don’t get me wrong — Intel well and truly has AMD’s number in this area. We’re still waiting for an upgraded FSR to come to the Ryzen AI Z2 Extreme, while Team Blue steams ahead with XeSS 3 multi-frame generation. </p><p>But every frame counts and with that higher sustained TDP thanks to the evolved internal cooling system to combat the OLED panel’s heat sensitivity, you’re getting noticeably more bang for your buck. 1080p 60 FPS at medium settings on Forza Horizon 6 is absolutely possible for example.</p><h2 id="oled-perfection-no-more-glare">OLED perfection (no more glare)</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="xoraw9SvC7nRZuwSe8HC8g" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/xoraw9SvC7nRZuwSe8HC8g.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>A gaming handheld is just as much about its screen as it is about everything else, and that 7.4-inch ROG Nebula HDR OLED 120Hz VRR panel is quite the canvas for your games. With a dazzling 1,400-nit peak brightness, picture quality survived even under the harsh spotlights of the demo room I was in.</p><p>All the games I played are a pure flash flood of color — whizzing on by with an excellent contrast ratio to really provide some inky blacks and really bring a title to life in a way that your standard IPS panels can’t match.</p><h2 id="curing-the-drift">Curing the drift</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="pntfZHjSHjMY4hA4oNgdFg" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/pntfZHjSHjMY4hA4oNgdFg.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Then there’s the ergonomic uplifts too. My thoughts are already clear on the record that the ROG Xbox Ally is the most comfortable handheld I’ve ever used with the contoured controller arms making it a joy to play on.</p><p>But with the X20, Asus has upgraded a few things across the board — including magnetic TMR joysticks that track magnets instead of physical contacts (effectively eliminating joystick wear and tear). On top of that, the bumpers have been reshaped for better grip, the ABXY buttons are subtly more domed than before and there are rubberized grips on the controller arms.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="5XncoUjacnqBposKbUCdDg" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/5XncoUjacnqBposKbUCdDg.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Then, there’s the transforming D-Pad. Rotate it 90 degrees and you can swap from an 8-way input for fighting games to a simpler 4-way cross for retro or indie titles. It’s one of those small things that I took for granted at first, but once I used it and eliminated any unread inputs in a platformer, it was a small but significant tweak that I ultimately appreciated!</p><h2 id="let-s-talk-about-the-2-499-anniversary-bundle">Let’s talk about the $2,499 Anniversary Bundle</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="EGkGgZmtQwVv8hRBGEuXDg" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/EGkGgZmtQwVv8hRBGEuXDg.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Now, let’s talk about the Pelican-cased elephant in the room. There is a monster $2,499 bundle here. Alongside that case, you get the ROG Xreal R1 Edition 20 AR glasses and a dBrand Killswitch case complete with a motherboard-patterned skin.</p><p>That’s a crazy price in and of itself, but I want to go deeper on the <a href="https://www.tomsguide.com/computing/smart-glasses/asus-rog-xreal-r1-review">Xreal R1s</a> here because while I was initially not too happy with the desktop PC connectivity in my review, the software tweaks in here with Asus DisplayWidget Center really unlock some interesting use cases.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="wbkjspQ7KbrLN6m8Q2tcDg" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/wbkjspQ7KbrLN6m8Q2tcDg.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>For starters, there’s the 360-degree wallpapers — essentially giving you that floating screen in a VR-esque space rather than seeing the world around your glasses. But most intriguingly is FreeLook.</p><p>Basically think of this as a replacement for your right joystick. Instead of using that to look around, the tie-up between Asus and Xreal means you can use the 3DoF tracking on the glasses to just look around a game with your head. That’s going to be huge for games where spatial awareness is key like flight sims.</p><h2 id="value-for-money">Value for money?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="z4w56PTbt7A8jq7bkyVE6g" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/z4w56PTbt7A8jq7bkyVE6g.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Now, now. I wouldn’t go that far. It’s still a $1,300 device and for those who want to get into PC gaming on the go, the lower end <a href="https://www.tomsguide.com/gaming/handheld-gaming/rog-xbox-ally-review">ROG Xbox Ally</a> is actually becoming the value for money option (with everything else shooting up in price around it).</p><p>But while the X20 has a steep entry fee, that combination of the 1,400-nit OLED, Z2 Extreme and drift-proof sticks makes that price increase a little easier to swallow. </p><p>Maybe I was a little too hard on this thing before.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><strong></strong><a href="https://www.tomsguide.com/computing/toms-guide-computing-awards-2026-21-game-changing-laptops-desktops-and-peripherals"><strong>Tom’s Guide Computing Awards 2026: 21 game-changing laptops, desktops and peripherals</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/computing/monitors/i-just-went-eyes-on-with-the-worlds-fastest-oled-gaming-monitor-and-motion-blur-is-officially-dead"><strong>I just went eyes-on with the world’s fastest OLED gaming monitor — and motion blur is officially dead</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/computing/gpus/i-tested-nvidias-new-dlss-4-5-ray-reconstruction-it-finally-fixes-path-tracings-biggest-flaw-but-heres-the-reality-check"><strong>I tested NVIDIA’s new DLSS 4.5 Ray Reconstruction — it finally fixes path tracing’s biggest flaw, but here’s the reality check</strong></a><strong></strong></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-usd1-299-rog-xbox-ally-x20-with-that-oled-display-the-usd300-price-hike-is-surprisingly-palatable</link>
                                                                            <description>
                            <![CDATA[ The ROG Xbox Ally X20 now has an official price and while slightly high, this is a limited edition handheld with a gorgeous OLED display. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">oRDHK9FFUJStMbgyDv5RW5</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/97brn7cdn8eXwea9hDfyFg-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Wed, 26 Aug 2026 11:30:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Handheld Gaming]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                                    <dc:creator><![CDATA[ Jason England ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/v4fSq5U4uZUEtGY2BwNuJ6.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Jason brings a decade of tech and gaming journalism experience to his role as a Managing Editor of Computing at Tom&#039;s Guide. He has previously written for Laptop Mag, Tom&#039;s Hardware, Kotaku, Stuff and BBC Science Focus. In his spare time, you&#039;ll find Jason looking for good dogs to pet or thinking about eating pizza if he isn&#039;t already.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/97brn7cdn8eXwea9hDfyFg-1280-80.jpg">
                                                            <media:credit><![CDATA[Future]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Asus ROG Xbox Ally X20]]></media:description>                                                            <media:text><![CDATA[Asus ROG Xbox Ally X20]]></media:text>
                                <media:title type="plain"><![CDATA[Asus ROG Xbox Ally X20]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/97brn7cdn8eXwea9hDfyFg-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>I’ll be real. When I saw the <a href="https://www.tomsguide.com/gaming/handheld-gaming/asus-rog-xbox-ally-x20-hands-on-review">ROG Xbox Ally X20</a> at <a href="https://www.tomsguide.com/computing/best-of-computex-2026">Computex 2026</a>, and saw how Asus was dodging the questions of price like an Elden Ring player panic-rolling through a boss fight, I braced myself for the worst.</p><p>But then the news broke here at Gamescom — you can pre-order one now for $1,299 standalone, and it’s set to launch on October 15th. Now, after seeing how the supreme <a href="https://www.tomsguide.com/gaming/handheld-gaming/msi-claw-8-ex-ai-plus-review">MSI Claw 8 EX AI+</a> with Intel <a href="https://www.tomsguide.com/gaming/handheld-gaming/watch-out-amd-intels-arc-g3-and-arc-g3-extreme-handheld-chips-expected-for-computex-reveal">Arc G3 Extreme</a> came in at nearly two thousand dollars, this actually is not <em>that </em>bad.</p><p>Yes, it’s $300 more. But after getting more hands-on time with this “Edition 20” transparent facelift (which looks seriously slick to a nerd like me) and its glorious OLED panel, dare I say I’m starting to feel this could be kind of a worthwhile premium handheld.</p><h2 id="performance-and-power">Performance and Power</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="97brn7cdn8eXwea9hDfyFg" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/97brn7cdn8eXwea9hDfyFg.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Well, from the start, it’s the same core performance specs: AMD Ryzen AI Z2 Extreme, 24GB of LPDDR5X RAM and a 1TB SSD, which is all fueled by an 80Wh battery inside.</p><p>Don’t get me wrong — Intel well and truly has AMD’s number in this area. We’re still waiting for an upgraded FSR to come to the Ryzen AI Z2 Extreme, while Team Blue steams ahead with XeSS 3 multi-frame generation. </p><p>But every frame counts and with that higher sustained TDP thanks to the evolved internal cooling system to combat the OLED panel’s heat sensitivity, you’re getting noticeably more bang for your buck. 1080p 60 FPS at medium settings on Forza Horizon 6 is absolutely possible for example.</p><h2 id="oled-perfection-no-more-glare">OLED perfection (no more glare)</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="xoraw9SvC7nRZuwSe8HC8g" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/xoraw9SvC7nRZuwSe8HC8g.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>A gaming handheld is just as much about its screen as it is about everything else, and that 7.4-inch ROG Nebula HDR OLED 120Hz VRR panel is quite the canvas for your games. With a dazzling 1,400-nit peak brightness, picture quality survived even under the harsh spotlights of the demo room I was in.</p><p>All the games I played are a pure flash flood of color — whizzing on by with an excellent contrast ratio to really provide some inky blacks and really bring a title to life in a way that your standard IPS panels can’t match.</p><h2 id="curing-the-drift">Curing the drift</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="pntfZHjSHjMY4hA4oNgdFg" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/pntfZHjSHjMY4hA4oNgdFg.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Then there’s the ergonomic uplifts too. My thoughts are already clear on the record that the ROG Xbox Ally is the most comfortable handheld I’ve ever used with the contoured controller arms making it a joy to play on.</p><p>But with the X20, Asus has upgraded a few things across the board — including magnetic TMR joysticks that track magnets instead of physical contacts (effectively eliminating joystick wear and tear). On top of that, the bumpers have been reshaped for better grip, the ABXY buttons are subtly more domed than before and there are rubberized grips on the controller arms.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="5XncoUjacnqBposKbUCdDg" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/5XncoUjacnqBposKbUCdDg.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Then, there’s the transforming D-Pad. Rotate it 90 degrees and you can swap from an 8-way input for fighting games to a simpler 4-way cross for retro or indie titles. It’s one of those small things that I took for granted at first, but once I used it and eliminated any unread inputs in a platformer, it was a small but significant tweak that I ultimately appreciated!</p><h2 id="let-s-talk-about-the-2-499-anniversary-bundle">Let’s talk about the $2,499 Anniversary Bundle</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="EGkGgZmtQwVv8hRBGEuXDg" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/EGkGgZmtQwVv8hRBGEuXDg.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Now, let’s talk about the Pelican-cased elephant in the room. There is a monster $2,499 bundle here. Alongside that case, you get the ROG Xreal R1 Edition 20 AR glasses and a dBrand Killswitch case complete with a motherboard-patterned skin.</p><p>That’s a crazy price in and of itself, but I want to go deeper on the <a href="https://www.tomsguide.com/computing/smart-glasses/asus-rog-xreal-r1-review">Xreal R1s</a> here because while I was initially not too happy with the desktop PC connectivity in my review, the software tweaks in here with Asus DisplayWidget Center really unlock some interesting use cases.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="wbkjspQ7KbrLN6m8Q2tcDg" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/wbkjspQ7KbrLN6m8Q2tcDg.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>For starters, there’s the 360-degree wallpapers — essentially giving you that floating screen in a VR-esque space rather than seeing the world around your glasses. But most intriguingly is FreeLook.</p><p>Basically think of this as a replacement for your right joystick. Instead of using that to look around, the tie-up between Asus and Xreal means you can use the 3DoF tracking on the glasses to just look around a game with your head. That’s going to be huge for games where spatial awareness is key like flight sims.</p><h2 id="value-for-money">Value for money?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="z4w56PTbt7A8jq7bkyVE6g" name="Asus ROG Xbox Ally X20" alt="Asus ROG Xbox Ally X20" src="https://cdn.mos.cms.futurecdn.net/z4w56PTbt7A8jq7bkyVE6g.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Now, now. I wouldn’t go that far. It’s still a $1,300 device and for those who want to get into PC gaming on the go, the lower end <a href="https://www.tomsguide.com/gaming/handheld-gaming/rog-xbox-ally-review">ROG Xbox Ally</a> is actually becoming the value for money option (with everything else shooting up in price around it).</p><p>But while the X20 has a steep entry fee, that combination of the 1,400-nit OLED, Z2 Extreme and drift-proof sticks makes that price increase a little easier to swallow. </p><p>Maybe I was a little too hard on this thing before.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><strong></strong><a href="https://www.tomsguide.com/computing/toms-guide-computing-awards-2026-21-game-changing-laptops-desktops-and-peripherals"><strong>Tom’s Guide Computing Awards 2026: 21 game-changing laptops, desktops and peripherals</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/computing/monitors/i-just-went-eyes-on-with-the-worlds-fastest-oled-gaming-monitor-and-motion-blur-is-officially-dead"><strong>I just went eyes-on with the world’s fastest OLED gaming monitor — and motion blur is officially dead</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/computing/gpus/i-tested-nvidias-new-dlss-4-5-ray-reconstruction-it-finally-fixes-path-tracings-biggest-flaw-but-heres-the-reality-check"><strong>I tested NVIDIA’s new DLSS 4.5 Ray Reconstruction — it finally fixes path tracing’s biggest flaw, but here’s the reality check</strong></a><strong></strong></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ PlayStation’s 27-inch gaming monitor is perfect for PS5 and PC gamers — here’s why ]]></title>
                                                                                                <dc:content><![CDATA[ <p>The PlayStation 27" Gaming Monitor bridges the worlds of console and PC gaming. While the <a href="https://www.tomsguide.com/reviews/ps5">PS5</a> is primarily used as a living room device, many prefer connecting Sony’s console to one of the <a href="https://www.tomsguide.com/us/best-gaming-monitors,review-3114.html">best gaming monitors</a> and playing at their desk. Now they can do so with a monitor designed specifically for the PS5 that’s also compatible with the <a href="https://www.tomsguide.com/us/best-gaming-pc,review-2219.html">best gaming PCs</a>.</p><p>This 27-inch monitor covers the basics, including a 1440p IPS panel with a variable 240Hz refresh rate. The design is fairly nondescript, with a black-and-white theme that matches the PS5. It also includes unique features, such as Auto HDR tone-mapping that calibrates your PS5’s video settings and a convenient charging hook for your <a href="https://www.tomsguide.com/news/ps5-dualsense-controller">DualSense controller</a>.</p><p>While the PlayStation 27-inch gaming monitor isn’t revolutionary, it delivers on its promise as an excellent desktop companion for your PS5. Sure, it doesn’t have 4K resolution or an OLED panel, but it still offers a fantastic gaming experience for only $349. If you’re looking for a monitor for both your PC and PS5, this monitor comes with my highest recommendation. Find out why in my full review.</p><h3 class="article-body__section" id="section-playstation-27-gaming-monitor-review-cheat-sheet"><span>PlayStation 27" Gaming Monitor review: Cheat sheet</span></h3><ul><li><strong>What is it?</strong> A 27-inch gaming monitor that’s specifically designed for the PS5 and PS5 Pro.</li><li><strong>Who is it for?</strong> For gamers who own a PS5 and/or a gaming PC and prefer playing at their desk.</li><li><strong>What does it cost?</strong> The PlayStation 27” Gaming Monitor is available now for $349 on <a href="https://direct.playstation.com/en-us/buy-accessories/27-gaming-monitor-with-dualsense-charging-hook" target="_blank" rel="nofollow">PlayStation’s website</a> and at <a href="https://www.bestbuy.com/product/sony-interactive-entertainment-playstation-27-gaming-monitor-with-dualsense-charging-hook-qhd-black/JXHQ37TRKF/sku/6675156" target="_blank" rel="nofollow">Best Buy</a>.</li><li><strong>What do we like?</strong> We like the sleek, minimalist design, bright and colorful display, fast performance, built-in charging hook, and Auto HDR tone mapping.</li><li><strong>What don’t we like?</strong> We don’t like that it tops out at 1440p and lacks an OLED panel.</li></ul><h3 class="article-body__section" id="section-playstation-27-gaming-monitor-review-specs"><span>PlayStation 27" Gaming Monitor review: Specs</span></h3><div ><table><thead><tr><th class="firstcol empty" ></th><th  ><p><strong>PlayStation 27 Gaming Monitor</strong></p></th></tr></thead><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p>$349</p></td></tr><tr><td class="firstcol " ><p><strong>Display</strong></p></td><td  ><p>27-inch</p></td></tr><tr><td class="firstcol " ><p><strong>Resolution</strong></p></td><td  ><p>2560 x 1440</p></td></tr><tr><td class="firstcol " ><p><strong>Aspect ratio</strong></p></td><td  ><p>16:9</p></td></tr><tr><td class="firstcol " ><p><strong>Refresh rate</strong></p></td><td  ><p>60Hz - 240Hz</p></td></tr><tr><td class="firstcol " ><p><strong>Panel type</strong></p></td><td  ><p>IPS</p></td></tr><tr><td class="firstcol " ><p><strong>Ports</strong></p></td><td  ><p>2x HDMI, 1x DisplayPort, 2x USB</p></td></tr></tbody></table></div><h3 class="article-body__section" id="section-playstation-27-gaming-monitor-review-the-ups"><span>PlayStation 27" gaming monitor review: The ups</span></h3><p>The 27-inch PlayStation gaming monitor impresses thanks to its elegant design, vibrant picture quality, smooth performance, and PS5-centric features.</p><h2 id="ps5-like-design">PS5-like design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="aRuzMYXoAco7rWvAWij3FZ" name="PlayStation 27-inch gaming monitor-6" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/aRuzMYXoAco7rWvAWij3FZ.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The first thing you’ll notice is that this looks a lot like a PlayStation monitor, thanks to its black-and-white color scheme. The almost all-white back, featuring the iconic PlayStation logo, complements the black shaft, stand, bezels, and the port locations. It’s a classy design that looks just as good in an office as in a gaming den.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Jr8oH5HRipZow2jLMZg5EQ" name="PlayStation 27-inch gaming monitor-18" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/Jr8oH5HRipZow2jLMZg5EQ.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Gliding the monitor up and down the shaft is easy, as is tilting and swiveling it to your preferred viewing height and angle. The shaft is completely flat and takes up little space on your desk, leaving more room for peripherals. There’s also a VESA mount on the back to use it with one of the <a href="https://www.tomsguide.com/best-picks/best-monitor-arms">best monitor arms</a>, if you prefer.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ar5Jh4W4M2kNxsWeVeTxdT" name="PlayStation 27-inch gaming monitor-14" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/ar5Jh4W4M2kNxsWeVeTxdT.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Port-wise, you get everything you need to connect to a PS5 and/or PC. This includes a pair of HDMI 2.1 ports, a single DisplayPort, two USB-A ports, a USB-C port, and a USB-B port. Since the monitor is so light, it’s easy to turn it around to access the ports. It’s nearly impossible to connect anything by touch alone if you’re facing the monitor.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="pYKriHMJatxw3SioG7AAEJ" name="PlayStation 27-inch gaming monitor-12" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/pYKriHMJatxw3SioG7AAEJ.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>My favorite design element is the charging hook for your controller. The hook swings down from the back of the monitor like a door handle and snaps into place when fully down or fully up. There’s just enough room on the hook’s end for your DualSense controller to rest comfortably while it charges. This is one of the smartest features I’ve seen on a monitor.</p><h2 id="vivid-and-sharp-display">Vivid and sharp display</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DVc7CbqsstmYGre7iMizte" name="PlayStation 27-inch gaming monitor-2" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/DVc7CbqsstmYGre7iMizte.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The 27-inch PlayStation gaming monitor has a 27-inch (2560 x 1440) IPS panel. Although it’s not an OLED screen, you still get excellent image quality because the monitor automatically calibrates your PS5 for the best HDR settings. The 16:9 aspect ratio is also ideal for PS5 games and many PC titles.</p><p>There are only four standard picture modes: Default, Cool, Warm, and sRGB — with each of these having corresponding HDR modes. Some can look brighter or more colorful, but you generally get the same image quality across the board.</p><p>I was blown away when I tested <a href="https://www.tomsguide.com/reviews/spider-man-2">Marvel’s Spider-Man 2</a> on this monitor in the Default display setting. Because the colors aren’t oversaturated, in-game New York City looked incredibly lifelike and cinematic. Neon signs and energy bolts pop out nicely, while HDR provides strong contrast between dark and light elements. This is as good as it gets for a non-OLED panel.</p><div ><table><caption>Display benchmark results</caption><thead><tr><th class="firstcol empty" ></th><th  ><p><strong>PlayStation 27 gaming monitor</strong></p></th><th  ><p><strong>Alienware AW2726DM</strong></p></th></tr></thead><tbody><tr><td class="firstcol " ><p><strong>Nits (brightness)</strong></p></td><td  ><p>297 (SDR) | 339 (HDR)</p></td><td  ><p>181 (SDR) | 182 (HDR)</p></td></tr><tr><td class="firstcol " ><p><strong>sRGB</strong></p></td><td  ><p>136.3%</p></td><td  ><p>190%</p></td></tr><tr><td class="firstcol " ><p><strong>DCI-P3</strong></p></td><td  ><p>96.9%</p></td><td  ><p>140.9%</p></td></tr><tr><td class="firstcol " ><p><strong>Delta-E</strong></p></td><td  ><p>0.32</p></td><td  ><p>0.24</p></td></tr></tbody></table></div><p>The 27-inch PlayStation monitor did well on our lab test. Color reproduction (sRGB and DCI-P3) is excellent, while color accuracy (Delta-E) is just slightly lower than what I usually see from gaming monitors. In contrast, the $349 <a href="https://www.tomsguide.com/computing/monitors/alienware-aw2726dm-review">Alienware AW2726DM</a> delivers much more vivid colors, but its HDR across 100% of the screen can’t match the PlayStation 27’s. The latter is certainly a benefit of lacking an OLED panel.</p><h2 id="smooth-performance">Smooth performance</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="jNgxgBT5bhFcMTyoxcVkAk" name="PlayStation 27-inch gaming monitor-3" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/jNgxgBT5bhFcMTyoxcVkAk.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The PlayStation 27-inch gaming monitor supports up to a 240Hz refresh rate, double the PS5’s maximum 120Hz. That means that whether you’re playing on a PS5 or PC, you’ll get a buttery-smooth gaming experience thanks to the high refresh rate and VRR support.</p><p>Spider-Man 2 on the PS5 Pro runs like a dream on this monitor. I didn’t experience a single instance of screen tearing or input lag. This is especially important in a game like this, where you’re swinging through Manhattan’s artificial canyons at breakneck speeds one moment, and dealing with mobs of enemies the next. No matter what’s happening on the screen, the monitor handles it beautifully.</p><h2 id="simple-interface">Simple interface</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="rs2oP8uLpRBVddB3ZD8cb3" name="PlayStation 27-inch gaming monitor-9" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/rs2oP8uLpRBVddB3ZD8cb3.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The menu UI’s design is as clean and simple as the monitor itself. The interface features a transparent background with white lettering. Here, you can access the aforementioned picture modes, as well as settings for audio, inputs, profiles, and more. </p><p>The OSD (On-Screen Display) joystick on the back lets you navigate the menus easily. Located just above the power button, the white joystick blends well with the back of the monitor and offers the right balance of sturdiness and flexibility when you move it up and down and left and right.</p><h3 class="article-body__section" id="section-playstation-27-gaming-monitor-review-the-downs"><span>PlayStation 27" Gaming Monitor review: The downs</span></h3><p>While there’s a lot to like about this PlayStation monitor, it has a few minor drawbacks.</p><h2 id="no-oled-or-4k">No OLED or 4K</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8KdrpzRQcrmNzMzjga3S3A" name="PlayStation 27-inch gaming monitor-8" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/8KdrpzRQcrmNzMzjga3S3A.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The only two real negatives about the 27-inch PlayStation gaming monitor are that it doesn’t have an OLED panel and it tops out at 1440p. If you absolutely need an OLED monitor or 4K resolution, then this could be a major deterrent. However, if that doesn’t matter to you, you might not see these as negatives at all.</p><p>I’m mostly sharing this as an expectation check, because while it’s a bummer that the display isn’t OLED and the resolution is 1440p tops, I don’t consider these major deal-breakers. The overall image quality is phenomenal, and arguably better than what you’d get on some similarly-priced monitors.</p><p>As for price, the $349 price tag makes it extremely easy to forgive any shortcomings, especially when its upsides vastly outweigh the negatives.</p><h3 class="article-body__section" id="section-playstation-27-gaming-monitor-review-verdict"><span>PlayStation 27" gaming monitor review: Verdict</span></h3><p>The PlayStation 27-inch gaming monitor is a worthwhile purchase for gamers who primarily play at their desk. Though it’s not the fanciest gaming monitor out there, it has everything you need for a great experience on PS5 and PC. And as I said before, it’s hard to knock this monitor because of its affordable $349 asking price.</p><p>If you absolutely need an OLED monitor, the $349 Alienware AW2726DM is a solid alternative. But if you want seamless integration with your PS5, plus a charging hook for your controller, the 27-inch PlayStation is an easy recommendation. It’s really that good!</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/playstation/playstation-27-gaming-monitor-review</link>
                                                                            <description>
                            <![CDATA[ PlayStation’s 27-inch gaming monitor is the perfect companion for the PS5 thanks to its rich picture quality, smooth performance, and unique features. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">RdLwsWXepmUZUqp8aH49Pe</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/NFzgVgfk5Jty6JtHK5F2aM-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Tue, 25 Aug 2026 13:00:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Monitors]]></category>
                                                    <category><![CDATA[Playstation]]></category>
                                                    <category><![CDATA[Computing]]></category>
                                                    <category><![CDATA[Computing Hardware]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ tony.polanco@futurenet.com (Tony Polanco) ]]></author>                    <dc:creator><![CDATA[ Tony Polanco ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/atzRNqFt5wYgEUPBDahWsD.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/NFzgVgfk5Jty6JtHK5F2aM-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&amp;#39;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[PlayStation 27&quot; Gaming Monitor]]></media:description>                                                            <media:text><![CDATA[PlayStation 27&quot; Gaming Monitor]]></media:text>
                                <media:title type="plain"><![CDATA[PlayStation 27&quot; Gaming Monitor]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/NFzgVgfk5Jty6JtHK5F2aM-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>The PlayStation 27" Gaming Monitor bridges the worlds of console and PC gaming. While the <a href="https://www.tomsguide.com/reviews/ps5">PS5</a> is primarily used as a living room device, many prefer connecting Sony’s console to one of the <a href="https://www.tomsguide.com/us/best-gaming-monitors,review-3114.html">best gaming monitors</a> and playing at their desk. Now they can do so with a monitor designed specifically for the PS5 that’s also compatible with the <a href="https://www.tomsguide.com/us/best-gaming-pc,review-2219.html">best gaming PCs</a>.</p><p>This 27-inch monitor covers the basics, including a 1440p IPS panel with a variable 240Hz refresh rate. The design is fairly nondescript, with a black-and-white theme that matches the PS5. It also includes unique features, such as Auto HDR tone-mapping that calibrates your PS5’s video settings and a convenient charging hook for your <a href="https://www.tomsguide.com/news/ps5-dualsense-controller">DualSense controller</a>.</p><p>While the PlayStation 27-inch gaming monitor isn’t revolutionary, it delivers on its promise as an excellent desktop companion for your PS5. Sure, it doesn’t have 4K resolution or an OLED panel, but it still offers a fantastic gaming experience for only $349. If you’re looking for a monitor for both your PC and PS5, this monitor comes with my highest recommendation. Find out why in my full review.</p><h3 class="article-body__section" id="section-playstation-27-gaming-monitor-review-cheat-sheet"><span>PlayStation 27" Gaming Monitor review: Cheat sheet</span></h3><ul><li><strong>What is it?</strong> A 27-inch gaming monitor that’s specifically designed for the PS5 and PS5 Pro.</li><li><strong>Who is it for?</strong> For gamers who own a PS5 and/or a gaming PC and prefer playing at their desk.</li><li><strong>What does it cost?</strong> The PlayStation 27” Gaming Monitor is available now for $349 on <a href="https://direct.playstation.com/en-us/buy-accessories/27-gaming-monitor-with-dualsense-charging-hook" target="_blank" rel="nofollow">PlayStation’s website</a> and at <a href="https://www.bestbuy.com/product/sony-interactive-entertainment-playstation-27-gaming-monitor-with-dualsense-charging-hook-qhd-black/JXHQ37TRKF/sku/6675156" target="_blank" rel="nofollow">Best Buy</a>.</li><li><strong>What do we like?</strong> We like the sleek, minimalist design, bright and colorful display, fast performance, built-in charging hook, and Auto HDR tone mapping.</li><li><strong>What don’t we like?</strong> We don’t like that it tops out at 1440p and lacks an OLED panel.</li></ul><h3 class="article-body__section" id="section-playstation-27-gaming-monitor-review-specs"><span>PlayStation 27" Gaming Monitor review: Specs</span></h3><div ><table><thead><tr><th class="firstcol empty" ></th><th  ><p><strong>PlayStation 27 Gaming Monitor</strong></p></th></tr></thead><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p>$349</p></td></tr><tr><td class="firstcol " ><p><strong>Display</strong></p></td><td  ><p>27-inch</p></td></tr><tr><td class="firstcol " ><p><strong>Resolution</strong></p></td><td  ><p>2560 x 1440</p></td></tr><tr><td class="firstcol " ><p><strong>Aspect ratio</strong></p></td><td  ><p>16:9</p></td></tr><tr><td class="firstcol " ><p><strong>Refresh rate</strong></p></td><td  ><p>60Hz - 240Hz</p></td></tr><tr><td class="firstcol " ><p><strong>Panel type</strong></p></td><td  ><p>IPS</p></td></tr><tr><td class="firstcol " ><p><strong>Ports</strong></p></td><td  ><p>2x HDMI, 1x DisplayPort, 2x USB</p></td></tr></tbody></table></div><h3 class="article-body__section" id="section-playstation-27-gaming-monitor-review-the-ups"><span>PlayStation 27" gaming monitor review: The ups</span></h3><p>The 27-inch PlayStation gaming monitor impresses thanks to its elegant design, vibrant picture quality, smooth performance, and PS5-centric features.</p><h2 id="ps5-like-design">PS5-like design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="aRuzMYXoAco7rWvAWij3FZ" name="PlayStation 27-inch gaming monitor-6" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/aRuzMYXoAco7rWvAWij3FZ.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The first thing you’ll notice is that this looks a lot like a PlayStation monitor, thanks to its black-and-white color scheme. The almost all-white back, featuring the iconic PlayStation logo, complements the black shaft, stand, bezels, and the port locations. It’s a classy design that looks just as good in an office as in a gaming den.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Jr8oH5HRipZow2jLMZg5EQ" name="PlayStation 27-inch gaming monitor-18" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/Jr8oH5HRipZow2jLMZg5EQ.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Gliding the monitor up and down the shaft is easy, as is tilting and swiveling it to your preferred viewing height and angle. The shaft is completely flat and takes up little space on your desk, leaving more room for peripherals. There’s also a VESA mount on the back to use it with one of the <a href="https://www.tomsguide.com/best-picks/best-monitor-arms">best monitor arms</a>, if you prefer.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ar5Jh4W4M2kNxsWeVeTxdT" name="PlayStation 27-inch gaming monitor-14" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/ar5Jh4W4M2kNxsWeVeTxdT.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Port-wise, you get everything you need to connect to a PS5 and/or PC. This includes a pair of HDMI 2.1 ports, a single DisplayPort, two USB-A ports, a USB-C port, and a USB-B port. Since the monitor is so light, it’s easy to turn it around to access the ports. It’s nearly impossible to connect anything by touch alone if you’re facing the monitor.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="pYKriHMJatxw3SioG7AAEJ" name="PlayStation 27-inch gaming monitor-12" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/pYKriHMJatxw3SioG7AAEJ.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>My favorite design element is the charging hook for your controller. The hook swings down from the back of the monitor like a door handle and snaps into place when fully down or fully up. There’s just enough room on the hook’s end for your DualSense controller to rest comfortably while it charges. This is one of the smartest features I’ve seen on a monitor.</p><h2 id="vivid-and-sharp-display">Vivid and sharp display</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DVc7CbqsstmYGre7iMizte" name="PlayStation 27-inch gaming monitor-2" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/DVc7CbqsstmYGre7iMizte.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The 27-inch PlayStation gaming monitor has a 27-inch (2560 x 1440) IPS panel. Although it’s not an OLED screen, you still get excellent image quality because the monitor automatically calibrates your PS5 for the best HDR settings. The 16:9 aspect ratio is also ideal for PS5 games and many PC titles.</p><p>There are only four standard picture modes: Default, Cool, Warm, and sRGB — with each of these having corresponding HDR modes. Some can look brighter or more colorful, but you generally get the same image quality across the board.</p><p>I was blown away when I tested <a href="https://www.tomsguide.com/reviews/spider-man-2">Marvel’s Spider-Man 2</a> on this monitor in the Default display setting. Because the colors aren’t oversaturated, in-game New York City looked incredibly lifelike and cinematic. Neon signs and energy bolts pop out nicely, while HDR provides strong contrast between dark and light elements. This is as good as it gets for a non-OLED panel.</p><div ><table><caption>Display benchmark results</caption><thead><tr><th class="firstcol empty" ></th><th  ><p><strong>PlayStation 27 gaming monitor</strong></p></th><th  ><p><strong>Alienware AW2726DM</strong></p></th></tr></thead><tbody><tr><td class="firstcol " ><p><strong>Nits (brightness)</strong></p></td><td  ><p>297 (SDR) | 339 (HDR)</p></td><td  ><p>181 (SDR) | 182 (HDR)</p></td></tr><tr><td class="firstcol " ><p><strong>sRGB</strong></p></td><td  ><p>136.3%</p></td><td  ><p>190%</p></td></tr><tr><td class="firstcol " ><p><strong>DCI-P3</strong></p></td><td  ><p>96.9%</p></td><td  ><p>140.9%</p></td></tr><tr><td class="firstcol " ><p><strong>Delta-E</strong></p></td><td  ><p>0.32</p></td><td  ><p>0.24</p></td></tr></tbody></table></div><p>The 27-inch PlayStation monitor did well on our lab test. Color reproduction (sRGB and DCI-P3) is excellent, while color accuracy (Delta-E) is just slightly lower than what I usually see from gaming monitors. In contrast, the $349 <a href="https://www.tomsguide.com/computing/monitors/alienware-aw2726dm-review">Alienware AW2726DM</a> delivers much more vivid colors, but its HDR across 100% of the screen can’t match the PlayStation 27’s. The latter is certainly a benefit of lacking an OLED panel.</p><h2 id="smooth-performance">Smooth performance</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="jNgxgBT5bhFcMTyoxcVkAk" name="PlayStation 27-inch gaming monitor-3" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/jNgxgBT5bhFcMTyoxcVkAk.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The PlayStation 27-inch gaming monitor supports up to a 240Hz refresh rate, double the PS5’s maximum 120Hz. That means that whether you’re playing on a PS5 or PC, you’ll get a buttery-smooth gaming experience thanks to the high refresh rate and VRR support.</p><p>Spider-Man 2 on the PS5 Pro runs like a dream on this monitor. I didn’t experience a single instance of screen tearing or input lag. This is especially important in a game like this, where you’re swinging through Manhattan’s artificial canyons at breakneck speeds one moment, and dealing with mobs of enemies the next. No matter what’s happening on the screen, the monitor handles it beautifully.</p><h2 id="simple-interface">Simple interface</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="rs2oP8uLpRBVddB3ZD8cb3" name="PlayStation 27-inch gaming monitor-9" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/rs2oP8uLpRBVddB3ZD8cb3.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The menu UI’s design is as clean and simple as the monitor itself. The interface features a transparent background with white lettering. Here, you can access the aforementioned picture modes, as well as settings for audio, inputs, profiles, and more. </p><p>The OSD (On-Screen Display) joystick on the back lets you navigate the menus easily. Located just above the power button, the white joystick blends well with the back of the monitor and offers the right balance of sturdiness and flexibility when you move it up and down and left and right.</p><h3 class="article-body__section" id="section-playstation-27-gaming-monitor-review-the-downs"><span>PlayStation 27" Gaming Monitor review: The downs</span></h3><p>While there’s a lot to like about this PlayStation monitor, it has a few minor drawbacks.</p><h2 id="no-oled-or-4k">No OLED or 4K</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8KdrpzRQcrmNzMzjga3S3A" name="PlayStation 27-inch gaming monitor-8" alt="PlayStation 27" Gaming Monitor" src="https://cdn.mos.cms.futurecdn.net/8KdrpzRQcrmNzMzjga3S3A.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The only two real negatives about the 27-inch PlayStation gaming monitor are that it doesn’t have an OLED panel and it tops out at 1440p. If you absolutely need an OLED monitor or 4K resolution, then this could be a major deterrent. However, if that doesn’t matter to you, you might not see these as negatives at all.</p><p>I’m mostly sharing this as an expectation check, because while it’s a bummer that the display isn’t OLED and the resolution is 1440p tops, I don’t consider these major deal-breakers. The overall image quality is phenomenal, and arguably better than what you’d get on some similarly-priced monitors.</p><p>As for price, the $349 price tag makes it extremely easy to forgive any shortcomings, especially when its upsides vastly outweigh the negatives.</p><h3 class="article-body__section" id="section-playstation-27-gaming-monitor-review-verdict"><span>PlayStation 27" gaming monitor review: Verdict</span></h3><p>The PlayStation 27-inch gaming monitor is a worthwhile purchase for gamers who primarily play at their desk. Though it’s not the fanciest gaming monitor out there, it has everything you need for a great experience on PS5 and PC. And as I said before, it’s hard to knock this monitor because of its affordable $349 asking price.</p><p>If you absolutely need an OLED monitor, the $349 Alienware AW2726DM is a solid alternative. But if you want seamless integration with your PS5, plus a charging hook for your controller, the 27-inch PlayStation is an easy recommendation. It’s really that good!</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I tried this MagSafe game controller and it puts other Bluetooth gamepads to shame — plus it’s $20 off right now ]]></title>
                                                                                                <dc:content><![CDATA[ <p>Call me old school, but I much prefer playing retro games from classic consoles like the Genesis, SNES, PlayStation 1, and Neo Geo. That’s the main reason I bought a <a href="https://www.tomsguide.com/phones/i-bought-this-magsafe-power-bank-to-charge-my-iphone-anywhere-and-it-doubles-as-a-retro-gaming-handheld">power bank that doubles as a retro handheld</a> over the holidays, but now I’m back to gaming on my phone thanks to MCON.</p><p>The company behind it makes some sweet iPhone accessories, like the <a href="https://www.tomsguide.com/phones/iphones/ive-tried-dozens-of-wallet-cases-but-this-magsafe-wallet-does-one-thing-i-havent-seen-before">Snap Grip Wallet</a>, but the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/the-mcon-gaming-controller-lets-you-turn-your-phone-into-a-modern-psp-go-heres-how">MCON Bluetooth Controller</a> is truly in a league of its own compared to other mobile gamepads. Not only does it sport an ingenious, ultra-compact design, but it also differentiates itself by leveraging MagSafe to keep my phone securely mounted. Best of all, it packs all the buttons, triggers, joysticks, and grips needed to feel remarkably like a standard console controller — and you can snag one for $20 off today.</p><div class="product"><a data-dimension112="5e455a4c-9ff5-11f1-bd91-8d35938d9ec9" data-action="Deal Block" data-label="Bluetooth Controller" data-dimension48="Bluetooth Controller" data-dimension25="$129.99" href="https://www.bestbuy.com/product/mcon-bluetooth-controller/J3GW23L8SF/sku/6664808" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:600px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="36Eh7Vr5AXpUNPfmvWQz5R" name="MCON Bluetooth Controller deal block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/36Eh7Vr5AXpUNPfmvWQz5R.jpg" mos="" align="middle" fullscreen="" width="600" height="600" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.bestbuy.com/product/mcon-bluetooth-controller/J3GW23L8SF/sku/6664808" target="_blank" rel="nofollow" data-dimension112="5e455a4c-9ff5-11f1-bd91-8d35938d9ec9" data-action="Deal Block" data-label="Bluetooth Controller" data-dimension48="Bluetooth Controller" data-dimension25="$129.99">Bluetooth Controller: was $149.99 now $129.99</a></strong><br>The Ohsnap MCON Bluetooth Gaming Controller ditches bulky phone holders and attachments for an ultra-compact, MagSafe-compatible design that snaps onto your phone and slips easily into your pocket. It packs console-grade controls, extendable grips, and a detachable magnetic mount that even doubles as a tabletop kickstand.<br><strong>Price check: </strong><a href="https://ohsnap.com/products/mcon-magnetic-controller" target="_blank" rel="nofollow"><strong>$129 @ Ohsnap</strong></a><a class="view-deal button" href="https://www.bestbuy.com/product/mcon-bluetooth-controller/J3GW23L8SF/sku/6664808" target="_blank" rel="nofollow" data-dimension112="5e455a4c-9ff5-11f1-bd91-8d35938d9ec9" data-action="Deal Block" data-label="Bluetooth Controller" data-dimension48="Bluetooth Controller" data-dimension25="$129.99">View Deal</a></p></div><h2 id="compact-design-easy-to-stow-away">Compact design, easy to stow away</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/GM4xPB9mx4BFqC6rgDQzCK.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/Ewyzz58HF3xofYJT8MhHqJ.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/xvSAEAow8CLu2pNkmL4LAK.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure></figure><p>One of my biggest gripes with many Bluetooth gamepads is that they simply aren't designed with mobile in mind. Most look a lot like standard console controllers with clunky phone clips tacked onto them. The MCON Bluetooth Controller, on the other hand, is built from the ground up for on-the-go gaming.</p><p>Portability has always been the main bottleneck for mobile setups, but the MCON solves this by folding down into a sleek, self-contained rectangular slab that effortlessly slips into a pocket or the sleeve of a backpack. Looking at the photo above with my iPhone 17 Pro beside it, it shares a nearly identical footprint, just with a slightly thicker chassis.</p><p>What makes the design truly clever is its versatility. Rather than locking you into a single configuration, the magnetic MagSafe holder slides out and fully detaches to double as an adjustable kickstand for tabletop play. This magnetic system eliminates the constraints of rigid clamp widths, pairing just as seamlessly with my <a href="https://www.tomsguide.com/phones/iphones/apple-iphone-17-pro-review">iPhone 17 Pro</a> as it does with wider, notebook-style foldables like the <a href="https://www.tomsguide.com/phones/google-pixel-phones/google-pixel-11-pro-fold-review">Pixel 11 Pro Fold</a>.</p><h2 id="small-details-go-a-long-way">Small details go a long way</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/SEfitFZo3BS4qjQezuS37K.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/hug9ZTZ7pCS2JtZKDjt49K.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/r5nVSxuBsbm9prJ7ShuwAK.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/DKPXQxqP9mbHrA9K6z7pGK.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure></figure><p>Beyond its compact form factor, the MCON Bluetooth Controller packs several subtle design choices that solves many more of the issues I have about mobile controllers. First and foremost, I really dig how the extendable side grips can change the way it feels. When I keep them collapsed, its flat profile channels that nostalgic-feel squared-off NES gamepad, while sliding them out instantly provides the deeper grip support and ergonomic contours of a modern controller.</p><p>On the connectivity front, multi-device Bluetooth pairing lets me switch smoothly between my devices without constantly unpairing and re-syncing them. And as much as I appreciate the wireless connection, there are just some games — like Resident Evil Village — that are better suited with a direct connection. I can eliminate any worry about latency by just connecting it via USB-C.</p><h2 id="the-most-versatile-mobile-gaming-controller">The most versatile mobile gaming controller</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6035px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="i8S7pByvS9HHfNmtdj6gHK" name="MCON Bluetooth Controller" alt="MCON Bluetooth Controller used with an iPhone." src="https://cdn.mos.cms.futurecdn.net/i8S7pByvS9HHfNmtdj6gHK.jpg" mos="" align="middle" fullscreen="" width="6035" height="3395" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: John Velasco / Tom's Guide)</span></figcaption></figure><p>Whether you’re playing classic retro titles like Castlevania: Symphony of the Night or diving into modern mobile games like Diablo Immortal, the MCON Bluetooth Controller solves the portability headache without sacrificing the ergonomics of a dedicated console gamepad. I think the photo above really sums how much I've enjoyed using it to play classic titles on my phone.</p><p>Between its slick MagSafe mounting, adaptable fold-out grips, and reliable wired mode, I’ve quickly retired my dedicated retro gaming handheld and now keep this with me at all times. If you've been waiting for a mobile controller that doesn't feel like an afterthought, you can save $20 on the MCON Bluetooth Controller right now — making it an even easier recommendation.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-Xpo9AO"></div>                            </div>                            <script src="https://kwizly.com/embed/Xpo9AO.js" async></script><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/best-picks/best-samsung-phone">The best Samsung phone might not be the best for you — take our quiz to find out which you should buy</a></li><li><a href="https://www.tomsguide.com/wellness/smartwatches/ive-been-training-with-the-galaxy-watch-9-for-a-month-3-things-i-like-and-3-i-dont">I've been training with the Galaxy Watch 9 for a month — 3 things I like (and 3 I don't)</a></li><li><a href="http://tomsguide.com/us/best-android-phones,review-6051.html">We've tested the best Android phones available right now from Samsung, Google and Motorola</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/phones/iphones/i-tried-this-magsafe-game-controller-and-it-puts-other-bluetooth-gamepads-to-shame-plus-its-usd20-off-right-now</link>
                                                                            <description>
                            <![CDATA[ The Ohsnap MCON Bluetooth Gaming Controller is the most versatile Bluetooth gaming pad I've used, featuring an ingenious MagSafe magnetic mount. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">Ro7E25Pu5R7aQ5ZsVKQ7nJ</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/WWoYLLCoc8pvrLfWJhZW6K-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Tue, 25 Aug 2026 11:00:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[iPhones]]></category>
                                                    <category><![CDATA[Gaming Peripherals]]></category>
                                                    <category><![CDATA[Phones]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ john.velasco@futurenet.com (John Velasco) ]]></author>                    <dc:creator><![CDATA[ John Velasco ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/TSj224oX8d5ERXaDs8pDGd.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/WWoYLLCoc8pvrLfWJhZW6K-1280-80.jpg">
                                                            <media:credit><![CDATA[John Velasco / Tom&amp;#39;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[MCON Bluetooth Controller used with an iPhone.]]></media:description>                                                            <media:text><![CDATA[MCON Bluetooth Controller used with an iPhone.]]></media:text>
                                <media:title type="plain"><![CDATA[MCON Bluetooth Controller used with an iPhone.]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/WWoYLLCoc8pvrLfWJhZW6K-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Call me old school, but I much prefer playing retro games from classic consoles like the Genesis, SNES, PlayStation 1, and Neo Geo. That’s the main reason I bought a <a href="https://www.tomsguide.com/phones/i-bought-this-magsafe-power-bank-to-charge-my-iphone-anywhere-and-it-doubles-as-a-retro-gaming-handheld">power bank that doubles as a retro handheld</a> over the holidays, but now I’m back to gaming on my phone thanks to MCON.</p><p>The company behind it makes some sweet iPhone accessories, like the <a href="https://www.tomsguide.com/phones/iphones/ive-tried-dozens-of-wallet-cases-but-this-magsafe-wallet-does-one-thing-i-havent-seen-before">Snap Grip Wallet</a>, but the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/the-mcon-gaming-controller-lets-you-turn-your-phone-into-a-modern-psp-go-heres-how">MCON Bluetooth Controller</a> is truly in a league of its own compared to other mobile gamepads. Not only does it sport an ingenious, ultra-compact design, but it also differentiates itself by leveraging MagSafe to keep my phone securely mounted. Best of all, it packs all the buttons, triggers, joysticks, and grips needed to feel remarkably like a standard console controller — and you can snag one for $20 off today.</p><div class="product"><a data-dimension112="5e455a4c-9ff5-11f1-bd91-8d35938d9ec9" data-action="Deal Block" data-label="Bluetooth Controller" data-dimension48="Bluetooth Controller" data-dimension25="$129.99" href="https://www.bestbuy.com/product/mcon-bluetooth-controller/J3GW23L8SF/sku/6664808" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:600px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="36Eh7Vr5AXpUNPfmvWQz5R" name="MCON Bluetooth Controller deal block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/36Eh7Vr5AXpUNPfmvWQz5R.jpg" mos="" align="middle" fullscreen="" width="600" height="600" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.bestbuy.com/product/mcon-bluetooth-controller/J3GW23L8SF/sku/6664808" target="_blank" rel="nofollow" data-dimension112="5e455a4c-9ff5-11f1-bd91-8d35938d9ec9" data-action="Deal Block" data-label="Bluetooth Controller" data-dimension48="Bluetooth Controller" data-dimension25="$129.99">Bluetooth Controller: was $149.99 now $129.99</a></strong><br>The Ohsnap MCON Bluetooth Gaming Controller ditches bulky phone holders and attachments for an ultra-compact, MagSafe-compatible design that snaps onto your phone and slips easily into your pocket. It packs console-grade controls, extendable grips, and a detachable magnetic mount that even doubles as a tabletop kickstand.<br><strong>Price check: </strong><a href="https://ohsnap.com/products/mcon-magnetic-controller" target="_blank" rel="nofollow"><strong>$129 @ Ohsnap</strong></a><a class="view-deal button" href="https://www.bestbuy.com/product/mcon-bluetooth-controller/J3GW23L8SF/sku/6664808" target="_blank" rel="nofollow" data-dimension112="5e455a4c-9ff5-11f1-bd91-8d35938d9ec9" data-action="Deal Block" data-label="Bluetooth Controller" data-dimension48="Bluetooth Controller" data-dimension25="$129.99">View Deal</a></p></div><h2 id="compact-design-easy-to-stow-away">Compact design, easy to stow away</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/GM4xPB9mx4BFqC6rgDQzCK.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/Ewyzz58HF3xofYJT8MhHqJ.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/xvSAEAow8CLu2pNkmL4LAK.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure></figure><p>One of my biggest gripes with many Bluetooth gamepads is that they simply aren't designed with mobile in mind. Most look a lot like standard console controllers with clunky phone clips tacked onto them. The MCON Bluetooth Controller, on the other hand, is built from the ground up for on-the-go gaming.</p><p>Portability has always been the main bottleneck for mobile setups, but the MCON solves this by folding down into a sleek, self-contained rectangular slab that effortlessly slips into a pocket or the sleeve of a backpack. Looking at the photo above with my iPhone 17 Pro beside it, it shares a nearly identical footprint, just with a slightly thicker chassis.</p><p>What makes the design truly clever is its versatility. Rather than locking you into a single configuration, the magnetic MagSafe holder slides out and fully detaches to double as an adjustable kickstand for tabletop play. This magnetic system eliminates the constraints of rigid clamp widths, pairing just as seamlessly with my <a href="https://www.tomsguide.com/phones/iphones/apple-iphone-17-pro-review">iPhone 17 Pro</a> as it does with wider, notebook-style foldables like the <a href="https://www.tomsguide.com/phones/google-pixel-phones/google-pixel-11-pro-fold-review">Pixel 11 Pro Fold</a>.</p><h2 id="small-details-go-a-long-way">Small details go a long way</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/SEfitFZo3BS4qjQezuS37K.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/hug9ZTZ7pCS2JtZKDjt49K.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/r5nVSxuBsbm9prJ7ShuwAK.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/DKPXQxqP9mbHrA9K6z7pGK.jpg" alt="MCON Bluetooth Controller used with an iPhone." /><figcaption><small role="credit">John Velasco / Tom's Guide</small></figcaption></figure></figure><p>Beyond its compact form factor, the MCON Bluetooth Controller packs several subtle design choices that solves many more of the issues I have about mobile controllers. First and foremost, I really dig how the extendable side grips can change the way it feels. When I keep them collapsed, its flat profile channels that nostalgic-feel squared-off NES gamepad, while sliding them out instantly provides the deeper grip support and ergonomic contours of a modern controller.</p><p>On the connectivity front, multi-device Bluetooth pairing lets me switch smoothly between my devices without constantly unpairing and re-syncing them. And as much as I appreciate the wireless connection, there are just some games — like Resident Evil Village — that are better suited with a direct connection. I can eliminate any worry about latency by just connecting it via USB-C.</p><h2 id="the-most-versatile-mobile-gaming-controller">The most versatile mobile gaming controller</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6035px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="i8S7pByvS9HHfNmtdj6gHK" name="MCON Bluetooth Controller" alt="MCON Bluetooth Controller used with an iPhone." src="https://cdn.mos.cms.futurecdn.net/i8S7pByvS9HHfNmtdj6gHK.jpg" mos="" align="middle" fullscreen="" width="6035" height="3395" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: John Velasco / Tom's Guide)</span></figcaption></figure><p>Whether you’re playing classic retro titles like Castlevania: Symphony of the Night or diving into modern mobile games like Diablo Immortal, the MCON Bluetooth Controller solves the portability headache without sacrificing the ergonomics of a dedicated console gamepad. I think the photo above really sums how much I've enjoyed using it to play classic titles on my phone.</p><p>Between its slick MagSafe mounting, adaptable fold-out grips, and reliable wired mode, I’ve quickly retired my dedicated retro gaming handheld and now keep this with me at all times. If you've been waiting for a mobile controller that doesn't feel like an afterthought, you can save $20 on the MCON Bluetooth Controller right now — making it an even easier recommendation.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-Xpo9AO"></div>                            </div>                            <script src="https://kwizly.com/embed/Xpo9AO.js" async></script><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/best-picks/best-samsung-phone">The best Samsung phone might not be the best for you — take our quiz to find out which you should buy</a></li><li><a href="https://www.tomsguide.com/wellness/smartwatches/ive-been-training-with-the-galaxy-watch-9-for-a-month-3-things-i-like-and-3-i-dont">I've been training with the Galaxy Watch 9 for a month — 3 things I like (and 3 I don't)</a></li><li><a href="http://tomsguide.com/us/best-android-phones,review-6051.html">We've tested the best Android phones available right now from Samsung, Google and Motorola</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Gamescom Opening Night 2026 LIVE: The Witcher, Final Fantasy 7, Gears of War and every revealed ]]></title>
                                                                                                <dc:content><![CDATA[ <div class="live-content"><p>Gamescom's Opening Night Live just concluded and delivered a slew of new trailers and updates for some of the biggest and smallest games coming to PC and console in the following year.</p><p>Cologne in Germany is the city playing host to Gamescom, and we've got members of the Tom's Guide team on the ground in the city to get in amongst the action. Geoff Keighley hosted today's two-hour opening showcase, and he brought his usual energy to the stage, along with co-host Eefje “Sjokz” Depoortere.</p><p>Some of the biggest reveals included new looks at The Witcher 3: Songs of the Past, Final Fantasy VII Revelation and Game of Thrones: War for Westeros. Gears of War fans were also treated to a new Gears of War: E-Day campaign trailer. A new entry in the post-apocalyptic Metro series also made a big splash.</p><p>The show might be over, but you can watch the video below to see what you've missed, along with reading our thoughts on the show as we watched it live.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-W0RpKX"></div>                            </div>                            <script src="https://kwizly.com/embed/W0RpKX.js" async></script><h3 class="article-body__section" id="section-how-to-watch-gamescom-opening-night-live"><span>How to watch Gamescom Opening Night Live</span></h3><p>If you couldn't get tickets to Cologne yourself, don't worry. The show was livestreamed worldwide on the Gamescom <a href="https://www.youtube.com/@gamescom.global" target="_blank">YouTube</a> and <a href="https://www.twitch.tv/gamescom" target="_blank">Twitch</a> channels. You can watch it at the embedded link below!</p><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/Zzvzt3IjNik" allowfullscreen></iframe></div></div><h3 class="article-body__section" id="section-live-latest-updates"><span>LIVE: Latest Updates</span></h3></div><div class="live-content"><h2 id="welcome-to-gamescom-2026">Welcome to Gamescom 2026</h2><p>Welcome to Tom's Guide's live coverage of Gamescom Opening Night Live 2026. We're expecting a massive showcase running through some of the most exciting upcoming video games.</p><p>The entire show is going to be a two-hour blitz of new announcements and extended looks. Our team is on the ground in Cologne right now, and we'll be keeping you updated throughout the day as we get closer to the event itself. Game on!</p></div><div class="live-content"><time datetime="2026-08-25T09:53:32+00:00">August 25, 2026 – 5:53 AM</time><h2 id="confirmed-games-for-tonight-39-s-showcase">Confirmed games for tonight's showcase</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="aEGDNiYnGx2miYweYa6UcY" name="gamescom_25_053_031" alt="Gamescom press images" src="https://cdn.mos.cms.futurecdn.net/v2/t:7,l:0,cw:3600,ch:2025,q:80/aEGDNiYnGx2miYweYa6UcY.jpg" mos="" align="middle" fullscreen="" width="3600" height="2400" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Koelnmesse / gamescom)</span></figcaption></figure><p>Geoff Keighley has already confirmed that eight titles will make an appearance at today's showcase. There's going to be a lot more to see, of course, but these are the games we know we're getting a look at:<br><br><strong>The Witcher 3: Songs of the Past</strong></p><p><strong>Final Fantasy VII Revelation</strong></p><p><strong>Gears of War: E-Day</strong></p><p><strong>Ananta</strong></p><p><strong>Tides of Annihilation</strong></p><p><strong>Metro 2039</strong></p><p><strong>Game of Thrones: War for Westeros</strong></p><p><strong>Warlock: Dragons & Dungeons</strong></p></div><div class="live-content"><time datetime="2026-08-25T10:12:57+00:00">August 25, 2026 – 6:12 AM</time><h2 id="toss-a-coin-to-your-witcher">Toss a coin to your Witcher </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1024px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Pe8yFLPmSWQx5SuygoexQc" name="the-witcher-3-sop-16x9-master-image-en-1-1024x576" alt="Title card for the Witcher Wild Hunt Songs of the Past DLC" src="https://cdn.mos.cms.futurecdn.net/Pe8yFLPmSWQx5SuygoexQc.png" mos="" align="middle" fullscreen="" width="1024" height="576" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: CD Projekt RED)</span></figcaption></figure><p>The Witcher 3 is now over a decade old (it was released in May 2015) but CD Projekt Red is bringing another DLC to the table in the form of Songs of the Past. This is designed as a narrative bridge between the post-game state of The Witcher 3 and the upcoming Witcher 4.</p><p>Speaking of Witcher 4, CD Projekt Red CEO Michał Nowakowski has confirmed a 2028 release window for the upcoming game. That could mean a wait of up to two years for the game that's being built on Unreal Engine 5 — so probably a good job there's some DLC to keep us going.</p><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/o16W4QITg_0" allowfullscreen></iframe></div></div></div><div class="live-content"><time datetime="2026-08-25T10:30:00+00:00">August 25, 2026 – 6:30 AM</time><h2 id="final-fantasy-vii-revelation-is-going-to-be-epic">Final Fantasy VII Revelation is going to be epic</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/PH3ox5krci8" allowfullscreen></iframe></div></div><p>Final Fantasy VII Revelation is the final chapter in Square Enix's reimagined trilogy and is currently slated to land sometime in 2027. Geoff Keighley has confirmed the game's director Naoki Hamaguchi will take to the stage at Gamescom to show off more of what's in store for Cloud and the gang.</p><p>Platforms have already been confirmed with Final Fantasy VII Revelation set to launch simultaneously across PC, PS5, Xbox Series X, and Nintendo Switch 2 in 2027. </p><p>We learned from Hamaguchi during <a href="https://www.tomsguide.com/news/live/summer-game-fest-2025-live">Summer Game Fest</a> that the concluding chapter in the trilogy will be about "resolve". Expect a lot of emotion as each party member confronts their destiny in what'll probably be an epic conclusion to a masterful remake.</p></div><div class="live-content"><time datetime="2026-08-25T10:46:06+00:00">August 25, 2026 – 6:46 AM</time><h2 id="the-full-gamescom-schedule">The full Gamescom schedule</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="De6ZHWxirV4FckHPxHhXXY" name="gamescom_25_063_035" alt="Gamescom press images" src="https://cdn.mos.cms.futurecdn.net/v2/t:0,l:0,cw:3600,ch:2025,q:80/De6ZHWxirV4FckHPxHhXXY.jpg" mos="" align="middle" fullscreen="" width="3600" height="2400" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Koelnmesse / gamescom)</span></figcaption></figure><p>The Opening Night Live showcase is just the beginning of the various events at Gamescom this year. Because there can be a lot to keep track of, here's a handy schedule of all the different shows, including when they start, depending on your time zone. </p><div ><table><caption>Gamescom 2026 schedule</caption><tbody><tr><td class="firstcol " ><p><strong>Show</strong></p></td><td  ><p><strong>Date</strong></p></td><td  ><p><strong>ET</strong></p></td><td  ><p><strong>PT</strong></p></td><td  ><p>BST</p></td></tr><tr><td class="firstcol " ><p>Gamescom Opening Night Live</p></td><td  ><p>August 25</p></td><td  ><p>2pm</p></td><td  ><p>11am</p></td><td  ><p>7pm</p></td></tr><tr><td class="firstcol " ><p>REDStreams</p></td><td  ><p>August 25</p></td><td  ><p>4am - 1pm</p></td><td  ><p>1am - 10am</p></td><td  ><p>9am - 6pm</p></td></tr><tr><td class="firstcol " ><p>Xbox Live broadcast 1</p></td><td  ><p>August 26</p></td><td  ><p>10am</p></td><td  ><p>7am</p></td><td  ><p>3pm</p></td></tr><tr><td class="firstcol " ><p>Future Games Show</p></td><td  ><p>August 26</p></td><td  ><p>1pm</p></td><td  ><p>10am</p></td><td  ><p>6pm</p></td></tr><tr><td class="firstcol " ><p>Xbox Live broadcast 2</p></td><td  ><p>August 27</p></td><td  ><p>10am</p></td><td  ><p>7am</p></td><td  ><p>3pm</p></td></tr><tr><td class="firstcol " ><p>Gamescom Awesome Indies show</p></td><td  ><p>August 27</p></td><td  ><p>2pm</p></td><td  ><p>11am</p></td><td  ><p>7pm</p></td></tr><tr><td class="firstcol " ><p>FGS Best of Gamescom</p></td><td  ><p>August 30</p></td><td  ><p>1pm</p></td><td  ><p>10am</p></td><td  ><p>6pm</p></td></tr></tbody></table></div></div><div class="live-content"><time datetime="2026-08-25T11:21:09+00:00">August 25, 2026 – 7:21 AM</time><h2 id="all-the-timezones-for-today-39-s-event">All the timezones for today's event</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:853px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="aKFqs9pMuMQJipTEQY6KkT" name="gamescom Opening Night Live 2025 55-47 screenshot" alt="Gamescom ONL 2025" src="https://cdn.mos.cms.futurecdn.net/v2/t:0,l:0,cw:853,ch:480,q:80/aKFqs9pMuMQJipTEQY6KkT.png" mos="" align="middle" fullscreen="" width="854" height="480" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Gamescom ONL)</span></figcaption></figure><p>If you're planning to tune into the event later today and you're not based in either the U.S. or the U.K. then show host Geoff Keighley has handily posted all the airtimes for the main event. Here's the full list:</p><p><strong>Germany - 8p CEST </strong><br><br><strong>London - 7p BST </strong><br><br><strong>New York - 2p EDT </strong><br><br><strong>Los Angeles - 11a PDT </strong><br><br><strong>Mexico City - 1p CDT </strong><br><br><strong>São Paulo - 3p BRT </strong><br><br><strong>Moscow - 9p MSK </strong><br><br><strong>Mumbai - 11:30p IST </strong><br><br><strong>Beijing - 2a CST </strong><br><br><strong>Tokyo/Seoul - 3a JST </strong><br><br><strong>Sydney - 4a AEST</strong></p><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2092177875986264159"><p lang="en" dir="ltr">Airtimes for @gaemscom Opening Night Live today are:Germany - 8p CESTLondon - 7p BSTNew York - 2p EDTLos Angeles - 11a PDTMexico City - 1p CDTSão Paulo - 3p BRTMoscow - 9p MSKMumbai - 11:30p ISTBeijing - 2a CSTTokyo/Seoul - 3a JSTSydney - 4a AESTLivestream link:… pic.twitter.com/89L7U9SQf4<a href="https://twitter.com/cantworkitout/status/2092177875986264159">August 25, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div></div><div class="live-content"><time datetime="2026-08-25T11:59:05+00:00">August 25, 2026 – 7:59 AM</time><h2 id="looking-for-the-witcher-4">Looking for The Witcher 4?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="eqYwHvesmcTsqs3DkHqVj3" name="witcher-3-on-ps5-image (2).JPG" alt="Witcher 3 next-gen update screenshot" src="https://cdn.mos.cms.futurecdn.net/eqYwHvesmcTsqs3DkHqVj3.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: CD Projekt Red)</span></figcaption></figure><p>The Witcher 3 was one of the most fun RPGs released in recent memory, which has players chomping at the bit to get their hands on the next game in the series. And while new DLC for The Witcher 3 is exciting (as detailed a couple of posts down), we want to see a new game.</p><p>But unfortunately, we won't see it at Gamescom. </p><p>"So while we're not showing The Witcher 4 at the event, and we're not ready to share an exact date, I can tell you this: The Witcher 4 is targeting a 2028 release window.</p><p>"I know it's a bit of a wait and you'd love to play it sooner, but let the team cook. It will be worth the wait. Until then, there will be plenty more of The Witcher to come, including Songs of the Past when it launches in 2027. And you can be sure Gamescom is also in our plans for the coming years," explained Michał Nowakowski, Joint Chief Executive Officer, CD Projekt Red.</p><p>So while we won't get a taste of the game this year, at least we know that future Gamescom events could provide us with our first glimpse of The Witcher 4 in all of its glory. But those events do feel far away.</p></div><div class="live-content"><time datetime="2026-08-25T12:26:54+00:00">August 25, 2026 – 8:26 AM</time><h2 id="will-hideo-kojima-be-there">Will Hideo Kojima be there?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="XSqz42EkhpRThLRHCqJX7K" name="Kojima.jpg" alt="Hideo Kojima" src="https://cdn.mos.cms.futurecdn.net/XSqz42EkhpRThLRHCqJX7K.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Microsoft)</span></figcaption></figure><p>One thing I'd love to see at Gamescom is the latest from Hideo Kojima, whether that's OD or another game from the creator of Metal Gear and Death Stranding. With the longstanding friendship between Kojima and Gamescom Live host Geoff Keighley, it's quite possible that one of the generation's most beloved video game creators will make an appearance of some sort. </p><p>And hopefully that appearance comes with some kind of trailer for his latest game. Even just a small teaser and Kojima's presence on stage would be enough to make me happy. </p></div><div class="live-content"><time datetime="2026-08-25T12:57:21+00:00">August 25, 2026 – 8:57 AM</time><h2 id="sold-out-show">Sold out show</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:4032px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="9Wr8AzJJ8amDMDtotBT7RC" name="IMG_2673" alt="Tom's Guide at Gamescom live" src="https://cdn.mos.cms.futurecdn.net/9Wr8AzJJ8amDMDtotBT7RC.jpg" mos="" align="middle" fullscreen="" width="4032" height="2268" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>There's a lot of hype around the Gamescom live show. In fact, the <a href="https://www.gamescom.global/en/program/onl" target="_blank">official Gamescom website</a> is reporting that the event is completely sold out for in-person attendance. </p><p>"Missed your chance? Don't worry, we've got you covered: You can watch Gamescom Opening Night Live 2026 on Tuesday, 25.08.2026 via livestream on our website. We start the evening with the pre-show at 7:30 p.m.; the main show starts at 8:00 p.m. (CEST)," reads the website.</p><p>Of course, we'll be there live. In fact, our own Jason England is already there in person, and he's ready to bring you all the good stuff as it happens.</p></div><div class="live-content"><time datetime="2026-08-25T14:01:32+00:00">August 25, 2026 – 10:01 AM</time><h2 id="who-are-the-gamescom-hosts">Who are the Gamescom hosts?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:588px;"><p class="vanilla-image-block" style="padding-top:60.54%;"><img id="rtBPtcsYZy2JJowbMeVFdN" name="Screenshot 2026-08-25 at 10.00.32 AM" alt="the gamescom hosts" src="https://cdn.mos.cms.futurecdn.net/rtBPtcsYZy2JJowbMeVFdN.png" mos="" align="middle" fullscreen="" width="588" height="356" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: eefjah on Instagram)</span></figcaption></figure><p>Geoff Keighley hosts the live show and is one of the more recognizable figures in video games. With more than 3.8 million X followers, Keighley hosts some of the biggest events in gaming, including The Game Awards and Summer Game Fest. He comes from a traditional video game journalism background before switching to presenting and hosting big events.</p><p>He is slated to be joined by Eefje Depoortere, a prominent figure in the eSports world who often hosts major competitive events and has been a fixture since 2013. Before hosting events, she played competitive games like Unreal Tournament. She has a degree in history and journalism, which makes her uniquely suited to co-host the big gaming event.</p><p>Both Depoortere and Keighley will be familiar to anyone who watched the 2025 Gamescom event, as the pair hosted it then, as well. </p></div><div class="live-content"><time datetime="2026-08-25T14:30:17+00:00">August 25, 2026 – 10:30 AM</time><h2 id="are-you-excited">Are you excited?</h2><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-eMq8Ae"></div>                            </div>                            <script src="https://kwizly.com/embed/eMq8Ae.js" async></script><p>Are you looking forward to Gamescom this year? The big show is just a few hours away, and some highly anticipated games are slated to be shown off. Between the games that are just speculation and those confirmed to be there, it should be a pretty packed show.</p></div><div class="live-content"><time datetime="2026-08-25T15:06:11+00:00">August 25, 2026 – 11:06 AM</time><h2 id="my-most-anticipated-gamescom-game">My most anticipated Gamescom game</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/0VZsq_vJjGk" allowfullscreen></iframe></div></div><p>With the event just under 2 hours away, it's time to think about which games I'm most excited to see. Going off the list of confirmed games and expansions, I'd have to say Path of Exile 2 is the one I'm most looking forward to. I've already purchased the Early Access copy, jumped in a bit, and I'm optimistic about the game's long-term direction. </p><p>Hopefully, whatever Grinding Gear Games shows off at Gamescom really pushes it forward to where it needs to be to rival the first Path of Exile.</p></div><div class="live-content"><time datetime="2026-08-25T15:30:05+00:00">August 25, 2026 – 11:30 AM</time><h2 id="humankind-2-leak">Humankind 2 leak</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2092250534782894465"><p lang="en" dir="ltr">HUMANKIND 2 listed in SteamDB https://t.co/V06ifboZJy pic.twitter.com/8QHIks0dlH<a href="https://twitter.com/cantworkitout/status/2092250534782894465">August 25, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>A new leak, first spotted by intrepid video game tipster <a href="https://x.com/Wario64/status/2092250534782894465?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E2092250534782894465%7Ctwgr%5Eaf4cdeddc5a87ff42b90ee0d1cab5059392619ec%7Ctwcon%5Es1_c10&ref_url=https%3A%2F%2Fnews.instant-gaming.com%2Fen%2Farticles%2F21491-humankind-2-has-leaked-a-few-hours-before-gamescom" target="_blank">Wario64</a>, showed off a game called Humankind 2. </p><p>Presumably, this will be made official tonight at Gamescom Opening Night Live, but fans of 4X strategy games may want to keep an eye on it.</p></div><div class="live-content"><time datetime="2026-08-25T16:00:07+00:00">August 25, 2026 – 12:00 PM</time><h2 id="more-aliens">More Aliens?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="R4Ytkc6Ykzde53m88AQqfB" name="Alien Isolation" alt="Cover for "Alien: Isolation" game" src="https://cdn.mos.cms.futurecdn.net/R4Ytkc6Ykzde53m88AQqfB.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Creative Assembly)</span></figcaption></figure><p>Hey, it's Scott taking over for a minute until showtime. </p><p>One of my most anticipated games is Alien Isolation 2. We already<a href="https://www.tomsguide.com/news/live/summer-game-fest-2026-live-updates"> caught a glimpse</a> of it at Summer Game Fest back in June. It's been confirmed that a demo will be available at Gamescom, so why not a new trailer? I don't know if I could get more hyped.</p></div><div class="live-content"><time datetime="2026-08-25T16:29:04+00:00">August 25, 2026 – 12:29 PM</time><h2 id="a-new-worms-game-leaks">A new Worms game leaks</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090353611612283324"><p lang="en" dir="ltr">New Worms game developed by Absolutely Games (Project Arrakis) pic.twitter.com/FKhRlH8okO<a href="https://twitter.com/cantworkitout/status/2090353611612283324">August 20, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>Last week, cover art and a title for a rumored new Worms game were posted online by a regular game leaker. </p><p>The new game is allegedly titled "Worms [Galactic Tactics]." A gameplay video was leaked that showed something more akin to XCOM or Mario & Rabbids; however, that video has been taken down. </p><p>Anyway, I've been playing Worms for...too long...and I'm excited for a new take on the series, I love me some XCOM-style tactics.</p><p>It could show up at Gamescom is what we're saying.</p></div><div class="live-content"><time datetime="2026-08-25T17:04:34+00:00">August 25, 2026 – 1:04 PM</time><h2 id="one-hour-to-showtime">One hour to showtime</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="LzzYHwJ6iyntbYk7SbCs6N" name="gamescom-opening-night-live-2025" alt="Geoff Keighley presenting at Gamescom Opening Night Live" src="https://cdn.mos.cms.futurecdn.net/LzzYHwJ6iyntbYk7SbCs6N.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Gamescom)</span></figcaption></figure><p>The Geoff Keighley hosted opening night show kicks off in an hour. </p><p>The show has essentially replaced E3 as the biggest gaming convention of the year with all of the build-up that entails. </p><p>So, we're expecting some big announcements and reveals today.</p></div><div class="live-content"><time datetime="2026-08-25T17:15:07+00:00">August 25, 2026 – 1:15 PM</time><h2 id="pre-show-starts-in-15-minutes">Pre-show starts in 15 minutes!</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2092264382654718398"><p lang="en" dir="ltr">Gamescom Opening Night Live is a 2 hour live show with a 30 minute pre show.<a href="https://twitter.com/cantworkitout/status/2092264382654718398">August 25, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>Hey, all! Tony Polanco here to take over this liveblog for the pre-show and during the main event. Speaking of the pre-show, Geoff Keighley said there will indeed be a pre-Opening Night Live event 30 minutes beforehand. Hopefully, we'll see some good stuff! Also, ONL will be 2 hours long, so we're definitely in for an intense ride. Get. Ready!</p></div><div class="live-content"><time datetime="2026-08-25T17:36:25+00:00">August 25, 2026 – 1:36 PM</time><h2 id="the-pre-show-is-live">The pre-show is live!</h2><p>Okay, here is the appetizer! We already got hints that we'll see the new Final Fantasy and Witcher games. Let's go!<br><br>The first announcement is a new Worms game. There is also a more traditional Worms game in development.</p></div><div class="live-content"><time datetime="2026-08-25T17:38:01+00:00">August 25, 2026 – 1:38 PM</time><h2 id="train-sim-world-7-announced">Train Sim World 7 announced</h2><p>The next announcement is for Train Sim World 7. I didn't know there were six other games! You learn something new every day!</p></div><div class="live-content"><time datetime="2026-08-25T17:39:32+00:00">August 25, 2026 – 1:39 PM</time><h2 id="rollercoaster-tycoon-wonderworks-early-access">Rollercoaster Tycoon: Wonderworks early access</h2><p>If you like the Rollercoaster Tycoon games, there's a new one coming.</p></div><div class="live-content"><time datetime="2026-08-25T17:41:06+00:00">August 25, 2026 – 1:41 PM</time><h2 id="animo-announced">Animo announced</h2><p>A very Pokémon-inspired game called Animo now takes the stage. I have no idea what's happening but it sure is colorful.</p></div><div class="live-content"><time datetime="2026-08-25T17:43:00+00:00">August 25, 2026 – 1:43 PM</time><h2 id="neha-slashes-its-way-to-gamescom">NeHa slashes its way to Gamescom</h2><p>Neha looks like a pretty cool hack-and-slash game inspired by various titles. The genre certainly has been making a resurgence lately, and I'm here for it!</p></div><div class="live-content"><time datetime="2026-08-25T17:45:01+00:00">August 25, 2026 – 1:45 PM</time><h2 id="perceptum-is-a-new-horror-game">Perceptum is a new horror game</h2><p>If you need some scares in your life, Perceptum could be that. Not much shown in the trailer, but the horror vibe was definitely thick!</p></div><div class="live-content"><time datetime="2026-08-25T17:47:42+00:00">August 25, 2026 – 1:47 PM</time><h2 id="cozy-and-dark">Cozy and dark</h2><p>Now, we have Acornia, which is a cute, cozy game with anthropomorphic animals. On the flip side, Valor Mortis is here as a dark action game. Always good to have variety!</p></div><div class="live-content"><time datetime="2026-08-25T17:48:40+00:00">August 25, 2026 – 1:48 PM</time><h2 id="tank-rat">Tank Rat</h2><p>A trailer for a game called Tank Rat is shown. Not much, to be honest, but it seems intriguing since it has a robot. Robots are always fun in my eyes!</p></div><div class="live-content"><time datetime="2026-08-25T17:49:42+00:00">August 25, 2026 – 1:49 PM</time><h2 id="murals-announced">Murals announced</h2><p>A new game called Murals is announced. I didn't know what was happening, but it seems to have some painting mechanics. I like the colors!</p></div><div class="live-content"><time datetime="2026-08-25T17:51:21+00:00">August 25, 2026 – 1:51 PM</time><h2 id="humankind-ii">Humankind II</h2><p>RTS fans, rejoice! Humankind II is a Civilization-style game featuring some impressive graphics. I also liked the intro featuring real life actors.</p></div><div class="live-content"><time datetime="2026-08-25T17:53:26+00:00">August 25, 2026 – 1:53 PM</time><h2 id="elta-is-a-new-action-game">Elta is a new action game</h2><p>A new third-person action game is announced. This one reminds me a lot of Darksiders. The difference here is that you get a little dragon companion. Nice!</p></div><div class="live-content"><time datetime="2026-08-25T17:54:32+00:00">August 25, 2026 – 1:54 PM</time><h2 id="age-twisters-is-a-twisted-game">Age Twisters is a twisted game</h2><p>This isometric view game lets you switch between an old man and a kid. Freaky Friday in video game form? I think so.</p></div><div class="live-content"><time datetime="2026-08-25T17:56:07+00:00">August 25, 2026 – 1:56 PM</time><h2 id="onimusha-gets-a-spotlight">Onimusha gets a spotlight</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="SvrRNuDeFzxpsfuxQYr2fJ" name="onimusha-way-of-the-sword-keyart" alt="Keyart image for Onimusha: Way of the Sword showing the protagonist, Miyamoto Musashi" src="https://cdn.mos.cms.futurecdn.net/SvrRNuDeFzxpsfuxQYr2fJ.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Onimusha is the biggest game we've seen during this pre-show, and a title I can't wait to play. You can now play an expanded demo, which is awesome!</p></div><div class="live-content"><time datetime="2026-08-25T17:57:59+00:00">August 25, 2026 – 1:57 PM</time><h2 id="mariachi-legends-announced">Mariachi Legends announced</h2><p>If you like Metroidvania games and cool Latin vibes, then you should have Mariachi Legends on your radar. The developer says this game was inspired by Mexican culture. Mui caliente!</p></div><div class="live-content"><time datetime="2026-08-25T18:00:03+00:00">August 25, 2026 – 2:00 PM</time><h2 id="two-minutes-till-showtime">Two minutes till showtime!</h2><p>With the last of the pre-show trailers out of the way, it's now time for Opening Night Live proper! Hopefully, we'll get some truly memorable stuff to get us excited about what to expect next on consoles and PC.</p></div><div class="live-content"><time datetime="2026-08-25T18:02:07+00:00">August 25, 2026 – 2:02 PM</time><h2 id="geoff-keighly-takes-the-stage">Geoff Keighly takes the stage!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/c9c-1ukVGtI" allowfullscreen></iframe></div></div><p>Game Awards creator Geoff Keighley takes the stage to officially kick off Opening Night Live 2026. Strap in!</p></div><div class="live-content"><time datetime="2026-08-25T18:05:45+00:00">August 25, 2026 – 2:05 PM</time><h2 id="final-fantasy-vii-revelation-and-more">Final Fantasy VII Revelation and more!</h2><p>Keighley says we'll see more of Final Fantasy VII: Revelation and a brand-new expansion for The Witcher 3. This is going to be huge. Also, there will be a musical performance, because of course there will be.</p></div><div class="live-content"><time datetime="2026-08-25T18:08:40+00:00">August 25, 2026 – 2:08 PM</time><h2 id="dragon-slaying-nodus-fall-gets-announced">Dragon-slaying Nodus Fall gets announced</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/I59kIiEDOMM" allowfullscreen></iframe></div></div><p>A new HoyoVerse co-op game, Nodus Fall, gets a cinematic trailer. This seems inspired by a lot of the Souls-like titles released in recent years. I guess it's best to strike while the iron is hot. But, hey, at least we get cool dragons.</p></div><div class="live-content"><time datetime="2026-08-25T18:10:56+00:00">August 25, 2026 – 2:10 PM</time><h2 id="rainbow-six-tactics-is-revealed">Rainbow Six: Tactics is revealed</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/ctYAkqloPIM" allowfullscreen></iframe></div></div><p>Co-host "Sjokz" takes the stage to announce Rainbow Six: Tactics. As its name implies, this is an XCOM-like tactical game. If you're looking for that type of gameplay, this could satisfy that craving.</p></div><div class="live-content"><time datetime="2026-08-25T18:13:58+00:00">August 25, 2026 – 2:13 PM</time><h2 id="gears-of-war-e-day-campaign-trailer-revealed">Gears of War: E-Day campaign trailer revealed</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/vqq8VXPaqD0" allowfullscreen></iframe></div></div><p>Gears of War: E-Day is up next with a brand-new campaign trailer focusing on the leader of the Locust horde. This trailer shows us some of what's happening underground, with some pretty hellish locales. If you're like me, this is one of your most anticipated games of the year.</p></div><div class="live-content"><time datetime="2026-08-25T18:17:09+00:00">August 25, 2026 – 2:17 PM</time><h2 id="ananta-is-announced">Ananta is announced</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/5Zgfoqzgln4" allowfullscreen></iframe></div></div><p>We got a new trailer for Ananta, an anime-inspired game. Gameplay seems to mix action and open-world elements. The graphics range from hyper-stylized to super detailed, creating a unique aesthetic. This game drops on January 15.</p></div><div class="live-content"><time datetime="2026-08-25T18:19:53+00:00">August 25, 2026 – 2:19 PM</time><h2 id="new-look-at-silent-hill-townfall">New look at Silent Hill: Townfall</h2><p>We get another look at Silent Hill: Townfall. I'm not very familiar with this franchise (I've always been a Resident Evil fan), but this new game seems appropriately spooky and disturbing.</p></div><div class="live-content"><time datetime="2026-08-25T18:20:36+00:00">August 25, 2026 – 2:20 PM</time><h2 id="resonance-a-plague-tale">Resonance: A Plague Tale</h2><p>We get another look at Resonance: A Plague Tale. I've never played these games, but this one seems pretty action-packed.</p></div><div class="live-content"><time datetime="2026-08-25T18:22:37+00:00">August 25, 2026 – 2:22 PM</time><h2 id="sea-remnants-announced">Sea Remnants announced</h2><p>This is a pirate game with some cool visuals and turn-based gameplay. Seems like a cool mix of two genres. I'm here for it.</p></div><div class="live-content"><time datetime="2026-08-25T18:23:57+00:00">August 25, 2026 – 2:23 PM</time><h2 id="crimson-desert-expansion-coming-soon">Crimson Desert expansion coming soon</h2><p>If Crimson Desert didn't have enough content for you, you'll be happy to know that it's getting an expansion. What? You only put 400 hours into it? Rookie numbers! This DLC will help you boost those stats!</p></div><div class="live-content"><time datetime="2026-08-25T18:24:40+00:00">August 25, 2026 – 2:24 PM</time><h2 id="tides-of-annihilation-gets-a-new-trailer">Tides of Annihilation gets a new trailer</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/50mDxXfWEZQ" allowfullscreen></iframe></div></div><p>Arthurian-inspired game gets an action-packed new trailer. This is yet another hack-and-slash game featuring intense combat and flashy visuals. The trailer is short but sweet!</p></div><div class="live-content"><time datetime="2026-08-25T18:28:47+00:00">August 25, 2026 – 2:28 PM</time><h2 id="quirky-indie-game-lofsong-is-announced">Quirky indie game, Lofsong is announced</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/WDF61yayn-w" allowfullscreen></iframe></div></div><p>Alessandro Durando takes the stage to announce Lofsong. Gotta love that Italian accent! The game itself seems like a dark homage to Journey. Very cool!</p></div><div class="live-content"><time datetime="2026-08-25T18:30:50+00:00">August 25, 2026 – 2:30 PM</time><h2 id="mega-man-override-gets-announced">Mega Man: Override gets announced</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/v4xqYrsZseo" allowfullscreen></iframe></div></div><p>Here we go! The Blue Bomber returns in Mega Man: Override! I actually got to play this game at an event in NYC, and let me tell you, it is brutally hard! Though it's not officially called this, this is indeed Mega Man 12. Also, Twinkle Girl, the new boss, is one tough cookie! And for good measure, Pragmata is getting a Mega Man skin!</p></div><div class="live-content"><time datetime="2026-08-25T18:32:28+00:00">August 25, 2026 – 2:32 PM</time><h2 id="ray-man-legends-retold">Ray Man Legends Retold!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/Ia1t_McxuRs" allowfullscreen></iframe></div></div><p>Now we get a look at Ray Man Legends Retold, which, as the name suggests, is a remake of Ray Man Legends. No, your ears aren't fooling you, as this new musical stage is playing Macarena. Caramba! The game drops on October 1!</p></div><div class="live-content"><time datetime="2026-08-25T18:35:05+00:00">August 25, 2026 – 2:35 PM</time><h2 id="new-pubg-game">New PUBG game</h2><p>PUBG gets announced with some Ministry as the soundtrack. This isn't exactly my type of game, but I love Ministry, so that's certainly a plus!</p></div><div class="live-content"><time datetime="2026-08-25T18:36:21+00:00">August 25, 2026 – 2:36 PM</time><h2 id="control-resonant-new-look">Control: Resonant new look</h2><p>Now we see a new trailer for Control Resonant. Even though it's been delayed to September 24, my excitement for Remedy's next game hasn't diminished. If this is like the original Control, it'll be an instant classic.</p></div><div class="live-content"><time datetime="2026-08-25T18:38:30+00:00">August 25, 2026 – 2:38 PM</time><h2 id="the-blood-of-dawnwalker-drops-on-september-3">The Blood of Dawnwalker drops on September 3</h2><p>The headline says it all! This game is looking more awesome by the minute. Give it to me.</p></div><div class="live-content"><time datetime="2026-08-25T18:39:35+00:00">August 25, 2026 – 2:39 PM</time><h2 id="new-game-of-thrones-rts-announced">New Game of Thrones RTS announced</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/sGtJWLeBxug" allowfullscreen></iframe></div></div><p>If you're waiting for The Winds of Winter, you can tide yourself over with Game of Thrones: War for Westeros. Sure, it might not give you the next chapter, but it's at least something!</p></div><div class="live-content"><time datetime="2026-08-25T18:41:04+00:00">August 25, 2026 – 2:41 PM</time><h2 id="dust-origins">Dust: Origins</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/GVVWa41WZQs" allowfullscreen></iframe></div></div><p>This gritty, isometric shooter drops you into a space prison where you must face all manner of fiendish horrors. The graphics are extremely impressive, and the action is intense.</p></div><div class="live-content"><time datetime="2026-08-25T18:42:44+00:00">August 25, 2026 – 2:42 PM</time><h2 id="a-change-of-pace">A change of pace</h2><p>We now have a commercial for Gamescom itself. If you're already at the show, you're already sold, but I guess it gives us a nice break from all the games. Anyway, here we go again!</p></div><div class="live-content"><time datetime="2026-08-25T18:45:46+00:00">August 25, 2026 – 2:45 PM</time><h2 id="exodus-has-an-octopus-hero">Exodus has an octopus hero</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/wANI7b7G8yw" allowfullscreen></iframe></div></div><p>We get a new look at Exodus, featuring a new character. The gameplay seems like standard third-person shooter fare, with some impressive graphics and inventive animations. There's also a talking octopus for some reason. This drops on April 7, 2027.</p></div><div class="live-content"><time datetime="2026-08-25T18:50:58+00:00">August 25, 2026 – 2:50 PM</time><h2 id="warlock-dungeons-amp-dragons">Warlock: Dungeons & Dragons</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/D7rUgkqOXXI" allowfullscreen></iframe></div></div><p>We get a new look at Warlock: Dungeons & Dragons. Unlike Baldur's Gate 3 (also D&D), this is a third-person action game. If you're into D&D, this seems worth keeping on your radar.</p></div><div class="live-content"><time datetime="2026-08-25T18:55:52+00:00">August 25, 2026 – 2:55 PM</time><h2 id="new-game-inspired-by-1001-arabian-nights">New game inspired by 1001 Arabian Nights</h2><p>1001 Threads of Mizan game gets announced. This is a CG cinematic, but it still looks pretty interesting. Traveling the desert on a flying carpet should be pretty fun. The giant bosses also look pretty awesome.</p></div><div class="live-content"><time datetime="2026-08-25T18:57:45+00:00">August 25, 2026 – 2:57 PM</time><h2 id="silver-palace-mixes-anime-and-detailed-graphics">Silver Palace mixes anime and detailed graphics</h2><p>Anime game gets a shiny new trailer. The anime art and hyper-detailed backgrounds certainly make for interesting visuals.</p></div><div class="live-content"><time datetime="2026-08-25T18:59:30+00:00">August 25, 2026 – 2:59 PM</time><h2 id="new-metro-game-announced">New Metro game announced</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/fijVZlJ9rNc" allowfullscreen></iframe></div></div><p>Ukrainian Metro 2039 devs take the stage to discuss the hardships of creating a game during the middle of a real war. We definitely have to give this team respect for enduring such hardships while working on the next installment of this beloved franchise.</p></div><div class="live-content"><time datetime="2026-08-25T19:05:24+00:00">August 25, 2026 – 3:05 PM</time><h2 id="snoop-dogg-comes-to-hitman">Snoop Dogg comes to Hitman</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/xXwaiugIXjw" allowfullscreen></iframe></div></div><p>Snoop Dogg will make an appearance in Hitman: World of Assassination. Yes, that might sound crazy, but he isn't the first celebrity to appear in the stealth game series. Fo-shizzle!</p></div><div class="live-content"><time datetime="2026-08-25T19:07:02+00:00">August 25, 2026 – 3:07 PM</time><h2 id="aion-brings-the-action">Aion brings the action</h2><p>Here is yet another action-packed hack-and-slash game featuring insane boss battles and gorgeous graphics.</p></div><div class="live-content"><time datetime="2026-08-25T19:09:11+00:00">August 25, 2026 – 3:09 PM</time><h2 id="afterworld-features-a-dark-future">Afterworld features a dark future</h2><p>Afterworld is a post-apocalyptic game where you have to rebuild America from the ashes. No gameplay was shown, but it seems to have some Mad Max vibes.</p></div><div class="live-content"><time datetime="2026-08-25T19:11:22+00:00">August 25, 2026 – 3:11 PM</time><h2 id="mewgenics-live-performance">Mewgenics live performance</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/jJ0bC5Iwx-U" allowfullscreen></iframe></div></div><p>It's time to unwind with a live musical number from the game, Mewgenics. Gotta say, the cat-inspired costumes of the performers are pretty pur-fect!</p></div><div class="live-content"><time datetime="2026-08-25T19:15:59+00:00">August 25, 2026 – 3:15 PM</time><h2 id="aliens-fireteam-elite-2-gets-a-new-trailer">Aliens: Fireteam Elite 2 gets a new trailer</h2><p>In a complete tonal shift, we go to a new Aliens: Fireteam Elite 2 trailer. I haven't played the original, so I can't vouch for it. But if it has a sequel, people must have liked the first one. This game is available now and comes to Switch on September 29.</p></div><div class="live-content"><time datetime="2026-08-25T19:18:06+00:00">August 25, 2026 – 3:18 PM</time><h2 id="become-the-cat">Become the cat</h2><p>The new 1666: Amsterdam trailer shows some footage of you being able to transform into a cat, because why not? Another short but sweet trailer.</p></div><div class="live-content"><time datetime="2026-08-25T19:19:38+00:00">August 25, 2026 – 3:19 PM</time><h2 id="showa-american-story-revealed">Showa: American Story revealed</h2><p>A new Japanese game called Showa: American Story has been revealed. "Showa" and "American" aren't usually in the same sentence, so we'll have to see what this action game is all about. Color me intrigued!</p></div><div class="live-content"><time datetime="2026-08-25T19:22:28+00:00">August 25, 2026 – 3:22 PM</time><h2 id="brand-new-look-at-stage-tour">Brand-new look at Stage Tour</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/MeaRKS-unlc" allowfullscreen></iframe></div></div><p>The new trailer for Stage Tour starts off with Kickstart My Heart, so I'm already listening. I didn't know about this game or that it was trying to bring back the Guitar Hero genre. If you've been craving a game like this, rock on, dudes!</p></div><div class="live-content"><time datetime="2026-08-25T19:24:06+00:00">August 25, 2026 – 3:24 PM</time><h2 id="crazy-taxi-multiplayer-reveal">Crazy Taxi multiplayer reveal</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/yDQ2wPvuBJI" allowfullscreen></iframe></div></div><p>Crazy Taxi is back and now features multiplayer! The single player is already insane, so I can only imagine the mayhem of the multiplayer mode. I love Crazy Taxi, so I'm super stoked for World Tour. Fuel me up!</p></div><div class="live-content"><time datetime="2026-08-25T19:25:56+00:00">August 25, 2026 – 3:25 PM</time><h2 id="turok-origins-brings-the-dinos">Turok Origins brings the dinos</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/k7YlY3vnC8w" allowfullscreen></iframe></div></div><p>Turok Origins is yet another third-person action game. If you missed the old Turok game or the classic Valiant Comics, this is one to keep an eye on.</p></div><div class="live-content"><time datetime="2026-08-25T19:28:17+00:00">August 25, 2026 – 3:28 PM</time><h2 id="gravhounds-is-a-good-boy">Gravhounds is a good boy</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/8LaC0F5CPsg" allowfullscreen></iframe></div></div><p>Gravhounds is a fur-ious co-op shooter featuring anthropomorphic dogs. I don't know what to say about this one, other than "woff!"</p></div><div class="live-content"><time datetime="2026-08-25T19:31:44+00:00">August 25, 2026 – 3:31 PM</time><h2 id="sizzle-reel-time">Sizzle reel time</h2><p>We get a slew of short trailers for various games like Lego Skylines, a train simulator, and yet another third-person shooter called Exterminauts. In addition, there's also a trailer for the next Path of Exile game.</p></div><div class="live-content"><time datetime="2026-08-25T19:34:07+00:00">August 25, 2026 – 3:34 PM</time><h2 id="heroes-of-might-and-magic-iii-is-reborn">Heroes of Might and Magic III is reborn</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/NhlmWBRbM3I" allowfullscreen></iframe></div></div><p>Ubisoft is resurrecting the classic Heroes of Might and Magic III with brand-new graphics and enhanced gameplay. If you're a fan of the original, this looks like a worthy remake.</p></div><div class="live-content"><time datetime="2026-08-25T19:36:04+00:00">August 25, 2026 – 3:36 PM</time><h2 id="games-done-quick-takes-the-spotlight">Games Done Quick takes the spotlight</h2><p>Ashley Farkas from Games Done Quick takes the stage to announce that Games Done Quick is coming to Europe. The organization raises money for causes it believes in, and it's now growing bigger by taking the global stage.</p></div><div class="live-content"><time datetime="2026-08-25T19:39:26+00:00">August 25, 2026 – 3:39 PM</time><h2 id="no-law-gets-impressive-new-trailer">No Law gets impressive new trailer</h2><p>Get your cyberpunk on with a new look at No Law. Everything is captured in-engine and looks absolutely phenomenal. You can certainly see the Cyberpunk 2077 inspiration, which is fine since we likely won't get a new game from CDPR for a while. With graphics like these, who can say no? Jack me in!</p></div><div class="live-content"><time datetime="2026-08-25T19:41:53+00:00">August 25, 2026 – 3:41 PM</time><h2 id="cinder-city-looks-spooky">Cinder City looks spooky</h2><p>Frightening sci-fi game Cinder City gets announced. I don't know what's happening here, but I'm digging the creepy aesthetics, even if we're not seeing any direct gameplay.</p></div><div class="live-content"><time datetime="2026-08-25T19:43:54+00:00">August 25, 2026 – 3:43 PM</time><h2 id="ontos-is-also-scary">Ontos is also scary</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/lq9mMfDpN74" allowfullscreen></iframe></div></div><p>There must be something in the air, as Ontos is yet another horror-sci-fi game. The first-person perspective does a great job of pulling you into this disturbing world, and I'm also digging the overall mood.</p></div><div class="live-content"><time datetime="2026-08-25T19:46:55+00:00">August 25, 2026 – 3:46 PM</time><h2 id="zoopunk-embraces-its-animal-nature">Zoopunk embraces its animal nature</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/zoIuwo6bchk" allowfullscreen></iframe></div></div><p>Zookpunk is yet another title featuring anthropomorphic animals. The third-person action gameplay seems pretty awesome, and the graphics are impressive, too. China is really showing what it can do in the gaming space, and I'm here for it.</p></div><div class="live-content"><time datetime="2026-08-25T19:48:38+00:00">August 25, 2026 – 3:48 PM</time><h2 id="there-are-no-ghosts-at-the-grand-gets-a-new-look">There are no Ghosts at the Grand gets a new look</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/qUwRT4FPqAQ" allowfullscreen></iframe></div></div><p>I'm not sure what to make of this musical, story-based renovation game (their description, not mine), but I'm sure it will have an audience.</p></div><div class="live-content"><time datetime="2026-08-25T19:52:07+00:00">August 25, 2026 – 3:52 PM</time><h2 id="another-sizzle-reel">Another sizzle reel</h2><p>We get another slew of games, featuring war games, isometric shooters, first-person shooters, and more. Many of these appear to be games from Chinese developers, which shows that the country is serious about game development.</p></div><div class="live-content"><time datetime="2026-08-25T19:53:20+00:00">August 25, 2026 – 3:53 PM</time><h2 id="it-39-s-final-fantasy-time">It's Final Fantasy time!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/4UbJe_KtW3A" allowfullscreen></iframe></div></div><p>Here we go! Naoki Hamaguchi takes the stage to give us more details about Final Fantasy VII Revelation!</p></div><div class="live-content"><time datetime="2026-08-25T19:56:17+00:00">August 25, 2026 – 3:56 PM</time><h2 id="the-new-final-fantasy-vii-revelations-trailer-is-epic">The new Final Fantasy VII: Revelations trailer is epic!</h2><p>The new Final Fantasy VII: Revelations trailer focuses on the massive Weapons, ancient guardians of the planet, and insanely difficult bosses from the original game. If these beasts are as tough as before, I predict many gamers will smash their controllers in frustration. It drops next spring!</p></div><div class="live-content"><time datetime="2026-08-25T19:58:52+00:00">August 25, 2026 – 3:58 PM</time><h2 id="the-witcher-iii-dlc-gets-a-new-trailer">The Witcher III DLC gets a new trailer</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/-_3WC47w4dw" allowfullscreen></iframe></div></div><p>The Witcher III: Wild Hunt is being updated yet again with new graphics and enhanced gameplay. And if that weren't enough, it's also getting another expansion. All of this should make the wait for The Witcher 4 a bit easier. The upgrades are free, but the DLC will surely cost money... which I'm sure folks will be more than happy to part with for one last chance to play as Geralt.</p></div><div class="live-content"><time datetime="2026-08-25T20:02:58+00:00">August 25, 2026 – 4:02 PM</time><h2 id="more-details-on-the-witcher-iii-expansion">More details on the Witcher III expansion</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/LOougswn-zg" allowfullscreen></iframe></div></div><p>Songs of the Past (the new Witcher III expansion) was apparently an idea the team had but couldn't find time for, until now. The game is Geralt's last adventure before Ciri takes over. There is an extended demo at Gamescom, which makes me very jealous. This expansion will have an all-new region, with new enemies and activities. Naturally, there is a dark secret that Geralt must solve.</p></div><div class="live-content"><time datetime="2026-08-25T20:04:44+00:00">August 25, 2026 – 4:04 PM</time><h2 id="that-39-s-a-wrap-for-onl">That's a wrap for ONL!</h2><p>And that's it! Overall, it was a decent enough showing for some under-the-radar games you can look forward to.</p></div><div class="live-content"><time datetime="2026-08-25T20:28:37+00:00">August 25, 2026 – 4:28 PM</time><h2 id="the-highlights">The highlights</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="QaWcxo87aPsgedC8QcRkqR" name="Final Fantasy VII Revelation" alt="Final Fantasy VII: Revelation" src="https://cdn.mos.cms.futurecdn.net/QaWcxo87aPsgedC8QcRkqR.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Square-Enix)</span></figcaption></figure><p>I think it's safe to say that Final Fantasy VII: Revelation and The Witcher III: Songs of the Past stole the show. Not that there weren't other great trailers, but these two closed out Opening Night Live for a reason.</p></div> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/news/live/gamescom-opening-night-live-2026-latest-updates</link>
                                                                            <description>
                            <![CDATA[ Gamescom's Opening Night Live was a 2-hour showcase of some of the biggest (and smallest) games coming to PC and console. Here are the highlights. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">R24LrNNq2rqyBMLvyetKeJ</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/9Wr8AzJJ8amDMDtotBT7RC-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Tue, 25 Aug 2026 09:42:46 +0000</pubDate>                                                                                                                                <updated>Wed, 26 Aug 2026 00:48:02 +0000</updated>
                                                                                                                                            <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ jeff.parsons@futurenet.com (Jeff Parsons) ]]></author>                    <dc:creator><![CDATA[ Jeff Parsons ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/7z3UTGGrmSokMKxTWHmhjX.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Jeff is U.K. Editor-in-Chief for Tom’s Guide looking after the day-to-day output of the site’s British contingent. &lt;/p&gt;&lt;p&gt;Rising early and heading straight for the coffee machine, Jeff loves nothing more than dialling into the zeitgeist of the day’s tech news. A journalist for over a decade, he&#039;s travelled around the world testing and reviewing any gadget he can get his hands on.&lt;/p&gt;&lt;p&gt;Before joining the team at Tom’s Guide, Jeff covered technology and science for two of the U.K.’s biggest national news sites: Metro.co.uk and the Daily Mirror. Memorable moments include getting lost in Vienna in an electric Audi, touring Lockheed Martin’s mile-long jet factory in Fort Worth and filming a Netflix documentary about Elon Musk in West London.&lt;/p&gt;&lt;p&gt;When not plugged into the current news agenda, editing or commissioning a series of articles or debating the merits of Apple vs Android, Jeff can usually be found out for a run trying to shave precious seconds off his PB. Or lifting weights in a vain attempt to offset the ageing process.&lt;/p&gt; ]]></dc:description>
                                                                                                        <dc:contributor><![CDATA[ Tony Polanco ]]></dc:contributor>
                                                                    <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/9Wr8AzJJ8amDMDtotBT7RC-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&amp;#39;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Tom&#039;s Guide at Gamescom live]]></media:description>                                                            <media:text><![CDATA[Tom&#039;s Guide at Gamescom live]]></media:text>
                                <media:title type="plain"><![CDATA[Tom&#039;s Guide at Gamescom live]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/9Wr8AzJJ8amDMDtotBT7RC-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <div class="live-content"><p>Gamescom's Opening Night Live just concluded and delivered a slew of new trailers and updates for some of the biggest and smallest games coming to PC and console in the following year.</p><p>Cologne in Germany is the city playing host to Gamescom, and we've got members of the Tom's Guide team on the ground in the city to get in amongst the action. Geoff Keighley hosted today's two-hour opening showcase, and he brought his usual energy to the stage, along with co-host Eefje “Sjokz” Depoortere.</p><p>Some of the biggest reveals included new looks at The Witcher 3: Songs of the Past, Final Fantasy VII Revelation and Game of Thrones: War for Westeros. Gears of War fans were also treated to a new Gears of War: E-Day campaign trailer. A new entry in the post-apocalyptic Metro series also made a big splash.</p><p>The show might be over, but you can watch the video below to see what you've missed, along with reading our thoughts on the show as we watched it live.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-W0RpKX"></div>                            </div>                            <script src="https://kwizly.com/embed/W0RpKX.js" async></script><h3 class="article-body__section" id="section-how-to-watch-gamescom-opening-night-live"><span>How to watch Gamescom Opening Night Live</span></h3><p>If you couldn't get tickets to Cologne yourself, don't worry. The show was livestreamed worldwide on the Gamescom <a href="https://www.youtube.com/@gamescom.global" target="_blank">YouTube</a> and <a href="https://www.twitch.tv/gamescom" target="_blank">Twitch</a> channels. You can watch it at the embedded link below!</p><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/Zzvzt3IjNik" allowfullscreen></iframe></div></div><h3 class="article-body__section" id="section-live-latest-updates"><span>LIVE: Latest Updates</span></h3></div><div class="live-content"><h2 id="welcome-to-gamescom-2026">Welcome to Gamescom 2026</h2><p>Welcome to Tom's Guide's live coverage of Gamescom Opening Night Live 2026. We're expecting a massive showcase running through some of the most exciting upcoming video games.</p><p>The entire show is going to be a two-hour blitz of new announcements and extended looks. Our team is on the ground in Cologne right now, and we'll be keeping you updated throughout the day as we get closer to the event itself. Game on!</p></div><div class="live-content"><time datetime="2026-08-25T09:53:32+00:00">August 25, 2026 – 5:53 AM</time><h2 id="confirmed-games-for-tonight-39-s-showcase">Confirmed games for tonight's showcase</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="aEGDNiYnGx2miYweYa6UcY" name="gamescom_25_053_031" alt="Gamescom press images" src="https://cdn.mos.cms.futurecdn.net/v2/t:7,l:0,cw:3600,ch:2025,q:80/aEGDNiYnGx2miYweYa6UcY.jpg" mos="" align="middle" fullscreen="" width="3600" height="2400" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Koelnmesse / gamescom)</span></figcaption></figure><p>Geoff Keighley has already confirmed that eight titles will make an appearance at today's showcase. There's going to be a lot more to see, of course, but these are the games we know we're getting a look at:<br><br><strong>The Witcher 3: Songs of the Past</strong></p><p><strong>Final Fantasy VII Revelation</strong></p><p><strong>Gears of War: E-Day</strong></p><p><strong>Ananta</strong></p><p><strong>Tides of Annihilation</strong></p><p><strong>Metro 2039</strong></p><p><strong>Game of Thrones: War for Westeros</strong></p><p><strong>Warlock: Dragons & Dungeons</strong></p></div><div class="live-content"><time datetime="2026-08-25T10:12:57+00:00">August 25, 2026 – 6:12 AM</time><h2 id="toss-a-coin-to-your-witcher">Toss a coin to your Witcher </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1024px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Pe8yFLPmSWQx5SuygoexQc" name="the-witcher-3-sop-16x9-master-image-en-1-1024x576" alt="Title card for the Witcher Wild Hunt Songs of the Past DLC" src="https://cdn.mos.cms.futurecdn.net/Pe8yFLPmSWQx5SuygoexQc.png" mos="" align="middle" fullscreen="" width="1024" height="576" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: CD Projekt RED)</span></figcaption></figure><p>The Witcher 3 is now over a decade old (it was released in May 2015) but CD Projekt Red is bringing another DLC to the table in the form of Songs of the Past. This is designed as a narrative bridge between the post-game state of The Witcher 3 and the upcoming Witcher 4.</p><p>Speaking of Witcher 4, CD Projekt Red CEO Michał Nowakowski has confirmed a 2028 release window for the upcoming game. That could mean a wait of up to two years for the game that's being built on Unreal Engine 5 — so probably a good job there's some DLC to keep us going.</p><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/o16W4QITg_0" allowfullscreen></iframe></div></div></div><div class="live-content"><time datetime="2026-08-25T10:30:00+00:00">August 25, 2026 – 6:30 AM</time><h2 id="final-fantasy-vii-revelation-is-going-to-be-epic">Final Fantasy VII Revelation is going to be epic</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/PH3ox5krci8" allowfullscreen></iframe></div></div><p>Final Fantasy VII Revelation is the final chapter in Square Enix's reimagined trilogy and is currently slated to land sometime in 2027. Geoff Keighley has confirmed the game's director Naoki Hamaguchi will take to the stage at Gamescom to show off more of what's in store for Cloud and the gang.</p><p>Platforms have already been confirmed with Final Fantasy VII Revelation set to launch simultaneously across PC, PS5, Xbox Series X, and Nintendo Switch 2 in 2027. </p><p>We learned from Hamaguchi during <a href="https://www.tomsguide.com/news/live/summer-game-fest-2025-live">Summer Game Fest</a> that the concluding chapter in the trilogy will be about "resolve". Expect a lot of emotion as each party member confronts their destiny in what'll probably be an epic conclusion to a masterful remake.</p></div><div class="live-content"><time datetime="2026-08-25T10:46:06+00:00">August 25, 2026 – 6:46 AM</time><h2 id="the-full-gamescom-schedule">The full Gamescom schedule</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3600px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="De6ZHWxirV4FckHPxHhXXY" name="gamescom_25_063_035" alt="Gamescom press images" src="https://cdn.mos.cms.futurecdn.net/v2/t:0,l:0,cw:3600,ch:2025,q:80/De6ZHWxirV4FckHPxHhXXY.jpg" mos="" align="middle" fullscreen="" width="3600" height="2400" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Koelnmesse / gamescom)</span></figcaption></figure><p>The Opening Night Live showcase is just the beginning of the various events at Gamescom this year. Because there can be a lot to keep track of, here's a handy schedule of all the different shows, including when they start, depending on your time zone. </p><div ><table><caption>Gamescom 2026 schedule</caption><tbody><tr><td class="firstcol " ><p><strong>Show</strong></p></td><td  ><p><strong>Date</strong></p></td><td  ><p><strong>ET</strong></p></td><td  ><p><strong>PT</strong></p></td><td  ><p>BST</p></td></tr><tr><td class="firstcol " ><p>Gamescom Opening Night Live</p></td><td  ><p>August 25</p></td><td  ><p>2pm</p></td><td  ><p>11am</p></td><td  ><p>7pm</p></td></tr><tr><td class="firstcol " ><p>REDStreams</p></td><td  ><p>August 25</p></td><td  ><p>4am - 1pm</p></td><td  ><p>1am - 10am</p></td><td  ><p>9am - 6pm</p></td></tr><tr><td class="firstcol " ><p>Xbox Live broadcast 1</p></td><td  ><p>August 26</p></td><td  ><p>10am</p></td><td  ><p>7am</p></td><td  ><p>3pm</p></td></tr><tr><td class="firstcol " ><p>Future Games Show</p></td><td  ><p>August 26</p></td><td  ><p>1pm</p></td><td  ><p>10am</p></td><td  ><p>6pm</p></td></tr><tr><td class="firstcol " ><p>Xbox Live broadcast 2</p></td><td  ><p>August 27</p></td><td  ><p>10am</p></td><td  ><p>7am</p></td><td  ><p>3pm</p></td></tr><tr><td class="firstcol " ><p>Gamescom Awesome Indies show</p></td><td  ><p>August 27</p></td><td  ><p>2pm</p></td><td  ><p>11am</p></td><td  ><p>7pm</p></td></tr><tr><td class="firstcol " ><p>FGS Best of Gamescom</p></td><td  ><p>August 30</p></td><td  ><p>1pm</p></td><td  ><p>10am</p></td><td  ><p>6pm</p></td></tr></tbody></table></div></div><div class="live-content"><time datetime="2026-08-25T11:21:09+00:00">August 25, 2026 – 7:21 AM</time><h2 id="all-the-timezones-for-today-39-s-event">All the timezones for today's event</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:853px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="aKFqs9pMuMQJipTEQY6KkT" name="gamescom Opening Night Live 2025 55-47 screenshot" alt="Gamescom ONL 2025" src="https://cdn.mos.cms.futurecdn.net/v2/t:0,l:0,cw:853,ch:480,q:80/aKFqs9pMuMQJipTEQY6KkT.png" mos="" align="middle" fullscreen="" width="854" height="480" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Gamescom ONL)</span></figcaption></figure><p>If you're planning to tune into the event later today and you're not based in either the U.S. or the U.K. then show host Geoff Keighley has handily posted all the airtimes for the main event. Here's the full list:</p><p><strong>Germany - 8p CEST </strong><br><br><strong>London - 7p BST </strong><br><br><strong>New York - 2p EDT </strong><br><br><strong>Los Angeles - 11a PDT </strong><br><br><strong>Mexico City - 1p CDT </strong><br><br><strong>São Paulo - 3p BRT </strong><br><br><strong>Moscow - 9p MSK </strong><br><br><strong>Mumbai - 11:30p IST </strong><br><br><strong>Beijing - 2a CST </strong><br><br><strong>Tokyo/Seoul - 3a JST </strong><br><br><strong>Sydney - 4a AEST</strong></p><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2092177875986264159"><p lang="en" dir="ltr">Airtimes for @gaemscom Opening Night Live today are:Germany - 8p CESTLondon - 7p BSTNew York - 2p EDTLos Angeles - 11a PDTMexico City - 1p CDTSão Paulo - 3p BRTMoscow - 9p MSKMumbai - 11:30p ISTBeijing - 2a CSTTokyo/Seoul - 3a JSTSydney - 4a AESTLivestream link:… pic.twitter.com/89L7U9SQf4<a href="https://twitter.com/cantworkitout/status/2092177875986264159">August 25, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div></div><div class="live-content"><time datetime="2026-08-25T11:59:05+00:00">August 25, 2026 – 7:59 AM</time><h2 id="looking-for-the-witcher-4">Looking for The Witcher 4?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="eqYwHvesmcTsqs3DkHqVj3" name="witcher-3-on-ps5-image (2).JPG" alt="Witcher 3 next-gen update screenshot" src="https://cdn.mos.cms.futurecdn.net/eqYwHvesmcTsqs3DkHqVj3.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: CD Projekt Red)</span></figcaption></figure><p>The Witcher 3 was one of the most fun RPGs released in recent memory, which has players chomping at the bit to get their hands on the next game in the series. And while new DLC for The Witcher 3 is exciting (as detailed a couple of posts down), we want to see a new game.</p><p>But unfortunately, we won't see it at Gamescom. </p><p>"So while we're not showing The Witcher 4 at the event, and we're not ready to share an exact date, I can tell you this: The Witcher 4 is targeting a 2028 release window.</p><p>"I know it's a bit of a wait and you'd love to play it sooner, but let the team cook. It will be worth the wait. Until then, there will be plenty more of The Witcher to come, including Songs of the Past when it launches in 2027. And you can be sure Gamescom is also in our plans for the coming years," explained Michał Nowakowski, Joint Chief Executive Officer, CD Projekt Red.</p><p>So while we won't get a taste of the game this year, at least we know that future Gamescom events could provide us with our first glimpse of The Witcher 4 in all of its glory. But those events do feel far away.</p></div><div class="live-content"><time datetime="2026-08-25T12:26:54+00:00">August 25, 2026 – 8:26 AM</time><h2 id="will-hideo-kojima-be-there">Will Hideo Kojima be there?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="XSqz42EkhpRThLRHCqJX7K" name="Kojima.jpg" alt="Hideo Kojima" src="https://cdn.mos.cms.futurecdn.net/XSqz42EkhpRThLRHCqJX7K.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Microsoft)</span></figcaption></figure><p>One thing I'd love to see at Gamescom is the latest from Hideo Kojima, whether that's OD or another game from the creator of Metal Gear and Death Stranding. With the longstanding friendship between Kojima and Gamescom Live host Geoff Keighley, it's quite possible that one of the generation's most beloved video game creators will make an appearance of some sort. </p><p>And hopefully that appearance comes with some kind of trailer for his latest game. Even just a small teaser and Kojima's presence on stage would be enough to make me happy. </p></div><div class="live-content"><time datetime="2026-08-25T12:57:21+00:00">August 25, 2026 – 8:57 AM</time><h2 id="sold-out-show">Sold out show</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:4032px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="9Wr8AzJJ8amDMDtotBT7RC" name="IMG_2673" alt="Tom's Guide at Gamescom live" src="https://cdn.mos.cms.futurecdn.net/9Wr8AzJJ8amDMDtotBT7RC.jpg" mos="" align="middle" fullscreen="" width="4032" height="2268" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>There's a lot of hype around the Gamescom live show. In fact, the <a href="https://www.gamescom.global/en/program/onl" target="_blank">official Gamescom website</a> is reporting that the event is completely sold out for in-person attendance. </p><p>"Missed your chance? Don't worry, we've got you covered: You can watch Gamescom Opening Night Live 2026 on Tuesday, 25.08.2026 via livestream on our website. We start the evening with the pre-show at 7:30 p.m.; the main show starts at 8:00 p.m. (CEST)," reads the website.</p><p>Of course, we'll be there live. In fact, our own Jason England is already there in person, and he's ready to bring you all the good stuff as it happens.</p></div><div class="live-content"><time datetime="2026-08-25T14:01:32+00:00">August 25, 2026 – 10:01 AM</time><h2 id="who-are-the-gamescom-hosts">Who are the Gamescom hosts?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:588px;"><p class="vanilla-image-block" style="padding-top:60.54%;"><img id="rtBPtcsYZy2JJowbMeVFdN" name="Screenshot 2026-08-25 at 10.00.32 AM" alt="the gamescom hosts" src="https://cdn.mos.cms.futurecdn.net/rtBPtcsYZy2JJowbMeVFdN.png" mos="" align="middle" fullscreen="" width="588" height="356" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: eefjah on Instagram)</span></figcaption></figure><p>Geoff Keighley hosts the live show and is one of the more recognizable figures in video games. With more than 3.8 million X followers, Keighley hosts some of the biggest events in gaming, including The Game Awards and Summer Game Fest. He comes from a traditional video game journalism background before switching to presenting and hosting big events.</p><p>He is slated to be joined by Eefje Depoortere, a prominent figure in the eSports world who often hosts major competitive events and has been a fixture since 2013. Before hosting events, she played competitive games like Unreal Tournament. She has a degree in history and journalism, which makes her uniquely suited to co-host the big gaming event.</p><p>Both Depoortere and Keighley will be familiar to anyone who watched the 2025 Gamescom event, as the pair hosted it then, as well. </p></div><div class="live-content"><time datetime="2026-08-25T14:30:17+00:00">August 25, 2026 – 10:30 AM</time><h2 id="are-you-excited">Are you excited?</h2><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-eMq8Ae"></div>                            </div>                            <script src="https://kwizly.com/embed/eMq8Ae.js" async></script><p>Are you looking forward to Gamescom this year? The big show is just a few hours away, and some highly anticipated games are slated to be shown off. Between the games that are just speculation and those confirmed to be there, it should be a pretty packed show.</p></div><div class="live-content"><time datetime="2026-08-25T15:06:11+00:00">August 25, 2026 – 11:06 AM</time><h2 id="my-most-anticipated-gamescom-game">My most anticipated Gamescom game</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/0VZsq_vJjGk" allowfullscreen></iframe></div></div><p>With the event just under 2 hours away, it's time to think about which games I'm most excited to see. Going off the list of confirmed games and expansions, I'd have to say Path of Exile 2 is the one I'm most looking forward to. I've already purchased the Early Access copy, jumped in a bit, and I'm optimistic about the game's long-term direction. </p><p>Hopefully, whatever Grinding Gear Games shows off at Gamescom really pushes it forward to where it needs to be to rival the first Path of Exile.</p></div><div class="live-content"><time datetime="2026-08-25T15:30:05+00:00">August 25, 2026 – 11:30 AM</time><h2 id="humankind-2-leak">Humankind 2 leak</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2092250534782894465"><p lang="en" dir="ltr">HUMANKIND 2 listed in SteamDB https://t.co/V06ifboZJy pic.twitter.com/8QHIks0dlH<a href="https://twitter.com/cantworkitout/status/2092250534782894465">August 25, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>A new leak, first spotted by intrepid video game tipster <a href="https://x.com/Wario64/status/2092250534782894465?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E2092250534782894465%7Ctwgr%5Eaf4cdeddc5a87ff42b90ee0d1cab5059392619ec%7Ctwcon%5Es1_c10&ref_url=https%3A%2F%2Fnews.instant-gaming.com%2Fen%2Farticles%2F21491-humankind-2-has-leaked-a-few-hours-before-gamescom" target="_blank">Wario64</a>, showed off a game called Humankind 2. </p><p>Presumably, this will be made official tonight at Gamescom Opening Night Live, but fans of 4X strategy games may want to keep an eye on it.</p></div><div class="live-content"><time datetime="2026-08-25T16:00:07+00:00">August 25, 2026 – 12:00 PM</time><h2 id="more-aliens">More Aliens?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="R4Ytkc6Ykzde53m88AQqfB" name="Alien Isolation" alt="Cover for "Alien: Isolation" game" src="https://cdn.mos.cms.futurecdn.net/R4Ytkc6Ykzde53m88AQqfB.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Creative Assembly)</span></figcaption></figure><p>Hey, it's Scott taking over for a minute until showtime. </p><p>One of my most anticipated games is Alien Isolation 2. We already<a href="https://www.tomsguide.com/news/live/summer-game-fest-2026-live-updates"> caught a glimpse</a> of it at Summer Game Fest back in June. It's been confirmed that a demo will be available at Gamescom, so why not a new trailer? I don't know if I could get more hyped.</p></div><div class="live-content"><time datetime="2026-08-25T16:29:04+00:00">August 25, 2026 – 12:29 PM</time><h2 id="a-new-worms-game-leaks">A new Worms game leaks</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090353611612283324"><p lang="en" dir="ltr">New Worms game developed by Absolutely Games (Project Arrakis) pic.twitter.com/FKhRlH8okO<a href="https://twitter.com/cantworkitout/status/2090353611612283324">August 20, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>Last week, cover art and a title for a rumored new Worms game were posted online by a regular game leaker. </p><p>The new game is allegedly titled "Worms [Galactic Tactics]." A gameplay video was leaked that showed something more akin to XCOM or Mario & Rabbids; however, that video has been taken down. </p><p>Anyway, I've been playing Worms for...too long...and I'm excited for a new take on the series, I love me some XCOM-style tactics.</p><p>It could show up at Gamescom is what we're saying.</p></div><div class="live-content"><time datetime="2026-08-25T17:04:34+00:00">August 25, 2026 – 1:04 PM</time><h2 id="one-hour-to-showtime">One hour to showtime</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="LzzYHwJ6iyntbYk7SbCs6N" name="gamescom-opening-night-live-2025" alt="Geoff Keighley presenting at Gamescom Opening Night Live" src="https://cdn.mos.cms.futurecdn.net/LzzYHwJ6iyntbYk7SbCs6N.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Gamescom)</span></figcaption></figure><p>The Geoff Keighley hosted opening night show kicks off in an hour. </p><p>The show has essentially replaced E3 as the biggest gaming convention of the year with all of the build-up that entails. </p><p>So, we're expecting some big announcements and reveals today.</p></div><div class="live-content"><time datetime="2026-08-25T17:15:07+00:00">August 25, 2026 – 1:15 PM</time><h2 id="pre-show-starts-in-15-minutes">Pre-show starts in 15 minutes!</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2092264382654718398"><p lang="en" dir="ltr">Gamescom Opening Night Live is a 2 hour live show with a 30 minute pre show.<a href="https://twitter.com/cantworkitout/status/2092264382654718398">August 25, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>Hey, all! Tony Polanco here to take over this liveblog for the pre-show and during the main event. Speaking of the pre-show, Geoff Keighley said there will indeed be a pre-Opening Night Live event 30 minutes beforehand. Hopefully, we'll see some good stuff! Also, ONL will be 2 hours long, so we're definitely in for an intense ride. Get. Ready!</p></div><div class="live-content"><time datetime="2026-08-25T17:36:25+00:00">August 25, 2026 – 1:36 PM</time><h2 id="the-pre-show-is-live">The pre-show is live!</h2><p>Okay, here is the appetizer! We already got hints that we'll see the new Final Fantasy and Witcher games. Let's go!<br><br>The first announcement is a new Worms game. There is also a more traditional Worms game in development.</p></div><div class="live-content"><time datetime="2026-08-25T17:38:01+00:00">August 25, 2026 – 1:38 PM</time><h2 id="train-sim-world-7-announced">Train Sim World 7 announced</h2><p>The next announcement is for Train Sim World 7. I didn't know there were six other games! You learn something new every day!</p></div><div class="live-content"><time datetime="2026-08-25T17:39:32+00:00">August 25, 2026 – 1:39 PM</time><h2 id="rollercoaster-tycoon-wonderworks-early-access">Rollercoaster Tycoon: Wonderworks early access</h2><p>If you like the Rollercoaster Tycoon games, there's a new one coming.</p></div><div class="live-content"><time datetime="2026-08-25T17:41:06+00:00">August 25, 2026 – 1:41 PM</time><h2 id="animo-announced">Animo announced</h2><p>A very Pokémon-inspired game called Animo now takes the stage. I have no idea what's happening but it sure is colorful.</p></div><div class="live-content"><time datetime="2026-08-25T17:43:00+00:00">August 25, 2026 – 1:43 PM</time><h2 id="neha-slashes-its-way-to-gamescom">NeHa slashes its way to Gamescom</h2><p>Neha looks like a pretty cool hack-and-slash game inspired by various titles. The genre certainly has been making a resurgence lately, and I'm here for it!</p></div><div class="live-content"><time datetime="2026-08-25T17:45:01+00:00">August 25, 2026 – 1:45 PM</time><h2 id="perceptum-is-a-new-horror-game">Perceptum is a new horror game</h2><p>If you need some scares in your life, Perceptum could be that. Not much shown in the trailer, but the horror vibe was definitely thick!</p></div><div class="live-content"><time datetime="2026-08-25T17:47:42+00:00">August 25, 2026 – 1:47 PM</time><h2 id="cozy-and-dark">Cozy and dark</h2><p>Now, we have Acornia, which is a cute, cozy game with anthropomorphic animals. On the flip side, Valor Mortis is here as a dark action game. Always good to have variety!</p></div><div class="live-content"><time datetime="2026-08-25T17:48:40+00:00">August 25, 2026 – 1:48 PM</time><h2 id="tank-rat">Tank Rat</h2><p>A trailer for a game called Tank Rat is shown. Not much, to be honest, but it seems intriguing since it has a robot. Robots are always fun in my eyes!</p></div><div class="live-content"><time datetime="2026-08-25T17:49:42+00:00">August 25, 2026 – 1:49 PM</time><h2 id="murals-announced">Murals announced</h2><p>A new game called Murals is announced. I didn't know what was happening, but it seems to have some painting mechanics. I like the colors!</p></div><div class="live-content"><time datetime="2026-08-25T17:51:21+00:00">August 25, 2026 – 1:51 PM</time><h2 id="humankind-ii">Humankind II</h2><p>RTS fans, rejoice! Humankind II is a Civilization-style game featuring some impressive graphics. I also liked the intro featuring real life actors.</p></div><div class="live-content"><time datetime="2026-08-25T17:53:26+00:00">August 25, 2026 – 1:53 PM</time><h2 id="elta-is-a-new-action-game">Elta is a new action game</h2><p>A new third-person action game is announced. This one reminds me a lot of Darksiders. The difference here is that you get a little dragon companion. Nice!</p></div><div class="live-content"><time datetime="2026-08-25T17:54:32+00:00">August 25, 2026 – 1:54 PM</time><h2 id="age-twisters-is-a-twisted-game">Age Twisters is a twisted game</h2><p>This isometric view game lets you switch between an old man and a kid. Freaky Friday in video game form? I think so.</p></div><div class="live-content"><time datetime="2026-08-25T17:56:07+00:00">August 25, 2026 – 1:56 PM</time><h2 id="onimusha-gets-a-spotlight">Onimusha gets a spotlight</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="SvrRNuDeFzxpsfuxQYr2fJ" name="onimusha-way-of-the-sword-keyart" alt="Keyart image for Onimusha: Way of the Sword showing the protagonist, Miyamoto Musashi" src="https://cdn.mos.cms.futurecdn.net/SvrRNuDeFzxpsfuxQYr2fJ.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Capcom)</span></figcaption></figure><p>Onimusha is the biggest game we've seen during this pre-show, and a title I can't wait to play. You can now play an expanded demo, which is awesome!</p></div><div class="live-content"><time datetime="2026-08-25T17:57:59+00:00">August 25, 2026 – 1:57 PM</time><h2 id="mariachi-legends-announced">Mariachi Legends announced</h2><p>If you like Metroidvania games and cool Latin vibes, then you should have Mariachi Legends on your radar. The developer says this game was inspired by Mexican culture. Mui caliente!</p></div><div class="live-content"><time datetime="2026-08-25T18:00:03+00:00">August 25, 2026 – 2:00 PM</time><h2 id="two-minutes-till-showtime">Two minutes till showtime!</h2><p>With the last of the pre-show trailers out of the way, it's now time for Opening Night Live proper! Hopefully, we'll get some truly memorable stuff to get us excited about what to expect next on consoles and PC.</p></div><div class="live-content"><time datetime="2026-08-25T18:02:07+00:00">August 25, 2026 – 2:02 PM</time><h2 id="geoff-keighly-takes-the-stage">Geoff Keighly takes the stage!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/c9c-1ukVGtI" allowfullscreen></iframe></div></div><p>Game Awards creator Geoff Keighley takes the stage to officially kick off Opening Night Live 2026. Strap in!</p></div><div class="live-content"><time datetime="2026-08-25T18:05:45+00:00">August 25, 2026 – 2:05 PM</time><h2 id="final-fantasy-vii-revelation-and-more">Final Fantasy VII Revelation and more!</h2><p>Keighley says we'll see more of Final Fantasy VII: Revelation and a brand-new expansion for The Witcher 3. This is going to be huge. Also, there will be a musical performance, because of course there will be.</p></div><div class="live-content"><time datetime="2026-08-25T18:08:40+00:00">August 25, 2026 – 2:08 PM</time><h2 id="dragon-slaying-nodus-fall-gets-announced">Dragon-slaying Nodus Fall gets announced</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/I59kIiEDOMM" allowfullscreen></iframe></div></div><p>A new HoyoVerse co-op game, Nodus Fall, gets a cinematic trailer. This seems inspired by a lot of the Souls-like titles released in recent years. I guess it's best to strike while the iron is hot. But, hey, at least we get cool dragons.</p></div><div class="live-content"><time datetime="2026-08-25T18:10:56+00:00">August 25, 2026 – 2:10 PM</time><h2 id="rainbow-six-tactics-is-revealed">Rainbow Six: Tactics is revealed</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/ctYAkqloPIM" allowfullscreen></iframe></div></div><p>Co-host "Sjokz" takes the stage to announce Rainbow Six: Tactics. As its name implies, this is an XCOM-like tactical game. If you're looking for that type of gameplay, this could satisfy that craving.</p></div><div class="live-content"><time datetime="2026-08-25T18:13:58+00:00">August 25, 2026 – 2:13 PM</time><h2 id="gears-of-war-e-day-campaign-trailer-revealed">Gears of War: E-Day campaign trailer revealed</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/vqq8VXPaqD0" allowfullscreen></iframe></div></div><p>Gears of War: E-Day is up next with a brand-new campaign trailer focusing on the leader of the Locust horde. This trailer shows us some of what's happening underground, with some pretty hellish locales. If you're like me, this is one of your most anticipated games of the year.</p></div><div class="live-content"><time datetime="2026-08-25T18:17:09+00:00">August 25, 2026 – 2:17 PM</time><h2 id="ananta-is-announced">Ananta is announced</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/5Zgfoqzgln4" allowfullscreen></iframe></div></div><p>We got a new trailer for Ananta, an anime-inspired game. Gameplay seems to mix action and open-world elements. The graphics range from hyper-stylized to super detailed, creating a unique aesthetic. This game drops on January 15.</p></div><div class="live-content"><time datetime="2026-08-25T18:19:53+00:00">August 25, 2026 – 2:19 PM</time><h2 id="new-look-at-silent-hill-townfall">New look at Silent Hill: Townfall</h2><p>We get another look at Silent Hill: Townfall. I'm not very familiar with this franchise (I've always been a Resident Evil fan), but this new game seems appropriately spooky and disturbing.</p></div><div class="live-content"><time datetime="2026-08-25T18:20:36+00:00">August 25, 2026 – 2:20 PM</time><h2 id="resonance-a-plague-tale">Resonance: A Plague Tale</h2><p>We get another look at Resonance: A Plague Tale. I've never played these games, but this one seems pretty action-packed.</p></div><div class="live-content"><time datetime="2026-08-25T18:22:37+00:00">August 25, 2026 – 2:22 PM</time><h2 id="sea-remnants-announced">Sea Remnants announced</h2><p>This is a pirate game with some cool visuals and turn-based gameplay. Seems like a cool mix of two genres. I'm here for it.</p></div><div class="live-content"><time datetime="2026-08-25T18:23:57+00:00">August 25, 2026 – 2:23 PM</time><h2 id="crimson-desert-expansion-coming-soon">Crimson Desert expansion coming soon</h2><p>If Crimson Desert didn't have enough content for you, you'll be happy to know that it's getting an expansion. What? You only put 400 hours into it? Rookie numbers! This DLC will help you boost those stats!</p></div><div class="live-content"><time datetime="2026-08-25T18:24:40+00:00">August 25, 2026 – 2:24 PM</time><h2 id="tides-of-annihilation-gets-a-new-trailer">Tides of Annihilation gets a new trailer</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/50mDxXfWEZQ" allowfullscreen></iframe></div></div><p>Arthurian-inspired game gets an action-packed new trailer. This is yet another hack-and-slash game featuring intense combat and flashy visuals. The trailer is short but sweet!</p></div><div class="live-content"><time datetime="2026-08-25T18:28:47+00:00">August 25, 2026 – 2:28 PM</time><h2 id="quirky-indie-game-lofsong-is-announced">Quirky indie game, Lofsong is announced</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/WDF61yayn-w" allowfullscreen></iframe></div></div><p>Alessandro Durando takes the stage to announce Lofsong. Gotta love that Italian accent! The game itself seems like a dark homage to Journey. Very cool!</p></div><div class="live-content"><time datetime="2026-08-25T18:30:50+00:00">August 25, 2026 – 2:30 PM</time><h2 id="mega-man-override-gets-announced">Mega Man: Override gets announced</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/v4xqYrsZseo" allowfullscreen></iframe></div></div><p>Here we go! The Blue Bomber returns in Mega Man: Override! I actually got to play this game at an event in NYC, and let me tell you, it is brutally hard! Though it's not officially called this, this is indeed Mega Man 12. Also, Twinkle Girl, the new boss, is one tough cookie! And for good measure, Pragmata is getting a Mega Man skin!</p></div><div class="live-content"><time datetime="2026-08-25T18:32:28+00:00">August 25, 2026 – 2:32 PM</time><h2 id="ray-man-legends-retold">Ray Man Legends Retold!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/Ia1t_McxuRs" allowfullscreen></iframe></div></div><p>Now we get a look at Ray Man Legends Retold, which, as the name suggests, is a remake of Ray Man Legends. No, your ears aren't fooling you, as this new musical stage is playing Macarena. Caramba! The game drops on October 1!</p></div><div class="live-content"><time datetime="2026-08-25T18:35:05+00:00">August 25, 2026 – 2:35 PM</time><h2 id="new-pubg-game">New PUBG game</h2><p>PUBG gets announced with some Ministry as the soundtrack. This isn't exactly my type of game, but I love Ministry, so that's certainly a plus!</p></div><div class="live-content"><time datetime="2026-08-25T18:36:21+00:00">August 25, 2026 – 2:36 PM</time><h2 id="control-resonant-new-look">Control: Resonant new look</h2><p>Now we see a new trailer for Control Resonant. Even though it's been delayed to September 24, my excitement for Remedy's next game hasn't diminished. If this is like the original Control, it'll be an instant classic.</p></div><div class="live-content"><time datetime="2026-08-25T18:38:30+00:00">August 25, 2026 – 2:38 PM</time><h2 id="the-blood-of-dawnwalker-drops-on-september-3">The Blood of Dawnwalker drops on September 3</h2><p>The headline says it all! This game is looking more awesome by the minute. Give it to me.</p></div><div class="live-content"><time datetime="2026-08-25T18:39:35+00:00">August 25, 2026 – 2:39 PM</time><h2 id="new-game-of-thrones-rts-announced">New Game of Thrones RTS announced</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/sGtJWLeBxug" allowfullscreen></iframe></div></div><p>If you're waiting for The Winds of Winter, you can tide yourself over with Game of Thrones: War for Westeros. Sure, it might not give you the next chapter, but it's at least something!</p></div><div class="live-content"><time datetime="2026-08-25T18:41:04+00:00">August 25, 2026 – 2:41 PM</time><h2 id="dust-origins">Dust: Origins</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/GVVWa41WZQs" allowfullscreen></iframe></div></div><p>This gritty, isometric shooter drops you into a space prison where you must face all manner of fiendish horrors. The graphics are extremely impressive, and the action is intense.</p></div><div class="live-content"><time datetime="2026-08-25T18:42:44+00:00">August 25, 2026 – 2:42 PM</time><h2 id="a-change-of-pace">A change of pace</h2><p>We now have a commercial for Gamescom itself. If you're already at the show, you're already sold, but I guess it gives us a nice break from all the games. Anyway, here we go again!</p></div><div class="live-content"><time datetime="2026-08-25T18:45:46+00:00">August 25, 2026 – 2:45 PM</time><h2 id="exodus-has-an-octopus-hero">Exodus has an octopus hero</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/wANI7b7G8yw" allowfullscreen></iframe></div></div><p>We get a new look at Exodus, featuring a new character. The gameplay seems like standard third-person shooter fare, with some impressive graphics and inventive animations. There's also a talking octopus for some reason. This drops on April 7, 2027.</p></div><div class="live-content"><time datetime="2026-08-25T18:50:58+00:00">August 25, 2026 – 2:50 PM</time><h2 id="warlock-dungeons-amp-dragons">Warlock: Dungeons & Dragons</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/D7rUgkqOXXI" allowfullscreen></iframe></div></div><p>We get a new look at Warlock: Dungeons & Dragons. Unlike Baldur's Gate 3 (also D&D), this is a third-person action game. If you're into D&D, this seems worth keeping on your radar.</p></div><div class="live-content"><time datetime="2026-08-25T18:55:52+00:00">August 25, 2026 – 2:55 PM</time><h2 id="new-game-inspired-by-1001-arabian-nights">New game inspired by 1001 Arabian Nights</h2><p>1001 Threads of Mizan game gets announced. This is a CG cinematic, but it still looks pretty interesting. Traveling the desert on a flying carpet should be pretty fun. The giant bosses also look pretty awesome.</p></div><div class="live-content"><time datetime="2026-08-25T18:57:45+00:00">August 25, 2026 – 2:57 PM</time><h2 id="silver-palace-mixes-anime-and-detailed-graphics">Silver Palace mixes anime and detailed graphics</h2><p>Anime game gets a shiny new trailer. The anime art and hyper-detailed backgrounds certainly make for interesting visuals.</p></div><div class="live-content"><time datetime="2026-08-25T18:59:30+00:00">August 25, 2026 – 2:59 PM</time><h2 id="new-metro-game-announced">New Metro game announced</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/fijVZlJ9rNc" allowfullscreen></iframe></div></div><p>Ukrainian Metro 2039 devs take the stage to discuss the hardships of creating a game during the middle of a real war. We definitely have to give this team respect for enduring such hardships while working on the next installment of this beloved franchise.</p></div><div class="live-content"><time datetime="2026-08-25T19:05:24+00:00">August 25, 2026 – 3:05 PM</time><h2 id="snoop-dogg-comes-to-hitman">Snoop Dogg comes to Hitman</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/xXwaiugIXjw" allowfullscreen></iframe></div></div><p>Snoop Dogg will make an appearance in Hitman: World of Assassination. Yes, that might sound crazy, but he isn't the first celebrity to appear in the stealth game series. Fo-shizzle!</p></div><div class="live-content"><time datetime="2026-08-25T19:07:02+00:00">August 25, 2026 – 3:07 PM</time><h2 id="aion-brings-the-action">Aion brings the action</h2><p>Here is yet another action-packed hack-and-slash game featuring insane boss battles and gorgeous graphics.</p></div><div class="live-content"><time datetime="2026-08-25T19:09:11+00:00">August 25, 2026 – 3:09 PM</time><h2 id="afterworld-features-a-dark-future">Afterworld features a dark future</h2><p>Afterworld is a post-apocalyptic game where you have to rebuild America from the ashes. No gameplay was shown, but it seems to have some Mad Max vibes.</p></div><div class="live-content"><time datetime="2026-08-25T19:11:22+00:00">August 25, 2026 – 3:11 PM</time><h2 id="mewgenics-live-performance">Mewgenics live performance</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/jJ0bC5Iwx-U" allowfullscreen></iframe></div></div><p>It's time to unwind with a live musical number from the game, Mewgenics. Gotta say, the cat-inspired costumes of the performers are pretty pur-fect!</p></div><div class="live-content"><time datetime="2026-08-25T19:15:59+00:00">August 25, 2026 – 3:15 PM</time><h2 id="aliens-fireteam-elite-2-gets-a-new-trailer">Aliens: Fireteam Elite 2 gets a new trailer</h2><p>In a complete tonal shift, we go to a new Aliens: Fireteam Elite 2 trailer. I haven't played the original, so I can't vouch for it. But if it has a sequel, people must have liked the first one. This game is available now and comes to Switch on September 29.</p></div><div class="live-content"><time datetime="2026-08-25T19:18:06+00:00">August 25, 2026 – 3:18 PM</time><h2 id="become-the-cat">Become the cat</h2><p>The new 1666: Amsterdam trailer shows some footage of you being able to transform into a cat, because why not? Another short but sweet trailer.</p></div><div class="live-content"><time datetime="2026-08-25T19:19:38+00:00">August 25, 2026 – 3:19 PM</time><h2 id="showa-american-story-revealed">Showa: American Story revealed</h2><p>A new Japanese game called Showa: American Story has been revealed. "Showa" and "American" aren't usually in the same sentence, so we'll have to see what this action game is all about. Color me intrigued!</p></div><div class="live-content"><time datetime="2026-08-25T19:22:28+00:00">August 25, 2026 – 3:22 PM</time><h2 id="brand-new-look-at-stage-tour">Brand-new look at Stage Tour</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/MeaRKS-unlc" allowfullscreen></iframe></div></div><p>The new trailer for Stage Tour starts off with Kickstart My Heart, so I'm already listening. I didn't know about this game or that it was trying to bring back the Guitar Hero genre. If you've been craving a game like this, rock on, dudes!</p></div><div class="live-content"><time datetime="2026-08-25T19:24:06+00:00">August 25, 2026 – 3:24 PM</time><h2 id="crazy-taxi-multiplayer-reveal">Crazy Taxi multiplayer reveal</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/yDQ2wPvuBJI" allowfullscreen></iframe></div></div><p>Crazy Taxi is back and now features multiplayer! The single player is already insane, so I can only imagine the mayhem of the multiplayer mode. I love Crazy Taxi, so I'm super stoked for World Tour. Fuel me up!</p></div><div class="live-content"><time datetime="2026-08-25T19:25:56+00:00">August 25, 2026 – 3:25 PM</time><h2 id="turok-origins-brings-the-dinos">Turok Origins brings the dinos</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/k7YlY3vnC8w" allowfullscreen></iframe></div></div><p>Turok Origins is yet another third-person action game. If you missed the old Turok game or the classic Valiant Comics, this is one to keep an eye on.</p></div><div class="live-content"><time datetime="2026-08-25T19:28:17+00:00">August 25, 2026 – 3:28 PM</time><h2 id="gravhounds-is-a-good-boy">Gravhounds is a good boy</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/8LaC0F5CPsg" allowfullscreen></iframe></div></div><p>Gravhounds is a fur-ious co-op shooter featuring anthropomorphic dogs. I don't know what to say about this one, other than "woff!"</p></div><div class="live-content"><time datetime="2026-08-25T19:31:44+00:00">August 25, 2026 – 3:31 PM</time><h2 id="sizzle-reel-time">Sizzle reel time</h2><p>We get a slew of short trailers for various games like Lego Skylines, a train simulator, and yet another third-person shooter called Exterminauts. In addition, there's also a trailer for the next Path of Exile game.</p></div><div class="live-content"><time datetime="2026-08-25T19:34:07+00:00">August 25, 2026 – 3:34 PM</time><h2 id="heroes-of-might-and-magic-iii-is-reborn">Heroes of Might and Magic III is reborn</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/NhlmWBRbM3I" allowfullscreen></iframe></div></div><p>Ubisoft is resurrecting the classic Heroes of Might and Magic III with brand-new graphics and enhanced gameplay. If you're a fan of the original, this looks like a worthy remake.</p></div><div class="live-content"><time datetime="2026-08-25T19:36:04+00:00">August 25, 2026 – 3:36 PM</time><h2 id="games-done-quick-takes-the-spotlight">Games Done Quick takes the spotlight</h2><p>Ashley Farkas from Games Done Quick takes the stage to announce that Games Done Quick is coming to Europe. The organization raises money for causes it believes in, and it's now growing bigger by taking the global stage.</p></div><div class="live-content"><time datetime="2026-08-25T19:39:26+00:00">August 25, 2026 – 3:39 PM</time><h2 id="no-law-gets-impressive-new-trailer">No Law gets impressive new trailer</h2><p>Get your cyberpunk on with a new look at No Law. Everything is captured in-engine and looks absolutely phenomenal. You can certainly see the Cyberpunk 2077 inspiration, which is fine since we likely won't get a new game from CDPR for a while. With graphics like these, who can say no? Jack me in!</p></div><div class="live-content"><time datetime="2026-08-25T19:41:53+00:00">August 25, 2026 – 3:41 PM</time><h2 id="cinder-city-looks-spooky">Cinder City looks spooky</h2><p>Frightening sci-fi game Cinder City gets announced. I don't know what's happening here, but I'm digging the creepy aesthetics, even if we're not seeing any direct gameplay.</p></div><div class="live-content"><time datetime="2026-08-25T19:43:54+00:00">August 25, 2026 – 3:43 PM</time><h2 id="ontos-is-also-scary">Ontos is also scary</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/lq9mMfDpN74" allowfullscreen></iframe></div></div><p>There must be something in the air, as Ontos is yet another horror-sci-fi game. The first-person perspective does a great job of pulling you into this disturbing world, and I'm also digging the overall mood.</p></div><div class="live-content"><time datetime="2026-08-25T19:46:55+00:00">August 25, 2026 – 3:46 PM</time><h2 id="zoopunk-embraces-its-animal-nature">Zoopunk embraces its animal nature</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/zoIuwo6bchk" allowfullscreen></iframe></div></div><p>Zookpunk is yet another title featuring anthropomorphic animals. The third-person action gameplay seems pretty awesome, and the graphics are impressive, too. China is really showing what it can do in the gaming space, and I'm here for it.</p></div><div class="live-content"><time datetime="2026-08-25T19:48:38+00:00">August 25, 2026 – 3:48 PM</time><h2 id="there-are-no-ghosts-at-the-grand-gets-a-new-look">There are no Ghosts at the Grand gets a new look</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/qUwRT4FPqAQ" allowfullscreen></iframe></div></div><p>I'm not sure what to make of this musical, story-based renovation game (their description, not mine), but I'm sure it will have an audience.</p></div><div class="live-content"><time datetime="2026-08-25T19:52:07+00:00">August 25, 2026 – 3:52 PM</time><h2 id="another-sizzle-reel">Another sizzle reel</h2><p>We get another slew of games, featuring war games, isometric shooters, first-person shooters, and more. Many of these appear to be games from Chinese developers, which shows that the country is serious about game development.</p></div><div class="live-content"><time datetime="2026-08-25T19:53:20+00:00">August 25, 2026 – 3:53 PM</time><h2 id="it-39-s-final-fantasy-time">It's Final Fantasy time!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/4UbJe_KtW3A" allowfullscreen></iframe></div></div><p>Here we go! Naoki Hamaguchi takes the stage to give us more details about Final Fantasy VII Revelation!</p></div><div class="live-content"><time datetime="2026-08-25T19:56:17+00:00">August 25, 2026 – 3:56 PM</time><h2 id="the-new-final-fantasy-vii-revelations-trailer-is-epic">The new Final Fantasy VII: Revelations trailer is epic!</h2><p>The new Final Fantasy VII: Revelations trailer focuses on the massive Weapons, ancient guardians of the planet, and insanely difficult bosses from the original game. If these beasts are as tough as before, I predict many gamers will smash their controllers in frustration. It drops next spring!</p></div><div class="live-content"><time datetime="2026-08-25T19:58:52+00:00">August 25, 2026 – 3:58 PM</time><h2 id="the-witcher-iii-dlc-gets-a-new-trailer">The Witcher III DLC gets a new trailer</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/-_3WC47w4dw" allowfullscreen></iframe></div></div><p>The Witcher III: Wild Hunt is being updated yet again with new graphics and enhanced gameplay. And if that weren't enough, it's also getting another expansion. All of this should make the wait for The Witcher 4 a bit easier. The upgrades are free, but the DLC will surely cost money... which I'm sure folks will be more than happy to part with for one last chance to play as Geralt.</p></div><div class="live-content"><time datetime="2026-08-25T20:02:58+00:00">August 25, 2026 – 4:02 PM</time><h2 id="more-details-on-the-witcher-iii-expansion">More details on the Witcher III expansion</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/LOougswn-zg" allowfullscreen></iframe></div></div><p>Songs of the Past (the new Witcher III expansion) was apparently an idea the team had but couldn't find time for, until now. The game is Geralt's last adventure before Ciri takes over. There is an extended demo at Gamescom, which makes me very jealous. This expansion will have an all-new region, with new enemies and activities. Naturally, there is a dark secret that Geralt must solve.</p></div><div class="live-content"><time datetime="2026-08-25T20:04:44+00:00">August 25, 2026 – 4:04 PM</time><h2 id="that-39-s-a-wrap-for-onl">That's a wrap for ONL!</h2><p>And that's it! Overall, it was a decent enough showing for some under-the-radar games you can look forward to.</p></div><div class="live-content"><time datetime="2026-08-25T20:28:37+00:00">August 25, 2026 – 4:28 PM</time><h2 id="the-highlights">The highlights</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="QaWcxo87aPsgedC8QcRkqR" name="Final Fantasy VII Revelation" alt="Final Fantasy VII: Revelation" src="https://cdn.mos.cms.futurecdn.net/QaWcxo87aPsgedC8QcRkqR.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Square-Enix)</span></figcaption></figure><p>I think it's safe to say that Final Fantasy VII: Revelation and The Witcher III: Songs of the Past stole the show. Not that there weren't other great trailers, but these two closed out Opening Night Live for a reason.</p></div>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ The Sinking City 2 is one of my biggest gaming surprises of the year — and it’s scratching that Resident Evil itch ]]></title>
                                                                                                <dc:content><![CDATA[ <p>I’ve always had a soft spot for survival horror games. Whether I’m wandering through the terrifying corridors of Resident Evil, getting lost in the psychological nightmare of Silent Hill, or trying to make sense of the supernatural weirdness of Alan Wake, horror games have always been some of my favorites. So when I was kindly given the opportunity to play The Sinking City 2, I was very intrigued by a game that feels like it combines elements of all three. And, as you can probably imagine, the horror fan inside of me is very happy.</p><p>Developed by Ukrainian studio Frogwares, The Sinking City 2 is the sequel to 2019’s The Sinking City, but it takes the series in a much more survival-horror-focused direction. Set in a flooded, otherworldly version of 1920s Arkham, you play as occult adventurer Calvin Rafferty, who finds himself battling grotesque Lovecraftian creatures while investigating a mysterious supernatural threat. Unlike its detective-heavy predecessor, the sequel puts combat, exploration, resource management and horror front and center.</p><p>Frogwares has also built the sequel in Unreal Engine 5, essentially using it as an opportunity to reinvent the series and move beyond its traditional detective-adventure roots. I’ve spent a few hours with the game now, and honestly, I’m already intrigued. Here are my thoughts on The Sinking City 2.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-ODqY8X"></div>                            </div>                            <script src="https://kwizly.com/embed/ODqY8X.js" async></script><div class="product"><a data-dimension112="0dc6b552-9d52-11f1-a402-6744e4d6a54f" data-action="Deal Block" data-label="(PC)" data-dimension48="(PC)" data-dimension25="$49" href="https://store.steampowered.com/app/2825860/The_Sinking_City_2/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1200px;"><p class="vanilla-image-block" style="padding-top:133.33%;"><img id="sKqH38csAqkngxyqLyFX3g" name="the-sinking-city-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/sKqH38csAqkngxyqLyFX3g.jpg" mos="" align="middle" fullscreen="" width="1200" height="1600" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://store.steampowered.com/app/2825860/The_Sinking_City_2/" target="_blank" rel="nofollow" data-dimension112="0dc6b552-9d52-11f1-a402-6744e4d6a54f" data-action="Deal Block" data-label="(PC)" data-dimension48="(PC)" data-dimension25="$49">(PC): $49</a></strong><br>The Sinking City 2 is a Lovecraftian survival horror game set in 1920s Arkham, a city overwhelmed by a supernatural flood. You play as Calvin Rafferty, who ventures into the drowned city after a ritual leaves the woman he loves trapped in the Dreamlands. To save her, he must battle horrifying creatures, investigate dark mysteries and uncover the source of the catastrophe.<a class="view-deal button" href="https://store.steampowered.com/app/2825860/The_Sinking_City_2/" target="_blank" rel="nofollow" data-dimension112="0dc6b552-9d52-11f1-a402-6744e4d6a54f" data-action="Deal Block" data-label="(PC)" data-dimension48="(PC)" data-dimension25="$49">View Deal</a></p></div><h2 id="the-sinking-city-2-is-a-horror-fan-s-playground">The Sinking City 2 is a horror fan’s playground</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="sz2Zj7AcVWjFcDLj6qB99T" name="The Sinking City 2" alt="The Sinking City 2 game" src="https://cdn.mos.cms.futurecdn.net/sz2Zj7AcVWjFcDLj6qB99T.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Frogwares)</span></figcaption></figure><p>To be frank, I haven’t played the first The Sinking City, but after doing some research, I found that playing the original isn’t necessary to enjoy the sequel, as The Sinking City 2 tells a standalone story.</p><div><blockquote><p>It’s important to note that Frogwares deliberately made investigation optional, allowing it to support the survival-horror experience rather than getting in the way of it.</p></blockquote></div><p>That meant going into it, I had no idea what to expect, but that only made the experience more interesting. The Sinking City 2 spends its opening minutes establishing the story, with Calvin Rafferty sitting at the bedside of Faye Bennett after a ritual the pair performed goes horribly wrong. Faye has been left in a mysterious, coma-like state, while Calvin is determined to find a way to bring her back.</p><p>From there, you’re quickly introduced to the game’s survival-horror mechanics as you start your first mission to collect an important item, with exploration, scavenging and puzzles along the way. But having played my fair share of survival horror games like Resident Evil, I found The Sinking City 2’s challenges to be fairly easy.</p><p>However, the game makes up for that with its combat system, especially during your first encounter with the Slither, one of the game’s grotesque creatures.</p><p>What I appreciate about the game is that it has four combat difficulty levels, depending on how challenging you want your experience to be during enemy encounters and boss fights.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Jce3GKnnyZD6pLngojMEoE" name="The Sinking City 2" alt="Screenshot of The Sinking City 2 game" src="https://cdn.mos.cms.futurecdn.net/Jce3GKnnyZD6pLngojMEoE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Frogwares)</span></figcaption></figure><p>It’s important to note that Frogwares deliberately made investigation optional, allowing it to support the survival-horror experience rather than getting in the way of it. Hence why combat is more of a central focus, and it’s very similar to Resident Evil, particularly when it comes to the limited ammunition.</p><p>You’ll need to search drawers and rooms for supplies, while dedicated safe rooms give you somewhere to store items and save your progress. You have to conserve ammunition, target enemy weak spots and decide whether a fight is even worth taking. Keep in mind that the gunplay can sometimes feel a little clunky, especially when you’re trying to dodge at the same time. </p><p>But, in a way, the lack of crispness in the gameplay gives the game some charm. You’re navigating a rundown city crawling with reanimated corpses thanks to supernatural worms, and with the protagonist lacking any real fighting skills while desperately trying to save his lover, the jankiness almost makes sense.</p><p>What does become a little frustrating, though, are the stiff animations during particularly important cutscenes, as well as the fact that some environments can look very similar, with the game occasionally reusing assets and textures.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="kCRDP7yhy63M4dvx4a3xhd" name="The Sinking City 2" alt="Screenshot of The Sinking City 2 game" src="https://cdn.mos.cms.futurecdn.net/kCRDP7yhy63M4dvx4a3xhd.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Frogwares)</span></figcaption></figure><p>Despite some of the game’s technical roughness, The Sinking City 2 doesn’t fail to be visually pleasing. The flooded city is dark, oppressive and convincingly abandoned, with the fog, rain, water and muted color palette helping to create that constant feeling of unease. Even places like the flooded Miskatonic University, ruined hospital and fish market feel like real locations that existed before the city was submerged.</p><p>The rough edges are noticeable, but the underlying atmosphere and art direction are genuinely good, and you have to give the game serious credit for that.</p><h2 id="the-sinking-city-2-isn-t-polished-but-there-s-something-special-here">The Sinking City 2 isn’t polished, but there’s something special here</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="zHRkjForK6JzNes4ARRQU5" name="The Sinking City 2" alt="The Sinking City 2 game" src="https://cdn.mos.cms.futurecdn.net/zHRkjForK6JzNes4ARRQU5.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Frogwares)</span></figcaption></figure><p>Of course, for a Lovecraftian world to really come to life, the story has to be good enough to make you care about its characters and the goal the protagonist is trying to achieve. The Sinking City 2 has a very enjoyable narrative, with Calvin’s motivation to save Faye giving the game a clear emotional hook.</p><div><blockquote><p>The flashbacks add some much-needed warmth to an otherwise gruesome and dark story, and I found it particularly funny that the protagonist channels a lot of Indiana Jones’ energy.</p></blockquote></div><p>Rather than getting bogged down in an open-world investigation, the sequel tells a tighter, more linear story across different locations in Arkham. Along the way, there are plenty of strange twists, dark discoveries and increasingly bizarre situations that kept me wanting to see what would happen next.</p><p>Plus, we get to see more of their relationship through flashbacks and interactions, with their romance proving surprisingly effective. There’s a flashback early on when Calvin enters the library in search of something, only to find Faye deep in occult research, and the two share a flirty encounter.</p><p>When the flashback ends, we’re suddenly back in the same spot, only this time Faye is gone and we’re left in the darkness. These flashbacks add some much-needed warmth to an otherwise gruesome and dark story, and I found it particularly funny that the protagonist channels a lot of Indiana Jones’ energy.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="keuuGg7bCjwGixVsMVAK7G" name="The Sinking City 2" alt="The Sinking City 2 game" src="https://cdn.mos.cms.futurecdn.net/keuuGg7bCjwGixVsMVAK7G.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Frogwares)</span></figcaption></figure><p>It’s also hard to talk about The Sinking City 2 without acknowledging what Frogwares went through to actually get the game made. The Ukrainian studio was already in pre-production when Russia’s full-scale invasion began in 2022, forcing development to stop. The team eventually resumed work while dealing with power cuts, air raids and developers being called into service. That makes finally seeing The Sinking City 2 in players’ hands feel like a genuine achievement, especially considering this is Frogwares’ first proper attempt at survival horror.</p><p>There’s also more here than simply finishing the main story and moving on. The Sinking City 2 offers New Game Plus, with additional unlockables including infinite ammunition, concept art and costumes, while the developers have packed Arkham with secrets and lore to discover. After only a few hours, I obviously haven’t experienced <em>everything </em>it has to offer, but that’s perhaps what has surprised me most. I went into The Sinking City 2 expecting a creepy horror game to dip into, and instead I’ve found myself genuinely wanting to see what horrors are waiting around the next corner.</p><p><em><strong>The Sinking City 2 is available on PC, PS5 and Xbox Series X|S.</strong></em></p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/computing/vr-ar/steam-frame-unboxing-and-tutorial-videos-just-leaked-release-could-be-imminent">Steam Frame unboxing and tutorial videos just leaked</a></li><li><a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">Best Nintendo Switch 2 games in 2026</a></li><li><a href="https://www.tomsguide.com/news/best-pc-gaming-deals">Best PC gaming deals in August 2026</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/pc-gaming/the-sinking-city-2-is-one-of-my-biggest-gaming-surprises-of-the-year-and-its-scratching-that-resident-evil-itch</link>
                                                                            <description>
                            <![CDATA[ I’ve spent a few hours playing The Sinking City 2, and this Lovecraftian survival horror sequel is already making me very happy. Here’s my honest thoughts on the game. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">pM2DtDUu2CtsLnfexRZmT4</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/unuEqiLfKBYA6FVApV6WtQ-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sat, 22 Aug 2026 12:30:00 +0000</pubDate>                                                                                                                                <updated>Sun, 23 Aug 2026 22:00:58 +0000</updated>
                                                                                                                                            <category><![CDATA[PC Gaming]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ alix.blackburn@futurenet.com (Alix Blackburn) ]]></author>                    <dc:creator><![CDATA[ Alix Blackburn ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/8UxyT2McanNFLYwQ6wC7di.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/unuEqiLfKBYA6FVApV6WtQ-1280-80.jpg">
                                                            <media:credit><![CDATA[Frogwares ]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[The Sinking City 2 video game]]></media:description>                                                            <media:text><![CDATA[The Sinking City 2 video game]]></media:text>
                                <media:title type="plain"><![CDATA[The Sinking City 2 video game]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/unuEqiLfKBYA6FVApV6WtQ-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>I’ve always had a soft spot for survival horror games. Whether I’m wandering through the terrifying corridors of Resident Evil, getting lost in the psychological nightmare of Silent Hill, or trying to make sense of the supernatural weirdness of Alan Wake, horror games have always been some of my favorites. So when I was kindly given the opportunity to play The Sinking City 2, I was very intrigued by a game that feels like it combines elements of all three. And, as you can probably imagine, the horror fan inside of me is very happy.</p><p>Developed by Ukrainian studio Frogwares, The Sinking City 2 is the sequel to 2019’s The Sinking City, but it takes the series in a much more survival-horror-focused direction. Set in a flooded, otherworldly version of 1920s Arkham, you play as occult adventurer Calvin Rafferty, who finds himself battling grotesque Lovecraftian creatures while investigating a mysterious supernatural threat. Unlike its detective-heavy predecessor, the sequel puts combat, exploration, resource management and horror front and center.</p><p>Frogwares has also built the sequel in Unreal Engine 5, essentially using it as an opportunity to reinvent the series and move beyond its traditional detective-adventure roots. I’ve spent a few hours with the game now, and honestly, I’m already intrigued. Here are my thoughts on The Sinking City 2.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-ODqY8X"></div>                            </div>                            <script src="https://kwizly.com/embed/ODqY8X.js" async></script><div class="product"><a data-dimension112="0dc6b552-9d52-11f1-a402-6744e4d6a54f" data-action="Deal Block" data-label="(PC)" data-dimension48="(PC)" data-dimension25="$49" href="https://store.steampowered.com/app/2825860/The_Sinking_City_2/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1200px;"><p class="vanilla-image-block" style="padding-top:133.33%;"><img id="sKqH38csAqkngxyqLyFX3g" name="the-sinking-city-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/sKqH38csAqkngxyqLyFX3g.jpg" mos="" align="middle" fullscreen="" width="1200" height="1600" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://store.steampowered.com/app/2825860/The_Sinking_City_2/" target="_blank" rel="nofollow" data-dimension112="0dc6b552-9d52-11f1-a402-6744e4d6a54f" data-action="Deal Block" data-label="(PC)" data-dimension48="(PC)" data-dimension25="$49">(PC): $49</a></strong><br>The Sinking City 2 is a Lovecraftian survival horror game set in 1920s Arkham, a city overwhelmed by a supernatural flood. You play as Calvin Rafferty, who ventures into the drowned city after a ritual leaves the woman he loves trapped in the Dreamlands. To save her, he must battle horrifying creatures, investigate dark mysteries and uncover the source of the catastrophe.<a class="view-deal button" href="https://store.steampowered.com/app/2825860/The_Sinking_City_2/" target="_blank" rel="nofollow" data-dimension112="0dc6b552-9d52-11f1-a402-6744e4d6a54f" data-action="Deal Block" data-label="(PC)" data-dimension48="(PC)" data-dimension25="$49">View Deal</a></p></div><h2 id="the-sinking-city-2-is-a-horror-fan-s-playground">The Sinking City 2 is a horror fan’s playground</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="sz2Zj7AcVWjFcDLj6qB99T" name="The Sinking City 2" alt="The Sinking City 2 game" src="https://cdn.mos.cms.futurecdn.net/sz2Zj7AcVWjFcDLj6qB99T.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Frogwares)</span></figcaption></figure><p>To be frank, I haven’t played the first The Sinking City, but after doing some research, I found that playing the original isn’t necessary to enjoy the sequel, as The Sinking City 2 tells a standalone story.</p><div><blockquote><p>It’s important to note that Frogwares deliberately made investigation optional, allowing it to support the survival-horror experience rather than getting in the way of it.</p></blockquote></div><p>That meant going into it, I had no idea what to expect, but that only made the experience more interesting. The Sinking City 2 spends its opening minutes establishing the story, with Calvin Rafferty sitting at the bedside of Faye Bennett after a ritual the pair performed goes horribly wrong. Faye has been left in a mysterious, coma-like state, while Calvin is determined to find a way to bring her back.</p><p>From there, you’re quickly introduced to the game’s survival-horror mechanics as you start your first mission to collect an important item, with exploration, scavenging and puzzles along the way. But having played my fair share of survival horror games like Resident Evil, I found The Sinking City 2’s challenges to be fairly easy.</p><p>However, the game makes up for that with its combat system, especially during your first encounter with the Slither, one of the game’s grotesque creatures.</p><p>What I appreciate about the game is that it has four combat difficulty levels, depending on how challenging you want your experience to be during enemy encounters and boss fights.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Jce3GKnnyZD6pLngojMEoE" name="The Sinking City 2" alt="Screenshot of The Sinking City 2 game" src="https://cdn.mos.cms.futurecdn.net/Jce3GKnnyZD6pLngojMEoE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Frogwares)</span></figcaption></figure><p>It’s important to note that Frogwares deliberately made investigation optional, allowing it to support the survival-horror experience rather than getting in the way of it. Hence why combat is more of a central focus, and it’s very similar to Resident Evil, particularly when it comes to the limited ammunition.</p><p>You’ll need to search drawers and rooms for supplies, while dedicated safe rooms give you somewhere to store items and save your progress. You have to conserve ammunition, target enemy weak spots and decide whether a fight is even worth taking. Keep in mind that the gunplay can sometimes feel a little clunky, especially when you’re trying to dodge at the same time. </p><p>But, in a way, the lack of crispness in the gameplay gives the game some charm. You’re navigating a rundown city crawling with reanimated corpses thanks to supernatural worms, and with the protagonist lacking any real fighting skills while desperately trying to save his lover, the jankiness almost makes sense.</p><p>What does become a little frustrating, though, are the stiff animations during particularly important cutscenes, as well as the fact that some environments can look very similar, with the game occasionally reusing assets and textures.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="kCRDP7yhy63M4dvx4a3xhd" name="The Sinking City 2" alt="Screenshot of The Sinking City 2 game" src="https://cdn.mos.cms.futurecdn.net/kCRDP7yhy63M4dvx4a3xhd.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future / Frogwares)</span></figcaption></figure><p>Despite some of the game’s technical roughness, The Sinking City 2 doesn’t fail to be visually pleasing. The flooded city is dark, oppressive and convincingly abandoned, with the fog, rain, water and muted color palette helping to create that constant feeling of unease. Even places like the flooded Miskatonic University, ruined hospital and fish market feel like real locations that existed before the city was submerged.</p><p>The rough edges are noticeable, but the underlying atmosphere and art direction are genuinely good, and you have to give the game serious credit for that.</p><h2 id="the-sinking-city-2-isn-t-polished-but-there-s-something-special-here">The Sinking City 2 isn’t polished, but there’s something special here</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="zHRkjForK6JzNes4ARRQU5" name="The Sinking City 2" alt="The Sinking City 2 game" src="https://cdn.mos.cms.futurecdn.net/zHRkjForK6JzNes4ARRQU5.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Frogwares)</span></figcaption></figure><p>Of course, for a Lovecraftian world to really come to life, the story has to be good enough to make you care about its characters and the goal the protagonist is trying to achieve. The Sinking City 2 has a very enjoyable narrative, with Calvin’s motivation to save Faye giving the game a clear emotional hook.</p><div><blockquote><p>The flashbacks add some much-needed warmth to an otherwise gruesome and dark story, and I found it particularly funny that the protagonist channels a lot of Indiana Jones’ energy.</p></blockquote></div><p>Rather than getting bogged down in an open-world investigation, the sequel tells a tighter, more linear story across different locations in Arkham. Along the way, there are plenty of strange twists, dark discoveries and increasingly bizarre situations that kept me wanting to see what would happen next.</p><p>Plus, we get to see more of their relationship through flashbacks and interactions, with their romance proving surprisingly effective. There’s a flashback early on when Calvin enters the library in search of something, only to find Faye deep in occult research, and the two share a flirty encounter.</p><p>When the flashback ends, we’re suddenly back in the same spot, only this time Faye is gone and we’re left in the darkness. These flashbacks add some much-needed warmth to an otherwise gruesome and dark story, and I found it particularly funny that the protagonist channels a lot of Indiana Jones’ energy.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="keuuGg7bCjwGixVsMVAK7G" name="The Sinking City 2" alt="The Sinking City 2 game" src="https://cdn.mos.cms.futurecdn.net/keuuGg7bCjwGixVsMVAK7G.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Frogwares)</span></figcaption></figure><p>It’s also hard to talk about The Sinking City 2 without acknowledging what Frogwares went through to actually get the game made. The Ukrainian studio was already in pre-production when Russia’s full-scale invasion began in 2022, forcing development to stop. The team eventually resumed work while dealing with power cuts, air raids and developers being called into service. That makes finally seeing The Sinking City 2 in players’ hands feel like a genuine achievement, especially considering this is Frogwares’ first proper attempt at survival horror.</p><p>There’s also more here than simply finishing the main story and moving on. The Sinking City 2 offers New Game Plus, with additional unlockables including infinite ammunition, concept art and costumes, while the developers have packed Arkham with secrets and lore to discover. After only a few hours, I obviously haven’t experienced <em>everything </em>it has to offer, but that’s perhaps what has surprised me most. I went into The Sinking City 2 expecting a creepy horror game to dip into, and instead I’ve found myself genuinely wanting to see what horrors are waiting around the next corner.</p><p><em><strong>The Sinking City 2 is available on PC, PS5 and Xbox Series X|S.</strong></em></p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/computing/vr-ar/steam-frame-unboxing-and-tutorial-videos-just-leaked-release-could-be-imminent">Steam Frame unboxing and tutorial videos just leaked</a></li><li><a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">Best Nintendo Switch 2 games in 2026</a></li><li><a href="https://www.tomsguide.com/news/best-pc-gaming-deals">Best PC gaming deals in August 2026</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I tested Herman Miller’s new Coyl gaming desk and it’s a sleek upgrade for a subtler battlestation — but its best features cost extra ]]></title>
                                                                                                <dc:content><![CDATA[ <p>The Herman Miller Coyl Gaming Desk is a sophisticated, dual-motor electric standing desk built for gamers that feels right at home in a high-end home office. While not overly flashy, the subtle red accents on its signature coiled cable and cable management tray give away its gaming DNA.</p><p>Much like the <a href="https://www.tomsguide.com/home/home-office/herman-miller-x-logitech-g-vantum-gaming-chair-review">Herman Miller Vantum</a> gaming chair, the Coyl is the brand's first desk engineered specifically for gamers. It features a customizable modular setup, and while you can buy the base desk on its own, adding the optional cable tray and metal shroud completes its signature aesthetic. The shroud also opens up a pegboard-style ecosystem for extra accessories like controller mounts.</p><p>I’ve been using the Coyl Gaming Desk as my daily driver for a month for both work and play. It offers a spacious work surface, rock-solid three-stage legs, and replaces standard height-adjustment buttons with a slick rotary dial. However, it only comes in a single size, and installing the shroud prevents you from clamping a monitor arm to the back.</p><p>My Herman Miller Coyl Gaming Desk review will help you decide if it deserves a spot among the <a href="https://www.tomsguide.com/best-picks/best-gaming-desks">best gaming desks</a> as well as the <a href="https://www.tomsguide.com/home/home-office/best-standing-desks">best standing desks</a> — and whether its unique features justify its premium price.</p><h3 class="article-body__section" id="section-coyl-gaming-desk-cheat-sheet"><span>Coyl Gaming Desk: Cheat Sheet</span></h3><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5071px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="HEFTHWu7J6sP28yxy9Y6GP" name="Herman Miller Coyl Gaming Desk-19" alt="The Herman Miller Coyl Gaming Desk in black up against a wall" src="https://cdn.mos.cms.futurecdn.net/HEFTHWu7J6sP28yxy9Y6GP.jpg" mos="" align="middle" fullscreen="" width="5071" height="2853" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><ul><li><strong>What is it? </strong>A premium, dual-motor electric standing desk.</li><li><strong>Who is it for? </strong>It’s designed for gamers but works just as well in a home office setup.</li><li><strong>What does it cost? </strong>The Herman Miller Coyl Gaming Desk <a href="https://store.hermanmiller.com/gaming-desks/coyl-gaming-desk/100755245.html?lang=en_US&sku=100755245" target="_blank" rel="nofollow">costs $1,095</a>, but you can also get it <a href="https://store.hermanmiller.com/gaming-desks/coyl-gaming-desk/100755246.html?lang=en_US&sku=100755246" target="_blank" rel="nofollow">with a cable trough for $1,475</a> or <a href="https://store.hermanmiller.com/gaming-desks/coyl-gaming-desk/100755247.html?lang=en_US&sku=100755247" target="_blank" rel="nofollow">with a cable trough and a shroud for $1,635</a>. It’s worth noting that the desk is currently 25% off, which brings the price down significantly.</li><li><strong>What do we like? </strong>Using the rotary dial to adjust the desk’s height, the included surge protector’s coiled cable, the wide and easy-to-access cable management tray, and the three-stage legs.</li><li><strong>What don’t we like? </strong>The premium price, that the cable trough isn’t included with the base desk, that you can’t use a monitor arm with the shroud installed, that the desk only comes in one size, and how overpriced the accessories for the shroud are.</li></ul><h3 class="article-body__section" id="section-coyl-gaming-desk-specs"><span>Coyl Gaming Desk: Specs</span></h3><div ><table><tbody><tr><td class="firstcol " ><p><strong>Desktop size</strong></p></td><td  ><p>60 x 28.5 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Desktop style</strong></p></td><td  ><p>Black, white, walnut or ash laminate tabletop</p></td></tr><tr><td class="firstcol " ><p><strong>Leg colors</strong></p></td><td  ><p>Black, white</p></td></tr><tr><td class="firstcol " ><p><strong>Min/max height</strong></p></td><td  ><p>22.5 to 48.5 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Max supported weight</strong></p></td><td  ><p>200 pounds</p></td></tr><tr><td class="firstcol " ><p><strong>Electric</strong></p></td><td  ><p>Yes (dual-motor)</p></td></tr><tr><td class="firstcol " ><p><strong>Noise level</strong></p></td><td  ><p>53.4 dB</p></td></tr><tr><td class="firstcol " ><p><strong>Memory presets</strong></p></td><td  ><p>3</p></td></tr><tr><td class="firstcol " ><p><strong>Grommets</strong></p></td><td  ><p>No</p></td></tr><tr><td class="firstcol " ><p><strong>Cable management</strong></p></td><td  ><p>Felt-lined cable management trough (optional), Laser-cut steel shroud (optional)</p></td></tr><tr><td class="firstcol " ><p><strong>Warranty</strong></p></td><td  ><p>Tabletop (12-year), Base (7-year), Electrical components (5-year)</p></td></tr></tbody></table></div><h3 class="article-body__section" id="section-coyl-gaming-desk-the-ups"><span>Coyl Gaming Desk: The Ups</span></h3><p>From its modular design to its unique control scheme, the Coyl Gaming Desk has a lot going for it. However, it’s how these separate systems come together that really makes this desk shine.</p><h2 id="just-a-splash-of-red">Just a splash of red</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:4762px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="EVrSu54N55XsrdardTzi6U" name="Herman Miller Coyl Gaming Desk-17" alt="An angled shot showing the Herman Miller Coyl Gaming Desk in black in a corner" src="https://cdn.mos.cms.futurecdn.net/EVrSu54N55XsrdardTzi6U.jpg" mos="" align="middle" fullscreen="" width="4762" height="2679" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>At 60 x 28.5 inches, the Coyl Gaming Desk offers more than enough room for one of the best gaming PCs, a giant monitor or a <a href="https://www.tomsguide.com/computing/i-thought-putting-together-a-triple-monitor-setup-would-be-hard-but-i-did-it-with-three-budget-monitors-and-a-mini-pc">multi-display setup</a>, and all of your accessories. While it’s also available in white, walnut, and ash, most gamers — myself included — will likely opt for the all-black version.</p><p>Even if you go with the base desk without any of Herman Miller’s optional accessories, you still get an under-desk surge protector to plug in all your devices, complete with that iconic red cable true to the desk’s namesake. It adds just a splash of color to let you know that yes, this is in fact a gaming desk. Plus, no matter which desktop finish you pick, that coiled cord always comes in red.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:4883px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="pXptHL2LHNhdoijSozdGLZ" name="Herman Miller Coyl Gaming Desk-12" alt="The Herman Miller Coyl Gaming Desk raised up showing off its red coiled cable and the red straps on its cable management tray" src="https://cdn.mos.cms.futurecdn.net/pXptHL2LHNhdoijSozdGLZ.jpg" mos="" align="middle" fullscreen="" width="4883" height="2747" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>For the optional cable trough, the felt front is either dark or light gray, depending on the finish, and its handles match the power cable’s shade of red. It’s a small but welcome touch, though you won’t notice it much while seated. When the desk is raised to its max height of 48.5 inches, though, those red accents really pop. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="zkj2yxEVcY6Bqv55Ut7tVd" name="Herman Miller Coyl Gaming Desk-15" alt="The Herman Miller Vantum gaming chair in front of the Herman Miller Coyl Gaming Desk" src="https://cdn.mos.cms.futurecdn.net/zkj2yxEVcY6Bqv55Ut7tVd.jpg" mos="" align="middle" fullscreen="" width="6000" height="3375" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>It’s also worth noting that the Coyl’s red accents, while slightly darker, are a close match to those on Herman Miller’s Vantum gaming chair — perfect if you’re thinking of pairing the two as a set. </p><p>On its own, the Coyl looks fairly similar to many of the other standing desks I’ve reviewed. Adding the cable trough and shroud is what really elevates the desk’s aesthetic. They aren’t strictly necessary, but without them, the only extra hardware features you’re getting are the inward-facing cable hooks on either side and the rotary dial.</p><p>Speaking of which...</p><h2 id="dialed-in">Dialed in</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5018px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="UkMxXa8f4n2Ta8rT3CkiMh" name="Herman Miller Coyl Gaming Desk-9" alt="A person using the rotary dial on the Herman Miller Coyl Gaming Desk to adjust its height" src="https://cdn.mos.cms.futurecdn.net/UkMxXa8f4n2Ta8rT3CkiMh.jpg" mos="" align="middle" fullscreen="" width="5018" height="2823" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Most electric standing desks feature an edge-mounted control pad with up and down buttons alongside several preset keys, though I’ve tested some desks that opt for touch panels instead, like the <a href="https://www.tomsguide.com/home/home-office/branch-four-leg-standing-desk-review">Branch Four Leg Desk</a>. With the Coyl Gaming Desk, Herman Miller’s Devin Tran went in an entirely different direction.</p><p>To adjust this desk’s height, you place a finger inside the designated groove of its spring-loaded rotary dial and turn it. When you hit your preferred height, you simply let go, and the desk does the rest.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="ahjXuGLXCXHgUtH2DuYpik" name="Herman Miller Coyl Gaming Desk-18" alt="A close-up shot of the rotary dial used to control the Herman Miller Coyl Gaming Desk" src="https://cdn.mos.cms.futurecdn.net/ahjXuGLXCXHgUtH2DuYpik.jpg" mos="" align="middle" fullscreen="" width="6000" height="3376" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>A small black-and-white OLED screen displays the desk’s current height in inches. Pressing in on the dial acts as a button to bring up the menu. From there, you can save up to three height presets, switch measurement units, lock the desk’s height, or set custom upper and lower height limits.</p><p>If you’ve been using a standing desk as long as I have, you start to memorize your exact sitting and standing preferences. What I really like about the Coyl’s dial is how effortless it makes those tiny micro-adjustments. On other desks, I often struggle to lock in precisely 28.5 inches — but with the Coyl, fine-tuning down to a tenth of an inch comes much more naturally.</p><h2 id="soft-front-industrial-back">Soft front, industrial back </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5090px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="jfR5SQKAxD77aHjjjtgfE3" name="Herman Miller Coyl Gaming Desk-11" alt="A person pulling on the strap that serves as a handle to open the cable trough underneath the Herman Miller Coyl Gaming Desk" src="https://cdn.mos.cms.futurecdn.net/jfR5SQKAxD77aHjjjtgfE3.jpg" mos="" align="middle" fullscreen="" width="5090" height="2864" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>If there’s one accessory I consider an absolute must when using an electric standing desk, it’s a <a href="https://www.tomsguide.com/opinion/i-spent-a-year-reviewing-standing-desks-and-this-is-the-one-accessory-i-cant-live-without">cable management tray</a>. That way, you don’t have to worry about your computer or monitor coming unplugged if their cords get snagged when the desk moves up or down. While I would have liked to see a basic cable tray included with the base desk, Herman Miller went above and beyond with the design of its optional cable trough.</p><p>From the front, it’s very inviting with soft-touch felt and red fabric straps — which serve as handles — that attach magnetically. Inside, however, the cable trough’s frame is constructed from sturdy metal, making it exceptionally solid.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5746px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="dTAKzokTMTiZgSNn8wdfm7" name="Herman Miller Coyl Gaming Desk-10" alt="An angled shot showing the the cable trough under the Herman Miller Coyl Gaming Desk filled with power adapters and a surge protector" src="https://cdn.mos.cms.futurecdn.net/dTAKzokTMTiZgSNn8wdfm7.jpg" mos="" align="middle" fullscreen="" width="5746" height="3232" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Another thing I really like about the cable trough is that it spans the entire width of the Coyl Gaming Desk. This gives you more than enough room for the included surge protector and several bulky power bricks. There are also cutouts on either side and in the middle, allowing that coiled red cable to route down cleanly and stay as close as possible to your nearest wall outlet.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="C645sXNpPgYyqmbVs6jbPB" name="Herman Miller Coyl Gaming Desk-6" alt="A desk setup built around the Herman Miller Coyl Gaming Desk" src="https://cdn.mos.cms.futurecdn.net/C645sXNpPgYyqmbVs6jbPB.jpg" mos="" align="middle" fullscreen="" width="6000" height="3376" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Given how easy it is to open and close, along with all of the space it provides, you could even use the cable trough for extra storage. With a mini PC, a soundbar, a Nintendo Switch 2, and a monitor on top of the desk, I only used about a third of the cable trough’s total capacity for the surge protector and their power adapters. I could easily put that extra space to good use storing items I occasionally use, like a spare mechanical keyboard.</p><p>Just like the rest of the optional accessories for the Coyl, the cable trough comes at a premium. However, compared to the metal shroud at the back of the desk, I found it to be far more functional and less purely aesthetic.</p><h3 class="article-body__section" id="section-coyl-gaming-desk-the-downs"><span>Coyl Gaming Desk: The Downs</span></h3><p>The Coyl is certainly well-designed, and a lot of thought went into making it a more subtle gaming desk. However, it’s not without its faults — which include having to drill a few extra holes during assembly and the shroud’s functional shortcomings.</p><h2 id="not-entirely-pre-drilled">Not entirely pre-drilled </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:4569px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="H9SLSXukqkoh5784oX5nXE" name="Herman Miller Coyl Gaming Desk-25" alt="The multiple boxes the Herman Miller Coyl Gaming Desk arrives in stacked against a wall" src="https://cdn.mos.cms.futurecdn.net/H9SLSXukqkoh5784oX5nXE.jpg" mos="" align="middle" fullscreen="" width="4569" height="2570" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Coyl Gaming Desk arrived in three large boxes alongside a few smaller ones because I tested the desk alongside all of its optional accessories. Everything was exceptionally well-packaged.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5836px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="M2UMBzGA7UwxSj3QAGzuKJ" name="Herman Miller Coyl Gaming Desk-24" alt="All of the parts that make up the Herman Miller Coyl Gaming Desk unboxed and laid out against a wall" src="https://cdn.mos.cms.futurecdn.net/M2UMBzGA7UwxSj3QAGzuKJ.jpg" mos="" align="middle" fullscreen="" width="5836" height="3283" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Unboxing left me with the desktop, cable trough, metal shroud, two motorized legs, and all the hardware required for assembly. Building the desk was fairly straightforward — right up until I needed to route the cables connecting the rotary dial and leg motors to the control box at the center.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="XjnQDo44wcxDKK8JRffwYP" name="Herman Miller Coyl Gaming Desk-23" alt="The instruction manual for the Herman Miller Coyl Gaming Desk with a plastic cable management hook on top of it with the desk's control box in the background" src="https://cdn.mos.cms.futurecdn.net/XjnQDo44wcxDKK8JRffwYP.jpg" mos="" align="middle" fullscreen="" width="6000" height="3376" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Herman Miller pre-drills most of the holes on the underside of the Coyl. However, I noticed there weren't any pilot holes for the plastic cable management clips. On a budget desk, this is par for the course — but on a setup that can reach over $1,600 fully loaded, I expected every single screw location to be pre-drilled.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="T8hLqh8CVNVMYbyh7Bm7hT" name="Herman Miller Coyl Gaming Desk-22" alt="A person drilling pilot holes into the Herman Miller Coyl Gaming Desk to install cable management clips" src="https://cdn.mos.cms.futurecdn.net/T8hLqh8CVNVMYbyh7Bm7hT.jpg" mos="" align="middle" fullscreen="" width="6000" height="3376" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>After mapping out my cable paths, I grabbed my power drill to drill a few pilot holes before screwing the clips in. Given Coyl’s price tag, I was also surprised to find a standard laminate desktop rather than solid wood or a premium veneer. In this case, though, the laminate worked in my favor — it’s one of the easiest materials to drill into, even if nobody buying a luxury desk expects to need power tools to finish the build.</p><h2 id="a-few-pegs-short">A few pegs short</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5544px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="3rTgh4VM8CUDWP2BzuCfwY" name="Herman Miller Coyl Gaming Desk-21" alt="The Herman Miller Coyl Gaming Desk seen from behind showing off its optional metal shroud" src="https://cdn.mos.cms.futurecdn.net/3rTgh4VM8CUDWP2BzuCfwY.jpg" mos="" align="middle" fullscreen="" width="5544" height="3119" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>One trend gaining traction across both office and gaming desks is integrated pegboards for modular storage. However, unlike the <a href="https://www.tomsguide.com/home/home-office/corsair-platform-4-elevate-review">Corsair Platform 4: Elevate</a> — which features a tall, full-sized pegboard that extends well above your display — the Coyl’s metal shroud stops short. Very short.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="WXZBRWzWZJQ8kH7DNsaH5d" name="Herman Miller Coyl Gaming Desk-20" alt="An overhead shot showing the bolts you have to hand-tighten to install the optional shroud on the Herman Miller Coyl Gaming Desk" src="https://cdn.mos.cms.futurecdn.net/WXZBRWzWZJQ8kH7DNsaH5d.jpg" mos="" align="middle" fullscreen="" width="6000" height="3376" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>I will give Herman Miller credit: installing the shroud is completely tool-free and ridiculously simple. You slide it over two metal mounting posts at the back of the desk and hand-tighten two bolts on either side. Once installed, however, it rises a mere three inches above the desk’s surface.</p><p>Beyond hiding cable clutter and serving as an aesthetic backdrop, the shroud is designed to host a line of proprietary plastic accessories that mount directly to its top edge. Herman Miller offers four options, ranging from a display stand to a round planter bowl.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5351px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="wTFxvRrbEjk9A7ngHGgyuh" name="Herman Miller Coyl Gaming Desk-5" alt="A person reaching across the Herman Miller Coyl Gaming Desk to get their phone from the optional stand installed on the shroud at the back of the desk" src="https://cdn.mos.cms.futurecdn.net/wTFxvRrbEjk9A7ngHGgyuh.jpg" mos="" align="middle" fullscreen="" width="5351" height="3010" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The accessories function as advertised — I used one for the controller for my <a href="https://www.tomsguide.com/computing/i-added-this-dollar50-monitor-light-bar-to-my-desk-setup-and-its-a-game-changer-for-how-i-work">monitor light bar</a>, one for my phone, and another for a gamepad. The issue is that on a 28.5-inch-deep desk, you really have to reach to access them while seated. Worse, they aren't included with the shroud; they're sold individually at a steep premium given their basic plastic construction.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5456px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="dWzMEGHd6w4Pvy2Zb6mZ6o" name="Herman Miller Coyl Gaming Desk-8" alt="A close-up shot showing a cable attached to the Herman Miller Coyl Gaming Desk's optional shroud using a magnetic clip" src="https://cdn.mos.cms.futurecdn.net/dWzMEGHd6w4Pvy2Zb6mZ6o.jpg" mos="" align="middle" fullscreen="" width="5456" height="3070" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>You can use the shroud on its own, though, and I found its steel construction great for magnetic cable clips to keep charging cords within reach.</p><p>Then there's the Coyl's biggest dealbreaker: the shroud completely blocks rear-mounted monitor arms. Using one of the <a href="https://www.tomsguide.com/best-picks/best-monitor-arms">best monitor arms</a> instead of the stand that comes in the box is standard practice for gamers and WFH professionals looking to free up desk space and give their screens that floating look.</p><p>While you can technically clamp an arm to the left or right side of the desk, doing so makes it almost impossible to center your monitor, as most arms lack the reach to extend all the way to the middle.</p><h3 class="article-body__section" id="section-coyl-gaming-desk-verdict"><span>Coyl Gaming Desk: Verdict</span></h3><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="mSbKyxnTP48EhMZtDiyzX6" name="Herman Miller Coyl Gaming Desk-3" alt="A person sitting in the Herman Miller Vantum gaming chair playing games at a desk setup built on top of the Herman Miller Coyl Gaming Desk" src="https://cdn.mos.cms.futurecdn.net/mSbKyxnTP48EhMZtDiyzX6.jpg" mos="" align="middle" fullscreen="" width="6000" height="3376" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Coyl Gaming Desk is an exceptionally well-crafted piece of home office furniture with just the right amount of gamer flair for a subdued, modern battlestation. It offers rock-solid motor stability, sturdy three-stage legs, and a unique rotary control mechanism that makes fine-tuning your sitting or standing height effortless. While a single desktop size limits its appeal for smaller spaces, the finish options let it fit seamlessly into almost any room decor.</p><p>Where the Coyl falters is in its optional accessory ecosystem. The cable trough and shroud — alongside the signature coiled cable — are what give this desk its iconic look, robust cable management, and modular expansion. At a baseline price exceeding $1,000, it’s a tough pill to swallow that the cable tray isn't included standard, and that adding the shroud prevents you from clamping a monitor arm to the back.</p><p>If you have the budget and want a luxury, design-forward standing desk that elevates your space, the Coyl is an impressive performer — especially if you already own a Herman Miller chair to match. However, if you rely heavily on monitor arms or want a fully feature-packed modular desk out of the box without paying extra for basic add-ons, you may be better served by more versatile alternatives like the Corsair Platform 4 or 6.</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/home/home-office/herman-miller-gaming-coyl-desk-review</link>
                                                                            <description>
                            <![CDATA[ Herman Miller’s Coyl gaming desk is sleek on its own, but the full look and extra features rely on pricey add-ons. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">j2yCnctW4oSjwhFNVMmX4d</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/GBJj4j3iCKmKGL9fQFowJJ-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sat, 22 Aug 2026 07:00:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Home Office]]></category>
                                                    <category><![CDATA[Gaming Peripherals]]></category>
                                                    <category><![CDATA[Home]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ anthony.spadafora@futurenet.com (Anthony Spadafora) ]]></author>                    <dc:creator><![CDATA[ Anthony Spadafora ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/z73LEoj7FkUjNG85GcWHtH.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Anthony Spadafora is the managing editor for security and home office furniture at Tom’s Guide where he covers everything from data breaches and malware to password managers and the best way to cover your whole home or business with a strong Wi-Fi signal.&lt;/p&gt;&lt;p&gt;Before joining the team, he spent three years covering cybersecurity and B2B tech for ITProPortal while living in South Korea. After moving back to the US. Anthony joined the TechRadar Pro team where he covered these topics along with VPNs, web hosting, online collaboration software and video conferencing for four years. Anthony also has his ears to the ground and is on the lookout for the next major cyberattack or data breach.&lt;/p&gt;&lt;p&gt;Based in Houston, Texas, Anthony also handles VPN testing for both Tom’s Guide and TechRadar. As someone who has worked from home exclusively since 2018, he has reviewed dozens of standing desks as well as office chairs and has taken a closer look at other essential remote working accessories. As part of these reviews, Anthony frequently builds intricate desk setups which is why he’s such a big advocate for cable management and keeping things organized. When he’s not writing, he can be found tinkering with PCs and game consoles, managing cables and making upgrades to his smart home.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/GBJj4j3iCKmKGL9fQFowJJ-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&amp;#39;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[The Herman Miller Coyl Gaming Desk set up in a corner with a PC, monitor and other accessories on top]]></media:description>                                                            <media:text><![CDATA[The Herman Miller Coyl Gaming Desk set up in a corner with a PC, monitor and other accessories on top]]></media:text>
                                <media:title type="plain"><![CDATA[The Herman Miller Coyl Gaming Desk set up in a corner with a PC, monitor and other accessories on top]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/GBJj4j3iCKmKGL9fQFowJJ-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>The Herman Miller Coyl Gaming Desk is a sophisticated, dual-motor electric standing desk built for gamers that feels right at home in a high-end home office. While not overly flashy, the subtle red accents on its signature coiled cable and cable management tray give away its gaming DNA.</p><p>Much like the <a href="https://www.tomsguide.com/home/home-office/herman-miller-x-logitech-g-vantum-gaming-chair-review">Herman Miller Vantum</a> gaming chair, the Coyl is the brand's first desk engineered specifically for gamers. It features a customizable modular setup, and while you can buy the base desk on its own, adding the optional cable tray and metal shroud completes its signature aesthetic. The shroud also opens up a pegboard-style ecosystem for extra accessories like controller mounts.</p><p>I’ve been using the Coyl Gaming Desk as my daily driver for a month for both work and play. It offers a spacious work surface, rock-solid three-stage legs, and replaces standard height-adjustment buttons with a slick rotary dial. However, it only comes in a single size, and installing the shroud prevents you from clamping a monitor arm to the back.</p><p>My Herman Miller Coyl Gaming Desk review will help you decide if it deserves a spot among the <a href="https://www.tomsguide.com/best-picks/best-gaming-desks">best gaming desks</a> as well as the <a href="https://www.tomsguide.com/home/home-office/best-standing-desks">best standing desks</a> — and whether its unique features justify its premium price.</p><h3 class="article-body__section" id="section-coyl-gaming-desk-cheat-sheet"><span>Coyl Gaming Desk: Cheat Sheet</span></h3><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5071px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="HEFTHWu7J6sP28yxy9Y6GP" name="Herman Miller Coyl Gaming Desk-19" alt="The Herman Miller Coyl Gaming Desk in black up against a wall" src="https://cdn.mos.cms.futurecdn.net/HEFTHWu7J6sP28yxy9Y6GP.jpg" mos="" align="middle" fullscreen="" width="5071" height="2853" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><ul><li><strong>What is it? </strong>A premium, dual-motor electric standing desk.</li><li><strong>Who is it for? </strong>It’s designed for gamers but works just as well in a home office setup.</li><li><strong>What does it cost? </strong>The Herman Miller Coyl Gaming Desk <a href="https://store.hermanmiller.com/gaming-desks/coyl-gaming-desk/100755245.html?lang=en_US&sku=100755245" target="_blank" rel="nofollow">costs $1,095</a>, but you can also get it <a href="https://store.hermanmiller.com/gaming-desks/coyl-gaming-desk/100755246.html?lang=en_US&sku=100755246" target="_blank" rel="nofollow">with a cable trough for $1,475</a> or <a href="https://store.hermanmiller.com/gaming-desks/coyl-gaming-desk/100755247.html?lang=en_US&sku=100755247" target="_blank" rel="nofollow">with a cable trough and a shroud for $1,635</a>. It’s worth noting that the desk is currently 25% off, which brings the price down significantly.</li><li><strong>What do we like? </strong>Using the rotary dial to adjust the desk’s height, the included surge protector’s coiled cable, the wide and easy-to-access cable management tray, and the three-stage legs.</li><li><strong>What don’t we like? </strong>The premium price, that the cable trough isn’t included with the base desk, that you can’t use a monitor arm with the shroud installed, that the desk only comes in one size, and how overpriced the accessories for the shroud are.</li></ul><h3 class="article-body__section" id="section-coyl-gaming-desk-specs"><span>Coyl Gaming Desk: Specs</span></h3><div ><table><tbody><tr><td class="firstcol " ><p><strong>Desktop size</strong></p></td><td  ><p>60 x 28.5 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Desktop style</strong></p></td><td  ><p>Black, white, walnut or ash laminate tabletop</p></td></tr><tr><td class="firstcol " ><p><strong>Leg colors</strong></p></td><td  ><p>Black, white</p></td></tr><tr><td class="firstcol " ><p><strong>Min/max height</strong></p></td><td  ><p>22.5 to 48.5 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Max supported weight</strong></p></td><td  ><p>200 pounds</p></td></tr><tr><td class="firstcol " ><p><strong>Electric</strong></p></td><td  ><p>Yes (dual-motor)</p></td></tr><tr><td class="firstcol " ><p><strong>Noise level</strong></p></td><td  ><p>53.4 dB</p></td></tr><tr><td class="firstcol " ><p><strong>Memory presets</strong></p></td><td  ><p>3</p></td></tr><tr><td class="firstcol " ><p><strong>Grommets</strong></p></td><td  ><p>No</p></td></tr><tr><td class="firstcol " ><p><strong>Cable management</strong></p></td><td  ><p>Felt-lined cable management trough (optional), Laser-cut steel shroud (optional)</p></td></tr><tr><td class="firstcol " ><p><strong>Warranty</strong></p></td><td  ><p>Tabletop (12-year), Base (7-year), Electrical components (5-year)</p></td></tr></tbody></table></div><h3 class="article-body__section" id="section-coyl-gaming-desk-the-ups"><span>Coyl Gaming Desk: The Ups</span></h3><p>From its modular design to its unique control scheme, the Coyl Gaming Desk has a lot going for it. However, it’s how these separate systems come together that really makes this desk shine.</p><h2 id="just-a-splash-of-red">Just a splash of red</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:4762px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="EVrSu54N55XsrdardTzi6U" name="Herman Miller Coyl Gaming Desk-17" alt="An angled shot showing the Herman Miller Coyl Gaming Desk in black in a corner" src="https://cdn.mos.cms.futurecdn.net/EVrSu54N55XsrdardTzi6U.jpg" mos="" align="middle" fullscreen="" width="4762" height="2679" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>At 60 x 28.5 inches, the Coyl Gaming Desk offers more than enough room for one of the best gaming PCs, a giant monitor or a <a href="https://www.tomsguide.com/computing/i-thought-putting-together-a-triple-monitor-setup-would-be-hard-but-i-did-it-with-three-budget-monitors-and-a-mini-pc">multi-display setup</a>, and all of your accessories. While it’s also available in white, walnut, and ash, most gamers — myself included — will likely opt for the all-black version.</p><p>Even if you go with the base desk without any of Herman Miller’s optional accessories, you still get an under-desk surge protector to plug in all your devices, complete with that iconic red cable true to the desk’s namesake. It adds just a splash of color to let you know that yes, this is in fact a gaming desk. Plus, no matter which desktop finish you pick, that coiled cord always comes in red.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:4883px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="pXptHL2LHNhdoijSozdGLZ" name="Herman Miller Coyl Gaming Desk-12" alt="The Herman Miller Coyl Gaming Desk raised up showing off its red coiled cable and the red straps on its cable management tray" src="https://cdn.mos.cms.futurecdn.net/pXptHL2LHNhdoijSozdGLZ.jpg" mos="" align="middle" fullscreen="" width="4883" height="2747" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>For the optional cable trough, the felt front is either dark or light gray, depending on the finish, and its handles match the power cable’s shade of red. It’s a small but welcome touch, though you won’t notice it much while seated. When the desk is raised to its max height of 48.5 inches, though, those red accents really pop. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="zkj2yxEVcY6Bqv55Ut7tVd" name="Herman Miller Coyl Gaming Desk-15" alt="The Herman Miller Vantum gaming chair in front of the Herman Miller Coyl Gaming Desk" src="https://cdn.mos.cms.futurecdn.net/zkj2yxEVcY6Bqv55Ut7tVd.jpg" mos="" align="middle" fullscreen="" width="6000" height="3375" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>It’s also worth noting that the Coyl’s red accents, while slightly darker, are a close match to those on Herman Miller’s Vantum gaming chair — perfect if you’re thinking of pairing the two as a set. </p><p>On its own, the Coyl looks fairly similar to many of the other standing desks I’ve reviewed. Adding the cable trough and shroud is what really elevates the desk’s aesthetic. They aren’t strictly necessary, but without them, the only extra hardware features you’re getting are the inward-facing cable hooks on either side and the rotary dial.</p><p>Speaking of which...</p><h2 id="dialed-in">Dialed in</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5018px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="UkMxXa8f4n2Ta8rT3CkiMh" name="Herman Miller Coyl Gaming Desk-9" alt="A person using the rotary dial on the Herman Miller Coyl Gaming Desk to adjust its height" src="https://cdn.mos.cms.futurecdn.net/UkMxXa8f4n2Ta8rT3CkiMh.jpg" mos="" align="middle" fullscreen="" width="5018" height="2823" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Most electric standing desks feature an edge-mounted control pad with up and down buttons alongside several preset keys, though I’ve tested some desks that opt for touch panels instead, like the <a href="https://www.tomsguide.com/home/home-office/branch-four-leg-standing-desk-review">Branch Four Leg Desk</a>. With the Coyl Gaming Desk, Herman Miller’s Devin Tran went in an entirely different direction.</p><p>To adjust this desk’s height, you place a finger inside the designated groove of its spring-loaded rotary dial and turn it. When you hit your preferred height, you simply let go, and the desk does the rest.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="ahjXuGLXCXHgUtH2DuYpik" name="Herman Miller Coyl Gaming Desk-18" alt="A close-up shot of the rotary dial used to control the Herman Miller Coyl Gaming Desk" src="https://cdn.mos.cms.futurecdn.net/ahjXuGLXCXHgUtH2DuYpik.jpg" mos="" align="middle" fullscreen="" width="6000" height="3376" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>A small black-and-white OLED screen displays the desk’s current height in inches. Pressing in on the dial acts as a button to bring up the menu. From there, you can save up to three height presets, switch measurement units, lock the desk’s height, or set custom upper and lower height limits.</p><p>If you’ve been using a standing desk as long as I have, you start to memorize your exact sitting and standing preferences. What I really like about the Coyl’s dial is how effortless it makes those tiny micro-adjustments. On other desks, I often struggle to lock in precisely 28.5 inches — but with the Coyl, fine-tuning down to a tenth of an inch comes much more naturally.</p><h2 id="soft-front-industrial-back">Soft front, industrial back </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5090px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="jfR5SQKAxD77aHjjjtgfE3" name="Herman Miller Coyl Gaming Desk-11" alt="A person pulling on the strap that serves as a handle to open the cable trough underneath the Herman Miller Coyl Gaming Desk" src="https://cdn.mos.cms.futurecdn.net/jfR5SQKAxD77aHjjjtgfE3.jpg" mos="" align="middle" fullscreen="" width="5090" height="2864" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>If there’s one accessory I consider an absolute must when using an electric standing desk, it’s a <a href="https://www.tomsguide.com/opinion/i-spent-a-year-reviewing-standing-desks-and-this-is-the-one-accessory-i-cant-live-without">cable management tray</a>. That way, you don’t have to worry about your computer or monitor coming unplugged if their cords get snagged when the desk moves up or down. While I would have liked to see a basic cable tray included with the base desk, Herman Miller went above and beyond with the design of its optional cable trough.</p><p>From the front, it’s very inviting with soft-touch felt and red fabric straps — which serve as handles — that attach magnetically. Inside, however, the cable trough’s frame is constructed from sturdy metal, making it exceptionally solid.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5746px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="dTAKzokTMTiZgSNn8wdfm7" name="Herman Miller Coyl Gaming Desk-10" alt="An angled shot showing the the cable trough under the Herman Miller Coyl Gaming Desk filled with power adapters and a surge protector" src="https://cdn.mos.cms.futurecdn.net/dTAKzokTMTiZgSNn8wdfm7.jpg" mos="" align="middle" fullscreen="" width="5746" height="3232" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Another thing I really like about the cable trough is that it spans the entire width of the Coyl Gaming Desk. This gives you more than enough room for the included surge protector and several bulky power bricks. There are also cutouts on either side and in the middle, allowing that coiled red cable to route down cleanly and stay as close as possible to your nearest wall outlet.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="C645sXNpPgYyqmbVs6jbPB" name="Herman Miller Coyl Gaming Desk-6" alt="A desk setup built around the Herman Miller Coyl Gaming Desk" src="https://cdn.mos.cms.futurecdn.net/C645sXNpPgYyqmbVs6jbPB.jpg" mos="" align="middle" fullscreen="" width="6000" height="3376" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Given how easy it is to open and close, along with all of the space it provides, you could even use the cable trough for extra storage. With a mini PC, a soundbar, a Nintendo Switch 2, and a monitor on top of the desk, I only used about a third of the cable trough’s total capacity for the surge protector and their power adapters. I could easily put that extra space to good use storing items I occasionally use, like a spare mechanical keyboard.</p><p>Just like the rest of the optional accessories for the Coyl, the cable trough comes at a premium. However, compared to the metal shroud at the back of the desk, I found it to be far more functional and less purely aesthetic.</p><h3 class="article-body__section" id="section-coyl-gaming-desk-the-downs"><span>Coyl Gaming Desk: The Downs</span></h3><p>The Coyl is certainly well-designed, and a lot of thought went into making it a more subtle gaming desk. However, it’s not without its faults — which include having to drill a few extra holes during assembly and the shroud’s functional shortcomings.</p><h2 id="not-entirely-pre-drilled">Not entirely pre-drilled </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:4569px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="H9SLSXukqkoh5784oX5nXE" name="Herman Miller Coyl Gaming Desk-25" alt="The multiple boxes the Herman Miller Coyl Gaming Desk arrives in stacked against a wall" src="https://cdn.mos.cms.futurecdn.net/H9SLSXukqkoh5784oX5nXE.jpg" mos="" align="middle" fullscreen="" width="4569" height="2570" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Coyl Gaming Desk arrived in three large boxes alongside a few smaller ones because I tested the desk alongside all of its optional accessories. Everything was exceptionally well-packaged.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5836px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="M2UMBzGA7UwxSj3QAGzuKJ" name="Herman Miller Coyl Gaming Desk-24" alt="All of the parts that make up the Herman Miller Coyl Gaming Desk unboxed and laid out against a wall" src="https://cdn.mos.cms.futurecdn.net/M2UMBzGA7UwxSj3QAGzuKJ.jpg" mos="" align="middle" fullscreen="" width="5836" height="3283" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Unboxing left me with the desktop, cable trough, metal shroud, two motorized legs, and all the hardware required for assembly. Building the desk was fairly straightforward — right up until I needed to route the cables connecting the rotary dial and leg motors to the control box at the center.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="XjnQDo44wcxDKK8JRffwYP" name="Herman Miller Coyl Gaming Desk-23" alt="The instruction manual for the Herman Miller Coyl Gaming Desk with a plastic cable management hook on top of it with the desk's control box in the background" src="https://cdn.mos.cms.futurecdn.net/XjnQDo44wcxDKK8JRffwYP.jpg" mos="" align="middle" fullscreen="" width="6000" height="3376" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Herman Miller pre-drills most of the holes on the underside of the Coyl. However, I noticed there weren't any pilot holes for the plastic cable management clips. On a budget desk, this is par for the course — but on a setup that can reach over $1,600 fully loaded, I expected every single screw location to be pre-drilled.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="T8hLqh8CVNVMYbyh7Bm7hT" name="Herman Miller Coyl Gaming Desk-22" alt="A person drilling pilot holes into the Herman Miller Coyl Gaming Desk to install cable management clips" src="https://cdn.mos.cms.futurecdn.net/T8hLqh8CVNVMYbyh7Bm7hT.jpg" mos="" align="middle" fullscreen="" width="6000" height="3376" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>After mapping out my cable paths, I grabbed my power drill to drill a few pilot holes before screwing the clips in. Given Coyl’s price tag, I was also surprised to find a standard laminate desktop rather than solid wood or a premium veneer. In this case, though, the laminate worked in my favor — it’s one of the easiest materials to drill into, even if nobody buying a luxury desk expects to need power tools to finish the build.</p><h2 id="a-few-pegs-short">A few pegs short</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5544px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="3rTgh4VM8CUDWP2BzuCfwY" name="Herman Miller Coyl Gaming Desk-21" alt="The Herman Miller Coyl Gaming Desk seen from behind showing off its optional metal shroud" src="https://cdn.mos.cms.futurecdn.net/3rTgh4VM8CUDWP2BzuCfwY.jpg" mos="" align="middle" fullscreen="" width="5544" height="3119" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>One trend gaining traction across both office and gaming desks is integrated pegboards for modular storage. However, unlike the <a href="https://www.tomsguide.com/home/home-office/corsair-platform-4-elevate-review">Corsair Platform 4: Elevate</a> — which features a tall, full-sized pegboard that extends well above your display — the Coyl’s metal shroud stops short. Very short.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="WXZBRWzWZJQ8kH7DNsaH5d" name="Herman Miller Coyl Gaming Desk-20" alt="An overhead shot showing the bolts you have to hand-tighten to install the optional shroud on the Herman Miller Coyl Gaming Desk" src="https://cdn.mos.cms.futurecdn.net/WXZBRWzWZJQ8kH7DNsaH5d.jpg" mos="" align="middle" fullscreen="" width="6000" height="3376" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>I will give Herman Miller credit: installing the shroud is completely tool-free and ridiculously simple. You slide it over two metal mounting posts at the back of the desk and hand-tighten two bolts on either side. Once installed, however, it rises a mere three inches above the desk’s surface.</p><p>Beyond hiding cable clutter and serving as an aesthetic backdrop, the shroud is designed to host a line of proprietary plastic accessories that mount directly to its top edge. Herman Miller offers four options, ranging from a display stand to a round planter bowl.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5351px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="wTFxvRrbEjk9A7ngHGgyuh" name="Herman Miller Coyl Gaming Desk-5" alt="A person reaching across the Herman Miller Coyl Gaming Desk to get their phone from the optional stand installed on the shroud at the back of the desk" src="https://cdn.mos.cms.futurecdn.net/wTFxvRrbEjk9A7ngHGgyuh.jpg" mos="" align="middle" fullscreen="" width="5351" height="3010" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The accessories function as advertised — I used one for the controller for my <a href="https://www.tomsguide.com/computing/i-added-this-dollar50-monitor-light-bar-to-my-desk-setup-and-its-a-game-changer-for-how-i-work">monitor light bar</a>, one for my phone, and another for a gamepad. The issue is that on a 28.5-inch-deep desk, you really have to reach to access them while seated. Worse, they aren't included with the shroud; they're sold individually at a steep premium given their basic plastic construction.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:5456px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="dWzMEGHd6w4Pvy2Zb6mZ6o" name="Herman Miller Coyl Gaming Desk-8" alt="A close-up shot showing a cable attached to the Herman Miller Coyl Gaming Desk's optional shroud using a magnetic clip" src="https://cdn.mos.cms.futurecdn.net/dWzMEGHd6w4Pvy2Zb6mZ6o.jpg" mos="" align="middle" fullscreen="" width="5456" height="3070" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>You can use the shroud on its own, though, and I found its steel construction great for magnetic cable clips to keep charging cords within reach.</p><p>Then there's the Coyl's biggest dealbreaker: the shroud completely blocks rear-mounted monitor arms. Using one of the <a href="https://www.tomsguide.com/best-picks/best-monitor-arms">best monitor arms</a> instead of the stand that comes in the box is standard practice for gamers and WFH professionals looking to free up desk space and give their screens that floating look.</p><p>While you can technically clamp an arm to the left or right side of the desk, doing so makes it almost impossible to center your monitor, as most arms lack the reach to extend all the way to the middle.</p><h3 class="article-body__section" id="section-coyl-gaming-desk-verdict"><span>Coyl Gaming Desk: Verdict</span></h3><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:6000px;"><p class="vanilla-image-block" style="padding-top:56.27%;"><img id="mSbKyxnTP48EhMZtDiyzX6" name="Herman Miller Coyl Gaming Desk-3" alt="A person sitting in the Herman Miller Vantum gaming chair playing games at a desk setup built on top of the Herman Miller Coyl Gaming Desk" src="https://cdn.mos.cms.futurecdn.net/mSbKyxnTP48EhMZtDiyzX6.jpg" mos="" align="middle" fullscreen="" width="6000" height="3376" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Coyl Gaming Desk is an exceptionally well-crafted piece of home office furniture with just the right amount of gamer flair for a subdued, modern battlestation. It offers rock-solid motor stability, sturdy three-stage legs, and a unique rotary control mechanism that makes fine-tuning your sitting or standing height effortless. While a single desktop size limits its appeal for smaller spaces, the finish options let it fit seamlessly into almost any room decor.</p><p>Where the Coyl falters is in its optional accessory ecosystem. The cable trough and shroud — alongside the signature coiled cable — are what give this desk its iconic look, robust cable management, and modular expansion. At a baseline price exceeding $1,000, it’s a tough pill to swallow that the cable tray isn't included standard, and that adding the shroud prevents you from clamping a monitor arm to the back.</p><p>If you have the budget and want a luxury, design-forward standing desk that elevates your space, the Coyl is an impressive performer — especially if you already own a Herman Miller chair to match. However, if you rely heavily on monitor arms or want a fully feature-packed modular desk out of the box without paying extra for basic add-ons, you may be better served by more versatile alternatives like the Corsair Platform 4 or 6.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Gamer dad? I've found 11 winning Father's Day gaming ideas to level up your gifting ]]></title>
                                                                                                <dc:content><![CDATA[ <p>It's almost <a href="https://www.tomsguide.com/sales-events/fathers-day-gift-ideas-au">Father's Day 2026</a>, with the big day arriving on Sunday, September 6 in Australia.</p><p>If you've got a gamer-obsessed father (or father figure), it's an ideal time to help upgrade any ageing consoles (if you have the means) or add some fun accessories to dad's existing set-up. Whether he's a staunch keyboard warrior or has been obsessed with his PlayStation or Xbox his entire life, I've gathered 10 of the best gaming-specific deals for Father's Day below. </p><p>It is worth noting, though, I haven't included specific games in the list, largely because all gamer dads are different — and their playing preferences reflect that. Instead, I've selected some fun consoles, peripherals and accessories to make every dad's gaming experience better. </p><p>All of these items come from top-rated retailers, like Amazon, JB Hi-Fi and The Good Guys, with each claiming fast delivery in time for the big day. It's also <a href="https://www.amazon.com.au/b/?_encoding=UTF8&node=221080127051&pd_rd_w=5mj5c&content-id=amzn1.sym.3d08badd-4ec6-4c8d-8b19-6f0b265690a1&pf_rd_p=3d08badd-4ec6-4c8d-8b19-6f0b265690a1&pf_rd_r=J6JXD6R3F0RKYRZR2SDE&pd_rd_wg=TNehv&pd_rd_r=4bd5449a-5ad9-483f-b6a2-d6018ece60f0&ref_=pd_hp_d_r_atf_unk" target="_blank">Gaming Week on Amazon</a>, so now is the best time to shop and save big on the latest (and greatest) gaming consoles, PC peripherals and accessories. </p><p>I'll stop with the waffling now — here are the best Father's Day gaming gifts I've found this year. </p><h3 class="article-body__section" id="section-11-best-father-s-day-gaming-deals"><span>11 best Father's Day gaming deals</span></h3><div class="product"><a data-dimension112="08f20b6c-9c3a-11f1-94d5-6344a3195dbd" data-action="Deal Block" data-label="Switch 2 Console" data-dimension48="Switch 2 Console" data-dimension25="$699" href="https://www.jbhifi.com.au/products/nintendo-switch-2-console" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="63dGPyBNH73xm2BYnLsoJP" name="Nintendo Switch 2 deal" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/63dGPyBNH73xm2BYnLsoJP.jpg" mos="" align="middle" fullscreen="" width="2000" height="2000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.jbhifi.com.au/products/nintendo-switch-2-console" target="_blank" rel="nofollow" data-dimension112="08f20b6c-9c3a-11f1-94d5-6344a3195dbd" data-action="Deal Block" data-label="Switch 2 Console" data-dimension48="Switch 2 Console" data-dimension25="$699">Switch 2 Console: $699</a></strong><br>Nintendo Switch 2 takes what worked about its best-selling predecessor and makes impactful upgrades across the board. From the excellent, noticeably larger, 7.9-inch display to the more powerful internal specs, the Switch 2 is a full leap forward and the best hybrid console you can buy. <a class="view-deal button" href="https://www.jbhifi.com.au/products/nintendo-switch-2-console" target="_blank" rel="nofollow" data-dimension112="08f20b6c-9c3a-11f1-94d5-6344a3195dbd" data-action="Deal Block" data-label="Switch 2 Console" data-dimension48="Switch 2 Console" data-dimension25="$699">View Deal</a></p></div><div class="product"><a data-dimension112="08f20bee-9c3a-11f1-b168-1dc7d62f6b88" data-action="Deal Block" data-label="PlayStation 5 Digital Slim Console (825GB)" data-dimension48="PlayStation 5 Digital Slim Console (825GB)" data-dimension25="$919" href="https://www.jbhifi.com.au/products/ps5-playstation-5-slim-digital-console-825gb" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="PFZzmTD26fsVB8AzmQ9JXm" name="ps5-slim-deal.png" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/PFZzmTD26fsVB8AzmQ9JXm.png" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.jbhifi.com.au/products/ps5-playstation-5-slim-digital-console-825gb" target="_blank" rel="nofollow" data-dimension112="08f20bee-9c3a-11f1-b168-1dc7d62f6b88" data-action="Deal Block" data-label="PlayStation 5 Digital Slim Console (825GB)" data-dimension48="PlayStation 5 Digital Slim Console (825GB)" data-dimension25="$919">PlayStation 5 Digital Slim Console (825GB): $919</a></strong><br>Got a gamer dad who needs an upgrade? The PS5 console unleashes new gaming possibilities with ultrafast loading thanks to a high-speed SSD, deeper immersion support for haptic feedback, adaptive triggers and 3D audio. Not only that, the latest console is home to a suite of great games and exclusives that'll provide entertainment for hours on end.<a class="view-deal button" href="https://www.jbhifi.com.au/products/ps5-playstation-5-slim-digital-console-825gb" target="_blank" rel="nofollow" data-dimension112="08f20bee-9c3a-11f1-b168-1dc7d62f6b88" data-action="Deal Block" data-label="PlayStation 5 Digital Slim Console (825GB)" data-dimension48="PlayStation 5 Digital Slim Console (825GB)" data-dimension25="$919">View Deal</a></p></div><div class="product"><a data-dimension112="08f20c52-9c3a-11f1-86a3-95c3c96ca8ec" data-action="Deal Block" data-label="G29 Driving Force Racing Wheel and Floor Pedals" data-dimension48="G29 Driving Force Racing Wheel and Floor Pedals" data-dimension25="$307.5" href="https://www.amazon.com.au/Logitech-Driving-Force-Feedback-Racing/dp/B076P3QK6K" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="BZ2PGFNptgo9YMzJSKuNmA" name="logitech-g29-driving-force-racing-wheel--b019993a-fc9a-4479-b76a-5525c2af290e.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/BZ2PGFNptgo9YMzJSKuNmA.jpg" mos="" align="middle" fullscreen="" width="500" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com.au/Logitech-Driving-Force-Feedback-Racing/dp/B076P3QK6K" target="_blank" rel="nofollow" data-dimension112="08f20c52-9c3a-11f1-86a3-95c3c96ca8ec" data-action="Deal Block" data-label="G29 Driving Force Racing Wheel and Floor Pedals" data-dimension48="G29 Driving Force Racing Wheel and Floor Pedals" data-dimension25="$307.5">G29 Driving Force Racing Wheel and Floor Pedals: was $549.95 now $307.5</a></strong><br>Get dad's heart racing with this Driving Force wheel from Logitech. Compatible with PlayStation 4 and 5 consoles and PC gaming, this wheel will take dad's sim racing to the next level, thanks to its comfortable pedals and precision force feedback wheel action. <a class="view-deal button" href="https://www.amazon.com.au/Logitech-Driving-Force-Feedback-Racing/dp/B076P3QK6K" target="_blank" rel="nofollow" data-dimension112="08f20c52-9c3a-11f1-86a3-95c3c96ca8ec" data-action="Deal Block" data-label="G29 Driving Force Racing Wheel and Floor Pedals" data-dimension48="G29 Driving Force Racing Wheel and Floor Pedals" data-dimension25="$307.5">View Deal</a></p></div><div class="product"><a data-dimension112="08f20cb6-9c3a-11f1-a07c-ef7b42d9ce99" data-action="Deal Block" data-label="Eero 7 Dual-Band Mesh Wi-Fi 7 Router" data-dimension48="Eero 7 Dual-Band Mesh Wi-Fi 7 Router" data-dimension25="$299.99" href="https://www.amazon.com.au/Introducing-Amazon-eero-dual-band-router/dp/B0DB6GQFRV" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="JCkfumrwwbtMEmC8WQpTfA" name="amazon-eero-7-dualband-mesh-wifi-7-route-d45138b4-5445-4850-a2f8-75b64ecd44e6.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/JCkfumrwwbtMEmC8WQpTfA.jpg" mos="" align="middle" fullscreen="" width="500" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com.au/Introducing-Amazon-eero-dual-band-router/dp/B0DB6GQFRV" target="_blank" rel="nofollow" data-dimension112="08f20cb6-9c3a-11f1-a07c-ef7b42d9ce99" data-action="Deal Block" data-label="Eero 7 Dual-Band Mesh Wi-Fi 7 Router" data-dimension48="Eero 7 Dual-Band Mesh Wi-Fi 7 Router" data-dimension25="$299.99">Eero 7 Dual-Band Mesh Wi-Fi 7 Router: $299.99</a></strong><br>If dad already has his ultimate gaming set up sorted, it might be worth checking his Wi-Fi router. This eero 7 is compatible with 2Gbps internet plans and will easily support 120+ connected devices, so no matter what game he's downloading, the whole family shouldn't have many (if any) interruptions. <a class="view-deal button" href="https://www.amazon.com.au/Introducing-Amazon-eero-dual-band-router/dp/B0DB6GQFRV" target="_blank" rel="nofollow" data-dimension112="08f20cb6-9c3a-11f1-a07c-ef7b42d9ce99" data-action="Deal Block" data-label="Eero 7 Dual-Band Mesh Wi-Fi 7 Router" data-dimension48="Eero 7 Dual-Band Mesh Wi-Fi 7 Router" data-dimension25="$299.99">View Deal</a></p></div><div class="product"><a data-dimension112="08f20d2e-9c3a-11f1-bdae-57ad213bfe50" data-action="Deal Block" data-label="Mercury V75 Pro" data-dimension48="Mercury V75 Pro" data-dimension25="$429.99" href="https://www.amazon.com.au/Mercury-V75-Pro-Competitive-Compatible/dp/B0G1MS9B7M/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="D42Qmq2i8vVnXkQEEf2QZi" name="gravastar-mercury-v75-pro-hall-effect-ma-0911b538-6cef-4bed-8085-3894d308b115.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/D42Qmq2i8vVnXkQEEf2QZi.jpg" mos="" align="middle" fullscreen="" width="500" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>If dad's a fan of what looks like a concoction of graffiti and cyberpunk, then he'll be happy with what the GravaStar Mercury V75 Pro puts on the table. With high customisability and magnetic switches, this is a powerful gaming keyboard. Do note, though, that this one is wired-only, the keycaps have a paint-like texture, and it comes at a high price at full RRP. <a class="view-deal button" href="https://www.amazon.com.au/Mercury-V75-Pro-Competitive-Compatible/dp/B0G1MS9B7M/" target="_blank" rel="nofollow" data-dimension112="08f20d2e-9c3a-11f1-bdae-57ad213bfe50" data-action="Deal Block" data-label="Mercury V75 Pro" data-dimension48="Mercury V75 Pro" data-dimension25="$429.99">View Deal</a></p></div><div class="product"><a data-dimension112="08f20d9c-9c3a-11f1-be72-c98f3d309094" data-action="Deal Block" data-label="Nintendo Switch 2 Charging Case" data-dimension48="Nintendo Switch 2 Charging Case" data-dimension25="$149" href="https://www.amazon.com.au/Belkin-Nintendo-Charging-10000mAh-Charcoal/dp/B0GN7ZQRX9" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:400px;"><p class="vanilla-image-block" style="padding-top:125.00%;"><img id="yUyunv86ArynbBPkpn7BdA" name="belkin-nintendo-switch-2-charging-case-p-d65c8621-95b4-4879-95aa-058b6f19dc21.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/yUyunv86ArynbBPkpn7BdA.jpg" mos="" align="middle" fullscreen="" width="400" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com.au/Belkin-Nintendo-Charging-10000mAh-Charcoal/dp/B0GN7ZQRX9" target="_blank" rel="nofollow" data-dimension112="08f20d9c-9c3a-11f1-be72-c98f3d309094" data-action="Deal Block" data-label="Nintendo Switch 2 Charging Case" data-dimension48="Nintendo Switch 2 Charging Case" data-dimension25="$149">Nintendo Switch 2 Charging Case: $149</a></strong><br>Let dad take his Switch 2 on-the-go with this portable charging case from Belkin. With enough juice for 1.5 recharges, dad can easily extend his playtime no matter where he is. <a class="view-deal button" href="https://www.amazon.com.au/Belkin-Nintendo-Charging-10000mAh-Charcoal/dp/B0GN7ZQRX9" target="_blank" rel="nofollow" data-dimension112="08f20d9c-9c3a-11f1-be72-c98f3d309094" data-action="Deal Block" data-label="Nintendo Switch 2 Charging Case" data-dimension48="Nintendo Switch 2 Charging Case" data-dimension25="$149">View Deal</a></p></div><div class="product"><a data-dimension112="08f20e00-9c3a-11f1-835e-2b1ea4e9956c" data-action="Deal Block" data-label="Gaming Grip for Nintendo Switch 2" data-dimension48="Gaming Grip for Nintendo Switch 2" data-dimension25="$49.95" href="https://www.amazon.com.au/Belkin-Gaming-Nintendo-Kickstand-Lavander/dp/B0GYD85GNR" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:400px;"><p class="vanilla-image-block" style="padding-top:125.00%;"><img id="wwAEas3BooiBjEv8ngQUpA" name="belkin-gaming-grip-for-nintendo-switch-2-ce5210f5-8899-4dad-b566-739ce7776469.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/wwAEas3BooiBjEv8ngQUpA.jpg" mos="" align="middle" fullscreen="" width="400" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com.au/Belkin-Gaming-Nintendo-Kickstand-Lavander/dp/B0GYD85GNR" target="_blank" rel="nofollow" data-dimension112="08f20e00-9c3a-11f1-835e-2b1ea4e9956c" data-action="Deal Block" data-label="Gaming Grip for Nintendo Switch 2" data-dimension48="Gaming Grip for Nintendo Switch 2" data-dimension25="$49.95">Gaming Grip for Nintendo Switch 2: $49.95</a></strong><br>Much like the case above, Belkin's gaming grip is perfect for dads on the move. With a built-in kickstand, comfortable grip handles, and slim fit, handheld gaming has never been this easy. <a class="view-deal button" href="https://www.amazon.com.au/Belkin-Gaming-Nintendo-Kickstand-Lavander/dp/B0GYD85GNR" target="_blank" rel="nofollow" data-dimension112="08f20e00-9c3a-11f1-835e-2b1ea4e9956c" data-action="Deal Block" data-label="Gaming Grip for Nintendo Switch 2" data-dimension48="Gaming Grip for Nintendo Switch 2" data-dimension25="$49.95">View Deal</a></p></div><div class="product"><a data-dimension112="79db7098-9c3f-11f1-a814-d36acef55be3" data-action="Deal Block" data-label="G7 Pro Wireless Controller" data-dimension48="G7 Pro Wireless Controller" data-dimension25="$159" href="https://www.amazon.com.au/GameSir-Pro-Controller-Wireless-Triggers/dp/B0FD41XC3P/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="n7XshsTYrVrDYeB54AU8hn" name="gamesir-g7-pro-wired-controller-for-xbox-b7e44032-478b-4029-bd7a-7848ccd189c3.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/n7XshsTYrVrDYeB54AU8hn.jpg" mos="" align="middle" fullscreen="" width="500" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com.au/GameSir-Pro-Controller-Wireless-Triggers/dp/B0FD41XC3P/" target="_blank" rel="nofollow" data-dimension112="79db7098-9c3f-11f1-a814-d36acef55be3" data-action="Deal Block" data-label="G7 Pro Wireless Controller" data-dimension48="G7 Pro Wireless Controller" data-dimension25="$159">G7 Pro Wireless Controller: $159</a></strong><br>Portable controllers are a gamer's best friend, and this one from GameSir is no exception. Compatible with Xbox, PlayStation and PC, this G7 Pro is comfortable to hold, convenient, and offers precise control. <a class="view-deal button" href="https://www.amazon.com.au/GameSir-Pro-Controller-Wireless-Triggers/dp/B0FD41XC3P/" target="_blank" rel="nofollow" data-dimension112="79db7098-9c3f-11f1-a814-d36acef55be3" data-action="Deal Block" data-label="G7 Pro Wireless Controller" data-dimension48="G7 Pro Wireless Controller" data-dimension25="$159">View Deal</a></p></div><div class="product"><a data-dimension112="79db711a-9c3f-11f1-b2d1-0384625a559c" data-action="Deal Block" data-label="Deathadder Essential Gaming Mouse" data-dimension48="Deathadder Essential Gaming Mouse" data-dimension25="$29.56" href="https://www.amazon.com.au/Razer-DeathAdder-Essential-Ergonomic-Gaming/dp/B092R5MCB3/?th=1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="ANoYRWen4gzw8MrFBt5Xfn" name="razer-deathadder-essential-gaming-mouse--66af781e-a0b1-444e-a5f8-8fed2fb6d505.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/ANoYRWen4gzw8MrFBt5Xfn.jpg" mos="" align="middle" fullscreen="" width="500" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com.au/Razer-DeathAdder-Essential-Ergonomic-Gaming/dp/B092R5MCB3/?th=1" target="_blank" rel="nofollow" data-dimension112="79db711a-9c3f-11f1-b2d1-0384625a559c" data-action="Deal Block" data-label="Deathadder Essential Gaming Mouse" data-dimension48="Deathadder Essential Gaming Mouse" data-dimension25="$29.56">Deathadder Essential Gaming Mouse: was $34.99 now $29.56</a></strong><br>Razer's bestselling gaming mouse is hard to beat, and it should be at the top of the shopping list for any game-enthused dad. With a rigid scroll wheel, reprogrammable switches and a comfy grip, dad will be clicking away in no time. <a class="view-deal button" href="https://www.amazon.com.au/Razer-DeathAdder-Essential-Ergonomic-Gaming/dp/B092R5MCB3/?th=1" target="_blank" rel="nofollow" data-dimension112="79db711a-9c3f-11f1-b2d1-0384625a559c" data-action="Deal Block" data-label="Deathadder Essential Gaming Mouse" data-dimension48="Deathadder Essential Gaming Mouse" data-dimension25="$29.56">View Deal</a></p></div><div class="product"><a data-dimension112="08f20eb4-9c3a-11f1-b719-e37f2c2a3166" data-action="Deal Block" data-label="Viper V3 Pro mouse" data-dimension48="Viper V3 Pro mouse" data-dimension25="$226.95" href="https://www.razer.com/au-en/gaming-mice/razer-viper-v3-pro/RZ01-05120100-R3A1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="wfj8YnoZZVRhNn6d83Unxn" name="razer-viper-pro-v3-mouse-deal.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/wfj8YnoZZVRhNn6d83Unxn.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.razer.com/au-en/gaming-mice/razer-viper-v3-pro/RZ01-05120100-R3A1" target="_blank" rel="nofollow" data-dimension112="08f20eb4-9c3a-11f1-b719-e37f2c2a3166" data-action="Deal Block" data-label="Viper V3 Pro mouse" data-dimension48="Viper V3 Pro mouse" data-dimension25="$226.95">Viper V3 Pro mouse: was $279 now $226.95</a></strong><br>Razer's Viper V3 Pro is nothing short of an exceptional gaming mouse, especially if dad is an amateur esports gamer. This mouse is lightweight, offers superb tracking and a nice symmetrical design. Available in a range of fun colours and designs, this wireless pointer would make an excellent addition to dad's PC setup. <a class="view-deal button" href="https://www.razer.com/au-en/gaming-mice/razer-viper-v3-pro/RZ01-05120100-R3A1" target="_blank" rel="nofollow" data-dimension112="08f20eb4-9c3a-11f1-b719-e37f2c2a3166" data-action="Deal Block" data-label="Viper V3 Pro mouse" data-dimension48="Viper V3 Pro mouse" data-dimension25="$226.95">View Deal</a></p></div><div class="product"><a data-dimension112="08f20f0e-9c3a-11f1-bebd-e90e1ac3e91c" data-action="Deal Block" data-label="HDMI Sync Box With TV Backlight" data-dimension48="HDMI Sync Box With TV Backlight" data-dimension25="$189" href="https://www.thegoodguys.com.au/wiz-hdmi-sync-box-with-tv-backlight-for-55-inches-65-inches-tvs-wizsync5565" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:82.40%;"><img id="XiCWdv7g9wGewQJMDTJsiE" name="wiz-hdmi-sync-box-with-tv-backlight-for--cf269982-b51b-4fba-b8e0-57ecaef66e7f.png" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/XiCWdv7g9wGewQJMDTJsiE.png" mos="" align="middle" fullscreen="" width="1500" height="1236" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.thegoodguys.com.au/wiz-hdmi-sync-box-with-tv-backlight-for-55-inches-65-inches-tvs-wizsync5565" target="_blank" rel="nofollow" data-dimension112="08f20f0e-9c3a-11f1-bebd-e90e1ac3e91c" data-action="Deal Block" data-label="HDMI Sync Box With TV Backlight" data-dimension48="HDMI Sync Box With TV Backlight" data-dimension25="$189">HDMI Sync Box With TV Backlight: $189</a></strong><br>Create an immersive gaming (or movie-watching) experience for dad with this Wiz Sync Box. Once you've plugged it in and set it up using the app, it will illuminate the room based on whatever is playing on the TV. <a class="view-deal button" href="https://www.thegoodguys.com.au/wiz-hdmi-sync-box-with-tv-backlight-for-55-inches-65-inches-tvs-wizsync5565" target="_blank" rel="nofollow" data-dimension112="08f20f0e-9c3a-11f1-bebd-e90e1ac3e91c" data-action="Deal Block" data-label="HDMI Sync Box With TV Backlight" data-dimension48="HDMI Sync Box With TV Backlight" data-dimension25="$189">View Deal</a></p></div><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/wellness/forget-socks-shop-these-30-expert-picked-skincare-and-haircare-buys-for-dad-this-fathers-day">Forget socks — shop these 30 expert-picked skincare and haircare buys for dad this Father's Day</a></li><li><a href="https://www.tomsguide.com/tech/forget-a-new-tie-ive-found-15-of-the-best-fathers-day-tech-gifts-that-will-make-you-his-favourite-child">Forget a new tie — I've found 15 of the best Father's Day tech gifts that will make you his favourite child</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/gaming-peripherals/gamer-dad-ive-found-11-winning-fathers-day-gaming-ideas-to-level-up-your-gifting</link>
                                                                            <description>
                            <![CDATA[ Shopping for your gamer-obsessed dad? Here are 10 console and accessory ideas worth considering. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">xYaRhmGssFbRfeJRTfqtb3</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/LMrD85Ykw6aoKDkaWAF3HP-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Thu, 20 Aug 2026 02:46:18 +0000</pubDate>                                                                                                                                <updated>Wed, 26 Aug 2026 06:32:05 +0000</updated>
                                                                                                                                            <category><![CDATA[Gaming Peripherals]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ lucy.scotting@futurenet.com (Lucy Scotting) ]]></author>                    <dc:creator><![CDATA[ Lucy Scotting ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/UC9ncAYxkmJ5ipHEyX44ri.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Lucy Scotting is a staff writer for Tom’s Guide Australia, primarily covering lifestyle, streaming and internet-related news. Lucy started her career writing for HR and staffing industry publications, with articles covering emerging tech, business and finance.&lt;/p&gt;&lt;p&gt;In her spare time, Lucy can be found watching sci-fi movies, working on her dystopian fiction novel (in progress since 2017) or hanging out with her dog, Fletcher. If she’s not found doing any of the above, she’s likely on her next adventure to a new city, country, or continent. &lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/LMrD85Ykw6aoKDkaWAF3HP-1280-80.jpg">
                                                            <media:credit><![CDATA[Future / Edited with Gemini]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Products on gradient background]]></media:description>                                                            <media:text><![CDATA[Products on gradient background]]></media:text>
                                <media:title type="plain"><![CDATA[Products on gradient background]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/LMrD85Ykw6aoKDkaWAF3HP-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>It's almost <a href="https://www.tomsguide.com/sales-events/fathers-day-gift-ideas-au">Father's Day 2026</a>, with the big day arriving on Sunday, September 6 in Australia.</p><p>If you've got a gamer-obsessed father (or father figure), it's an ideal time to help upgrade any ageing consoles (if you have the means) or add some fun accessories to dad's existing set-up. Whether he's a staunch keyboard warrior or has been obsessed with his PlayStation or Xbox his entire life, I've gathered 10 of the best gaming-specific deals for Father's Day below. </p><p>It is worth noting, though, I haven't included specific games in the list, largely because all gamer dads are different — and their playing preferences reflect that. Instead, I've selected some fun consoles, peripherals and accessories to make every dad's gaming experience better. </p><p>All of these items come from top-rated retailers, like Amazon, JB Hi-Fi and The Good Guys, with each claiming fast delivery in time for the big day. It's also <a href="https://www.amazon.com.au/b/?_encoding=UTF8&node=221080127051&pd_rd_w=5mj5c&content-id=amzn1.sym.3d08badd-4ec6-4c8d-8b19-6f0b265690a1&pf_rd_p=3d08badd-4ec6-4c8d-8b19-6f0b265690a1&pf_rd_r=J6JXD6R3F0RKYRZR2SDE&pd_rd_wg=TNehv&pd_rd_r=4bd5449a-5ad9-483f-b6a2-d6018ece60f0&ref_=pd_hp_d_r_atf_unk" target="_blank">Gaming Week on Amazon</a>, so now is the best time to shop and save big on the latest (and greatest) gaming consoles, PC peripherals and accessories. </p><p>I'll stop with the waffling now — here are the best Father's Day gaming gifts I've found this year. </p><h3 class="article-body__section" id="section-11-best-father-s-day-gaming-deals"><span>11 best Father's Day gaming deals</span></h3><div class="product"><a data-dimension112="08f20b6c-9c3a-11f1-94d5-6344a3195dbd" data-action="Deal Block" data-label="Switch 2 Console" data-dimension48="Switch 2 Console" data-dimension25="$699" href="https://www.jbhifi.com.au/products/nintendo-switch-2-console" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="63dGPyBNH73xm2BYnLsoJP" name="Nintendo Switch 2 deal" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/63dGPyBNH73xm2BYnLsoJP.jpg" mos="" align="middle" fullscreen="" width="2000" height="2000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.jbhifi.com.au/products/nintendo-switch-2-console" target="_blank" rel="nofollow" data-dimension112="08f20b6c-9c3a-11f1-94d5-6344a3195dbd" data-action="Deal Block" data-label="Switch 2 Console" data-dimension48="Switch 2 Console" data-dimension25="$699">Switch 2 Console: $699</a></strong><br>Nintendo Switch 2 takes what worked about its best-selling predecessor and makes impactful upgrades across the board. From the excellent, noticeably larger, 7.9-inch display to the more powerful internal specs, the Switch 2 is a full leap forward and the best hybrid console you can buy. <a class="view-deal button" href="https://www.jbhifi.com.au/products/nintendo-switch-2-console" target="_blank" rel="nofollow" data-dimension112="08f20b6c-9c3a-11f1-94d5-6344a3195dbd" data-action="Deal Block" data-label="Switch 2 Console" data-dimension48="Switch 2 Console" data-dimension25="$699">View Deal</a></p></div><div class="product"><a data-dimension112="08f20bee-9c3a-11f1-b168-1dc7d62f6b88" data-action="Deal Block" data-label="PlayStation 5 Digital Slim Console (825GB)" data-dimension48="PlayStation 5 Digital Slim Console (825GB)" data-dimension25="$919" href="https://www.jbhifi.com.au/products/ps5-playstation-5-slim-digital-console-825gb" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="PFZzmTD26fsVB8AzmQ9JXm" name="ps5-slim-deal.png" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/PFZzmTD26fsVB8AzmQ9JXm.png" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.jbhifi.com.au/products/ps5-playstation-5-slim-digital-console-825gb" target="_blank" rel="nofollow" data-dimension112="08f20bee-9c3a-11f1-b168-1dc7d62f6b88" data-action="Deal Block" data-label="PlayStation 5 Digital Slim Console (825GB)" data-dimension48="PlayStation 5 Digital Slim Console (825GB)" data-dimension25="$919">PlayStation 5 Digital Slim Console (825GB): $919</a></strong><br>Got a gamer dad who needs an upgrade? The PS5 console unleashes new gaming possibilities with ultrafast loading thanks to a high-speed SSD, deeper immersion support for haptic feedback, adaptive triggers and 3D audio. Not only that, the latest console is home to a suite of great games and exclusives that'll provide entertainment for hours on end.<a class="view-deal button" href="https://www.jbhifi.com.au/products/ps5-playstation-5-slim-digital-console-825gb" target="_blank" rel="nofollow" data-dimension112="08f20bee-9c3a-11f1-b168-1dc7d62f6b88" data-action="Deal Block" data-label="PlayStation 5 Digital Slim Console (825GB)" data-dimension48="PlayStation 5 Digital Slim Console (825GB)" data-dimension25="$919">View Deal</a></p></div><div class="product"><a data-dimension112="08f20c52-9c3a-11f1-86a3-95c3c96ca8ec" data-action="Deal Block" data-label="G29 Driving Force Racing Wheel and Floor Pedals" data-dimension48="G29 Driving Force Racing Wheel and Floor Pedals" data-dimension25="$307.5" href="https://www.amazon.com.au/Logitech-Driving-Force-Feedback-Racing/dp/B076P3QK6K" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="BZ2PGFNptgo9YMzJSKuNmA" name="logitech-g29-driving-force-racing-wheel--b019993a-fc9a-4479-b76a-5525c2af290e.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/BZ2PGFNptgo9YMzJSKuNmA.jpg" mos="" align="middle" fullscreen="" width="500" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com.au/Logitech-Driving-Force-Feedback-Racing/dp/B076P3QK6K" target="_blank" rel="nofollow" data-dimension112="08f20c52-9c3a-11f1-86a3-95c3c96ca8ec" data-action="Deal Block" data-label="G29 Driving Force Racing Wheel and Floor Pedals" data-dimension48="G29 Driving Force Racing Wheel and Floor Pedals" data-dimension25="$307.5">G29 Driving Force Racing Wheel and Floor Pedals: was $549.95 now $307.5</a></strong><br>Get dad's heart racing with this Driving Force wheel from Logitech. Compatible with PlayStation 4 and 5 consoles and PC gaming, this wheel will take dad's sim racing to the next level, thanks to its comfortable pedals and precision force feedback wheel action. <a class="view-deal button" href="https://www.amazon.com.au/Logitech-Driving-Force-Feedback-Racing/dp/B076P3QK6K" target="_blank" rel="nofollow" data-dimension112="08f20c52-9c3a-11f1-86a3-95c3c96ca8ec" data-action="Deal Block" data-label="G29 Driving Force Racing Wheel and Floor Pedals" data-dimension48="G29 Driving Force Racing Wheel and Floor Pedals" data-dimension25="$307.5">View Deal</a></p></div><div class="product"><a data-dimension112="08f20cb6-9c3a-11f1-a07c-ef7b42d9ce99" data-action="Deal Block" data-label="Eero 7 Dual-Band Mesh Wi-Fi 7 Router" data-dimension48="Eero 7 Dual-Band Mesh Wi-Fi 7 Router" data-dimension25="$299.99" href="https://www.amazon.com.au/Introducing-Amazon-eero-dual-band-router/dp/B0DB6GQFRV" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="JCkfumrwwbtMEmC8WQpTfA" name="amazon-eero-7-dualband-mesh-wifi-7-route-d45138b4-5445-4850-a2f8-75b64ecd44e6.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/JCkfumrwwbtMEmC8WQpTfA.jpg" mos="" align="middle" fullscreen="" width="500" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com.au/Introducing-Amazon-eero-dual-band-router/dp/B0DB6GQFRV" target="_blank" rel="nofollow" data-dimension112="08f20cb6-9c3a-11f1-a07c-ef7b42d9ce99" data-action="Deal Block" data-label="Eero 7 Dual-Band Mesh Wi-Fi 7 Router" data-dimension48="Eero 7 Dual-Band Mesh Wi-Fi 7 Router" data-dimension25="$299.99">Eero 7 Dual-Band Mesh Wi-Fi 7 Router: $299.99</a></strong><br>If dad already has his ultimate gaming set up sorted, it might be worth checking his Wi-Fi router. This eero 7 is compatible with 2Gbps internet plans and will easily support 120+ connected devices, so no matter what game he's downloading, the whole family shouldn't have many (if any) interruptions. <a class="view-deal button" href="https://www.amazon.com.au/Introducing-Amazon-eero-dual-band-router/dp/B0DB6GQFRV" target="_blank" rel="nofollow" data-dimension112="08f20cb6-9c3a-11f1-a07c-ef7b42d9ce99" data-action="Deal Block" data-label="Eero 7 Dual-Band Mesh Wi-Fi 7 Router" data-dimension48="Eero 7 Dual-Band Mesh Wi-Fi 7 Router" data-dimension25="$299.99">View Deal</a></p></div><div class="product"><a data-dimension112="08f20d2e-9c3a-11f1-bdae-57ad213bfe50" data-action="Deal Block" data-label="Mercury V75 Pro" data-dimension48="Mercury V75 Pro" data-dimension25="$429.99" href="https://www.amazon.com.au/Mercury-V75-Pro-Competitive-Compatible/dp/B0G1MS9B7M/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="D42Qmq2i8vVnXkQEEf2QZi" name="gravastar-mercury-v75-pro-hall-effect-ma-0911b538-6cef-4bed-8085-3894d308b115.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/D42Qmq2i8vVnXkQEEf2QZi.jpg" mos="" align="middle" fullscreen="" width="500" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>If dad's a fan of what looks like a concoction of graffiti and cyberpunk, then he'll be happy with what the GravaStar Mercury V75 Pro puts on the table. With high customisability and magnetic switches, this is a powerful gaming keyboard. Do note, though, that this one is wired-only, the keycaps have a paint-like texture, and it comes at a high price at full RRP. <a class="view-deal button" href="https://www.amazon.com.au/Mercury-V75-Pro-Competitive-Compatible/dp/B0G1MS9B7M/" target="_blank" rel="nofollow" data-dimension112="08f20d2e-9c3a-11f1-bdae-57ad213bfe50" data-action="Deal Block" data-label="Mercury V75 Pro" data-dimension48="Mercury V75 Pro" data-dimension25="$429.99">View Deal</a></p></div><div class="product"><a data-dimension112="08f20d9c-9c3a-11f1-be72-c98f3d309094" data-action="Deal Block" data-label="Nintendo Switch 2 Charging Case" data-dimension48="Nintendo Switch 2 Charging Case" data-dimension25="$149" href="https://www.amazon.com.au/Belkin-Nintendo-Charging-10000mAh-Charcoal/dp/B0GN7ZQRX9" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:400px;"><p class="vanilla-image-block" style="padding-top:125.00%;"><img id="yUyunv86ArynbBPkpn7BdA" name="belkin-nintendo-switch-2-charging-case-p-d65c8621-95b4-4879-95aa-058b6f19dc21.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/yUyunv86ArynbBPkpn7BdA.jpg" mos="" align="middle" fullscreen="" width="400" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com.au/Belkin-Nintendo-Charging-10000mAh-Charcoal/dp/B0GN7ZQRX9" target="_blank" rel="nofollow" data-dimension112="08f20d9c-9c3a-11f1-be72-c98f3d309094" data-action="Deal Block" data-label="Nintendo Switch 2 Charging Case" data-dimension48="Nintendo Switch 2 Charging Case" data-dimension25="$149">Nintendo Switch 2 Charging Case: $149</a></strong><br>Let dad take his Switch 2 on-the-go with this portable charging case from Belkin. With enough juice for 1.5 recharges, dad can easily extend his playtime no matter where he is. <a class="view-deal button" href="https://www.amazon.com.au/Belkin-Nintendo-Charging-10000mAh-Charcoal/dp/B0GN7ZQRX9" target="_blank" rel="nofollow" data-dimension112="08f20d9c-9c3a-11f1-be72-c98f3d309094" data-action="Deal Block" data-label="Nintendo Switch 2 Charging Case" data-dimension48="Nintendo Switch 2 Charging Case" data-dimension25="$149">View Deal</a></p></div><div class="product"><a data-dimension112="08f20e00-9c3a-11f1-835e-2b1ea4e9956c" data-action="Deal Block" data-label="Gaming Grip for Nintendo Switch 2" data-dimension48="Gaming Grip for Nintendo Switch 2" data-dimension25="$49.95" href="https://www.amazon.com.au/Belkin-Gaming-Nintendo-Kickstand-Lavander/dp/B0GYD85GNR" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:400px;"><p class="vanilla-image-block" style="padding-top:125.00%;"><img id="wwAEas3BooiBjEv8ngQUpA" name="belkin-gaming-grip-for-nintendo-switch-2-ce5210f5-8899-4dad-b566-739ce7776469.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/wwAEas3BooiBjEv8ngQUpA.jpg" mos="" align="middle" fullscreen="" width="400" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com.au/Belkin-Gaming-Nintendo-Kickstand-Lavander/dp/B0GYD85GNR" target="_blank" rel="nofollow" data-dimension112="08f20e00-9c3a-11f1-835e-2b1ea4e9956c" data-action="Deal Block" data-label="Gaming Grip for Nintendo Switch 2" data-dimension48="Gaming Grip for Nintendo Switch 2" data-dimension25="$49.95">Gaming Grip for Nintendo Switch 2: $49.95</a></strong><br>Much like the case above, Belkin's gaming grip is perfect for dads on the move. With a built-in kickstand, comfortable grip handles, and slim fit, handheld gaming has never been this easy. <a class="view-deal button" href="https://www.amazon.com.au/Belkin-Gaming-Nintendo-Kickstand-Lavander/dp/B0GYD85GNR" target="_blank" rel="nofollow" data-dimension112="08f20e00-9c3a-11f1-835e-2b1ea4e9956c" data-action="Deal Block" data-label="Gaming Grip for Nintendo Switch 2" data-dimension48="Gaming Grip for Nintendo Switch 2" data-dimension25="$49.95">View Deal</a></p></div><div class="product"><a data-dimension112="79db7098-9c3f-11f1-a814-d36acef55be3" data-action="Deal Block" data-label="G7 Pro Wireless Controller" data-dimension48="G7 Pro Wireless Controller" data-dimension25="$159" href="https://www.amazon.com.au/GameSir-Pro-Controller-Wireless-Triggers/dp/B0FD41XC3P/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="n7XshsTYrVrDYeB54AU8hn" name="gamesir-g7-pro-wired-controller-for-xbox-b7e44032-478b-4029-bd7a-7848ccd189c3.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/n7XshsTYrVrDYeB54AU8hn.jpg" mos="" align="middle" fullscreen="" width="500" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com.au/GameSir-Pro-Controller-Wireless-Triggers/dp/B0FD41XC3P/" target="_blank" rel="nofollow" data-dimension112="79db7098-9c3f-11f1-a814-d36acef55be3" data-action="Deal Block" data-label="G7 Pro Wireless Controller" data-dimension48="G7 Pro Wireless Controller" data-dimension25="$159">G7 Pro Wireless Controller: $159</a></strong><br>Portable controllers are a gamer's best friend, and this one from GameSir is no exception. Compatible with Xbox, PlayStation and PC, this G7 Pro is comfortable to hold, convenient, and offers precise control. <a class="view-deal button" href="https://www.amazon.com.au/GameSir-Pro-Controller-Wireless-Triggers/dp/B0FD41XC3P/" target="_blank" rel="nofollow" data-dimension112="79db7098-9c3f-11f1-a814-d36acef55be3" data-action="Deal Block" data-label="G7 Pro Wireless Controller" data-dimension48="G7 Pro Wireless Controller" data-dimension25="$159">View Deal</a></p></div><div class="product"><a data-dimension112="79db711a-9c3f-11f1-b2d1-0384625a559c" data-action="Deal Block" data-label="Deathadder Essential Gaming Mouse" data-dimension48="Deathadder Essential Gaming Mouse" data-dimension25="$29.56" href="https://www.amazon.com.au/Razer-DeathAdder-Essential-Ergonomic-Gaming/dp/B092R5MCB3/?th=1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="ANoYRWen4gzw8MrFBt5Xfn" name="razer-deathadder-essential-gaming-mouse--66af781e-a0b1-444e-a5f8-8fed2fb6d505.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/ANoYRWen4gzw8MrFBt5Xfn.jpg" mos="" align="middle" fullscreen="" width="500" height="500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com.au/Razer-DeathAdder-Essential-Ergonomic-Gaming/dp/B092R5MCB3/?th=1" target="_blank" rel="nofollow" data-dimension112="79db711a-9c3f-11f1-b2d1-0384625a559c" data-action="Deal Block" data-label="Deathadder Essential Gaming Mouse" data-dimension48="Deathadder Essential Gaming Mouse" data-dimension25="$29.56">Deathadder Essential Gaming Mouse: was $34.99 now $29.56</a></strong><br>Razer's bestselling gaming mouse is hard to beat, and it should be at the top of the shopping list for any game-enthused dad. With a rigid scroll wheel, reprogrammable switches and a comfy grip, dad will be clicking away in no time. <a class="view-deal button" href="https://www.amazon.com.au/Razer-DeathAdder-Essential-Ergonomic-Gaming/dp/B092R5MCB3/?th=1" target="_blank" rel="nofollow" data-dimension112="79db711a-9c3f-11f1-b2d1-0384625a559c" data-action="Deal Block" data-label="Deathadder Essential Gaming Mouse" data-dimension48="Deathadder Essential Gaming Mouse" data-dimension25="$29.56">View Deal</a></p></div><div class="product"><a data-dimension112="08f20eb4-9c3a-11f1-b719-e37f2c2a3166" data-action="Deal Block" data-label="Viper V3 Pro mouse" data-dimension48="Viper V3 Pro mouse" data-dimension25="$226.95" href="https://www.razer.com/au-en/gaming-mice/razer-viper-v3-pro/RZ01-05120100-R3A1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="wfj8YnoZZVRhNn6d83Unxn" name="razer-viper-pro-v3-mouse-deal.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/wfj8YnoZZVRhNn6d83Unxn.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.razer.com/au-en/gaming-mice/razer-viper-v3-pro/RZ01-05120100-R3A1" target="_blank" rel="nofollow" data-dimension112="08f20eb4-9c3a-11f1-b719-e37f2c2a3166" data-action="Deal Block" data-label="Viper V3 Pro mouse" data-dimension48="Viper V3 Pro mouse" data-dimension25="$226.95">Viper V3 Pro mouse: was $279 now $226.95</a></strong><br>Razer's Viper V3 Pro is nothing short of an exceptional gaming mouse, especially if dad is an amateur esports gamer. This mouse is lightweight, offers superb tracking and a nice symmetrical design. Available in a range of fun colours and designs, this wireless pointer would make an excellent addition to dad's PC setup. <a class="view-deal button" href="https://www.razer.com/au-en/gaming-mice/razer-viper-v3-pro/RZ01-05120100-R3A1" target="_blank" rel="nofollow" data-dimension112="08f20eb4-9c3a-11f1-b719-e37f2c2a3166" data-action="Deal Block" data-label="Viper V3 Pro mouse" data-dimension48="Viper V3 Pro mouse" data-dimension25="$226.95">View Deal</a></p></div><div class="product"><a data-dimension112="08f20f0e-9c3a-11f1-bebd-e90e1ac3e91c" data-action="Deal Block" data-label="HDMI Sync Box With TV Backlight" data-dimension48="HDMI Sync Box With TV Backlight" data-dimension25="$189" href="https://www.thegoodguys.com.au/wiz-hdmi-sync-box-with-tv-backlight-for-55-inches-65-inches-tvs-wizsync5565" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:82.40%;"><img id="XiCWdv7g9wGewQJMDTJsiE" name="wiz-hdmi-sync-box-with-tv-backlight-for--cf269982-b51b-4fba-b8e0-57ecaef66e7f.png" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/XiCWdv7g9wGewQJMDTJsiE.png" mos="" align="middle" fullscreen="" width="1500" height="1236" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.thegoodguys.com.au/wiz-hdmi-sync-box-with-tv-backlight-for-55-inches-65-inches-tvs-wizsync5565" target="_blank" rel="nofollow" data-dimension112="08f20f0e-9c3a-11f1-bebd-e90e1ac3e91c" data-action="Deal Block" data-label="HDMI Sync Box With TV Backlight" data-dimension48="HDMI Sync Box With TV Backlight" data-dimension25="$189">HDMI Sync Box With TV Backlight: $189</a></strong><br>Create an immersive gaming (or movie-watching) experience for dad with this Wiz Sync Box. Once you've plugged it in and set it up using the app, it will illuminate the room based on whatever is playing on the TV. <a class="view-deal button" href="https://www.thegoodguys.com.au/wiz-hdmi-sync-box-with-tv-backlight-for-55-inches-65-inches-tvs-wizsync5565" target="_blank" rel="nofollow" data-dimension112="08f20f0e-9c3a-11f1-bebd-e90e1ac3e91c" data-action="Deal Block" data-label="HDMI Sync Box With TV Backlight" data-dimension48="HDMI Sync Box With TV Backlight" data-dimension25="$189">View Deal</a></p></div><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><a href="https://www.tomsguide.com/wellness/forget-socks-shop-these-30-expert-picked-skincare-and-haircare-buys-for-dad-this-fathers-day">Forget socks — shop these 30 expert-picked skincare and haircare buys for dad this Father's Day</a></li><li><a href="https://www.tomsguide.com/tech/forget-a-new-tie-ive-found-15-of-the-best-fathers-day-tech-gifts-that-will-make-you-his-favourite-child">Forget a new tie — I've found 15 of the best Father's Day tech gifts that will make you his favourite child</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Steam Frame unboxing and tutorial videos just leaked — release could be imminent ]]></title>
                                                                                                <dc:content><![CDATA[ <p><a href="https://www.tomsguide.com/computing/virtual-reality/valve-announces-steam-frame-vr-headset-a-premium-standalone-rival-to-the-meta-quest-3">Steam Frame</a> tutorial videos <a href="https://www.reddit.com/r/SteamFrame/comments/1vsjjri/new_frame_welcome_videos_pushed_to_steam_store/" target="_blank">just got leaked on Reddit</a>, potentially hinting at an imminent release. The videos in question show an unboxing, how to sign in, how to adjust the device’s strap, what accessories it comes with, and more.</p><p>For the uninitiated, the Steam Frame is Valve’s answer to headsets like the <a href="https://www.tomsguide.com/reviews/meta-quest-3">Meta Quest 3</a>. It features a Snapdragon ARM processor, an LCD with 2160 x 2160 resolution per eye, 16GB of DDR5 RAM, a refresh rate up to 120Hz, and pancake optic lenses. Along with eye-tracking, it also has camera passthrough and a 110-degree field of view (FOV). Naturally, it runs on <a href="https://www.tomsguide.com/us/steamos-faq-machines,news-17614.html">SteamOS</a>, effectively making it a VR version of the Steam Deck.</p><p>With the basics out of the way, here are the leaked Steam Frame videos.</p><h2 id="steam-frame-unboxing">Steam Frame: Unboxing</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090061615462846552"><p lang="en" dir="ltr">STEAM FRAME UPDATEOFFICIAL STEAM FRAME UNBOXING VIDEO BY VALVE pic.twitter.com/eqD3ztfHVz<a href="https://twitter.com/cantworkitout/status/2090061615462846552">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>This first video (posted on X by <a href="https://x.com/HardwareSteam" target="_blank">@HardwareSteam</a>) is an unboxing, where we get to see what you get with the Frame. In addition to the actual headset, you get a pair of controllers, a spacer, a wireless adapter, an information booklet, and a USB-C cable. This video then shows how to initially set up the device, which ships in a power-saving mode.</p><h2 id="steam-frame-wireless-adapter">Steam Frame: Wireless adapter</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090063261722882491"><p lang="en" dir="ltr">STEAM FRAME UPDATEOfficial Steam Frame wireless adapter guide by Valve pic.twitter.com/qveztHFLLq<a href="https://twitter.com/cantworkitout/status/2090063261722882491">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>The wireless adapter lets you connect to a Steam Machine or compatible PC. You'll need to log in to the same Steam account on both the headset and your PC, plug the adapter in, and Steam will guide you through the setup process. Games that are available for streaming will appear in your headset's Steam library.</p><h2 id="steam-frame-ergonomic-accessories">Steam Frame: Ergonomic accessories</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090063583191203965"><p lang="en" dir="ltr">STEAM FRAME UPDATEOfficial Steam Frame ergonomic accessories video by Valve pic.twitter.com/yWmxjRtCor<a href="https://twitter.com/cantworkitout/status/2090063583191203965">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>This video discusses some of the ergonomic accessories available for the Steam Frame. The handstraps keep the controllers securely in your hands even during intense gaming sessions. Then there’s the top headstrap, which provides extra headset stability. Lastly, the extended light blocker is for folks with smaller noses who may still see light leaking through the front of the Frame.</p><h2 id="steam-frame-extended-light-blocker">Steam Frame: Extended light blocker</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090063824988610867"><p lang="en" dir="ltr">STEAM FRAME UPDATEOfficial Steam Frame headset extended light-blocker and top headstrap guide by Valve pic.twitter.com/pDLS7dMzas<a href="https://twitter.com/cantworkitout/status/2090063824988610867">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>This next video goes into more detail on how to attach and adjust the extended light blocker and top strap. While the process for each can be pretty involved, the video does a nice job of showing how to do everything one step at a time.</p><h2 id="steam-frame-ipd-adjustment">Steam Frame: IPD adjustment</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090063211420680619"><p lang="en" dir="ltr">STEAM FRAME UPDATEOfficial Steam Frame IPD adjustment guide by Valve pic.twitter.com/y8PfkywsLh<a href="https://twitter.com/cantworkitout/status/2090063211420680619">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>The IPD wheel lets you adjust the spacing between the lenses until the picture you see through them looks good. Basically, you want the focus, sharpness, and overall optical comfort to look good to your eyes. There's an IPD lock to keep the lenses exactly where you want them for future sessions.</p><h2 id="steam-frame-fit-guide">Steam Frame: Fit guide</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090063129229029409"><p lang="en" dir="ltr">STEAM FRAME UPDATEOfficial Steam Frame Fit guide by Valve pic.twitter.com/55WyAfGXB6<a href="https://twitter.com/cantworkitout/status/2090063129229029409">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>This video is pretty self-explanatory, as it shows you the various ways to fit the headset to your nogging. Some users who wear glasses or who feel their eyes are too close to the lens can use the included spacer, which magnetically snaps into place.</p><h2 id="steam-frame-controller-handstrap">Steam Frame: Controller handstrap</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090063690376630350"><p lang="en" dir="ltr">STEAM FRAME UPDATEOfficial Steam Frame controller handstrap guide by Valve pic.twitter.com/IHkv1EYd5z<a href="https://twitter.com/cantworkitout/status/2090063690376630350">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>To keep your controllers from flying across the room, you'll want to keep them secure with the included handstraps. This video shows you how to adjust them. Like the rest of the videos, all the instructions are very easy to follow.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-XYdVRO"></div>                            </div>                            <script src="https://kwizly.com/embed/XYdVRO.js" async></script><h2 id="outlook-2">Outlook</h2><p>You can check out the rest of the videos above for more, but suffice it to say that Valve has left no stone unturned when it comes to these Steam Frame tutorial videos. We still don’t have word on when the device will launch, but if I were a betting man, I’d say a fall release isn’t out of the question.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><strong></strong><a href="https://www.tomsguide.com/computing/virtual-reality/i-just-tested-mixed-reality-link-for-windows-11-with-my-meta-quest-3-and-its-shockingly-good-for-a-free-feature"><strong>I just tested Mixed Reality Link for Windows 11 with my Meta Quest 3, and it’s shockingly good for a free feature</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/tech/i-got-this-compact-power-bank-for-my-meta-quest-3-but-now-i-use-it-for-everything"><strong>I got this compact power bank for my Meta Quest 3, but now I use it to charge everything</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/computing/virtual-reality/samsung-galaxy-xr-vs-apple-vision-pro-m5-vs-meta-quest-3"><strong>Samsung Galaxy XR vs Apple Vision Pro vs Meta Quest 3: Which headset is right for you?</strong></a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/computing/vr-ar/steam-frame-unboxing-and-tutorial-videos-just-leaked-release-could-be-imminent</link>
                                                                            <description>
                            <![CDATA[ Reddit just leaked a bunch of Steam Frame tutorial videos, showing how to set up the VR headset and more. Could Valve's headset be here sooner than expected? ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">uzwNH4yuKRmN9meg7LfAm6</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/V2WRYAbgWtTT4mK4sdBj6C-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Wed, 19 Aug 2026 14:52:49 +0000</pubDate>                                                                                                                                <updated>Wed, 19 Aug 2026 16:33:16 +0000</updated>
                                                                                                                                            <category><![CDATA[VR &amp; AR]]></category>
                                                    <category><![CDATA[PC Gaming]]></category>
                                                    <category><![CDATA[Computing Peripherals]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ tony.polanco@futurenet.com (Tony Polanco) ]]></author>                    <dc:creator><![CDATA[ Tony Polanco ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/atzRNqFt5wYgEUPBDahWsD.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/V2WRYAbgWtTT4mK4sdBj6C-1280-80.jpg">
                                                            <media:credit><![CDATA[Valve]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Valve Steam Frame VR headset]]></media:description>                                                            <media:text><![CDATA[Valve Steam Frame VR headset]]></media:text>
                                <media:title type="plain"><![CDATA[Valve Steam Frame VR headset]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/V2WRYAbgWtTT4mK4sdBj6C-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p><a href="https://www.tomsguide.com/computing/virtual-reality/valve-announces-steam-frame-vr-headset-a-premium-standalone-rival-to-the-meta-quest-3">Steam Frame</a> tutorial videos <a href="https://www.reddit.com/r/SteamFrame/comments/1vsjjri/new_frame_welcome_videos_pushed_to_steam_store/" target="_blank">just got leaked on Reddit</a>, potentially hinting at an imminent release. The videos in question show an unboxing, how to sign in, how to adjust the device’s strap, what accessories it comes with, and more.</p><p>For the uninitiated, the Steam Frame is Valve’s answer to headsets like the <a href="https://www.tomsguide.com/reviews/meta-quest-3">Meta Quest 3</a>. It features a Snapdragon ARM processor, an LCD with 2160 x 2160 resolution per eye, 16GB of DDR5 RAM, a refresh rate up to 120Hz, and pancake optic lenses. Along with eye-tracking, it also has camera passthrough and a 110-degree field of view (FOV). Naturally, it runs on <a href="https://www.tomsguide.com/us/steamos-faq-machines,news-17614.html">SteamOS</a>, effectively making it a VR version of the Steam Deck.</p><p>With the basics out of the way, here are the leaked Steam Frame videos.</p><h2 id="steam-frame-unboxing">Steam Frame: Unboxing</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090061615462846552"><p lang="en" dir="ltr">STEAM FRAME UPDATEOFFICIAL STEAM FRAME UNBOXING VIDEO BY VALVE pic.twitter.com/eqD3ztfHVz<a href="https://twitter.com/cantworkitout/status/2090061615462846552">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>This first video (posted on X by <a href="https://x.com/HardwareSteam" target="_blank">@HardwareSteam</a>) is an unboxing, where we get to see what you get with the Frame. In addition to the actual headset, you get a pair of controllers, a spacer, a wireless adapter, an information booklet, and a USB-C cable. This video then shows how to initially set up the device, which ships in a power-saving mode.</p><h2 id="steam-frame-wireless-adapter">Steam Frame: Wireless adapter</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090063261722882491"><p lang="en" dir="ltr">STEAM FRAME UPDATEOfficial Steam Frame wireless adapter guide by Valve pic.twitter.com/qveztHFLLq<a href="https://twitter.com/cantworkitout/status/2090063261722882491">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>The wireless adapter lets you connect to a Steam Machine or compatible PC. You'll need to log in to the same Steam account on both the headset and your PC, plug the adapter in, and Steam will guide you through the setup process. Games that are available for streaming will appear in your headset's Steam library.</p><h2 id="steam-frame-ergonomic-accessories">Steam Frame: Ergonomic accessories</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090063583191203965"><p lang="en" dir="ltr">STEAM FRAME UPDATEOfficial Steam Frame ergonomic accessories video by Valve pic.twitter.com/yWmxjRtCor<a href="https://twitter.com/cantworkitout/status/2090063583191203965">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>This video discusses some of the ergonomic accessories available for the Steam Frame. The handstraps keep the controllers securely in your hands even during intense gaming sessions. Then there’s the top headstrap, which provides extra headset stability. Lastly, the extended light blocker is for folks with smaller noses who may still see light leaking through the front of the Frame.</p><h2 id="steam-frame-extended-light-blocker">Steam Frame: Extended light blocker</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090063824988610867"><p lang="en" dir="ltr">STEAM FRAME UPDATEOfficial Steam Frame headset extended light-blocker and top headstrap guide by Valve pic.twitter.com/pDLS7dMzas<a href="https://twitter.com/cantworkitout/status/2090063824988610867">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>This next video goes into more detail on how to attach and adjust the extended light blocker and top strap. While the process for each can be pretty involved, the video does a nice job of showing how to do everything one step at a time.</p><h2 id="steam-frame-ipd-adjustment">Steam Frame: IPD adjustment</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090063211420680619"><p lang="en" dir="ltr">STEAM FRAME UPDATEOfficial Steam Frame IPD adjustment guide by Valve pic.twitter.com/y8PfkywsLh<a href="https://twitter.com/cantworkitout/status/2090063211420680619">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>The IPD wheel lets you adjust the spacing between the lenses until the picture you see through them looks good. Basically, you want the focus, sharpness, and overall optical comfort to look good to your eyes. There's an IPD lock to keep the lenses exactly where you want them for future sessions.</p><h2 id="steam-frame-fit-guide">Steam Frame: Fit guide</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090063129229029409"><p lang="en" dir="ltr">STEAM FRAME UPDATEOfficial Steam Frame Fit guide by Valve pic.twitter.com/55WyAfGXB6<a href="https://twitter.com/cantworkitout/status/2090063129229029409">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>This video is pretty self-explanatory, as it shows you the various ways to fit the headset to your nogging. Some users who wear glasses or who feel their eyes are too close to the lens can use the included spacer, which magnetically snaps into place.</p><h2 id="steam-frame-controller-handstrap">Steam Frame: Controller handstrap</h2><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2090063690376630350"><p lang="en" dir="ltr">STEAM FRAME UPDATEOfficial Steam Frame controller handstrap guide by Valve pic.twitter.com/IHkv1EYd5z<a href="https://twitter.com/cantworkitout/status/2090063690376630350">August 19, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>To keep your controllers from flying across the room, you'll want to keep them secure with the included handstraps. This video shows you how to adjust them. Like the rest of the videos, all the instructions are very easy to follow.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-XYdVRO"></div>                            </div>                            <script src="https://kwizly.com/embed/XYdVRO.js" async></script><h2 id="outlook-2">Outlook</h2><p>You can check out the rest of the videos above for more, but suffice it to say that Valve has left no stone unturned when it comes to these Steam Frame tutorial videos. We still don’t have word on when the device will launch, but if I were a betting man, I’d say a fall release isn’t out of the question.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><strong></strong><a href="https://www.tomsguide.com/computing/virtual-reality/i-just-tested-mixed-reality-link-for-windows-11-with-my-meta-quest-3-and-its-shockingly-good-for-a-free-feature"><strong>I just tested Mixed Reality Link for Windows 11 with my Meta Quest 3, and it’s shockingly good for a free feature</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/tech/i-got-this-compact-power-bank-for-my-meta-quest-3-but-now-i-use-it-for-everything"><strong>I got this compact power bank for my Meta Quest 3, but now I use it to charge everything</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/computing/virtual-reality/samsung-galaxy-xr-vs-apple-vision-pro-m5-vs-meta-quest-3"><strong>Samsung Galaxy XR vs Apple Vision Pro vs Meta Quest 3: Which headset is right for you?</strong></a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Hurry! Now is your last chance to buy a Nintendo Switch 2 before the $50 price hike hits ]]></title>
                                                                                                <dc:content><![CDATA[ <p>It's your very last chance to buy a Nintendo Switch 2 — unless you want to spend $50 more than you have to. That's right, the <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-price-hike-confirmed-heres-how-much-youll-pay">Nintendo Switch 2 price hike</a> is confirmed for September 1, after which you'll have to spend $499 to get a console.</p><p>For now, you can still get the <a href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow">Nintendo Switch 2 for $449 at Amazon</a>. If you want one, don't wait any longer to pick one up.</p><p>To score yourself a saving, you can also buy the <a href="https://www.amazon.com/dp/B0GZ5DFHC5" target="_blank" rel="nofollow">Nintendo Switch 2 Choose Your Game bundle for $499 at Amazon</a>. This bundle gets you a console and a game — either Mario Kart World, Donkey Kong Bananza or Pokémon Pokopia — and will save you between $20 and $30 compared to buying the items separately. You really can't go wrong with this choice because all three games are excellent.</p><p>To get your system kitted out, I'm also sharing discounts on essential games and accessories for the Nintendo Switch and Nintendo Switch 2.</p><h3 class="article-body__section" id="section-quick-links"><span>Quick Links</span></h3><ul><li><strong></strong><a href="https://www.amazon.com/b?node=16227133011" target="_blank" rel="nofollow"><strong>shop Nintendo Switch game deals at Amazon</strong></a></li><li><strong>Nintendo Switch 2: </strong><a href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow"><strong>now $449</strong></a></li><li><strong>Nintendo Switch 2 Choose Your Game Bundle: </strong><a href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow"><strong>now $499</strong></a> <strong>up to $30 off!</strong></li></ul><h3 class="article-body__section" id="section-nintendo-switch-2-consoles"><span>Nintendo Switch 2 consoles</span></h3><div class="product"><a data-dimension112="9a234c02-9bba-11f1-96ec-4d604d51e1ea" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449" href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1240px;"><p class="vanilla-image-block" style="padding-top:56.29%;"><img id="8oL9ux5FsYhxFBSJKtkUU3" name="switch-2-box-deal-block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/8oL9ux5FsYhxFBSJKtkUU3.jpg" mos="" align="middle" fullscreen="" width="1240" height="698" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review" data-dimension112="9a234c02-9bba-11f1-96ec-4d604d51e1ea" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449">Nintendo Switch 2</a> takes what worked about its best-selling predecessor and makes impactful upgrades across the board. From the excellent, and noticeably larger, 7.9-inch display to the more powerful internal specs, the Switch 2 is a full leap forward and the best hybrid console you can buy.<br><strong>Price check: </strong><a href="https://www.bestbuy.com/site/switch-2-system-nintendo-switch-2/6614313.p" target="_blank" rel="nofollow"><strong>$449 @ Best Buy</strong></a><a class="view-deal button" href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow" data-dimension112="9a234c02-9bba-11f1-96ec-4d604d51e1ea" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449">View Deal</a></p></div><div class="product"><a data-dimension112="9a234c66-9bba-11f1-aaba-433585accb1b" data-action="Deal Block" data-label="Switch 2 Choose Your Game Bundle" data-dimension48="Switch 2 Choose Your Game Bundle" data-dimension25="$499" href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:90.60%;"><img id="HFhsLDuMQr9ApbrRTkAZFi" name="Switch 2 Choose Your Game Bundle" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HFhsLDuMQr9ApbrRTkAZFi.png" mos="" align="middle" fullscreen="" width="1500" height="1359" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow" data-dimension112="9a234c66-9bba-11f1-aaba-433585accb1b" data-action="Deal Block" data-label="Switch 2 Choose Your Game Bundle" data-dimension48="Switch 2 Choose Your Game Bundle" data-dimension25="$499">Switch 2 Choose Your Game Bundle: $499</a></strong><br>This Nintendo Switch 2 bundle gets you a console and a choice of one of three excellent titles. Your options are Mario Kart World, Pokémon Pokopia and Donkey Kong: Bananza. This means you can save up to $30 compared to buying one of those games separately. <br><strong>Price check: </strong><a href="https://www.bestbuy.com/product/switch-2-choose-your-game-bundle-nintendo-switch-2/J7GSL57WQR" target="_blank" rel="nofollow"><strong>$499 @ Best Buy</strong></a><strong> | </strong><a href="https://www.gamestop.com/consoles-hardware/nintendo-switch-2/products/nintendo-switch-2-choose-your-game-bundle/445803.html" target="_blank" rel="nofollow"><strong>$499 @ Gamestop</strong></a><strong> | </strong><a href="https://www.nintendo.com/us/store/products/nintendo-switch-2-choose-bundle-128060/" target="_blank" rel="nofollow"><strong>$499 @ Nintendo</strong></a><a class="view-deal button" href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow" data-dimension112="9a234c66-9bba-11f1-aaba-433585accb1b" data-action="Deal Block" data-label="Switch 2 Choose Your Game Bundle" data-dimension48="Switch 2 Choose Your Game Bundle" data-dimension25="$499">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-accessory-deals"><span>Nintendo Switch accessory deals</span></h3><div class="product"><a data-dimension112="9a234d2e-9bba-11f1-83a6-dd52d6a2c930" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="rRmoBGCGfLKa4YNM75662m" name="rds-game-traveler-deluxe-for-switch-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/rRmoBGCGfLKa4YNM75662m.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="9a234d2e-9bba-11f1-83a6-dd52d6a2c930" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">Game Traveler Deluxe Case: was $29 now $26</a></strong><br>The Switch 2 was made to be portable, so you'll want a case to keep it protected on your travels. This officially licensed accessory comes with space to not only sort your Switch 2, but also a Pro controller and power adapter. It also comes with 12 slots to hold Switch game cards.<a class="view-deal button" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="9a234d2e-9bba-11f1-83a6-dd52d6a2c930" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">View Deal</a></p></div><div class="product"><a data-dimension112="9a234da6-9bba-11f1-98d8-95d1d2904317" data-action="Deal Block" data-label="Rematch Wireless Controller" data-dimension48="Rematch Wireless Controller" data-dimension25="$29" href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="XMP9BiyxzAMgZazxM7sZfm" name="Rematch Wireless Controller (Super Mario Star)" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/XMP9BiyxzAMgZazxM7sZfm.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow" data-dimension112="9a234da6-9bba-11f1-98d8-95d1d2904317" data-action="Deal Block" data-label="Rematch Wireless Controller" data-dimension48="Rematch Wireless Controller" data-dimension25="$29">Rematch Wireless Controller: was $59 now $29</a></strong><br>This is one of the <a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-controllers">best Nintendo Switch 2 controllers</a>. The Turtle Beach Rematch Wireless is an ergonomic way to elevate your gaming experience, and comes in funky colorways. It offers customizable back buttons, responsive thumbsticks and triggers, and comparable battery life to Nintendo's new Pro controller... but at a <em>significantly </em>lower price point. <a class="view-deal button" href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow" data-dimension112="9a234da6-9bba-11f1-98d8-95d1d2904317" data-action="Deal Block" data-label="Rematch Wireless Controller" data-dimension48="Rematch Wireless Controller" data-dimension25="$29">View Deal</a></p></div><div class="product"><a data-dimension112="9a234e14-9bba-11f1-8a66-4fa0b3f1b843" data-action="Deal Block" data-label="Switch 2 Pro Controller" data-dimension48="Switch 2 Pro Controller" data-dimension25="$89" href="https://www.walmart.com/ip/Nintendo-Switch-2-Pro-Controller/15955005005" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:822px;"><p class="vanilla-image-block" style="padding-top:148.18%;"><img id="gmyn2p8knnWLkubfKxSnAB" name="Nintendo Switch 2 Pro Controller" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/gmyn2p8knnWLkubfKxSnAB.jpg" mos="" align="middle" fullscreen="" width="822" height="1218" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The Nintendo Switch 2 Pro Controller is practically guaranteed to be the most in-demand Switch 2 accessory, and it packs a suitable upgrade over its predecessor adding a headphone jack, the new "C" button, and customizable back buttons. <br><strong>Additional retailers: </strong><a href="https://www.bestbuy.com/site/nintendo-switch-2-pro-controller-black/6625904.p?skuId=6625904" target="_blank" rel="nofollow" data-dimension112="9a234e14-9bba-11f1-8a66-4fa0b3f1b843" data-action="Deal Block" data-label="Switch 2 Pro Controller" data-dimension48="Switch 2 Pro Controller" data-dimension25="$89"><strong>Best Buy</strong></a><strong> | </strong><a href="https://www.gamestop.com/gaming-accessories/controllers/nintendo-switch-2/products/nintendo-switch-2-pro-controller/424549.html" target="_blank" rel="nofollow"><strong>GameStop</strong></a><a class="view-deal button" href="https://www.walmart.com/ip/Nintendo-Switch-2-Pro-Controller/15955005005" target="_blank" rel="nofollow" data-dimension112="9a234e14-9bba-11f1-8a66-4fa0b3f1b843" data-action="Deal Block" data-label="Switch 2 Pro Controller" data-dimension48="Switch 2 Pro Controller" data-dimension25="$89">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-game-deals"><span>Nintendo Switch game deals</span></h3><div class="product"><a data-dimension112="9a234edc-9bba-11f1-ac3e-db56dc6f06bb" data-action="Deal Block" data-label="Final Fantasy VII Remake Intergrade" data-dimension48="Final Fantasy VII Remake Intergrade" data-dimension25="$29" href="https://www.amazon.com/FINAL-FANTASY-VII-REMAKE-INTERGRADE-Nintendo/dp/B0FR6937TP" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:983px;"><p class="vanilla-image-block" style="padding-top:152.59%;"><img id="DBMcJxERibZfQKtxNpbvF6" name="ffvii-remake-switch-2-na-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/DBMcJxERibZfQKtxNpbvF6.jpg" mos="" align="middle" fullscreen="" width="983" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Final Fantasy VII Remake Intergrade has come to Nintendo Switch 2, and it's an excellent port of a fantastic RPG experience. You get the complete base game and the chunky DLC chapter. This ground-up reimaging of the iconic Final Fantasy VII sees Cloud and allies quest through the steampunk city of Midgar.<a class="view-deal button" href="https://www.amazon.com/FINAL-FANTASY-VII-REMAKE-INTERGRADE-Nintendo/dp/B0FR6937TP" target="_blank" rel="nofollow" data-dimension112="9a234edc-9bba-11f1-ac3e-db56dc6f06bb" data-action="Deal Block" data-label="Final Fantasy VII Remake Intergrade" data-dimension48="Final Fantasy VII Remake Intergrade" data-dimension25="$29">View Deal</a></p></div><div class="product"><a data-dimension112="9a234f40-9bba-11f1-89cb-9981fba79e69" data-action="Deal Block" data-label="Pokémon Legends Z-A (Nintendo Switch 2)" data-dimension48="Pokémon Legends Z-A (Nintendo Switch 2)" data-dimension25="$59" href="https://electronics.woot.com/offers/pokemon-legends-z-a-nintendo-switch-2z-0" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="pcw6EDD3kDkdiwoa3ifb3G" name="pokemon-legends-z-a-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/pcw6EDD3kDkdiwoa3ifb3G.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://electronics.woot.com/offers/pokemon-legends-z-a-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="9a234f40-9bba-11f1-89cb-9981fba79e69" data-action="Deal Block" data-label="Pokémon Legends Z-A (Nintendo Switch 2)" data-dimension48="Pokémon Legends Z-A (Nintendo Switch 2)" data-dimension25="$59">Pokémon Legends Z-A (Nintendo Switch 2): was $69 now $59</a></strong><br><a href="https://www.tomsguide.com/gaming/pokemon-legends-z-a-review">Pokémon Legends Z-A</a> reworks the franchise's traditional turn-based combat, but the thrill of capturing powerful pocket-sized monsters remains as compelling as ever. It's one of the best Nintendo Switch 2 games, for sure.<br><strong>Price check: </strong><a href="https://www.amazon.com/Pok%C3%A9monTM-Legends-Z-Nintendo-Switch/dp/B0FC6J5CMG" target="_blank" rel="nofollow"><strong>$69 @ Amazon</strong></a><a class="view-deal button" href="https://electronics.woot.com/offers/pokemon-legends-z-a-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="9a234f40-9bba-11f1-89cb-9981fba79e69" data-action="Deal Block" data-label="Pokémon Legends Z-A (Nintendo Switch 2)" data-dimension48="Pokémon Legends Z-A (Nintendo Switch 2)" data-dimension25="$59">View Deal</a></p></div><div class="product"><a data-dimension112="9a234f9a-9bba-11f1-a94e-d523bd948d62" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:786px;"><p class="vanilla-image-block" style="padding-top:161.96%;"><img id="Rdc6R4sXktvbq4VMebzq6P" name="zelda-botw-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/Rdc6R4sXktvbq4VMebzq6P.jpg" mos="" align="middle" fullscreen="" width="786" height="1273" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="9a234f9a-9bba-11f1-a94e-d523bd948d62" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59">Breath of the Wild - Nintendo Switch 2 Edition: was $69 now $59</a></strong><br>The original Switch's definitive launch game has returned for the Switch 2, and now it's been enhanced for Nintendo's new hardware. It's the masterpiece you (probably) know, but looking and running better than ever. If you've never played Breath of the Wild, there really isn't a better time to jump into Hyrule than via this Switch 2 Edition. <br><strong>Price check: </strong><a href="https://www.bestbuy.com/site/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2-edition-nintendo-switch-2/6414096.p?skuId=6414096" target="_blank" rel="nofollow"><strong>$69 @ Best Buy</strong></a><a class="view-deal button" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="9a234f9a-9bba-11f1-a94e-d523bd948d62" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59">View Deal</a></p></div><div class="product"><a data-dimension112="9a234ffe-9bba-11f1-9613-b15072747eb7" data-action="Deal Block" data-label="Kirby and the Forgotten Land" data-dimension48="Kirby and the Forgotten Land" data-dimension25="$64" href="https://electronics.woot.com/offers/nintendo-kirby-045496905811-kirby-045496905811z-1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="qxt9hMcmxwNmQkk2umV4nQ" name="Kirby-forgotten-land-star-crossed-world-switch2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/qxt9hMcmxwNmQkk2umV4nQ.jpg" mos="" align="middle" fullscreen="" width="1600" height="1600" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Kirby and the Forgotten Land takes the adorable pink puffball to mysterious new worlds in this 3D platforming adventure. At your disposal are multiple new copy abilities, as well as the new Mouthful Mode that lets you interact with objects in often strange and hilarious ways. In between levels you can relax in the charming Waddle Dee Town and play a selection of mini-games. The Switch 2 version features bonus levels, improved visuals and more.<a class="view-deal button" href="https://electronics.woot.com/offers/nintendo-kirby-045496905811-kirby-045496905811z-1" target="_blank" rel="nofollow" data-dimension112="9a234ffe-9bba-11f1-9613-b15072747eb7" data-action="Deal Block" data-label="Kirby and the Forgotten Land" data-dimension48="Kirby and the Forgotten Land" data-dimension25="$64">View Deal</a></p></div><div class="product"><a data-dimension112="9a235062-9bba-11f1-b611-09128e56b536" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64" href="https://www.gamestop.com/video-games/nintendo-switch-2/products/donkey-kong-bananza---nintendo-switch-2/20021654.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1650px;"><p class="vanilla-image-block" style="padding-top:133.27%;"><img id="f57YgiDNACvGEeuFuZr3EL" name="Donkey Kong Bananza" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/f57YgiDNACvGEeuFuZr3EL.jpg" mos="" align="middle" fullscreen="" width="1650" height="2199" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/nintendo/donkey-kong-bananza-review" data-dimension112="9a235062-9bba-11f1-b611-09128e56b536" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64">Donkey Kong Bananza</a> allows DK to smash his way through (and down into) the surrounding terrain. He can punch his way through mountains or head underground in search of collectibles. It's hands-down one of the Switch 2's biggest titles and our current choice for the <a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">best Nintendo Switch 2 game</a> on the shelves.<br><strong>Additional retailers: </strong><a href="https://www.amazon.com/Donkey-Kong-Bananza-Nintendo-Switch/dp/B0F66KLYVH" target="_blank" rel="nofollow"><strong>Amazon</strong></a><strong> |</strong> <a href="https://www.walmart.com/ip/Donkey-Kong-Bananza-U-S-Version/15949810208" target="_blank" rel="nofollow"><strong>Walmart</strong></a> <strong>| </strong><a href="https://www.bestbuy.com/site/donkey-kong-bananza-nintendo-switch-2/6414108.p" target="_blank" rel="nofollow"><strong>Best Buy</strong></a><a class="view-deal button" href="https://www.gamestop.com/video-games/nintendo-switch-2/products/donkey-kong-bananza---nintendo-switch-2/20021654.html" target="_blank" rel="nofollow" data-dimension112="9a235062-9bba-11f1-b611-09128e56b536" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64">View Deal</a></p></div><div class="vizualizer-embed"><div class="tg-df-widget-host" data-widget-config="?search=Gaming&min_discount_ratio=0.95&offer_type=all&view_mode=carousel&widget_title=Top+Deals+Handpicked+by+Our+Editors&widget_subtitle=Discover+the+best+discounts+currently+available%2C+curated+daily+by+the+Tom%27s+Guide+Savings+Squad.&bg_color=transparent" data-vizualizer-embed="true"></div>    <script>    /**     * Tom's Guide Deals Finder - Vanilla JS Encapsulated Engine     */    (function() {      // --- Freyr Analytics Adapter ---      function initAnalytics() {        window.dataLayer = window.dataLayer || [];        window.googletag = window.googletag || {};        window.googletag.cmd = window.googletag.cmd || [];        window.hawk = window.hawk || { analytics: { freyr: [] } };        window.hawk.analytics = window.hawk.analytics || { freyr: [] };        window.hawk.analytics.freyr = window.hawk.analytics.freyr || [];        window.freyr = window.freyr || { cmd: [] };        const scriptSrc = 'https://freyr.futurecdn.net/freyr.js';        const hostname = typeof window !== 'undefined' ? window.location.hostname : '';        const isTestEnv = typeof window.navigator !== 'undefined' && (window.navigator.webdriver || window.navigator.userAgent.includes('Headless'));        const shouldSendRealAnalytics = !isTestEnv && hostname && hostname !== 'localhost' && hostname !== '127.0.0.1' && !hostname.includes('run.app');        if (shouldSendRealAnalytics && !document.querySelector(`script[src="${scriptSrc}"]`)) {          const script = document.createElement('script');          script.src = scriptSrc;          script.async = true;          document.head.appendChild(script);        }      }      function storeEventForDebug(name, data) {        if (!window.hawk || !window.hawk.analytics || !window.hawk.analytics.freyr) return;        window.hawk.analytics.freyr.push({ name, data });        try {          if (typeof window !== 'undefined' && window.localStorage) {            window.localStorage.setItem("hawk", JSON.stringify(window.hawk));          }        } catch (e) {          // Ignore storage issues        }        try {          window.dispatchEvent(new CustomEvent("hawk-analytics-update"));        } catch (e) {}      }      function sendToFreyr(eventName, data) {        if (typeof window === 'undefined') return;        window.freyr = window.freyr || { cmd: [] };        window.freyr.cmd.push(() => {          if (window.freyr && window.freyr.pushAndUpdate) {            window.freyr.pushAndUpdate(eventName, data);          }        });      }      function sendEvent(event, skip = false) {        try {          storeEventForDebug(event.name, event.data);          if (!skip) {            sendToFreyr(event.name, event.data);          }        } catch (e) {          // Ensure tracking errors don't surface to the user        }      }      function getCookie(name) {        try {          const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));          return match ? match[2] : null;        } catch (e) {          return null;        }      }      function normalizeCurrency(symbol) {        const map = {          '£': 'GBP',          '$': 'USD',          'A$': 'AUD',          'CA$': 'CAD',          '€': 'EUR'        };        return map[symbol] || symbol;      }      function trackElementInteraction(props) {        sendEvent({          name: 'elementInteraction',          data: {            element: {              action: props.action || "click",              id: props.id || undefined,              class: props.class || undefined,              name: props.name || undefined,              text: props.text || undefined,              label: props.label || undefined,              container: props.container || undefined,              url: props.url || undefined,              articleId: props.articleId || undefined            }          }        });      }      function generateRevenueId(url, productName, merchantName, modelId) {        const str = `${window.location.href}|${productName}|${merchantName}|${modelId || ''}|${new Date().toDateString()}|tomsguide`;        let hash = 0;        for (let i = 0; i < str.length; i++) {          const char = str.charCodeAt(i);          hash = ((hash << 5) - hash) + char;          hash = hash & hash;        }        let numericStr = Math.abs(hash).toString();        while (numericStr.length < 19) {          numericStr += Math.floor(Math.random() * 10).toString();        }        return numericStr.substring(0, 19);      }      function rewriteAffiliateLink(url, territory, revenueId) {        if (!url) return url;        const t = (territory || 'gb').toLowerCase();        return url.replace(/hawk-custom-tracking/g, `tomsguide-${t}-${revenueId}`);      }      function trackHawkEvent(params) {        const { clickType, widgetId, productCategoryName, product, productsArray, zeroBasedProductIndexOrNull, totalDealsOrProducts, areaClicked, merchant, revenueId, isoCurrencyCode, queryName, widgetTypeName } = params;        const data = {          event: "hawkEvent",          category: "Affiliates",          affiliate: {            action: {              type: clickType,              id: widgetId,              event: clickType === "appeared" ? "viewed" : "Click from",              timestamp: Date.now()            },            component: {              flag: "Editor",              product: productCategoryName || "deals",              category: `Signal Deal Finder ${widgetTypeName || "Carousel"} widget`,              type: clickType === "appeared" ? "review" : "signal product",              label: queryName || (product ? (product.name || "") : ""),              index: zeroBasedProductIndexOrNull === null || zeroBasedProductIndexOrNull === undefined ? -1 : zeroBasedProductIndexOrNull,              linkCount: totalDealsOrProducts || 0,              blockLayout: "",              areaClicked: areaClicked || ""            }          },          products: productsArray || (product && merchant ? [            {              product: {                primary: {                  id: product.id || product.matchId || null,                  name: product.name,                  type: "deal",                  price: product.price,                  previousPrice: product.previousPrice || null,                  currency: isoCurrencyCode || "USD",                  preorder: false,                  labels: [],                  link: product.link,                  originalLink: product.originalLink || null,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: null,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: product.globalId || null,                  inStock: product.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: isoCurrencyCode || "USD"                }              },              merchant: {                id: merchant.id || null,                name: merchant.name,                url: merchant.url || null,                network: merchant.network || null              },              model: {                id: product.modelId || null,                brand: product.brand || null,                name: product.name,                parent: product.parent || null              }            }          ] : []),          reviews: [],          _clear: true,          "gtm.uniqueEventId": Date.now() % 10000        };        sendEvent({ name: 'hawkEvent', data });      }      function trackDealClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card" });      }      function trackViewSimilarClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card View Similar" });      }      function trackPriceComparisonClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Price Comparison" });      }      function trackReviewClick(params) {        trackHawkEvent({ ...params, clickType: "review", areaClicked: "Signal Product Card Review Link" });      }      function trackShare(params) {        trackHawkEvent({ ...params, clickType: "share", areaClicked: "Signal Product Card Share" });      }      function trackDealsAppeared(widgetId, deals, revenueId, currency, queryName, widgetTypeName) {         if (!deals || deals.length === 0) return;                  const productsArray = deals.slice(0, 50).map((deal) => {            let voucherPct = null;            let rawPrice = parseFloat(deal.rawPrice) || parseFloat(deal.price) || null;            let rawMsrp = parseFloat(deal.rawMsrp) || parseFloat(deal.msrp) || null;            if (rawMsrp > rawPrice && rawPrice > 0) {              voucherPct = Math.round((1 - (rawPrice / rawMsrp)) * 100);            }            let numId = null;            if (deal.externalProductId && !isNaN(parseInt(deal.externalProductId))) {              numId = parseInt(deal.externalProductId);            } else if (deal.id && !isNaN(parseInt(deal.id))) {              numId = parseInt(deal.id);            } else {              numId = deal.matchId || null;            }            return {              product: {                primary: {                  id: numId,                  name: deal.productName || deal.title || "",                  type: "deal",                  price: rawPrice,                  previousPrice: rawMsrp,                  currency: currency || 'USD',                  preorder: false,                  labels: deal.modelBrand || deal.brand ? [                     { type: "brand", value: deal.modelBrand || deal.brand }                  ] : [],                  link: deal.url,                  originalLink: deal.url,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: voucherPct,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: deal.productKey || null,                  inStock: deal.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: currency || 'USD'                }              },              merchant: {                id: deal.merchantId ? parseInt(deal.merchantId) : null,                name: deal.merchant || "Retailer",                url: deal.merchantUrl || null,                network: deal.merchantNetwork || null              },              model: {                id: deal.modelId ? parseInt(deal.modelId) : null,                brand: deal.modelBrand || deal.brand || null,                name: deal.productName || deal.title || "",                parent: deal.modelParent || null              }            };         });                  trackHawkEvent({             clickType: "appeared",             widgetId: widgetId,             productCategoryName: "deals",             zeroBasedProductIndexOrNull: null,             totalDealsOrProducts: deals.length,             productsArray: productsArray,             queryName: queryName,             widgetTypeName: widgetTypeName         });      }      // 1. Setup Shadow DOM Sandbox      const currentScript = document.currentScript;      let hostContainer = null;      let template = null;            if (currentScript) {        let prev = currentScript.previousElementSibling;        while (prev) {          if (prev.tagName === 'TEMPLATE' && prev.classList.contains('tg-df-widget-template')) {            template = prev;          } else if (prev.tagName === 'DIV' && prev.classList.contains('tg-df-widget-host') && !prev.hasAttribute('data-initialized')) {            hostContainer = prev;            break;          }          prev = prev.previousElementSibling;        }      }            // Fallbacks in case script is deferred      if (!hostContainer) {        const hosts = document.querySelectorAll('.tg-df-widget-host:not([data-initialized])');        if (hosts.length > 0) hostContainer = hosts[0];      }            // Safely embedded template for CMS environments      const rawTemplate = `  \x3Cstyle>    /* --- Shadow DOM Base Reset --- */    *, *::before, *::after {      box-sizing: border-box;    }    img, picture, svg, video {      max-width: 100%;      height: auto;      display: block;    }    /*       1. Scoped CSS for Tom's Guide Deals Widget       All classes are prefixed with \`tg-df-\` to prevent CMS style leakage.    */    .tg-df-container {      container-type: inline-size;      container-name: tg-df;      --tg-df-blue: #1F69FF;      --tg-df-blue-hover: #004d8c;      --tg-df-text: #222222;      --tg-df-text-muted: #555555;      --tg-df-bg: #ffffff;      --tg-df-bg-secondary: #f4f4f4;      --tg-df-border: #e2e8f0;      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;      color: var(--tg-df-text);      background-color: transparent;       width: 100%;      max-width: 1200px;      margin: 0 auto;      padding-bottom: 24px;    }    .tg-df-container *, .tg-df-container *::before, .tg-df-container *::after {      margin: 0;      padding: 0;      box-sizing: border-box;    }    .tg-df-container img {      border: none;      margin: 0;      padding: 0;    }    .tg-df-container a {      text-decoration: none;      color: inherit;    }    /*       2. Search & Filter Bar    */    .tg-df-controls {      display: flex;      flex-direction: column;      align-items: center;      gap: 20px;      margin-bottom: 32px;      width: 100%;    }    .tg-df-top-bar {      display: flex;      width: 100%;      max-width: 760px;      gap: 12px;      align-items: center;    }    .tg-df-search-wrapper {      position: relative;      flex: 1;      width: 100%;      box-shadow: 0 8px 24px rgba(0,0,0,0.06);      border-radius: 40px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      z-index: 100;    }    .tg-df-autocomplete-dropdown {      position: absolute;      top: calc(100% + 4px);      left: 0;      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      max-height: 300px;      overflow-y: auto;      z-index: 200;      display: none;    }    .tg-df-autocomplete-dropdown.active {      display: block;    }    .tg-df-autocomplete-item {      padding: 12px 24px;      cursor: pointer;      font-size: 14px;      color: var(--tg-df-text);      transition: background 0.1s ease;    }    .tg-df-autocomplete-item:hover {      background: var(--tg-df-bg-secondary);    }    .tg-df-search-input {      width: 100%;      padding: 16px 64px 16px 24px;      font-size: 16px;      border: 2px solid transparent;      border-radius: 40px;      outline: none;      transition: border-color 0.2s ease, box-shadow 0.2s ease;      color: var(--tg-df-text);      background: transparent;    }    .tg-df-search-input:focus {      border-color: transparent;      box-shadow: 0 0 0 3px rgba(0, 108, 196, 0.15);    }    .tg-df-search-input::placeholder {      color: #999999;    }        .tg-df-search-btn {      position: absolute;      right: 8px;      top: 50%;      transform: translateY(-50%);      width: 40px;      height: 40px;      border-radius: 50%;      background: #222;      border: none;      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: background 0.2s ease;    }        .tg-df-search-btn:hover {      background: #000;    }    .tg-df-search-icon {      width: 16px;      height: 16px;      fill: #fff;    }    .tg-df-settings-wrapper {      position: relative;    }        .tg-df-settings-btn {      width: 48px;      height: 48px;      border-radius: 50%;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      box-shadow: 0 4px 12px rgba(0,0,0,0.04);      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: all 0.2s ease;      color: var(--tg-df-text-muted);      flex-shrink: 0;    }    .tg-df-settings-btn:hover {      background: var(--tg-df-bg-secondary);      border-color: #0000ff;      color: var(--tg-df-text);    }    .tg-df-settings-btn svg {      width: 24px;      height: 24px;      fill: currentColor;    }    .tg-df-settings-dropdown {      position: absolute;      top: calc(100% + 8px);      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      width: 280px;      padding: 20px;      display: none;      z-index: 100;      flex-direction: column;      gap: 20px;    }    .tg-df-settings-dropdown.active {      display: flex;    }        .tg-df-settings-dropdown-backdrop {      display: none;      position: fixed;      inset: 0;      z-index: 99;    }        .tg-df-settings-dropdown-backdrop.active {      display: block;    }    .tg-df-setting-item {      display: flex;      flex-direction: column;      gap: 10px;    }    .tg-df-setting-label {      font-size: 11px;      font-weight: 700;      color: var(--tg-df-text-muted);      text-transform: uppercase;      letter-spacing: 0.5px;    }        .tg-df-region-select {        padding: 10px 12px;        border-radius: 8px;        border: 1px solid var(--tg-df-border);        font-size: 15px;        outline: none;        background: var(--tg-df-bg-secondary);        color: var(--tg-df-text);        cursor: pointer;        width: 100%;    }    .tg-df-toggle {        position: relative;        display: inline-block;        width: 44px;        height: 24px;        flex-shrink: 0;    }    .tg-df-toggle input {        opacity: 0;        width: 0;        height: 0;    }    .tg-df-slider {        position: absolute;        cursor: pointer;        top: 0; left: 0; right: 0; bottom: 0;        background-color: #ccc;        transition: .2s;        border-radius: 24px;    }    .tg-df-slider:before {        position: absolute;        content: "";        height: 18px;        width: 18px;        left: 3px;        bottom: 3px;        background-color: white;        transition: .2s;        border-radius: 50%;    }    .tg-df-toggle input:checked + .tg-df-slider {        background-color: #1F69FF;    }    .tg-df-toggle input:checked + .tg-df-slider:before {        transform: translateX(20px);    }    .tg-df-dl-row {        flex-direction: row;        align-items: center;        justify-content: space-between;    }    .tg-df-dl-row-text {        font-size: 14px;        font-weight: 600;        color: var(--tg-df-text);    }    .tg-df-dl-row-subtext {        font-size: 12px;        font-weight: 400;        line-height: 1.3;        color: var(--tg-df-text-muted);        margin-top: 4px;        display: block;    }    .tg-df-filters {      display: flex;      gap: 12px;      justify-content: center;      flex-wrap: wrap;    }    .tg-df-sort-wrapper {      position: relative;      display: flex;      align-items: center;    }        .tg-df-sort-icon {      position: absolute;      left: 14px;      width: 14px;      height: 14px;      fill: var(--tg-df-text-muted);      pointer-events: none;    }    .tg-df-sort-select, .tg-df-filter-select {      padding: 10px 36px 10px 38px;      font-size: 14px;      border: 1px solid var(--tg-df-border);      border-radius: 100px;      outline: none;      appearance: none;      background-color: var(--tg-df-bg-secondary);      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");      background-repeat: no-repeat;      background-position: right 14px center;      color: var(--tg-df-text);      cursor: pointer;      font-weight: 500;      transition: all 0.2s ease;    }        .tg-df-price-input::-webkit-outer-spin-button,    .tg-df-price-input::-webkit-inner-spin-button {      -webkit-appearance: none;      margin: 0;    }    .tg-df-price-input {      -moz-appearance: textfield;    }    .tg-df-sort-select:hover, .tg-df-filter-select:hover {      background-color: #e2e8f0;    }    .tg-df-multiselect-container {      position: relative;    }        .tg-df-multiselect-trigger {      display: block;      background: #fff;      user-select: none;      width: 100%;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis;    }        .tg-df-multiselect-dropdown {      display: none;      position: absolute;      top: calc(100% + 4px);      left: 0;      width: 100%;      min-width: 220px;      max-height: 300px;      overflow-y: auto;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);      z-index: 100;      padding: 8px 0;    }    .tg-df-multiselect-dropdown.active {      display: block;    }    .tg-df-ms-option {      padding: 8px 16px;      display: flex;      align-items: center;      gap: 8px;      cursor: pointer;      font-size: 14px;    }    .tg-df-ms-option:hover {      background-color: var(--tg-df-bg-secondary);    }        .tg-df-ms-option input {      cursor: pointer;      accent-color: #1f69ff;    }    .tg-df-sort-select:focus, .tg-df-filter-select:focus {      border-color: #0000ff;      box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.2);      background-color: var(--tg-df-bg);    }    /*       3. Deal Grid Layout    */    .tg-df-grid.tg-df-grid-auto {      padding-top: 24px;    }    .tg-df-grid, .tg-df-grid.layout-grid {      display: grid;      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      gap: 10px;    }    .tg-df-grid.layout-row {      grid-template-columns: 1fr;      gap: 16px;    }        .tg-df-grid.layout-row .tg-df-card {      flex-direction: row;      align-items: stretch;      height: auto;      box-shadow: none;      border-bottom: 1px solid var(--tg-df-border);    }    .tg-df-grid.layout-row .tg-df-card:hover {      box-shadow: none;    }    .tg-df-grid.layout-row .tg-df-card-image-box {      width: 140px;      min-width: 140px;      aspect-ratio: 3/4;      border-right: none;      padding: 16px 16px 16px 32px;    }    .tg-df-grid.layout-row .tg-df-card-body {      padding: 16px;      justify-content: space-between;    }    .tg-df-grid.layout-row .tg-df-card-title {      font-size: 15px;      margin-bottom: 16px;    }    .tg-df-grid.layout-row .tg-df-card-stars { margin-bottom: 8px; }    .tg-df-grid.layout-row .tg-df-card-footer {      flex-direction: column;      align-items: flex-start;      gap: 0;    }    .tg-df-grid.layout-row .tg-df-card-merchant-pill {      margin-bottom: 4px;    }    .tg-df-grid.layout-row .tg-df-card-price-group {      margin-bottom: 8px;    }    .tg-df-grid.layout-row .tg-df-price-group {      width: auto;    }    .tg-df-grid.layout-row .tg-df-card-cta {      width: 100%;      max-width: 200px;      padding: 10px 24px;      font-size: 13px;      flex-shrink: 0;      text-align: center;      justify-content: center;    }    /*       4. Deal Card Design    */    .tg-df-card {      position: relative;      display: flex;      flex-direction: column;      background-color: #ffffff;      border-radius: 0;      overflow: hidden;      transition: transform 0.2s ease, box-shadow 0.2s ease;      text-decoration: none;      color: inherit;      height: 100%;      box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);      border: 1px solid var(--tg-df-border);    }    .tg-df-card:hover {      box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);    }    .tg-df-card-image-box {      width: 100%;      aspect-ratio: 3/4;      background-color: #f8f8f8;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      padding: 32px;      flex: 0 0 auto;    }    .tg-df-card-image {      max-width: 100%;      max-height: 100%;      width: auto;      height: auto;      object-fit: contain;      mix-blend-mode: multiply; /* Helps white background images blend into secondary bg */      transition: transform 0.3s ease;    }    .tg-df-card:hover .tg-df-card-image {      transform: scale(1.05); /* Zoom in on hover */    }    .tg-df-card-discount-badge {      position: absolute;      top: 12px;      left: 12px;      background: #dc2626; /* Red */      color: #ffffff;      padding: 6px 8px;      font-size: 11px;      font-weight: 500;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      z-index: 10;    }        .tg-df-card-merchant-pill {      display: block;      padding: 0;      font-size: 11px;      font-weight: 600;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      color: var(--tg-df-text-muted);      margin-bottom: 8px;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }    .tg-df-card-body {      padding: 16px;      display: flex;      flex-direction: column;      flex-grow: 1;      min-width: 0;    }    .tg-df-card-badges {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-bottom: 8px;    }    .tg-df-tag {      display: inline-flex;      align-items: center;      padding: 4px 6px;      font-size: 11px;      font-weight: 700;      text-transform: uppercase;      border-radius: 4px;      gap: 4px;    }    .tg-df-tag-prime {      background-color: #00A8E1;      color: #fff;    }    .tg-df-tag-coupons {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-coupons:hover {      background-color: #e2e8f0;    }        .tg-df-tag-outline {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-outline:hover {      background-color: #e2e8f0;    }        @keyframes tg-df-spin {      0% { transform: rotate(0deg); }      100% { transform: rotate(360deg); }    }    .tg-df-coupon-spinner {      border: 2px solid #e2e8f0;      border-top: 2px solid #3b82f6;      border-radius: 50%;      width: 14px;      height: 14px;      animation: tg-df-spin 1s linear infinite;      margin: 4px 8px;      display: inline-block;    }        /* Vouchers Modal */    .tg-df-modal-backdrop {      position: fixed;      top: 0; left: 0; right: 0; bottom: 0;      background: rgba(0,0,0,0.5);      z-index: 10000;      display: flex;      align-items: center;      justify-content: center;      opacity: 0;      pointer-events: none;      transition: opacity 0.3s;    }    .tg-df-modal-backdrop.active {      opacity: 1;      pointer-events: auto;    }    .tg-df-modal {      background: #fff;      border-radius: 12px;      width: 90%;      max-width: 400px;      max-height: 80vh;      display: flex;      flex-direction: column;      box-shadow: 0 10px 40px rgba(0,0,0,0.2);      transform: translateY(20px);      transition: transform 0.3s;    }    .tg-df-modal-backdrop.active .tg-df-modal {      transform: translateY(0);    }    .tg-df-modal-header {      padding: 16px;      border-bottom: 1px solid #e2e8f0;      display: flex;      align-items: center;      justify-content: space-between;    }    .tg-df-modal-title {      font-size: 16px;      font-weight: 600;      margin: 0;    }    .tg-df-modal-close {      background: none;      border: none;      cursor: pointer;      padding: 4px;      color: #64748b;    }    .tg-df-modal-body {      padding: 16px;      overflow-y: auto;    }    .tg-df-voucher-item {      padding: 12px;      border: 1px dashed #cbd5e1;      border-radius: 8px;      margin-bottom: 10px;      background: #f8fafc;      display: flex;      align-items: center;      gap: 12px;      text-decoration: none;      color: inherit;      transition: background-color 0.2s, border-color 0.2s;    }    .tg-df-voucher-item:hover {      background: #f1f5f9;      border-color: #94a3b8;    }    .tg-df-voucher-item:last-child {      margin-bottom: 0;    }    .tg-df-voucher-logo {      width: 48px;      height: 48px;      object-fit: contain;      border-radius: 4px;      background: #fff;      border: 1px solid #e2e8f0;      flex-shrink: 0;    }    .tg-df-voucher-content {      flex: 1;      min-width: 0;    }    .tg-df-voucher-title {      font-size: 14px;      font-weight: 600;      margin: 0 0 4px 0;      line-height: 1.3;      color: #0f172a;    }    .tg-df-voucher-expiry {      font-size: 12px;      color: #64748b;      display: flex;      align-items: center;      gap: 4px;      margin-top: 6px;    }    .tg-df-voucher-code {      display: inline-flex;      align-items: center;      background: #f1f5f9;      border: 1px dashed #cbd5e1;      padding: 6px 10px;      font-family: monospace;      font-weight: 700;      font-size: 14px;      color: #0f172a;      border-radius: 4px;      margin-top: 8px;      cursor: pointer;      transition: all 0.2s ease;    }    .tg-df-voucher-code:hover {      background: #e2e8f0;      border-color: #94a3b8;    }    .tg-df-voucher-code.copied {      background: #ecfdf5;      border-color: #10b981;      color: #10b981;    }    .tg-df-voucher-cta {      display: inline-block;      margin-top: 8px;      font-size: 13px;      font-weight: 600;      color: #2563eb;      text-decoration: none;    }    .tg-df-card-title {      font-size: 15px;      font-weight: 400;      line-height: 1.4;      margin: 0 0 12px 0;      color: var(--tg-df-text);      display: -webkit-box;      -webkit-line-clamp: 2;      -webkit-box-orient: vertical;      overflow: hidden;    }    .tg-df-card-footer {      margin-top: auto;      display: flex;      flex-direction: column;      width: 100%;    }    .tg-df-card-price-group {      display: flex;      flex-direction: row;      align-items: center;      gap: 8px;      margin-bottom: 12px;    }    .tg-df-card-price {      font-size: 16px;      font-weight: 700;      color: #dc2626; /* Red price */      line-height: 1;    }        .tg-df-card-msrp {      font-size: 13px;      color: var(--tg-df-text-muted);      text-decoration: line-through;    }    .tg-df-container .tg-df-card-cta {      display: flex;      align-items: center;      justify-content: center;      width: 100%;      box-sizing: border-box;      background-color: #1f69ff;      color: #ffffff;      font-size: 12px;      font-weight: 700;      text-transform: uppercase;      letter-spacing: 0.5px;      padding: 12px 16px;      border-radius: 0;      border: none;      cursor: pointer;      transition: background-color 0.2s ease;    }    .tg-df-card:hover .tg-df-card-cta,    .tg-df-card-cta:hover {      background-color: #1555cc;    }    .tg-df-container .tg-df-card-cta.tg-df-cta-savings-squad {      background-color: #3c8d0d;    }    .tg-df-card:hover .tg-df-card-cta.tg-df-cta-savings-squad,    .tg-df-card-cta.tg-df-cta-savings-squad:hover {      background-color: #2b6509;    }    /*       5. State & Skeleton Styles    */    .tg-df-message {      grid-column: 1 / -1;      text-align: center;      padding: 48px 24px;      color: var(--tg-df-text-muted);      font-size: 16px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;    }    @keyframes tg-df-shimmer {      0% { background-position: -200% 0; }      100% { background-position: 200% 0; }    }    .tg-df-skeleton {      background: linear-gradient(90deg, var(--tg-df-bg-secondary) 25%, #e2e8f0 50%, var(--tg-df-bg-secondary) 75%);      background-size: 200% 100%;      animation: tg-df-shimmer 1.5s infinite;      border-radius: 4px;    }    .tg-df-skeleton-img {      width: 100%;      height: 100%;      position: absolute;      top: 0; left: 0;    }        .tg-df-skeleton-text {      height: 16px;      margin-bottom: 8px;      width: 100%;    }    .tg-df-skeleton-text.short { width: 40%; }    .tg-df-skeleton-text.title { height: 20px; margin-bottom: 16px; }    /* Editor Floating Bar & Elements */    .tg-df-editor-bar {      position: sticky;      top: 0;      z-index: 1000;      background: #111827;      color: #fff;      padding: 12px 16px;      border-radius: 8px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: space-between;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);    }    .tg-df-editor-bar-text {      font-weight: 600;      font-size: 14px;    }    .tg-df-editor-copy-btn {      background: #10b981;      color: #fff;      padding: 6px 16px;      border: none;      border-radius: 4px;      font-weight: 600;      cursor: pointer;      display: flex;      align-items: center;      font-size: 13px;    }    .tg-df-editor-copy-btn:hover { background: #059669; }        .tg-df-deal-checkbox {      position: absolute;      top: 12px;      right: 12px;      z-index: 10;      width: 20px;      height: 20px;      cursor: pointer;      pointer-events: auto;    }    /*       6. Mobile List View (Stacks into a cleaner horizontal row/list)    */    @container tg-df (max-width: 599px) {      .tg-df-controls {        padding: 0 16px;      }            .tg-df-top-bar {        width: 100%;      }            .tg-df-settings-dropdown {        position: fixed;        top: auto;        bottom: 0;        left: 0;        right: 0;        width: 100%;        border-radius: 20px 20px 0 0;        padding: 24px;        box-shadow: 0 -8px 32px rgba(0,0,0,0.15);        z-index: 1000;        border: none;        border-top: 1px solid var(--tg-df-border);      }            .tg-df-settings-dropdown-backdrop.active {        background: rgba(0,0,0,0.4);      }            .tg-df-search-wrapper {        box-shadow: 0 0 16px rgba(0,0,0,0.08);      }            .tg-df-filters {        width: calc(100% + 32px);        margin: 0 -16px;        padding: 0 16px 4px 16px;        display: flex;        justify-content: flex-start;        gap: 8px;        flex-wrap: nowrap;        overflow-x: auto;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;      }      .tg-df-filters::after {        content: "";        display: block;        flex: 0 0 8px;      }      .tg-df-filters::-webkit-scrollbar {        display: none;      }            .tg-df-sort-wrapper {        flex: 0 0 max(42%, 130px);        min-width: 0;      }      .tg-df-sort-wrapper.tg-df-price-range-wrapper {        flex: 0 0 auto;        min-width: max-content;      }            .tg-df-sort-select, .tg-df-filter-select {        width: 100%;        text-align: left;        padding: 10px 24px 10px 32px;        background-position: right 8px center;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;      }      .tg-df-sort-icon {        left: 10px;      }      .tg-df-grid:not(.layout-grid):not(.layout-row),      .tg-df-grid.layout-row {        grid-template-columns: 1fr;        gap: 16px;      }            .tg-df-grid.tg-df-grid-auto {        padding-top: 24px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card,      .tg-df-grid.layout-row .tg-df-card {        flex-direction: row;        align-items: stretch;        height: auto;        box-shadow: none; /* simple line on mobile if preferred, or keep */        border-bottom: 1px solid var(--tg-df-border);      }      .tg-df-grid.tg-df-grid-auto .tg-df-card:hover,      .tg-df-grid.layout-row .tg-df-card:hover {        box-shadow: none;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-image-box,      .tg-df-grid.layout-row .tg-df-card-image-box {        width: 120px;        min-width: 120px;        aspect-ratio: 3/4;        border-right: none;        padding: 12px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-body,      .tg-df-grid.layout-row .tg-df-card-body {        padding: 12px;        justify-content: space-between;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-title,      .tg-df-grid.layout-row .tg-df-card-title {        font-size: 14px;        margin-bottom: 12px;        -webkit-line-clamp: 3;      }      /* Single column mobile grid override */      .tg-df-grid.layout-grid {        grid-template-columns: 1fr;        gap: 16px;      }      .tg-df-grid.layout-grid .tg-df-card-image-box {        padding: 12px;      }      .tg-df-grid.layout-grid .tg-df-card-body {        padding: 10px;      }      .tg-df-grid.layout-grid .tg-df-card-title {        font-size: 13px;        -webkit-line-clamp: 3;        margin-bottom: 8px;      }      .tg-df-grid.layout-grid .tg-df-card-price {        font-size: 14px;      }            .tg-df-card-footer {        flex-direction: column;        align-items: stretch;        gap: 0;        width: 100%;        min-width: 0;      }      .tg-df-card-merchant-pill {        margin-bottom: 4px;      }      .tg-df-card-price-group {        flex: 1 1 auto;        margin-bottom: 8px;      }      .tg-df-card-price {        font-size: 16px;      }      .tg-df-card-msrp {        display: block;       }      .tg-df-grid.layout-row .tg-df-card-cta,      .tg-df-container .tg-df-card-cta {        width: 100%;        max-width: none;        min-width: 0;        box-sizing: border-box;        padding: 8px 16px;        font-size: 12px;        flex: 0 0 auto;        text-align: center;        white-space: normal;        line-height: 1.2;      }    }    .tg-df-container.is-carousel {      min-height: 760px;      background-color: #E7F0FF;      padding: 0 0 24px 0;      border-radius: 24px;    }    .tg-df-container.is-carousel.hide-header-details {      min-height: 480px;    }    /*       7. Carousel View Mode    */    .tg-df-container .tg-df-carousel-host {      /* Layout is now handled by container wrapper */    }    .tg-df-container .tg-df-carousel-eyebrow {      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      padding: 24px 16px 0 16px;      display: none;    }    .tg-df-container .tg-df-carousel-query-title {      color: #011535;      font-size: 28px;      font-weight: 600;      padding: 0 16px 24px 16px;      line-height: 1.2;      display: none;    }    .tg-df-container .tg-df-carousel-blue-box {      background-color: transparent;      border-radius: 0;      padding: 24px 24px 0 24px;      margin: 0;      color: #1F69FF;          position: relative;      overflow: hidden;    }    .tg-df-container .tg-df-carousel-bg-circle-1 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-2 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-3 {      display: none;    }    .tg-df-container .tg-df-carousel-box-content {      position: relative;      z-index: 10;    }    .tg-df-container .tg-df-carousel-box-eyebrow {      background-color: transparent;      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      display: inline-block;      padding: 0;      border-radius: 0;    }    .tg-df-container .tg-df-carousel-box-title {      font-size: 28px;      font-weight: 600;      line-height: 1.2;      margin-top: 8px;      color: #1e293b;    }    .tg-df-container .tg-df-countdown-wrapper {      position: absolute;      top: 0;      right: 0;      display: flex;      flex-direction: column;      align-items: flex-end;      gap: 12px;      transform: scale(0.67);      transform-origin: top right;    }    .tg-df-container .tg-df-countdown-title {      font-size: 16px;      text-align: center;      width: 100%;      font-weight: 600;      color: #011535;      margin: 0;    }    .tg-df-container .tg-df-countdown-blocks {      display: flex;      gap: 16px;    }    .tg-df-container .tg-df-countdown-item {      display: flex;      flex-direction: column;      align-items: center;      gap: 4px;    }    .tg-df-container .tg-df-countdown-box {      width: 59px;      height: 59px;      background: #03FE9E;      border-radius: 15px;      display: flex;      align-items: center;      justify-content: center;    }    .tg-df-container .tg-df-countdown-num {      font-family: 'Inter', sans-serif;      font-weight: 700;      font-size: 20px;      line-height: normal;      color: #011535;    }    .tg-df-container .tg-df-countdown-label {      font-family: 'Inter', sans-serif;      font-weight: 500;      font-size: 16px;      line-height: normal;      color: #1e293b;      text-transform: uppercase;    }    .tg-df-container .tg-df-carousel-box-subtitle {      font-size: 16px;      margin-top: 8px;      font-weight: 300;      color: #1e293b;      line-height: 24px;    }    .tg-df-container .tg-df-carousel-roundels-wrapper {      position: relative;      margin-top: 24px;      margin-left: -24px;      margin-right: -24px;    }    .tg-df-container .tg-df-carousel-roundels {      display: flex;      gap: 16px;      overflow-x: auto;            scrollbar-width: none;      padding-top: 12px;      padding-bottom: 24px;      padding-left: 24px;      padding-right: 24px;      margin-left: 0;      margin-right: 0;    }        .tg-df-container .tg-df-carousel-scroll-left,    .tg-df-container .tg-df-carousel-scroll-right {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 36px;      width: 36px;      display: flex;      align-items: center;      justify-content: center;      border-radius: 50%;      background-color: #ffffff;      border: 1px solid #e2e8f0;      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);      color: #1F69FF;      cursor: pointer;      transition: all 0.2s;      margin-top: -4px;      z-index: 20;    }    .tg-df-container .tg-df-carousel-scroll-left { left: 8px; }    .tg-df-container .tg-df-carousel-scroll-right { right: 8px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left { left: 0px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right { right: 0px; }    .tg-df-carousel-filters-outer { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }    @container tg-df (max-width: 599px) { .tg-df-carousel-filters-outer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } }        .tg-df-container .tg-df-carousel-scroll-left:hover,    .tg-df-container .tg-df-carousel-scroll-right:hover {      background-color: #f8fafc;      border-color: #cbd5e1;    }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right {      background-color: rgba(255, 255, 255, 0.4);      border: none;      box-shadow: none;      backdrop-filter: blur(4px);      -webkit-backdrop-filter: blur(4px);    }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right { right: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-right { right: 0; }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left:hover,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right:hover {      background-color: rgba(255, 255, 255, 0.6);      border: none;    }    .tg-df-container .tg-df-carousel-roundels::-webkit-scrollbar {      display: none;    }    .tg-df-container .tg-df-carousel-roundels::after {      content: "";      flex: 0 0 32px;    }    .tg-df-container .tg-df-roundel {      display: flex;      flex-direction: column;      align-items: center;      gap: 8px;      cursor: pointer;      min-width: 120px;      flex-shrink: 0;    }    .tg-df-container .tg-df-roundel-img-box {      width: 120px;      height: 120px;      border-radius: 50%;      background: white;      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: 0px 3px 14px 0px rgba(30, 41, 59, 0.08);      transition: box-shadow 0.2s;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box img {      transform: scale(1.08);    }    .tg-df-container .tg-df-roundel-img-box img {      width: 100%;      height: 100%;      object-fit: contain;      padding: 10px;      box-sizing: border-box;      transition: transform 0.3s ease;    }    .tg-df-container .tg-df-roundel-label {      font-size: 13px;      font-weight: 400;      color: #1e293b;      text-align: center;      transition: font-weight 0.2s;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-label {      font-weight: 700;    }    .tg-df-container .tg-df-carousel-filters-label {      font-size: 16px;      font-weight: 400;      color: #1e293b;      white-space: nowrap;      margin-right: 4px;    }    .tg-df-container .tg-df-carousel-filters-wrap {      display: flex;      align-items: center;      flex-wrap: nowrap;      gap: 8px;      margin-top: 8px;      overflow-x: auto;      scrollbar-width: none;      -webkit-overflow-scrolling: touch;      padding-bottom: 8px;      margin-left: -24px;      margin-right: -24px;      padding-left: 24px;      padding-right: 24px;    }    .tg-df-container .tg-df-carousel-filters-wrap::-webkit-scrollbar {      display: none;    }        .tg-df-container .tg-df-carousel-filter-btn img,    .tg-df-container .tg-df-carousel-filter-btn picture {      height: 20px;      width: 20px;      object-fit: contain;      object-position: center;      display: inline-flex;      align-items: center;      justify-content: center;      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn picture img {      margin-right: 0;      height: 100%;      width: 100%;    }    .tg-df-container .tg-df-carousel-filter-btn img.active-img,    .tg-df-container .tg-df-carousel-filter-btn picture:has(.active-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.inactive-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.inactive-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.active-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.active-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.active-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.active-img) {      display: inline-flex;    }    .tg-df-container .tg-df-carousel-filter-btn {      background: #ffffff;      border: 2px solid #1e293b;      color: #1e293b;      border-radius: 24px;      padding: 6px 16px;      font-size: 14px;      font-weight: 600;      cursor: pointer;      transition: all 0.2s;      flex-shrink: 0;      white-space: nowrap;      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 36px;      box-sizing: border-box;    }    .tg-df-container .tg-df-carousel-filter-btn svg {      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn:hover {      background: #1e293b;      color: white;      border-color: #1e293b;    }    .tg-df-container .tg-df-carousel-filter-btn.active {      background: #1e293b;      color: white;      border-color: #1e293b;    }        .tg-df-grid.carousel-compact {      display: flex;      flex-wrap: nowrap;      overflow-x: auto;      gap: 16px;      padding: 16px 24px;      align-items: stretch;      scrollbar-width: none;    }    .tg-df-grid.carousel-compact::after {      content: "";      flex: 0 0 32px;    }    .tg-df-grid-wrapper {      position: relative;    }    .tg-df-grid.carousel-compact::-webkit-scrollbar {      display: none;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card {      flex: 0 0 auto;      width: 100px;      border-radius: 15px;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      border: 2px solid #1e293b;      background: white;      color: #1e293b;      display: flex;      flex-direction: column;      justify-content: center;      align-items: center;      font-weight: 600;      font-size: 14px;      cursor: pointer;      padding: 16px;      text-align: center;      transition: all 0.2s;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card:hover {      background: #1e293b;      color: white;    }    .tg-df-grid.carousel-compact .tg-df-card {      flex: 0 0 auto;      width: 200px;      min-height: auto;      height: auto;      display: flex;      flex-direction: column;      border-radius: 15px;      border: none;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      overflow: visible;    }    .tg-df-grid.carousel-compact .tg-df-card-image-box {      padding: 12px;      background-color: transparent;      border-radius: 15px 15px 0 0;      height: 130px;    }    .tg-df-grid.carousel-compact .tg-df-card-image {      mix-blend-mode: normal;    }    .tg-df-grid.carousel-compact .tg-df-card-discount-badge {      border-radius: 0;      top: 0px;      left: 0px;      padding: 4px 8px;      font-size: 11px;    }    .tg-df-grid.carousel-compact .tg-df-card-body {      padding: 8px 12px 12px 12px;    }    .tg-df-grid.carousel-compact .tg-df-card-title {      font-size: 14px;      font-weight: 400;      -webkit-line-clamp: 2;      margin-bottom: 8px;      color: #011535;    }    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):not(:has(.tg-df-tag-prime)):not(:has(.tg-df-coupon-wrapper:not([style*="none"]))) > .tg-df-card-title,    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):has(> .tg-df-card-title:first-child) > .tg-df-card-title {      -webkit-line-clamp: 3;    }    .tg-df-grid.carousel-compact .tg-df-card-cta {      border-radius: 5px;      padding: 8px 10px;      margin-top: 4px;      background-color: #1F69FF;    }    .tg-df-grid.carousel-compact .tg-df-card-price-group {      margin-bottom: 2px;    }    .tg-df-grid.carousel-compact .tg-df-card-merchant-pill {      margin-bottom: 2px;    }    @container tg-df (max-width: 599px) {      .tg-df-container .tg-df-carousel-blue-box-title {        font-size: 24px;      }      .tg-df-container .tg-df-countdown-title {        display: none;      }      .tg-df-container .tg-df-countdown-wrapper {        position: absolute;        top: 0;        right: 0;        align-items: flex-end;        transform: scale(0.45);        transform-origin: top right;      }      .tg-df-container .tg-df-roundel {        min-width: 88px;      }      .tg-df-container .tg-df-roundel-img-box {        width: 88px;        height: 88px;      }    }    /* REPLICA BLOCK STYLES */    .tg-df-grid.layout-replica-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px; }    .tg-df-grid.layout-replica-1 { grid-template-columns: 1fr !important; gap: 20px; }        .tg-df-container .hawk-deal-widget-container { border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: inherit; }    .tg-df-container .hawk-deal-widget-wrap { display: flex; flex-direction: row; align-items: flex-start; width: 100%; gap: 24px; }    .tg-df-container .hawk-deal-widget-image-container { display: flex; flex-shrink: 0; justify-content: center; width: 160px; height: 160px; align-items: center; background: white; margin-bottom: 0px; }    .tg-df-container .hawk-deal-widget-title-product-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.4; display: inline; }    .tg-df-container .hawk-deal-widget-title-price { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-price-now { font-weight: 700; }    .tg-df-container .hawk-deal-widget-title-retailer-price:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-title-retailer { font-size: 18px; font-weight: 700; line-height: 1.4; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-was-price { color: #dc2626; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: line-through; white-space: nowrap; margin-left: 8px; margin-right: 8px; }    .tg-df-container .hawk-deal-widget-text-body-container { position: relative; width: 100%; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-text-body-main { font-size: 16px; width: 100%; margin-bottom: 12px; }    .tg-df-container .hawk-deal-widget-text-body-description { display: block; font-size: 15px; margin-top: 12px; color: #4b5563; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-body-description p { margin: 0; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-cta-container { display: flex; flex-direction: column; gap: 12px; width: 100%; flex: 1; min-width: 0; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-footer { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }    .tg-df-container .hawk-deal-widget-button-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; }    .tg-df-container .hawk-deal-widget-preferred-partner-wrapper { display: flex; flex-direction: row; }        @container tg-df (min-width: 600px) {      .tg-df-mobile-only { display: none !important; }    }    @container tg-df (max-width: 599px) {      .tg-df-desktop-only { display: none !important; }      .tg-df-grid.layout-replica-2 { grid-template-columns: 1fr !important; }      .tg-df-grid.savings-squad-cards { grid-template-columns: 1fr !important; display: flex; flex-direction: column; }    }    .tg-df-grid.savings-squad-cards .tg-df-card-title {      -webkit-line-clamp: unset !important;      display: block !important;      overflow: visible !important;    }    @container tg-df (max-width: 500px) {      .tg-df-container .hawk-deal-widget-wrap { display: block; }      .tg-df-container .hawk-deal-widget-image-container { display: block; float: left; margin: 0 16px 8px 0; width: 120px; max-width: 120px; height: auto; align-items: normal; justify-content: normal; }      .tg-df-container .hawk-deal-widget-text-cta-container { display: block; text-align: left; }      .tg-df-container .hawk-deal-widget-footer { display: block; margin-top: 16px; clear: both; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper .hawk-deal-widget-preferred-partner-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-affiliate-link-deal-button { box-sizing: border-box !important; display: flex !important; max-width: none !important; width: 100% !important; margin: 0 !important; }    }        .tg-df-container .hawk-affiliate-link-deal-button {       align-items: center; background-color: #5aaf0b; box-sizing: border-box; color: #ffffff !important; display: flex; font-size: 14px; font-weight: 700; justify-content: center; letter-spacing: 0.5px; line-height: 1; min-width: 160px; padding: 14px 24px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; word-break: normal; border-radius: 4px; border: 0; transition: background-color 0.2s;     }    .tg-df-container .hawk-affiliate-link-deal-button:hover { background-color: #4a9109; text-decoration: none; }    .tg-df-container .hawk-lazy-image-deal-widget { display: block; height: auto; margin: auto; max-height: 160px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; }    .tg-df-container .hawk-deal-widget-text-cta-container a { color: #2563eb; text-decoration: none; display: inline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:has(.hawk-deal-widget-title-product-title) { color: #111827; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-product-title,    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-retailer-price { text-decoration: underline; }  \x3C/style>  \x3C!-- Widget Container --\x3E  \x3Cdiv class="tg-df-container" id="signal-deals-finder-root">    \x3C!-- Editor Floating Bar --\x3E    \x3Cdiv class="tg-df-editor-bar" id="tg-df-editor-bar" style="display:none;">      \x3Cdiv class="tg-df-editor-bar-text" style="display: flex; align-items: center;">        \x3Cspan id="tg-df-selected-count">0\x3C/span>\x26nbsp;Deals Selected        \x3Cbutton class="tg-df-editor-clear-btn" id="tg-df-editor-clear" type="button" style="margin-left: 12px; font-size: 13px; color: #9ca3af; background: none; border: none; cursor: pointer; text-decoration: underline;">Clear All\x3C/button>      \x3C/div>      \x3Cbutton class="tg-df-editor-copy-btn" id="tg-df-editor-copy" type="button">        \x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">\x3C/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">\x3C/path>\x3C/svg>        Copy to CMS      \x3C/button>    \x3C/div>    \x3Cdiv class="tg-df-carousel-host" id="tg-df-carousel-host" style="display: none;">      \x3Cdiv class="tg-df-carousel-eyebrow">DEAL FINDER\x3C/div>      \x3Cdiv class="tg-df-carousel-query-title" id="tg-df-carousel-title-label">Best Deals\x3C/div>            \x3Cdiv class="tg-df-carousel-blue-box">        \x3Cdiv class="tg-df-carousel-bg-circle-1" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-2" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-3" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-box-content">          \x3Cdiv class="tg-df-countdown-wrapper" id="tg-df-countdown-wrapper" style="display:none;">            \x3Cdiv class="tg-df-countdown-title" id="tg-df-countdown-title">Prime Day starts in\x3C/div>            \x3Cdiv class="tg-df-countdown-blocks">              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-days">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">DAYS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-hrs">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">HRS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-min">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">MIN\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-sec">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">SEC\x3C/div>\x3C/div>            \x3C/div>          \x3C/div>          \x3Cdiv class="tg-df-carousel-box-eyebrow">DEAL FINDER\x3C/div>          \x3Cdiv class="tg-df-carousel-box-title">Find Deals Fast\x3C/div>          \x3Cdiv class="tg-df-carousel-box-subtitle">The latest deals from the biggest retailers, all in one place\x3C/div>                    \x3Cdiv class="tg-df-carousel-roundels-wrapper">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-roundels">            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>          \x3C/div>          \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-carousel-filters-outer" style="position: relative;">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-filters-wrap">                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="0">All\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_lightning">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_prime">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-d="10">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 10% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="15">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 15% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="25">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 25% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-pr="under50">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>            Under $50\x3C/button>        \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3C/div>    \x3C/div>    \x3C/div>      \x3C!-- Search & Filter Controls --\x3E    \x3Cdiv class="tg-df-controls" id="tg-df-controls" style="display:flex;">      \x3Cdiv class="tg-df-top-bar">        \x3Cdiv class="tg-df-search-wrapper">          \x3Cinput type="text" class="tg-df-search-input" placeholder="Search for deals, products, or brands...">          \x3Cbutton type="button" class="tg-df-search-btn" aria-label="Search">              \x3Csvg class="tg-df-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">                \x3Cpath d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-autocomplete-dropdown" id="tg-df-autocomplete">\x3C/div>        \x3C/div>                \x3Cdiv class="tg-df-settings-wrapper">          \x3Cbutton type="button" class="tg-df-settings-btn" aria-label="Settings" id="tg-df-settings-toggle">            \x3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20">                \x3Cpath d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.73 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.49-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>            \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-settings-dropdown-backdrop" id="tg-df-settings-backdrop">\x3C/div>          \x3Cdiv class="tg-df-settings-dropdown" id="tg-df-settings-panel">            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Search Region\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-region-select">                \x3Coption value="auto">🌍 Auto-detect\x3C/option>                \x3Coption value="US">🇺🇸 United States (US)\x3C/option>                \x3Coption value="GB">🇬🇧 United Kingdom (UK)\x3C/option>                \x3Coption value="CA">🇨🇦 Canada (CA)\x3C/option>                \x3Coption value="AU">🇦🇺 Australia (AU)\x3C/option>                \x3Coption value="DE">🇩🇪 Germany (DE)\x3C/option>                \x3Coption value="FR">🇫🇷 France (FR)\x3C/option>                \x3Coption value="IT">🇮🇹 Italy (IT)\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Retailer\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-retailer-select">                \x3Coption value="">All Retailers\x3C/option>                \x3Coption value="Amazon">Amazon\x3C/option>                \x3Coption value="Walmart">Walmart\x3C/option>                \x3Coption value="Best Buy">Best Buy\x3C/option>                \x3Coption value="Target">Target\x3C/option>                \x3Coption value="John Lewis">John Lewis\x3C/option>                \x3Coption value="Currys">Currys\x3C/option>                \x3Coption value="Argos">Argos\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Offer Type\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-offer-type-select">                \x3Coption value="">All Offers\x3C/option>                \x3Coption value="amazon_prime">Amazon Prime\x3C/option>                \x3Coption value="recommended_promo">Recommended Promo\x3C/option>                \x3Coption value="amazon_lightning">Amazon Lightning Deal\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Result Count\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-rows-select">                \x3Coption value="3">3 Items\x3C/option>                \x3Coption value="4">4 Items\x3C/option>                \x3Coption value="6">6 Items\x3C/option>                \x3Coption value="12" selected>12 Items\x3C/option>                \x3Coption value="24">24 Items\x3C/option>                \x3Coption value="48">48 Items\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Deal Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Only show products with active offers or previous prices (was_price)\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-deal-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Editor Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Enable multi-select to copy deals to CMS\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-editor-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">View Mode\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-view-mode-select">                \x3Coption value="auto">Auto Collection\x3C/option>                \x3Coption value="carousel">Carousel\x3C/option>                \x3Coption value="savings_squad">Savings Squad\x3C/option>                \x3Coption value="grid">Grid (Columns)\x3C/option>                \x3Coption value="row">Row (List)\x3C/option>              \x3C/select>            \x3C/div>          \x3C/div>        \x3C/div>      \x3C/div>      \x3Cdiv class="tg-df-filters">        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-category-filter-wrapper" style="display: none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-category-filter" aria-label="Category">            \x3Coption value="all">All Categories\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-multiselect-container" id="tg-df-brand-filter-wrapper" style="display:none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/>          \x3C/svg>          \x3Cdiv class="tg-df-filter-select tg-df-multiselect-trigger" id="tg-df-brand-trigger" tabindex="0">            Any Brand          \x3C/div>          \x3Cdiv class="tg-df-multiselect-dropdown" id="tg-df-brand-dropdown">            \x3C!-- Populated via script --\x3E          \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>          \x3C/svg>          \x3Cselect class="tg-df-sort-select" aria-label="Sort Deals">            \x3Coption value="date_desc">Newest First\x3C/option>            \x3Coption value="best_match">Sort by: Match\x3C/option>            \x3Coption value="price_asc">Price Low to High\x3C/option>            \x3Coption value="price_desc">Price High to Low\x3C/option>            \x3Coption value="discount_desc">Biggest Discount\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-price-range-wrapper" id="tg-df-custom-price-wrapper" style="display: flex; align-items:center; justify-content:center; padding: 10px 20px; gap: 8px; border: 1px solid var(--tg-df-border); border-radius: 100px; background-color: var(--tg-df-bg);">          \x3Cspan style="font-size:14px; font-weight:500; color:var(--tg-df-text-primary);">Price\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-min" placeholder="Min" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">          \x3Cspan style="color:var(--tg-df-text-muted)">-\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-max" placeholder="Max" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-legacy-price-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-price-filter" aria-label="Filter Prices">            \x3Coption value="all">All Prices\x3C/option>            \x3Coption value="under50">Under $50\x3C/option>            \x3Coption value="50_100">$50 - $100\x3C/option>            \x3Coption value="100_200">$100 - $200\x3C/option>            \x3Coption value="200_500">$200 - $500\x3C/option>            \x3Coption value="over500">Over $500\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-discount-filter-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-discount-filter" aria-label="Discount Amount">            \x3Coption value="all">Any discount\x3C/option>            \x3Coption value="5">Min 5%\x3C/option>            \x3Coption value="10">Min 10%\x3C/option>            \x3Coption value="15">Min 15%\x3C/option>            \x3Coption value="20">Min 20%\x3C/option>            \x3Coption value="25">Min 25%\x3C/option>            \x3Coption value="30">Min 30%\x3C/option>            \x3Coption value="40">Min 40%\x3C/option>            \x3Coption value="50">Min 50%\x3C/option>            \x3Coption value="60">Min 60%\x3C/option>            \x3Coption value="70">Min 70%\x3C/option>          \x3C/select>        \x3C/div>      \x3C/div>    \x3C/div>    \x3C!-- Deals Grid Wrapper --\x3E    \x3Cdiv class="tg-df-grid-wrapper tg-df-carousel-cards-wrapper" id="tg-df-grid-wrapper">      \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3Cdiv class="tg-df-grid" id="tg-df-grid">        \x3C!-- Content populated by JavaScript --\x3E      \x3C/div>      \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>    \x3C/div>        \x3C!-- Vouchers Modal --\x3E    \x3Cdiv class="tg-df-modal-backdrop" id="tg-df-vouchers-modal">      \x3Cdiv class="tg-df-modal">        \x3Cdiv class="tg-df-modal-header">          \x3Ch3 class="tg-df-modal-title" id="tg-df-vouchers-title">Available Coupons & Deals\x3C/h3>          \x3Cbutton class="tg-df-modal-close" id="tg-df-vouchers-close">            \x3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">              \x3Cline x1="18" y1="6" x2="6" y2="18">\x3C/line>              \x3Cline x1="6" y1="6" x2="18" y2="18">\x3C/line>            \x3C/svg>          \x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-modal-body" id="tg-df-vouchers-content">          \x3C!-- Vouchers injected here --\x3E        \x3C/div>      \x3C/div>    \x3C/div>  \x3C/div>`;      if (!template) {        template = document.createElement('template');        template.innerHTML = rawTemplate;      }      let shadowRoot = null;      if (hostContainer && template) {        hostContainer.setAttribute('data-initialized', 'true');        shadowRoot = hostContainer.attachShadow({ mode: 'open' });        shadowRoot.appendChild(template.content.cloneNode(true));      }      class DealsFinderWidget {        constructor(config) {          this.rootNode = config.rootNode || document;          this.hostContainer = config.hostContainer || null;          this.rootId = config.rootId || 'signal-deals-finder-root';          this.root = this.rootNode.querySelector('#' + this.rootId);          if (!this.root) return;          this.widgetId = (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'widget-' + Date.now() + '-' + Math.random().toString(36).slice(2);          this.grid = this.root.querySelector('#tg-df-grid');          this.tagsContainer = this.root.querySelector('#tg-df-tags-container');          this.categoryFilter = this.root.querySelector('#tg-df-category-filter');          this.categoryFilterWrapper = this.root.querySelector('#tg-df-category-filter-wrapper');          this.searchInput = this.root.querySelector('.tg-df-search-input');          this.autocompleteDropdown = this.root.querySelector('#tg-df-autocomplete');          this.sortSelect = this.root.querySelector('.tg-df-sort-select');          this.searchBtn = this.root.querySelector('.tg-df-search-btn');                    this.settingsToggle = this.root.querySelector('#tg-df-settings-toggle');          this.settingsPanel = this.root.querySelector('#tg-df-settings-panel');          this.settingsBackdrop = this.root.querySelector('#tg-df-settings-backdrop');          this.regionSelect = this.root.querySelector('#tg-df-region-select');          this.retailerSelect = this.root.querySelector('#tg-df-retailer-select');          this.offerTypeSelect = this.root.querySelector('#tg-df-offer-type-select');          this.viewModeSelect = this.root.querySelector('#tg-df-view-mode-select');          this.rowsSelect = this.root.querySelector('#tg-df-rows-select');          this.dealModeToggle = this.root.querySelector('#tg-df-deal-mode');          this.editorModeToggle = this.root.querySelector('#tg-df-editor-mode');          this.priceFilter = this.root.querySelector('#tg-df-price-filter');          this.discountFilter = this.root.querySelector('#tg-df-discount-filter');                    this.editorBar = this.root.querySelector('#tg-df-editor-bar');          this.editorSelectedCount = this.root.querySelector('#tg-df-selected-count');          this.editorCopyBtn = this.root.querySelector('#tg-df-editor-copy');          this.editorClearBtn = this.root.querySelector('#tg-df-editor-clear');                    this.apiUrl = 'https://search-api.fie.future.net.uk/widget.php';          this.deals = [];          this.displayLimit = 12;          this.airedaleArticles = null;          this.airedaleTags = [];          this.airedaleTagCounts = {};          this.activeDealTag = null;          this.selectedBrands = [];          this.currentQuery = '';          this.editorMode = this.hostContainer ? this.hostContainer.hasAttribute('data-editor-mode') : false;          this.viewModeOverride = this.hostContainer ? this.hostContainer.getAttribute('data-view-mode') : null;          this.selectedDeals = new Map();                    this.brandFilterWrapper = this.root.querySelector('#tg-df-brand-filter-wrapper');          this.brandTrigger = this.root.querySelector('#tg-df-brand-trigger');          this.brandDropdown = this.root.querySelector('#tg-df-brand-dropdown');                    this.customPriceWrapper = this.root.querySelector('#tg-df-custom-price-wrapper');          this.customPriceMin = this.root.querySelector('#tg-df-custom-price-min');          this.customPriceMax = this.root.querySelector('#tg-df-custom-price-max');          this.legacyPriceWrapper = this.root.querySelector('#tg-df-legacy-price-wrapper');          this.discountFilterWrapper = this.root.querySelector('#tg-df-discount-filter-wrapper');          this.initResizeObserver();          this.init();            if (['carousel', 'carousel-compact', 'auto', 'grid', 'row'].includes(this.getViewMode())) { this.loadCarouselSpreadsheet(); }        }        getViewMode() {          if (this.viewModeOverride && (!this.editorMode || !this.viewModeSelect)) {            return this.viewModeOverride;          }          return (this.viewModeSelect && this.viewModeSelect.value) ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');        }        applyLayoutMode() {          if (!this.grid) return;          const mode = this.getViewMode();          this.grid.classList.remove('layout-row', 'layout-grid', 'tg-df-grid-auto', 'carousel-compact', 'layout-replica-1', 'layout-replica-2');                    const carouselHost = this.root.querySelector('#tg-df-carousel-host');          const controlsDiv = this.root.querySelector('#tg-df-controls');          if (mode === 'carousel' || mode === 'auto' || mode === 'grid' || mode === 'row') {             if (mode === 'carousel') this.grid.classList.add('carousel-compact');             if (carouselHost) carouselHost.style.display = 'block';             if (controlsDiv) controlsDiv.style.display = 'none';             if (this.root.classList.contains('tg-df-container') && mode === 'carousel') {               this.root.classList.add('is-carousel');             } else if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          } else {             if (carouselHost) carouselHost.style.display = 'none';             if (controlsDiv) controlsDiv.style.display = 'flex';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          }          if (mode === 'grid') {            this.grid.classList.add('layout-grid');          } else if (mode === 'row') {            this.grid.classList.add('layout-row');          } else if (mode === 'savings_squad') {            this.grid.classList.add('tg-df-grid-auto', 'savings-squad-cards');          } else if (mode !== 'carousel') {            this.grid.classList.add('tg-df-grid-auto');          }                    const settingsWrapper = this.root.querySelector('.tg-df-settings-wrapper');          if (settingsWrapper) {            settingsWrapper.style.display = mode === 'auto' ? 'none' : 'block';          }          if (this.customPriceWrapper) {             this.customPriceWrapper.style.display = mode === 'auto' ? 'flex' : 'none';          }          if (this.legacyPriceWrapper) {             this.legacyPriceWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }          if (this.discountFilterWrapper) {             this.discountFilterWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }        }        initResizeObserver() {          try {            if (window.parent === window) return;          } catch (e) {            // cross origin frame check threw          }          const emitHeight = () => {            try {              const height = document.documentElement.scrollHeight || document.body.scrollHeight;              const msg = { type: 'embed-size', height: height };              if (window.parent && window.parent !== window) {                window.parent.postMessage(msg, '*');                window.parent.postMessage(JSON.stringify({ ...msg, sentinel: 'amp' }), '*');              }            } catch (e) {}          };                    if (window.ResizeObserver) {            try {              const ro = new ResizeObserver(() => emitHeight());              ro.observe(document.body);              if (this.root) ro.observe(this.root);            } catch(e){ console.warn(e); }          }          window.addEventListener('resize', emitHeight);          setTimeout(emitHeight, 300);        }        initCountdown() {          this.cdWrapper = this.root.querySelector('#tg-df-countdown-wrapper');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          this.showCountdown = params.get('show_countdown') === 'true';          const showHeaderDetails = params.get('show_header_details') !== 'false';          const eyebrow = this.root.querySelector('.tg-df-carousel-box-eyebrow');          const title = this.root.querySelector('.tg-df-carousel-box-title');          const subtitle = this.root.querySelector('.tg-df-carousel-box-subtitle');          if (!showHeaderDetails) {            let containerElement = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (containerElement) containerElement.classList.add('hide-header-details');            if (eyebrow) eyebrow.style.display = 'none';            if (title) title.style.display = 'none';            if (subtitle) subtitle.style.display = 'none';          }          if (!this.cdWrapper) return;          this.cdTitle = this.root.querySelector('#tg-df-countdown-title');          this.cdDays = this.root.querySelector('#tg-df-cd-days');          this.cdHrs = this.root.querySelector('#tg-df-cd-hrs');          this.cdMin = this.root.querySelector('#tg-df-cd-min');          this.cdSec = this.root.querySelector('#tg-df-cd-sec');          this.updateCountdown();          this.cdInterval = setInterval(() => this.updateCountdown(), 1000);        }        updateCountdown() {          if (!this.cdWrapper) return;          if (!this.showCountdown) {            this.cdWrapper.style.display = 'none';            return;          }          const area = this.getAreaCode();          let offset = '-04:00';          if (['DE', 'FR', 'IT', 'ES', 'NL'].includes(area)) {             offset = '+02:00';          } else if (['GB', 'IE', 'UK'].includes(area)) {             offset = '+01:00';          }          const startTime = new Date('2026-06-23T00:00:00' + offset).getTime();          const endTime = new Date('2026-06-26T00:00:00' + offset).getTime();          const now = Date.now();          let targetTime = 0;          if (now < startTime) {             targetTime = startTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day starts in';             this.cdWrapper.style.display = 'flex';          } else if (now < endTime) {             targetTime = endTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day ends in';             this.cdWrapper.style.display = 'flex';          } else {             this.cdWrapper.style.display = 'none';             if (this.cdInterval) clearInterval(this.cdInterval);             return;          }          const diff = Math.max(0, targetTime - now);          const d = Math.floor(diff / (1000 * 60 * 60 * 24));          const h = Math.floor((diff / (1000 * 60 * 60)) % 24);          const m = Math.floor((diff / 1000 / 60) % 60);          const s = Math.floor((diff / 1000) % 60);          if (this.cdDays) this.cdDays.textContent = d;          if (this.cdHrs) this.cdHrs.textContent = h;          if (this.cdMin) this.cdMin.textContent = m;          if (this.cdSec) this.cdSec.textContent = s;        }        init() {          this.initCountdown();          try {            initAnalytics();          } catch (e) {            console.warn('Deals Widget Analytics Error:', e);          }                    this.bindEvents();                    let initialQuery = '';                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          let initialViewMode = params.get('view_mode');          if (!params.has('search') && !params.has('q') && !params.has('query') && initialViewMode !== 'savings_squad') {             initialQuery = 'Everything';             if (this.discountFilter && !params.has('min_discount_ratio')) {               this.discountFilter.value = '5';             }          }          const website = params.get('website') || 'tomsguide';          this.website = website;          if (website === 'techradar') {            const squadHeader = this.root.querySelector('.tg-df-savings-squad-header');            if (squadHeader) {               const pic = squadHeader.querySelector('picture');               if (pic) pic.style.display = 'none';            }            const style = document.createElement('style');            style.innerHTML = `              .tg-df-container .hawk-affiliate-link-deal-button, .tg-df-container .tg-df-card-cta { background-color: #5DAF08 !important; }              .tg-df-container .hawk-affiliate-link-deal-button:hover, .tg-df-container .tg-df-card-cta:hover { background-color: #4a8c06 !important; }            `;            this.root.appendChild(style);          }                    if (this.regionSelect) {            this.regionSelect.value = params.get('region') || 'auto';            this.updatePriceDropdownCurrency();          }                    if (this.retailerSelect && params.has('retailer')) {            this.retailerSelect.value = params.get('retailer');          }                    if (params.has('brands')) {            const b = params.get('brands');            if (b) {              this.selectedBrands = b.split(',');            }          }                    if (this.offerTypeSelect && params.has('offer_type')) {            this.offerTypeSelect.value = params.get('offer_type');          }          if (params.has('bg_color')) {            const bg = params.get('bg_color');            if (bg === 'white') {              this.root.style.setProperty('background-color', '#ffffff', 'important');            } else if (bg === 'transparent') {              this.root.style.setProperty('background-color', 'transparent', 'important');            } else if (bg === 'light_blue') {              this.root.style.setProperty('background-color', '#E7F0FF', 'important');            }          } else {             this.root.style.removeProperty('background-color');          }                    if (params.has('view_mode')) {            if (this.viewModeSelect) {              this.viewModeSelect.value = params.get('view_mode');            } else {              this.viewModeOverride = params.get('view_mode');            }          }          if (this.rowsSelect && params.has('rows')) {            this.rowsSelect.value = params.get('rows');          }          if (params.has('price')) {            const priceVal = params.get('price');            if (this.priceFilter) {               // Try assigning it directly to select. If it's not present implicitly ignores               this.priceFilter.value = priceVal;            }            if (priceVal.includes('_')) {               const parts = priceVal.split('_');               if (this.customPriceMin && parts[0]) this.customPriceMin.value = parts[0];               if (this.customPriceMax && parts[1]) this.customPriceMax.value = parts[1];            }          }          if (this.discountFilter && params.has('min_discount_ratio')) {            // Need to convert back from ratio (e.g. 0.8) to select value (e.g. "20")            const ratioStr = params.get('min_discount_ratio');            const ratioFloat = parseFloat(ratioStr);            if (!isNaN(ratioFloat)) {               const percentage = Math.round((1 - ratioFloat) * 100);               this.discountFilter.value = percentage.toString();            }          }          if (this.sortSelect) {            this.sortSelect.value = params.get('sort') || 'discount_desc';          }          if (this.dealModeToggle && params.has('deal_mode')) {            this.dealModeToggle.checked = params.get('deal_mode') === 'true' || params.get('deal_mode') === '1';          }                    // Re-apply layout after params have updated control values          this.applyLayoutMode();                    if (params.get('search')) {            initialQuery = params.get('search');          } else if (params.get('q')) {            initialQuery = params.get('q');          } else if (params.get('query')) {            initialQuery = params.get('query');          }                    this.currentQuery = initialQuery;          if (this.searchInput) {            this.searchInput.value = this.currentQuery;          }                    if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {            this.fetchDeals(this.currentQuery);          } else {            this.render();          }        }        updatePriceDropdownCurrency() {          if (!this.priceFilter || !this.regionSelect) return;          const currencySymbols = {            'US': '$',            'GB': '£',            'CA': '$CA',            'AU': '$AU',            'DE': '€',            'FR': '€',            'IT': '€',          };          const area = this.getAreaCode();          const cur = currencySymbols[area || 'US'] || '$';                    const options = this.priceFilter.options;          for (let i = 0; i < options.length; i++) {            const opt = options[i];            if (opt.value === 'all') {              opt.innerText = 'All Prices';            } else if (opt.value === 'under50') {              opt.innerText = `Under ${cur}50`;            } else if (opt.value === '50_100') {              opt.innerText = `${cur}50 - ${cur}100`;            } else if (opt.value === '100_200') {              opt.innerText = `${cur}100 - ${cur}200`;            } else if (opt.value === '200_500') {              opt.innerText = `${cur}200 - ${cur}500`;            } else if (opt.value === 'over500') {              opt.innerText = `Over ${cur}500`;            }          }        }        populateBrandDropdown(values) {          if (!this.brandDropdown || !this.brandFilterWrapper) return;          this.brandFilterWrapper.style.display = 'flex'; // show the wrapper                    let html = '';          const allChecked = this.selectedBrands.length === 0 ? 'checked' : '';          const _div = '<' + '/div>';          const _span = '<' + '/span>';          html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="" ${allChecked} class="tg-df-brand-chk"> Any Brand${_div}`;                    values.forEach(v => {             if (!v.formatted_value || v.formatted_value === 'Any Brand') return;             const isChecked = this.selectedBrands.includes(v.formatted_value) ? 'checked' : '';             html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="${this.escapeHTML(v.formatted_value)}" ${isChecked} class="tg-df-brand-chk"> ${this.escapeHTML(v.formatted_value)} \x3Cspan style="color:var(--tg-df-text-muted);font-size:12px">(${v.count || 0})${_span}${_div}`;          });                    this.brandDropdown.innerHTML = html;                    // Re-bind listeners          const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');          chks.forEach(chk => {            chk.addEventListener('change', (e) => {              const val = e.target.value;              if (val === '') {                this.selectedBrands = [];              } else {                if (e.target.checked) {                   if (!this.selectedBrands.includes(val)) this.selectedBrands.push(val);                } else {                   this.selectedBrands = this.selectedBrands.filter(b => b !== val);                }              }                            if (this.selectedBrands.length === 0) {                 this.brandTrigger.innerText = 'Any Brand';              } else if (this.selectedBrands.length === 1) {                 this.brandTrigger.innerText = this.selectedBrands[0];              } else {                 this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;              }                            // Only call API if changed from UI interactions              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.updateURLParams();                 this.fetchDeals(this.currentQuery);              }            });          });                    // Update button text on load          if (this.selectedBrands.length === 0) {             this.brandTrigger.innerText = 'Any Brand';          } else if (this.selectedBrands.length === 1) {             this.brandTrigger.innerText = this.selectedBrands[0];          } else {             this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;          }        }        updateURLParams() {          const url = new URL(window.location);          if (this.currentQuery && this.currentQuery !== 'Gaming laptops') {            url.searchParams.set('q', this.currentQuery);          } else {            url.searchParams.delete('q');            url.searchParams.delete('search');            url.searchParams.delete('query');          }                    if (this.regionSelect && this.regionSelect.value !== 'auto') {            url.searchParams.set('region', this.regionSelect.value);          } else {            url.searchParams.delete('region');          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.set('retailer', this.retailerSelect.value);          } else {            url.searchParams.delete('retailer');          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.set('brands', this.selectedBrands.join(','));          } else {            url.searchParams.delete('brands');          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.set('offer_type', this.offerTypeSelect.value);          } else {            url.searchParams.delete('offer_type');          }                    if (this.viewModeSelect && this.viewModeSelect.value !== 'auto') {            url.searchParams.set('view_mode', this.viewModeSelect.value);          } else {            url.searchParams.delete('view_mode');          }                    if (this.rowsSelect && this.rowsSelect.value !== '12') {            url.searchParams.set('rows', this.rowsSelect.value);          } else {            url.searchParams.delete('rows');          }                    const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             url.searchParams.set('price', `${min}_${max}`);          } else if (this.priceFilter && this.priceFilter.value !== 'all') {            url.searchParams.set('price', this.priceFilter.value);          } else {            url.searchParams.delete('price');          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {               const ratio = (100 - v) / 100;               url.searchParams.set('min_discount_ratio', ratio.toString());            }          } else {            url.searchParams.delete('min_discount_ratio');          }                    if (this.sortSelect && this.sortSelect.value !== 'discount_desc') {            url.searchParams.set('sort', this.sortSelect.value);          } else {            url.searchParams.delete('sort');          }                    if (this.dealModeToggle && this.dealModeToggle.checked) {            url.searchParams.set('deal_mode', 'true');          } else {            url.searchParams.delete('deal_mode');          }                    window.history.replaceState({}, '', url);        }        bindEvents() {          const roundels = this.root.querySelectorAll('.tg-df-carousel-cat.original-hardcoded');          roundels.forEach(r => {             r.addEventListener('click', () => {                const q = r.getAttribute('data-query');                const pr = r.getAttribute('data-pr');                if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: q,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = q;                const label = this.root.querySelector('#tg-df-carousel-title-label');                if (label) label.textContent = 'Best ' + q;                if (this.priceFilter) this.priceFilter.value = pr || 'all';                if (this.discountFilter) this.discountFilter.value = '5';                if (this.searchInput) this.searchInput.value = q;                                roundels.forEach(ro => ro.classList.remove('active'));                r.classList.add('active');                this.fetchDeals(this.currentQuery);             });          });          const discBtns = this.root.querySelectorAll('.tg-df-carousel-filter-btn');          discBtns.forEach(b => {             b.addEventListener('click', () => {                const d = b.getAttribute('data-d');                const pr = b.getAttribute('data-pr');                const ot = b.getAttribute('data-ot');                let label = b.innerText ? b.innerText.trim() : '';                let filterType = 'unknown';                let filterVal = 'unknown';                if (d !== null) { filterType = 'discount'; filterVal = d; }                else if (pr !== null) { filterType = 'price'; filterVal = pr; }                else if (ot !== null) { filterType = 'offertype'; filterVal = ot; }                if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-${filterType}-${filterVal}`, name: 'Filter Button', label: label });                                if (d !== null) {                   if (this.discountFilter) this.discountFilter.value = this.discountFilter.value === d ? '0' : d;                } else if (pr !== null) {                   if (this.priceFilter) this.priceFilter.value = this.priceFilter.value === pr ? 'all' : pr;                } else if (ot !== null) {                   if (this.offerTypeSelect) this.offerTypeSelect.value = this.offerTypeSelect.value === ot ? 'all' : ot;                } else {                   if (this.discountFilter) this.discountFilter.value = '0';                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.offerTypeSelect) this.offerTypeSelect.value = 'all';                }                if (d === null && pr === null && ot === null && b.getAttribute("data-type") !== "custom") {                   discBtns.forEach(ro => ro.classList.remove('active'));                   b.classList.add('active');                } else if (b.getAttribute("data-type") !== "custom") {                   // Only operate on hardcoded buttons (those without data-type)                   discBtns.forEach(ro => {                      if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active');                   });                                      let makeActive = true;                   if (d !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-d') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (pr !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-pr') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (ot !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-ot') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   }                                      if (makeActive) b.classList.add('active');                                      // Check if anything is active, if not activate "All"                   let anyActive = false;                   discBtns.forEach(ro => { if (ro.classList.contains('active') && ro.getAttribute('data-type') !== 'custom') anyActive = true; });                   if (!anyActive) {                       discBtns.forEach(ro => { if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.add('active'); });                   }                }                                this.fetchDeals(this.currentQuery);             });          });          if (this.brandTrigger && this.brandDropdown) {            this.brandTrigger.addEventListener('click', () => {              this.brandDropdown.classList.toggle('active');            });            document.addEventListener('click', (e) => {              if (this.brandFilterWrapper && !e.composedPath().includes(this.brandFilterWrapper)) {                this.brandDropdown.classList.remove('active');              }            });          }          let debounceTimer;          if(this.searchInput) {            this.searchInput.addEventListener('input', (e) => {              clearTimeout(debounceTimer);              const query = e.target.value.trim();              this.currentQuery = query;              if (this.getViewMode() === 'savings_squad' && this.autocompleteDropdown && this.airedaleTags && query.length > 0) {                 const matches = this.airedaleTags.filter(t => t.toLowerCase().includes(query.toLowerCase()) && t.toLowerCase() !== query.toLowerCase()).slice(0, 5);                 if (matches.length > 0) {                    this.autocompleteDropdown.innerHTML = matches.map(m => `\x3Cdiv class="tg-df-autocomplete-item" data-tag="${this.escapeHTML(m)}">${this.escapeHTML(m)}<` + `/div>`).join('');                    this.autocompleteDropdown.classList.add('active');                 } else {                    this.autocompleteDropdown.classList.remove('active');                 }              } else if (this.autocompleteDropdown) {                 this.autocompleteDropdown.classList.remove('active');              }              debounceTimer = setTimeout(() => {                this.updateURLParams();                if (query.length > 2) {                  this.fetchDeals(query);                } else if (query.length === 0) {                  this.deals = [];                  this.render();                }              }, 400);            });            this.searchInput.addEventListener('keypress', (e) => {              if (e.key === 'Enter') {                if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');                clearTimeout(debounceTimer);                const query = e.target.value.trim();                this.currentQuery = query;                this.activeDealTag = null;                trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                this.updateURLParams();                if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                   this.fetchDeals(query);                }              }            });          }          if (this.autocompleteDropdown) {             this.autocompleteDropdown.addEventListener('click', (e) => {                const item = e.target.closest('.tg-df-autocomplete-item');                if (item) {                   const tag = item.getAttribute('data-tag');                   this.currentQuery = tag;                   if (this.searchInput) this.searchInput.value = tag;                   this.activeDealTag = tag;                   this.autocompleteDropdown.classList.remove('active');                   this.updateURLParams();                   this.fetchDeals(tag);                }             });             document.addEventListener('click', (e) => {               if (this.autocompleteDropdown && this.searchInput && !e.composedPath().includes(this.searchInput) && !e.composedPath().includes(this.autocompleteDropdown)) {                 this.autocompleteDropdown.classList.remove('active');               }             });          }          if (this.searchBtn) {            this.searchBtn.addEventListener('click', () => {              if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');              clearTimeout(debounceTimer);              const query = this.searchInput.value.trim();              trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });              this.activeDealTag = null;              this.currentQuery = query;              this.updateURLParams();              if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.fetchDeals(query);              }            });          }          if(this.sortSelect) this.sortSelect.addEventListener('change', () => {            trackElementInteraction({ id: `sort-option-${this.sortSelect.value}`, name: 'Sort', label: `Sort: ${this.sortSelect.options[this.sortSelect.selectedIndex].text}` });            this.updateURLParams();            if (this.deals.length > 0) {              this.sortData();              this.render();            }          });                    const priceFilter = this.root.querySelector('#tg-df-price-filter');          if (priceFilter) {            this.priceFilter = priceFilter;            this.priceFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-price-${this.priceFilter.value}`, name: 'Price', label: this.priceFilter.options[this.priceFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          const updateCustomPrice = () => {             this.updateURLParams();             if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);             } else {                this.render();             }          };          if (this.customPriceMin) {             this.customPriceMin.addEventListener('change', updateCustomPrice);             this.customPriceMin.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          if (this.customPriceMax) {             this.customPriceMax.addEventListener('change', updateCustomPrice);             this.customPriceMax.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          const discountFilter = this.root.querySelector('#tg-df-discount-filter');          if (discountFilter) {            this.discountFilter = discountFilter;            this.discountFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-discount-${this.discountFilter.value}`, name: 'Discount', label: this.discountFilter.options[this.discountFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          if (this.categoryFilter) {            this.categoryFilter.addEventListener('change', (e) => {               const val = e.target.value === 'all' ? null : e.target.value;               this.activeDealTag = val;               this.fetchSavingsSquad();            });          }                    if (this.settingsToggle) {            this.settingsToggle.addEventListener('click', () => {              const o = this.settingsPanel.classList.toggle('active');              this.settingsBackdrop.classList.toggle('active');              if (o) trackElementInteraction({ id: 'filter-open', name: 'Filters', label: 'Open filters' });            });          }                    if (this.settingsBackdrop) {            this.settingsBackdrop.addEventListener('click', () => {              this.settingsPanel.classList.remove('active');              this.settingsBackdrop.classList.remove('active');            });          }                    if (this.regionSelect) {            this.regionSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-region-${this.regionSelect.value}`, name: 'Region', label: this.regionSelect.options[this.regionSelect.selectedIndex].text });              this.updateURLParams();              this.updatePriceDropdownCurrency();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.retailerSelect) {            this.retailerSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-merchant-${this.retailerSelect.value}`, name: 'Retailer', label: this.retailerSelect.options[this.retailerSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.offerTypeSelect) {            this.offerTypeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-offertype-${this.offerTypeSelect.value}`, name: 'Offer Type', label: this.offerTypeSelect.options[this.offerTypeSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.viewModeSelect) {            this._prevViewMode = this.viewModeSelect.value;            this.viewModeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-viewmode-${this.viewModeSelect.value}`, name: 'View Mode', label: this.viewModeSelect.options[this.viewModeSelect.selectedIndex].text });                            // Reset all active toggles and filters to prevent config carry-over              this.selectedBrands = [];              if (this.brandTrigger) this.brandTrigger.innerText = 'Select Brands';              if (this.brandDropdown) {                const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                chks.forEach(chk => { chk.checked = false; });              }              if (this.priceFilter) this.priceFilter.value = 'all';              if (this.customPriceMin) this.customPriceMin.value = '';              if (this.customPriceMax) this.customPriceMax.value = '';              if (this.sortSelect) this.sortSelect.value = this.viewModeSelect.value === 'savings_squad' ? 'date_desc' : 'discount_desc';              if (this.discountFilter) this.discountFilter.value = '0';              if (this.retailerSelect) this.retailerSelect.value = '';              if (this.offerTypeSelect) this.offerTypeSelect.value = '';              if (this.rowsSelect) this.rowsSelect.value = '12';              if (this.categoryFilter) this.categoryFilter.value = 'all';              this.activeDealTag = null;              this.updateURLParams();              this.applyLayoutMode();                            if (this.getViewMode() === 'savings_squad' || this._prevViewMode === 'savings_squad') {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }              this._prevViewMode = this.viewModeSelect.value;            });          }                    if (this.rowsSelect) {            this.rowsSelect.addEventListener('change', () => {              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.dealModeToggle) {            this.dealModeToggle.addEventListener('change', () => {              this.updateURLParams();              this.render();            });          }          if (this.editorModeToggle) {             this.editorModeToggle.addEventListener('change', (e) => {                this.editorMode = e.target.checked;                this.render();                this.updateFloatingCopyBar();             });          }          if (this.editorCopyBtn) {             this.editorCopyBtn.addEventListener('click', () => {                this.copySelectedDealsToCMS();             });          }          if (this.editorClearBtn) {             this.editorClearBtn.addEventListener('click', () => {                this.selectedDeals.clear();                this.render();                this.updateFloatingCopyBar();             });          }          if (this.grid) {            this.grid.addEventListener('change', (e) => {               if (e.target.classList.contains('tg-df-deal-checkbox')) {                  const dealId = e.target.getAttribute('data-id');                  if (e.target.checked) {                     const dealObj = this.deals.find(d => d.id === dealId);                     if (dealObj) this.selectedDeals.set(dealId, dealObj);                  } else {                     this.selectedDeals.delete(dealId);                  }                  this.updateFloatingCopyBar();               }            });            this.grid.addEventListener('click', (e) => {              const dealCard = e.target.closest('[data-action="deal-click"]');              const similarCard = e.target.closest('[data-action="view-similar-click"]');              const cardLink = dealCard || similarCard;              if (cardLink) {                const productName = cardLink.getAttribute('data-product-name');                const merchantName = cardLink.getAttribute('data-merchant-name');                const productId = cardLink.getAttribute('data-analytics-id');                const price = parseFloat(cardLink.getAttribute('data-price')) || null;                const prevPriceStr = cardLink.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = cardLink.getAttribute('data-original-link');                const rewrittenLink = cardLink.getAttribute('href');                const revenueId = cardLink.getAttribute('data-revenue-id');                const index = parseInt(cardLink.getAttribute('data-index'), 10) || 0;                const inStock = cardLink.getAttribute('data-in-stock') === 'true';                const totalText = cardLink.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: cardLink.getAttribute('data-model-id') || null,                    matchId: cardLink.getAttribute('data-match-id') || null,                    brand: cardLink.getAttribute('data-model-brand') || null,                    parent: cardLink.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: cardLink.getAttribute('data-merchant-id') || null,                    network: cardLink.getAttribute('data-merchant-network') || null,                    url: cardLink.getAttribute('data-merchant-url') || null,                    name: merchantName                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: normalizeCurrency(this.escapeHTML(cardLink.getAttribute('data-currency') || '$'))                };                if (dealCard) {                  trackDealClick(trackingParams);                } else {                  trackViewSimilarClick(trackingParams);                }              }              const couponsBtn = e.target.closest('[data-action="coupons-click"]');              if (couponsBtn) {                trackElementInteraction({                  id: 'product-card-show-coupons',                  name: 'Coupons',                  label: `Product card coupons: ${couponsBtn.getAttribute('data-merchant')}`                });              }            });          }          this.setupScrollListeners();        }        setupScrollListeners() {          const containers = [             this.root.querySelector('.tg-df-carousel-roundels'),             this.root.querySelector('.tg-df-carousel-filters-wrap'),             this.root.querySelector('#tg-df-grid')          ];                    containers.forEach(container => {             if (!container) return;                          const checkScroll = () => {                if (!container.parentElement) return;                const leftBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-left');                const rightBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-right');                                if (leftBtn) {                   if (container.scrollLeft <= 5) leftBtn.style.display = 'none';                   else leftBtn.style.display = 'flex';                }                                if (rightBtn) {                   if (container.scrollWidth <= container.clientWidth) {                       rightBtn.style.display = 'none';                   } else if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 5) {                       rightBtn.style.display = 'none';                   } else {                       rightBtn.style.display = 'flex';                   }                }             };                          container.addEventListener('scroll', checkScroll);             checkScroll();                          window.addEventListener('resize', checkScroll);                          const observer = new MutationObserver(checkScroll);             observer.observe(container, { childList: true, subtree: true, characterData: false });          });        }        get widgetTypeName() {          const mode = this.viewModeSelect ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');          switch(mode) {              case 'carousel': return 'Carousel';              case 'savings_squad': return 'Savings Squad';              case 'grid': return 'Grid';              case 'row': return 'Row';              default: return 'Auto Collection';          }        }        getRowsLimit() {          if (this.rowsSelect && this.rowsSelect.value) return parseInt(this.rowsSelect.value, 10);          let configSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {             configSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {             configSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(configSource);          if (params.has('rows')) return parseInt(params.get('rows'), 10) || 12;          return 12;        }        getAreaCode() {          if (this.regionSelect && this.regionSelect.value) {            if (this.regionSelect.value === 'auto') return null;            return this.regionSelect.value;          }          let area = null;          try {            const locale = window.navigator.language || window.navigator.userLanguage;            if (locale && locale.includes('-')) {              area = locale.split('-')[1].toUpperCase();            } else if (locale && locale.length === 2) {              if (locale.toUpperCase() === 'EN') { area = 'US'; }              else { area = locale.toUpperCase(); }            }          } catch (e) { /* Ignore */ }                    // Map to known valid options or fallback to US          const valid = ['US', 'GB', 'CA', 'AU', 'DE', 'FR', 'IT'];          if (area === 'UK') area = 'GB';          if (valid.includes(area)) {             return area;          }          return 'US';        }                async loadCarouselSpreadsheet() {          try {              const parseCSVRow = (str) => {                  let result = [], cur = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (inQuotes) {                          if (char === '"') {                              if (str[i + 1] === '"') { cur += '"'; i++; }                              else { inQuotes = false; }                          } else { cur += char; }                      } else {                          if (char === '"') { inQuotes = true; }                          else if (char === ',') { result.push(cur); cur = ''; }                          else { cur += char; }                      }                  }                  result.push(cur); return result;              };              const parseCSV = (str) => {                  const rows = []; let curRow = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (char === '"') inQuotes = !inQuotes;                      if ((char === '\n' || char === '\r') && !inQuotes) {                          if (char === '\r' && str[i+1] === '\n') i++;                          if (curRow) rows.push(parseCSVRow(curRow));                          curRow = '';                      } else { curRow += char; }                  }                  if (curRow) rows.push(parseCSVRow(curRow));                  return rows;              };              const preloadedCSV = decodeURIComponent(escape(atob("LCwxLDIsMyw0LDUsNiw3LDgsOSwxMCwxMSwxMiwxMywxNCwxNQ0KUm91bmRlbCB0ZXh0LEFsbCxUVnMsRm9vdHdlYXIsQXBwYXJlbCxNYXR0cmVzZXMsQXBwbGlhbmNlcyxXZWFyYWJsZSB0ZWNoLEhlYWRwaG9uZXMsU21hcnQgSG9tZSxTcGVha2VycyxMYXB0b3BzLFRhYmxldHMsQ29tcHV0aW5nLFBob25lcyxHYW1pbmcsTGVnbw0KUm91bmRlbCBpbWFnZSxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL2FpLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3R2cy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvN2IzYTIyNGIwNzk2M2M2MjdiNmI5MDliZDc4MzM4MzZlMDJmZjgxOS5qcGcud2VicCxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy84NGRhYzVkNDhlZDJkNDQ4NTU5ZWJhNjdhY2U4MzE0Y2M2N2NjZDk0LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vcHJvZHVjdHMvY2Fyb3VzZWwvbWF0dHJlc3Nlcy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvNzY4ZTk3Y2ViMDcxODAxZmFlMjA5MTBkMDgyMGIxNmY3NDdhZjkzOS5qcGcud2VicCxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3dlbGxuZXNzLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL2hlYWRwaG9uZXMuanBnLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzg5NTM1YmVlYmUyMGRiYmQ0YTM0NmQ2ZDZiZGZlOTFkOGE4ODRhMjEuanBnLndlYnAsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9hdWRpby5qcGcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9sYXB0b3BzLmpwZyxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy8yMzk3NTY0ZWQ3YTVmZjk0N2U5YjZiMzBlNTRmNDc0OTRiODQxZjg5LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vcHJvZHVjdHMvY2Fyb3VzZWwvY29tcHV0aW5nLmpwZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3Bob25lcy5wbmcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9nYW1pbmcucG5nLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzRmNmM2MjFjYWMwYmMxYTg1ZDU5M2UzNTk0YmE1YjM0OWVmZmQyOTIuanBnLndlYnANClNlYXJjaCBRdWVyeSxFdmVyeXRoaW5nLFRlbGV2aXNpb25zLCJTbmVha2VycywgcnVubmluZyBzaG9lcywgc2FuZGFscyIsQ2xvdGhpbmcsTWF0dHJlc3NlcyxIb21lIEFwcGxpYW5jZXMsV2VhcmFibGVzICYgRml0bmVzcyBUZWNoLEhlYWRwaG9uZXMsSG9tZSBUZWNoLFNwZWFrZXJzLExhcHRvcHMsVGFibGV0cyxDb21wdXRpbmcsUGhvbmVzLEdhbWluZyxDb25zdHJ1Y3Rpb24gVG95cw0KRGlzY291bnQgQW1vdW50LG1pbiA1JSxtaW4gMTAlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUNClByaWNlIFJhbmdlLCwsLCxtaW4gJDQwMCwsLCxtaW4gJDI1LCxtaW4gJDMwMCwsLG1pbiAkMTAwLCwNCkJyYW5kIFNlbGVjdGlvbiwsLCwsLCwsLCwsLCwsLCwNCkZpbHRlciBidXR0b25zLCwsLCwsLCwsLCwsLCwsLA0KMSxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMNCjIsQW1hem9uIGRlYWxzLFVuZGVyICQxMDAwLDUwJSBvZmYsQWRpZGFzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsNTAlIG9mZixBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscw0KMyxPdmVyICQ0MDAsVW5kZXIgJDUwMCxIb2thLE5pa2UsU2FhdHZhLE5pbmphLDQwJSBvZmYsSkxhYiwsSkJMLERlbGwsLEFzdXMsQXBwbGUsQ29uc29sZXMsU3RhciBXYXJzDQo0LFVuZGVyICQxMDAwLDUwJSBvZmYsU2tlY2hlcnMsVW5kZXIgQXJtb3VyLEhlbGl4LFNoYXJrLEdhcm1pbixBbmtlciBTb3VuZGNvcmUsUmluZyxTb25vcyxBcHBsZSxBcHBsZSxUUC1saW5rLFNhbXN1bmcsQWNjZXNzb3JpZXMsVW5kZXIgJDI1DQo1LFVuZGVyICQ1MDAsTEcsQXNpY3MsQ29sdW1iaWEsRHJlYW1DbG91ZCxLZXVyaWcsQXBwbGUsU29ueSxHb3ZlZSxUcmliaXQsTGVub3ZvLFNhbXN1bmcsRWVybyxHb29nbGUsR2FtZXMsVW5kZXIgJDUwDQo2LDUwJSBvZmYsU2Ftc3VuZyxOaWtlLFBhdGFnb25pYSxOZWN0YXIsRGUnTG9uZ2hpLEFtYXpmaXQsQXBwbGUsS2FzYSBzbWFydCxTb255LEFsaWVud2FyZSxUQ0wsTmV0Z2VhcixNb3Rvcm9sYSxOaW50ZW5kbyxCb3RhbmljYWxzDQo3LEFtYXpvbixIaXNlbnNlLE5ldyBCYWxhbmNlLEFyYyd0ZXJ5eCxUZW1wdXItcGVkaWMsRHlzb24sRml0Yml0LEJlYXRzLFBoaWxpcHMgSHVlLEFua2VyLEFjZXIsT25lUGx1cyxEZWxsLE9uZVBsdXMsU29ueSxEaXNuZXkNCjgsQXBwbGUsVENMLEFkaWRhcyxDYXJoYXJ0dCxCZWFyLEJpc3NlbGwsU2Ftc3VuZyxFYXJmdW4sQmxpbmssQmVhdHMsTVNJLE1pY3Jvc29mdCxBY2VyLE5vdGhpbmcsWGJveCxNYXJ2ZWwNCjksLFNvbnksU2F1Y29ueSxUaGUgTm9ydGggRmFjZSxTaWVuYSxOdXRyaWJ1bGxldCxPdXJhLFNhbXN1bmcsR29vZ2xlIE5lc3QgLE1hcnNoYWxsLFNhbXN1bmcsTGVub3ZvLExlbm92bywsLFBva2Vtb24NCjEwLCxSb2t1LEJpcmtlbnN0b2NrLENSWiBZb2dhLFdpbmtCZWRzLEJsYWNrIGFuZCBEZWNrZXIsUmluZ2Nvbm4sQ01GLEV1ZnksU2Ftc3VuZyxNaWNyb3NvZnQsUmVNYXJrYWJsZSxBbGllbndhcmUsLCwNCjExLCwsQnJvb2tzLFRoZSBHeW0gUGVvcGxlLEJyb29rbHluIGJlZGRpbmcsTmVzcHJlc3NvLCwxTW9yZSxBcmxvLCxSYXplciwsQ29yc2FpciwsLA0KMTIsLCxDcm9jcywsRWlnaHQgU2xlZXAsQ3Vpc2luYXJ0LCxKQkwsLCwsLEhQLCwsDQpOb3RlcywsLCwsLCwsLCwsLCwsLCwNCiwsIlByaW9yaXRpc2UgYmlnZ2VzdCAlLyQgZGlzY291bnQsIFR2cyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiB0aGUgbW9zdCBwb3B1bGFyIGV2ZW4gaWYgdGhleSBhcmUgc3RpbGwgZXhwZW5zaXZlIiwiTm8gcGF0dGVybiB0byBwcmljaW5nL2Rpc2NvdW50LCByZWFkZXJzIG1haW5seSBzaG9wIGJ5IGJyYW5kL3JlY29nbmlzYWJsZSBzaG9lcyIsIk5vIHBhdHRlcm4gdG8gcHJpY2luZy9kaXNjb3VudCwgcmVhZGVycyBtYWlubHkgc2hvcCBieSBicmFuZCIsIkEgbGFiZWwgd2lsbCBkZWZpbml0ZWx5IGhlbHAgaGVyZSBlLmcuIGJlc3QgZm9yIHNpZGUgc2xlZXBlciwgYmVzdCBtZW1vcnkgZm9hbSIsIkFwcGxpYW5jZXMgaXMgYSBiaWcgY2F0ZWdvcnksIGlzIGl0IHBvc3NpYmxlIHRvIHNwbGl0IGludG8ga2l0Y2hlbiBhcHBsaWFuY2VzLCBmbG9vcmNhcmUsIGFpciBoZWFsdGgvY29vbGluZz8gT3Igc2ltaWxhciIsIkZvY3VzIG9uIHZhbHVlIGZvciBtb25leSwgR2FybWlucyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiBwb3B1bGFyIGV2ZW4gdGhvdWdoIHRoZXkgYXJlIHN0aWxsICQ1MDAiLCwsLCxJbmNsdWRlIEtpbmRsZXMsSSB3b3VsZCBpbmNsdWRlIHdpZmkgcm91dGVycyBoZXJlIGluc3RlYWQgb2Ygc21hcnQgaG9tZSxDYW4gd2Ugc3VyZmFjZSBwaG9uZSBwcm92aWRlciBkZWFscz8gVC1tb2JpbGUgYW5kIHZlcml6b24gd291bGQgbWFrZSBhIGxvdCBtb3JlIG1vbmV5IHRoYW4gQW1hem9uLCwNCiwsaGF2aW5nIGEgJ2Jlc3QgZm9yJyBsYWJlbCB3b3VsZCBiZSBoZWxwZnVsIGUuZy4gYmVzdCBmb3IgYnJpZ2h0IHJvb20sQ2FuIHdlIHN0b3Aga2lkcyBzaG9lcyBmcm9tIHB1bGxpbmcgdGhyb3VnaD8sIldpbGwgdGhpcyBpbmNsdWRlIGFjY2Vzc29yaWVzIGUuZy4gY2FwcywgYmFncywgaWYgc28gbWFrZSBzdXJlIHRoZXNlIGFyZSBtaXhlZCB0aHJvdWdob3V0IGNsb3RoaW5nIGRlYWxzIixXaWxsIHRoaXMgaW5jbHVkZSB0b3BwZXJzIGFuZCBwaWxsb3dzPyBTZWVpbmcgbW9yZSBtb21lbnR1bSB3aXRoIHRoaXMgY2F0ZWdvcnkgcmVjZW50bHkgc28gYSBiZWRkaW5nIHRhYiBtaWdodCB3b3JrLCwiTmVlZCB0byBtYWtlIHN1cmUgYmFuZHMsIHNjcmVlbiBwcm90ZWN0b3JzIGV0Yy4gZG9uJ3QgcHVsbCBpbnRvIGhlcmUiLCwsLCwsLCwsDQosLCJQcmlvcml0aXNlIDY1JycgYW5kIDU1JyBpbmNoIFRWcywgdGhlbiBiaWdnZXIgc2NyZWVucyBiZWZvcmUgdGhlIHNtYWxsZXIgc2l6ZXMiLCwsUXVlZW4gaXMgdGhlIG1vc3QgcG9wdWxhciBzaXplIGluIHRoZSBVUyAtIHByaW9yaXRpc2UgZGVhbHMgZm9yIHRoaXMgc2l6ZSwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpDYXRlZ29yaWVzIHRvIGNvbnNpZGVyLCxQcm9kdWN0cyBpbmNsdWRlZCwsLCwsLCwsLCwsLCwsDQpVbmRlciAkNTA/LCxBaXIgdGFncywsLCwsLCwsLCwsLCwsDQosLFBvcnRhYmxlIGNoYXJnZXJzL3dpcmVsZXNzIGNoYXJnZXJzLCwsLCwsLCwsLCwsLCwNCiwsIldhdGVyIGJvdHRsZXMgKHN0YW5sZXlzLCBPd2FsYSwgSHlkcm8gZmxhc2ssIFlldGkpIiwsLCwsLCwsLCwsLCwsDQosLEhhbmQgaGVsZCBmYW5zLCwsLCwsLCwsLCwsLCwNCiwsLCwsLCwsLCwsLCwsLCwNCmhvbWUgb2ZmaWNlLCxvZmZpY2UgY2hhaXJzLCwsLCwsLCwsLCwsLCwNCiwsc3RhbmRpbmcgZGVza3MsLCwsLCwsLCwsLCwsLA0KLCxtb25pdG9ycywsLCwsLCwsLCwsLCwsDQosLEtleWJvYXJkcywsLCwsLCwsLCwsLCwsDQosLGRvY2tpbmcgc3RhdGlvbiwsLCwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpHYW1pbmcsLENvbnNvbGVzLCwsLCwsLCwsLCwsLCwNCiwsQWNjZXNzb3JpZXMsLCwsLCwsLCwsLCwsLA0KLCxHYW1lcywsLCwsLCwsLCwsLCwsDQosLENvdWxkIGluY2x1ZGUgTGVnbz8sLCwsLCwsLCwsLCwsLA==")));              const text = preloadedCSV;              const parsed = parseCSV(text);                            const rowsByName = {};              let filterStart = -1;              parsed.forEach((rc, i) => {                 if (rc && rc.length > 0 && rc[0]) rowsByName[rc[0]] = rc;                 if (rc && rc.length > 0 && rc[0] === 'Filter buttons') filterStart = i;              });                            const cols = [];              if(rowsByName['Roundel text']) {                const headerRow = rowsByName['Roundel text'];                for(let col = 1; col < headerRow.length; col++) {                   let label = headerRow[col];                   if (!label) continue;                                      let q = rowsByName['Search Query'] && rowsByName['Search Query'][col] ? rowsByName['Search Query'][col] : '';                   let img = rowsByName['Roundel image'] && rowsByName['Roundel image'][col] ? rowsByName['Roundel image'][col] : '';                   let ds = rowsByName['Discount Amount'] && rowsByName['Discount Amount'][col] ? rowsByName['Discount Amount'][col] : '';                   let pr = rowsByName['Price Range'] && rowsByName['Price Range'][col] ? rowsByName['Price Range'][col] : '';                   let rt = rowsByName['Retailer'] && rowsByName['Retailer'][col] ? rowsByName['Retailer'][col] : '';                   let ot = rowsByName['Offer Type'] && rowsByName['Offer Type'][col] ? rowsByName['Offer Type'][col] : '';                                      let filters = [];                   if(filterStart > 0) {                     for(let r = filterStart + 1; r < parsed.length; r++) {                         if(!parsed[r] || parsed[r][0] === 'Notes' || parsed[r][0] === 'Categories to consider') break;                         let f = parsed[r][col];                         if(f) filters.push(f);                     }                   }                   cols.push({ label, img, q, ds, pr, rt, ot, filters });                }              }              this.carouselData = cols;              if (this.carouselData && this.carouselData.length > 0) {                 const isMatched = this.carouselData.some(c => c.q === this.currentQuery || c.label === this.currentQuery);                 if (!isMatched) {                    const first = this.carouselData[0];                    this.currentQuery = first.q || first.label;                    if (this.priceFilter) this.priceFilter.value = 'all';                    if (this.customPriceMin) this.customPriceMin.value = '';                    if (this.customPriceMax) this.customPriceMax.value = '';                    let dPr = first.pr || 'all';                    if (typeof dPr === 'string' && dPr !== 'all') {                       let prLower = dPr.toLowerCase();                       if (prLower.includes('min') || prLower.includes('over')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else if (prLower.includes('max') || prLower.includes('under')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       }                    }                    let dAm = '0';                    if(first.ds && typeof first.ds === 'string') {                       let m = first.ds.match(/(\d+)/);                       if(m) dAm = m[1];                    }                    if (this.discountFilter) this.discountFilter.value = dAm;                    if (this.offerTypeSelect) this.offerTypeSelect.value = first.ot || '';                    if (this.retailerSelect) this.retailerSelect.value = first.rt || '';                    this.selectedBrands = [];                    if (this.brandDropdown) {                        const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                        chks.forEach(chk => chk.checked = false);                    }                    if (this.searchInput) this.searchInput.value = this.currentQuery;                 }              }              this.renderCarouselUI();          } catch(e){ console.warn(e); }        }                renderCarouselUI() {           const roundelWrapper = this.root.querySelector('.tg-df-carousel-roundels');           if(!roundelWrapper || !this.carouselData) return;                      let html = '';           this.carouselData.forEach(r => {              const q = r.q || r.label;              const isActive = (this.currentQuery === q || this.currentQuery === r.label) ? 'active' : '';              const imgHtml = r.img ? `\x3Cimg src="${r.img}" alt="${r.label}" />` : `\x3Csvg width="32" height="32" fill="#1F69FF" viewBox="0 0 24 24">\x3Cpath d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\x3C/svg>`;              html += `                \x3Cdiv class="tg-df-roundel tg-df-carousel-cat ${isActive}" data-label="${this.escapeHTML(r.label)}">                  \x3Cdiv class="tg-df-roundel-img-box">${imgHtml}\x3C/div>                  \x3Cspan class="tg-df-roundel-label">${this.escapeHTML(r.label)}\x3C/span>                \x3C/div>              `;           });           roundelWrapper.innerHTML = html;                      // Rebind clicks           const roundels = this.root.querySelectorAll('.tg-df-carousel-cat');           roundels.forEach(rNode => {             rNode.addEventListener('click', () => {                const r = this.carouselData.find(c => c.label === rNode.getAttribute('data-label'));                 if(!r) return;                                  if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: r.label,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = r.q || r.label;                const labelTitle = this.root.querySelector('#tg-df-carousel-title-label');                if (labelTitle) labelTitle.textContent = 'Best ' + this.currentQuery;                if (this.priceFilter) this.priceFilter.value = 'all';                if (this.customPriceMin) this.customPriceMin.value = '';                if (this.customPriceMax) this.customPriceMax.value = '';                let dPr = r.pr || 'all';                if (typeof dPr === 'string' && dPr !== 'all') {                   let prLower = dPr.toLowerCase();                   if (prLower.includes('min') || prLower.includes('over')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMin) this.customPriceMin.value = m[1];                   } else if (prLower.includes('max') || prLower.includes('under')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMax) this.customPriceMax.value = m[1];                   }                }                                let discountAmount = '0';                if(r.ds && typeof r.ds === 'string') {                   let m = r.ds.match(/(\d+)/);                   if(m) discountAmount = m[1];                }                if (this.discountFilter) this.discountFilter.value = discountAmount;                if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                                // Clear brands                    this.selectedBrands = [];                    if (this.brandDropdown) {                    const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                    chks.forEach(chk => chk.checked = false);                }                                if (this.searchInput) this.searchInput.value = this.currentQuery;                                roundels.forEach(ro => ro.classList.remove('active'));                if (rNode) rNode.classList.add('active');                                this.renderCarouselFilters(r);                this.fetchDeals(this.currentQuery);             });           });                      // Auto-highlight active           const activeR = this.carouselData.find(c => c.q === this.currentQuery || c.label === this.currentQuery);           if(activeR) this.renderCarouselFilters(activeR);        }                renderCarouselFilters(r) {           const filtersWrap = this.root.querySelector('.tg-df-carousel-filters-wrap');           if(!filtersWrap) return;                      let html = `\x3Cbutton class="tg-df-carousel-filter-btn" data-type="all">All\x3C/button>`;                      r.filters.forEach(f => {              let fL = f.toLowerCase();              let icon = '';              let logic = `data-type="custom" data-v="${this.escapeHTML(f)}"`;              if (fL === 'amazon deals' || fL === 'prime deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>`;              } else if (fL === 'lightning deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>`;              } else {                 if (fL.includes('lightning')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap">\x3Cpolygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2">\x3C/polygon>\x3C/svg>`;                 } else if (fL.includes('% off')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>`;                 } else if (fL.includes('under') || fL.includes('min ')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>`;                 }                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>${icon} ${this.escapeHTML(f)}\x3C/button>`;              }           });                      filtersWrap.innerHTML = html;                      const btns = filtersWrap.querySelectorAll('button');           btns.forEach(b => {             b.addEventListener('click', () => {                const type = b.getAttribute('data-type');                if (type === 'custom') {                   const v = b.getAttribute('data-v');                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-custom-${(v||'').toLowerCase().replace(/[^a-z0-9]+/g, '-')}`, name: 'Custom Filter', label: v });                }                if (type === 'all') {                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: 'filter-clear-all', name: 'Clear all', label: 'Clear all filters' });                   // reset everything                   btns.forEach(btn => btn.classList.remove('active'));                   b.classList.add('active');                                      // Reset prices                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   if (this.brandDropdown) {                     const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                     chks.forEach(chk => chk.checked = false);                   }                } else {                   const v = b.getAttribute('data-v');                   const fL = v.toLowerCase();                                      let mapRet = ['amazon', 'walmart', 'best buy', 'target', 'john lewis', 'currys', 'argos'];                   const getCategory = (s) => {                      if (s === 'lightning deals' || s === 'amazon deals' || s === 'prime deals') return 'offer';                      if (s.includes('% off')) return 'discount';                      if (s.includes('under') || s.includes('over') || s.includes('min') || s.includes('max')) return 'price';                      if (mapRet.includes(s)) return 'retailer';                      return 'brand';                   };                   const cat = getCategory(fL);                   const wasActive = b.classList.contains('active');                   if (cat !== 'brand') {                      btns.forEach(btn => {                          if (btn === b) return;                          if (btn.getAttribute('data-type') === 'all') return;                          const bV = btn.getAttribute('data-v');                          if (!bV) return;                          if (getCategory(bV.toLowerCase()) === cat) btn.classList.remove('active');                      });                   }                   if (wasActive) b.classList.remove('active');                   else b.classList.add('active');                   let anyActive = Array.from(btns).some(btn => btn !== btns[0] && btn.classList.contains('active'));                   if (!anyActive) {                       btns[0].click();                       return;                   } else {                       btns[0].classList.remove('active');                   }                                      if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   btns.forEach(btn => {                       if (!btn.classList.contains('active') || btn.getAttribute('data-type') === 'all') return;                       const vv = btn.getAttribute('data-v');                       const vl = vv.toLowerCase();                                              if (vl === 'lightning deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_lightning';                       } else if (vl === 'amazon deals' || vl === 'prime deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_prime';                       } else if (vl.includes('% off')) {                          let m = vl.match(/(\d+)%/);                          if (m && this.discountFilter) this.discountFilter.value = m[1];                       } else if (vl.includes('under') || vl.includes('max')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       } else if (vl.includes('min') || vl.includes('over')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else {                          let foundR = mapRet.find(x => x === vl);                          if (foundR) {                             let realR = ['Amazon', 'Walmart', 'Best Buy', 'Target', 'John Lewis', 'Currys', 'Argos'].find(x => x.toLowerCase() === vl);                             if (this.retailerSelect) this.retailerSelect.value = realR;                          } else {                             this.selectedBrands.push(vv);                          }                       }                   });                                      if (this.brandDropdown) {                       const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                       chks.forEach(c => c.checked = this.selectedBrands.includes(c.value));                   }                                      if (r.pr && typeof r.pr === 'string') {                       let prL = r.pr.toLowerCase();                       if (prL.includes('under $')) {                           let m = prL.match(/under \$(\d+)/i);                           if (m && this.customPriceMax && !this.customPriceMax.value) this.customPriceMax.value = m[1];                       }                   }                }                                this.fetchDeals(this.currentQuery);             });           });                      // default to highlighting first           btns[0].classList.add('active');        }async fetchDeals(query, append = false) {          if (!append) {             this.showLoading();             this.deals = [];             this.displayLimit = this.getRowsLimit();          } else {             this.displayLimit += this.getRowsLimit();          }                    try {            if (this.getViewMode() === 'savings_squad') {               await this.fetchSavingsSquad(append);            } else {               if (this.isBroadQuery(query)) {                 await this.fetchAdviserDeals(query, append);               } else {                 await this.fetchHawkDeals(query, append);                 if (this.deals.length === 0) {                   await this.fetchAdviserDeals(query, append);                 }               }            }          } catch (error) {            console.warn("[Tom's Guide Widget] Fetch error:", error);            this.showError();          }        }        async fetchSavingsSquad() {          let topArticles = this.airedaleArticles;          if (!topArticles) {            const airedaleUrl = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`;            let res;            try {               res = await fetch(airedaleUrl);            } catch(e) {               try { res = await fetch(`https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`); } catch (err) { console.warn("Fallback fetch failed", err); return; }            }            if (!res.ok) throw new Error('Airedale API Error');            const articles = await res.json();            topArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);            this.airedaleArticles = topArticles;                        let tagCounts = {};            topArticles.forEach((a) => {              let articleTags = new Set();              if (a.articlecategory && Array.isArray(a.articlecategory)) {                 a.articlecategory.forEach((t) => articleTags.add(t));              }              articleTags.forEach(t => {                 tagCounts[t] = (tagCounts[t] || 0) + 1;              });            });                        this.airedaleTags = Object.keys(tagCounts).sort((a, b) => tagCounts[b] - tagCounts[a]);            this.airedaleTagCounts = tagCounts;          }                    let targetArticles = topArticles;          if (this.activeDealTag) {             const cleanTag = this.activeDealTag.toLowerCase().replace(/&/g, '').replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');             const encodedTag = encodeURIComponent(cleanTag);             const url = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50&articleCategoryHandle=${encodedTag}`;             try {                const res = await fetch(url);                if (res.ok) {                   const articles = await res.json();                   targetArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);                }             } catch(e) {                console.warn("Failed to fetch by activeDealTag", e);             }          }          let extractedDeals = [];          let dynamicBrandsCounts = {};                    targetArticles.forEach((article) => {             if (!article.articlepage) return;                          let pageData = [];             try {                pageData = JSON.parse(article.articlepage[0]);             } catch(e){ console.warn(e); }                          const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');                          savingsSquad.forEach((block, idx) => {                const data = block.data || {};                const isFeatured = block.type === 'featured-product';                                const link = data.link || {};                const priceObj = data.price || {};                const image = data.image || {};                                if (data.brand) {                   data.brand = data.brand.replace(/^\d+\.\s*/, '').trim();                   dynamicBrandsCounts[data.brand] = (dynamicBrandsCounts[data.brand] || 0) + 1;                }                const externalUrl = isFeatured ? data.url : (link.href || null);                let summaryTitle = isFeatured ? (data.name || data.brand) : (data.productName || link.label || article.articlename);                let description = isFeatured ? (data.strapline || '') : (data.text || '');                                if (!isFeatured && !data.productName && data.text) {                   const brSplit = data.text.split(new RegExp('\x3Cbr\\s*\\/?\\x3E', 'i'));                   if (brSplit.length > 1) {                     summaryTitle = brSplit[0].replace(/<[^>]+>/g, '').trim();                     description = brSplit.slice(1).join(' ').replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();                   } else {                     const match = data.text.match(/\x3Cstrong>(.*?)<\/strong>/);                     if (match) {                       summaryTitle = match[1].replace(/<[^>]+>/g, '').trim();                       if (summaryTitle.endsWith(':')) summaryTitle = summaryTitle.slice(0, -1);                     }                   }                }                                let imageUrl = isFeatured ? image.mos : (image.src || null);                if (imageUrl && imageUrl.startsWith('//')) imageUrl = 'https:' + imageUrl;                                description = description.replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').replace(/View Deal$/i, '').trim();                                let merchantName = data.retailer || '';                if (!merchantName && externalUrl) {                   try {                     merchantName = new URL(externalUrl).hostname.replace('www.', '').split('.')[0];                     merchantName = merchantName.charAt(0).toUpperCase() + merchantName.slice(1);                   }catch(e){ console.warn(e); }                }                if (!merchantName) merchantName = 'Retailer';                const q = (this.currentQuery || '').toLowerCase();                const activeTagLogic = (this.activeDealTag || '').toLowerCase();                if (q.length > 2 && q !== activeTagLogic) {                   const searchTarget = `${summaryTitle || ''} ${description || ''}`.toLowerCase();                   if (!searchTarget.includes(q)) return;                }                let rawPrice = 0;                let rawMsrp = 0;                let currencyStr = '$';                if (isFeatured) {                   rawPrice = typeof data.salePrice === 'number' && data.salePrice > 0 ? data.salePrice : (typeof data.price === 'number' ? data.price : 0);                   rawMsrp = typeof data.salePrice === 'number' && typeof data.price === 'number' && data.price > data.salePrice ? data.price : 0;                   currencyStr = data.currency === 'GBP' ? '£' : '$';                } else {                   rawPrice = priceObj.amount ? parseFloat(priceObj.amount) : 0;                   rawMsrp = priceObj.amountWas ? parseFloat(priceObj.amountWas) : 0;                   currencyStr = priceObj.currency === 'GBP' ? '£' : '$';                }                                let savingAmt = 0;                let savingLabel = '';                if (rawPrice > 0 && rawMsrp > rawPrice) {                   savingAmt = parseFloat((rawMsrp - rawPrice).toFixed(2));                   savingLabel = `Save ${currencyStr}${savingAmt}`;                }                                // Apply Brand filter                if (this.selectedBrands && this.selectedBrands.length > 0) {                   const itemBrand = (data.brand || '').toLowerCase();                   const hasMatch = this.selectedBrands.some(sb => sb.toLowerCase() === itemBrand);                   if (!hasMatch) return;                }                // Apply Price filter                let priceFilterVal = null;                const min = this.customPriceMin ? this.customPriceMin.value : '';                const max = this.customPriceMax ? this.customPriceMax.value : '';                if (min || max) {                   priceFilterVal = `${min}_${max}`;                } else if (this.priceFilter && this.priceFilter.value !== 'all') {                   priceFilterVal = this.priceFilter.value;                }                if (priceFilterVal && rawPrice > 0) {                   if (priceFilterVal === 'under50' && rawPrice >= 50) return;                   if (priceFilterVal === 'over50' && rawPrice <= 50) return;                   if (priceFilterVal === 'over30' && rawPrice <= 30) return;                   if (priceFilterVal === 'over500' && rawPrice <= 500) return;                   if (priceFilterVal.includes('_')) {                      const parts = priceFilterVal.split('_');                      const min = parseFloat(parts[0]);                      const max = parseFloat(parts[1]);                      if (!isNaN(min) && rawPrice < min) return;                      if (!isNaN(max) && rawPrice > max) return;                   }                }                // Apply Discount filter                if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {                   const requiredDiscount = parseInt(this.discountFilter.value);                   if (!isNaN(requiredDiscount) && requiredDiscount > 0) {                      if (!rawMsrp || rawMsrp <= rawPrice) return;                      const ratio = Math.round((1 - (rawPrice / rawMsrp)) * 100);                      if (ratio < requiredDiscount) return;                   }                }                                extractedDeals.push({                   id: `airedale-${article.id || Math.random()}-${idx}`,                   url: externalUrl,                   image: imageUrl,                   fallbackImage: imageUrl,                   title: summaryTitle,                   brand: data.brand || '',                   productName: data.productName || '',                   merchant: merchantName,                   rawPrice: rawPrice,                   rawMsrp: rawMsrp,                   price: rawPrice > 0 ? rawPrice.toString() : '',                   msrp: rawMsrp > 0 ? rawMsrp.toString() : '',                   currency: currencyStr,                   isCheckPrice: !rawPrice,                   savingLabel: savingLabel,                   savingType: rawMsrp > rawPrice ? 'amount' : 'none',                   isPrime: false,                   starRating: null,                   description: description,                   text: data.text || ''                });             });          });                    const airedaleBrandsList = Object.keys(dynamicBrandsCounts).map(b => ({              formatted_value: b,              count: dynamicBrandsCounts[b]          })).sort((a,b) => b.count - a.count);                    if (this.getViewMode() === 'savings_squad') {             this.populateBrandDropdown(airedaleBrandsList.slice(0, 15));             if (this.brandFilterWrapper) {                if (airedaleBrandsList.length === 0) {                    this.brandFilterWrapper.style.display = 'none';                } else {                    this.brandFilterWrapper.style.display = 'flex';                }             }          }                    this.deals = extractedDeals;          this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        isBroadQuery(query) {          const q = query.toLowerCase();          const intentModifiers = ['deals', 'best', 'sale', 'under', 'cheap', 'offers', 'discount'];          return intentModifiers.some(term => q.includes(term));        }        async fetchHawkDeals(query, append = false) {          const url = new URL(this.apiUrl);          url.searchParams.append('model_name', query);          const areaCode = this.getAreaCode();          if (areaCode) {            url.searchParams.append('area', areaCode);          }                    if (append && this.deals.length > 0) {            url.searchParams.append('offset', this.deals.length.toString());          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.append('filter_merchant_name', this.retailerSelect.value);          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.append('filter_label[text_brand]', this.selectedBrands.join(','));          }                    let priceVal = null;          const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             priceVal = `${min}_${max}`;          } else if (this.priceFilter && this.priceFilter.value !== 'all') {             priceVal = this.priceFilter.value;          }          if (priceVal) {            if (priceVal === 'under50') {              url.searchParams.append('filter_max_price', '50');            } else if (priceVal === 'over50') {              url.searchParams.append('filter_min_price', '50');            } else if (priceVal === 'over30') {              url.searchParams.append('filter_min_price', '30');            } else if (priceVal === 'over500') {              url.searchParams.append('filter_min_price', '500');            } else if (priceVal.includes('_')) {              const parts = priceVal.split('_');              if (parts[0]) url.searchParams.append('filter_min_price', parts[0]);              if (parts[1]) url.searchParams.append('filter_max_price', parts[1]);            }          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {              const ratio = (100 - v) / 100;              url.searchParams.append('min_discount_ratio', ratio.toString());            }          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.append('offer', this.offerTypeSelect.value);          }                    url.searchParams.append('filter_product_types', 'deals');                    url.searchParams.append('rows', this.getRowsLimit().toString());          let response;          try {             response = await fetch(url.toString());          } catch(e) {             if (window.location.protocol === 'file:') {                console.warn("[Tom's Guide Widget] fetch from file:// blocked by local CORS policy, falling back to Adviser mock.");                await this.fetchAdviserDeals(query);                return;             }             console.warn("Hawk fetch failed", e);             this.deals = [];             this.render();             return;          }          if (!response.ok) {            throw new Error('Hawk API Response Error');          }          const rawData = await response.json();          // Safely locate data array from potentially wrapped response          let offers = [];          let modelInfoArray = [];                    let brandFilterData = null;          if (rawData && rawData.widget && rawData.widget.data && Array.isArray(rawData.widget.data.filters)) {             brandFilterData = rawData.widget.data.filters.find(f => f.type === 'label_text_brand');          } else if (rawData && rawData.data && Array.isArray(rawData.data.filters)) {             brandFilterData = rawData.data.filters.find(f => f.type === 'label_text_brand');          }          if (brandFilterData && Array.isArray(brandFilterData.values) && brandFilterData.values.length > 0) {             this.populateBrandDropdown(brandFilterData.values);          } else {             if (this.brandFilterWrapper && this.selectedBrands.length === 0) {                this.brandFilterWrapper.style.display = 'none';             }          }                    if (rawData && rawData.widget && rawData.widget.data) {            if (Array.isArray(rawData.widget.data.offers)) offers = rawData.widget.data.offers;            if (rawData.widget.data.model_info && typeof rawData.widget.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.widget.data.model_info) ? rawData.widget.data.model_info : Object.values(rawData.widget.data.model_info);            }          } else if (rawData && rawData.data) {            if (Array.isArray(rawData.data.offers)) offers = rawData.data.offers;            if (rawData.data.model_info && typeof rawData.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.data.model_info) ? rawData.data.model_info : Object.values(rawData.data.model_info);            }          } else {            if (Array.isArray(rawData)) offers = rawData;            else if (rawData && Array.isArray(rawData.offers)) offers = rawData.offers;            else if (rawData && rawData.offers && Array.isArray(rawData.offers.offer)) offers = rawData.offers.offer;            else if (rawData && rawData.offers) offers = [].concat(rawData.offers);                        if (rawData && rawData.model_info && typeof rawData.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.model_info) ? rawData.model_info : Object.values(rawData.model_info);            }          }          let modelDetails = {};          modelInfoArray.forEach(m => {            const mId = m.model_id || m.id;            if (mId) {              modelDetails[mId] = {                score: m.score != null ? parseFloat(m.score) : null,                brand: m.brand || null,                parent: (m.parents && Array.isArray(m.parents) && m.parents.length > 0) ? m.parents[0].name : null              };            }          });          offers.forEach(item => {            let data = { ...item };            const mId = data.model_id;            if (mId && modelDetails[mId]) {              data.review_score = modelDetails[mId].score;              data.model_brand = modelDetails[mId].brand;              data.model_parent = modelDetails[mId].parent;            } else {              data.review_score = null;            }                        let itemOffers = [];            if (Array.isArray(item.offers)) itemOffers = item.offers;            else if (Array.isArray(item.offer)) itemOffers = item.offer;            else if (item.offers && typeof item.offers === 'object') itemOffers = [item.offers];            else if (item.offer && typeof item.offer === 'object') itemOffers = [item.offer];            if (itemOffers.length > 0) {              itemOffers.forEach(subItem => {                let subData = { ...item, ...subItem };                const subId = subData.model_id;                if (subId && modelDetails[subId]) {                  subData.review_score = modelDetails[subId].score;                  subData.model_brand = modelDetails[subId].brand;                  subData.model_parent = modelDetails[subId].parent;                } else if (data.review_score != null) {                  subData.review_score = data.review_score;                }                if (subData.merchant && typeof subData.merchant === 'object') {                  subData.merchant_name = subData.merchant.name;                }                this.deals.push(this.extractDealData(subData));              });              return;            }                        if (item.merchant && typeof item.merchant === 'object') {              data.merchant_name = item.merchant.name;            }                        this.deals.push(this.extractDealData(data));          });                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        async fetchAdviserDeals(query) {          // ======================================================================          // TODO: ADVISER API REPLACEMENT          // The code below simulates the Adviser API response using mock data.          // Once the real endpoint is ready, remove getAdviserMockData() and           // perform an actual fetch() request similar to fetchHawkDeals().          // Example:          // const area = this.getAreaCode();          // let apiUrl = `https://your-adviser-api.com/search?q=${query}&area=${area}`;          // if (this.priceFilter && this.priceFilter.value !== 'all') {          //   const val = this.priceFilter.value;          //   if (val === 'under50') apiUrl += '&filter_max_price=50';          //   else if (val === '50_100') apiUrl += '&filter_max_price=100';          //   else if (val === '100_200') apiUrl += '&filter_max_price=200';          //   else if (val === '200_500') apiUrl += '&filter_max_price=500';          // }          // const res = await fetch(apiUrl);          // const rawData = await res.json();          // ======================================================================          // Simulating network latency          await new Promise(resolve => setTimeout(resolve, 400));                    const rawData = this.getAdviserMockData();          let offers = [];                    if (rawData && rawData.data && rawData.data.Get && Array.isArray(rawData.data.Get.Deal)) {            offers = rawData.data.Get.Deal;          }                    // Basic client-side filtering for the mock if we want it to react to the query          const q = query.toLowerCase();          const selectedRetailer = (this.retailerSelect && this.retailerSelect.value) ? this.retailerSelect.value.toLowerCase() : null;                    offers.forEach(item => {            const dataObj = item;                        // Apply retailer filter            const itemRetailer = (dataObj.dataRetailer || '').toLowerCase();            if (selectedRetailer && itemRetailer !== selectedRetailer && !itemRetailer.includes(selectedRetailer)) {              return;            }                        // Apply mock price filter            let price = dataObj.dataDiscountedPrice || 0;            if (typeof price === 'string') {              price = parseFloat(price.replace(/[^0-9.]/g, ''));            }            let priceVal = null;            const min = this.customPriceMin ? this.customPriceMin.value : '';            const max = this.customPriceMax ? this.customPriceMax.value : '';            if (min || max) {               priceVal = `${min}_${max}`;            } else if (this.priceFilter && this.priceFilter.value !== 'all') {               priceVal = this.priceFilter.value;            }            if (priceVal) {              if (priceVal === 'under50' && price >= 50) return;              if (priceVal === 'over50' && price <= 50) return;              if (priceVal === 'over30' && price <= 30) return;              if (priceVal === 'over500' && price <= 500) return;              if (priceVal.includes('_')) {                 const parts = priceVal.split('_');                 if (parts[0] && price < parseFloat(parts[0])) return;                 if (parts[1] && price > parseFloat(parts[1])) return;              }            }                        // Map Adviser schema to our widget's expected schema            const mappedData = {              url: dataObj.linkHREF || dataObj.dataLink || '#',              image: dataObj.imageURL || (dataObj.image && dataObj.image.src) || '',              title: dataObj.dataProduct || (dataObj.product && dataObj.product.name) || 'Product Deal',              merchant: dataObj.dataRetailer || 'Retailer',              price: dataObj.dataDiscountedPrice || 0,              currency: dataObj.dataCurrency === 'USD' ? '$' : (dataObj.dataCurrency || '$'),              msrp: dataObj.dataOriginalPrice || null            };                        const titleLow = mappedData.title.toLowerCase();            const merchLow = mappedData.merchant.toLowerCase();                        // Smarter mock filtering            let isMatch = false;            if (q === '' || this.isBroadQuery(q)) {              isMatch = true;            } else if (titleLow.includes(q) || merchLow.includes(q)) {              isMatch = true;            } else if ((q.includes('laptop') || q.includes('mac') || q.includes('pc')) && (titleLow.includes('macbook') || titleLow.includes('laptop'))) {              isMatch = true;            } else if ((q.includes('tv') || q.includes('television')) && (titleLow.includes('tv') || titleLow.includes('oled') || titleLow.includes('qled'))) {              isMatch = true;            } else if ((q.includes('phone') || q.includes('smartphone')) && (titleLow.includes('galaxy') || titleLow.includes('phone'))) {              isMatch = true;            } else if ((q.match(/watch|fitness|run|shoe/)) && (titleLow.includes('forerunner') || titleLow.includes('saucony') || titleLow.includes('watch'))) {              isMatch = true;            }                        if (isMatch) {               this.deals.push(this.extractDealData(mappedData));            }          });                    let rowLimit = this.getRowsLimit();          // Intentionally omitting the slice here to allow "Load More" to work if the API returns more                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        getAdviserMockData() {          return {            "data": {              "Get": {                "Deal": [                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 300,                    "dataOriginalPrice": 399,                    "dataProduct": "Samsung Galaxy A36",                    "dataRetailer": "Samsung",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/MqDYsukV3JBG54te6dEs7j.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 14,                    "dataOriginalPrice": 24,                    "dataProduct": "Blink Mini",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/3JurmAjHsDa5tPdaHAwEV8.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 59,                    "dataOriginalPrice": 99,                    "dataProduct": "Ring Video Doorbell",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/rAh4uR7AsAsALCCLTXnLNJ.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 10,                    "dataOriginalPrice": 599,                    "dataProduct": "MacBook Neo",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/Lg4Dvg68j9SbB5CPNrTEpH.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 749,                    "dataOriginalPrice": 849,                    "dataProduct": "65\\\" Fire TV Omni 4K QLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/SG34ZWodUkLTxJvMTbjPYR.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 71,                    "dataOriginalPrice": 160,                    "dataProduct": "Saucony Hurricane 24",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/vxf7UD5T2Am7guVzFoFcZ4.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 649,                    "dataOriginalPrice": 749,                    "dataProduct": "Garmin Forerunner 970",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/3GKnEu7CdhtxPMfnPCMCiA.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1049,                    "dataOriginalPrice": 1499,                    "dataProduct": "LG 48\\\" C4 4K OLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/imvwZV9zoMD6fn9Afuge35.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1499,                    "dataOriginalPrice": 2199,                    "dataProduct": "Samsung 49\\\" Odyssey Neo G9 4K Gaming Monitor",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/XWDEJ5dUAE2nhK8k3Jk7k7.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 299,                    "dataOriginalPrice": 699,                    "dataProduct": "EGOHOME Black Memory Foam Mattress (queen)",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/hMUemtAejNETLVYxNrktzm.jpg"                  }                ]              }            }          };        }        decodeHTML(html) {          if (!html) return '';          const txt = document.createElement("textarea");          txt.innerHTML = String(html);          return txt.value;        }        extractDealData(item) {          const priceRawStr = String(item.price || item.current_price || '0');          const msrpRawStr = String(item.was_price || item.msrp || item.original_price || '0');          const rawPrice = parseFloat(priceRawStr.replace(/[^\d.]/g, '')) || 0;          const rawMsrp = parseFloat(msrpRawStr.replace(/[^\d.]/g, '')) || 0;          const isCheckPrice = rawPrice === 0 || priceRawStr === '0.00' || priceRawStr === '0';                    let originalImageUrl = item.image || item.image_url || item.product_image || '';          let imageUrl = originalImageUrl;          if ((!imageUrl || isCheckPrice) && item.model_image_url) {             imageUrl = item.model_image_url;             originalImageUrl = imageUrl;          } else if ((!imageUrl || isCheckPrice) && item.model_image) {             imageUrl = item.model_image;             originalImageUrl = imageUrl;          }                    if (imageUrl) {            imageUrl = imageUrl.replace(/-(\d+)-(\d+)(\.[a-z.]+)$/i, '$3');          }                    let fallbackImage = '';          if (originalImageUrl && originalImageUrl !== imageUrl) {             fallbackImage = originalImageUrl;          } else if (item.model_image && item.model_image !== imageUrl) {             fallbackImage = item.model_image;          } else if (item.model_image_url && item.model_image_url !== imageUrl) {             fallbackImage = item.model_image_url;          }                    const rawCurrency = item.currency || item.currency_symbol || '$';                    let savingLabel = item.percentage_saving_label || '';          if (!savingLabel && rawMsrp > rawPrice && rawPrice > 0) {            const pct = Math.round(((rawMsrp - rawPrice) / rawMsrp) * 100);            if (pct > 0) {              savingLabel = `${pct}% OFF`;            }          }                    const isPrime = item.shipping && item.shipping.prime === true;                    let scoreRaw = (item.review_score !== undefined && item.review_score !== null && item.review_score > 0) ? parseFloat(item.review_score) : null;          let starRating = 0;          if (scoreRaw !== null) {            starRating = Math.round((scoreRaw > 10 ? scoreRaw / 20 : scoreRaw / 2) * 2) / 2;          }                    return {            id: item.offer_id || item.link || item.url || item.offer_link || Math.random().toString(),            url: item.link || item.url || item.offer_link || '#',            image: imageUrl,            fallbackImage: fallbackImage,            title: item.name || item.title || item.model_name || item.product_name || 'Unknown Product',            brand: item.brand || '',            productName: item.model_name || item.product_name || item.name || '',            merchant: item.merchant_name || item.merchant || item.retailer || 'Retailer',            price: item.price !== undefined ? String(item.price) : '0.00',            currency: this.decodeHTML(rawCurrency),            msrp: item.was_price || item.msrp || item.original_price || null,            rawPrice: rawPrice,            rawMsrp: rawMsrp,            hasWasPrice: (item.was_price !== undefined && item.was_price !== null),            isCheckPrice: isCheckPrice,            savingLabel: savingLabel,            isPrime: isPrime,            starRating: starRating > 0 ? starRating : null,            modelId: item.model_id || '',            productKey: item.product_key || '',            merchantId: (item.merchant && typeof item.merchant === 'object') ? item.merchant.id || '' : '',            matchId: item.match_id || '',            merchantNetwork: (item.merchant && typeof item.merchant === 'object') ? item.merchant.an || '' : '',            merchantUrl: (item.merchant && typeof item.merchant === 'object') ? item.merchant.url || '' : '',            modelBrand: item.model_brand || item.brand || '',            modelParent: item.model_parent || ''          };        }        sortData() {          const sortVal = this.sortSelect ? this.sortSelect.value : (this.getViewMode() === 'savings_squad' ? 'date_desc' : 'discount_desc');          if (sortVal === 'price_asc') {            this.deals.sort((a, b) => a.rawPrice - b.rawPrice);          } else if (sortVal === 'price_desc') {            this.deals.sort((a, b) => b.rawPrice - a.rawPrice);          } else if (sortVal === 'discount_desc') {            this.deals.sort((a, b) => {              const aDiscount = a.rawMsrp > a.rawPrice ? (a.rawMsrp - a.rawPrice) : 0;              const bDiscount = b.rawMsrp > b.rawPrice ? (b.rawMsrp - b.rawPrice) : 0;              return bDiscount - aDiscount;            });          } else if (sortVal === 'date_desc') {             this.deals.sort((a, b) => {                let dateA = 0;                let dateB = 0;                if (a && a.modifiedDate) {                   const valA = Array.isArray(a.modifiedDate) ? a.modifiedDate[0] : a.modifiedDate;                   dateA = new Date(valA).getTime();                   if (isNaN(dateA)) dateA = 0;                }                if (b && b.modifiedDate) {                   const valB = Array.isArray(b.modifiedDate) ? b.modifiedDate[0] : b.modifiedDate;                   dateB = new Date(valB).getTime();                   if (isNaN(dateB)) dateB = 0;                }                return dateB - dateA;             });          }        }        getFilteredDeals() {          let filteredDeals = [...this.deals];                    if (this.dealModeToggle && this.dealModeToggle.checked) {            filteredDeals = filteredDeals.filter(d => d.hasWasPrice || (d.msrp && d.rawMsrp > d.rawPrice));          }                    return filteredDeals;        }        showLoading() {          const _div = '<' + '/div>';          const skeletonCardHtml = `            \x3Cdiv class="tg-df-card">              \x3Cdiv class="tg-df-card-image-box">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-img">${_div}              ${_div}              \x3Cdiv class="tg-df-card-body">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-card-footer mt-auto">                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="height:24px;">${_div}                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text" style="height:44px; margin-top:8px;">${_div}                ${_div}              ${_div}            ${_div}`;          this.grid.innerHTML = Array(4).fill(skeletonCardHtml).join('');        }        showError() {          const _div = '<' + '/div>';          this.grid.innerHTML = `\x3Cdiv class="tg-df-message">            An error occurred while finding deals. Please check your connection and try again.          ${_div}`;        }        escapeHTML(str) {          if (!str) return '';          return String(str).replace(/[&<>'"]/g, tag => ({              '&': '&', '<': '<', '>': '>', "'": ''', '"': '"'          }[tag] || tag));        }                bindCouponButtons() {          const btns = this.root.querySelectorAll('.tg-df-tag-coupons');          btns.forEach(btn => {            btn.addEventListener('click', (e) => {              e.preventDefault();              e.stopPropagation();              const merchant = btn.getAttribute('data-merchant');              this.openVouchersModal(merchant);            });          });                    const closeBtn = this.root.querySelector('#tg-df-vouchers-close');          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (closeBtn) {            closeBtn.onclick = () => this.closeVouchersModal();          }          if (backdrop) {            backdrop.onclick = (e) => {              if (e.target === backdrop) this.closeVouchersModal();            };          }        }                closeVouchersModal() {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (backdrop) backdrop.classList.remove('active');        }                async checkMerchantsCouponsBulk(merchants) {          if (!merchants || merchants.length === 0) return {};          const controller = new AbortController();          const timeoutId = setTimeout(() => controller.abort(), 4000);          try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchants.join(','));            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '120');            url.searchParams.append('origin', 'widgets-clientside');                        let res; try { res = await fetch(url.toString(), { signal: controller.signal }); } catch (e) { return {}; }            clearTimeout(timeoutId);            if (!res.ok) return {};            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        const foundMerchants = new Set();            offers.forEach(o => {              let mName = o.merchant_name || o.merchant || o.retailer;              if (mName && typeof mName === 'object') mName = mName.name;              if (mName) foundMerchants.add(String(mName).toLowerCase());            });            const resultMap = {};            merchants.forEach(m => {              if (m) resultMap[m] = foundMerchants.has(String(m).toLowerCase());            });            return resultMap;          } catch (e) {            return {};          }        }                async openVouchersModal(merchantName) {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          const title = this.root.querySelector('#tg-df-vouchers-title');          const content = this.root.querySelector('#tg-df-vouchers-content');                    if (!backdrop || !content) return;                    // HACK: Hide closing tags          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h4 = '<' + '/h4>';          const _svg = '<' + '/svg>';          const _circle = '<' + '/circle>';          const _polyline = '<' + '/polyline>';          const _rect = '<' + '/rect>';          const _path = '<' + '/path>';                    title.innerText = `${merchantName} Coupons & Deals`;          content.innerHTML = `\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}                               \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}`;          backdrop.classList.add('active');                    try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchantName);            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '50');            url.searchParams.append('origin', 'widgets-clientside');                        const res = await fetch(url.toString());            if (!res.ok) throw new Error('API Error');            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        if (offers.length === 0) {              content.innerHTML = `\x3Cdiv class="tg-df-message">No vouchers currently available for ${this.escapeHTML(merchantName)}.${_div}`;              return;            }                        content.innerHTML = offers.map((v, idx) => {              let offerObj = v;              if (v.offers && v.offers.offer) {                offerObj = Array.isArray(v.offers.offer) ? v.offers.offer[0] : v.offers.offer;              } else if (v.offer) {                offerObj = Array.isArray(v.offer) ? v.offer[0] : v.offer;              }              let logoUrl = v.logo_url || offerObj.logo_url || '';              if (!logoUrl && v.merchant) {                if (Array.isArray(v.merchant) && v.merchant.length > 0) logoUrl = v.merchant[0].logo_url || '';                else logoUrl = v.merchant.logo_url || '';              }                            const offerName = offerObj.name || offerObj.title || v.name || v.title || 'Special Offer';              const endTime = offerObj.end_time || v.end_time || '';              const linkUrl = offerObj.link || offerObj.url || v.link || v.url || '#';                            let foundVoucherCode = '';              const findVoucherCode = (obj) => {                if (!obj || typeof obj !== 'object') return;                if (obj.type === 'voucher_code' && obj.display_value) {                  foundVoucherCode = obj.display_value;                  return;                }                if (Array.isArray(obj)) {                  for (const item of obj) {                    findVoucherCode(item);                    if (foundVoucherCode) return;                  }                } else {                  for (const k in obj) {                    if (Object.prototype.hasOwnProperty.call(obj, k)) {                      findVoucherCode(obj[k]);                      if (foundVoucherCode) return;                    }                  }                }              };              findVoucherCode(offerObj);              if (!foundVoucherCode) findVoucherCode(v);                            const voucherCode = foundVoucherCode || offerObj.voucher_code || v.voucher_code || '';              const codeHtml = voucherCode ? `\x3Cspan class="tg-df-voucher-code" data-action="copy-code" data-code="${this.escapeHTML(voucherCode)}" title="Copy to clipboard">                \x3Cspan class="tg-df-voucher-code-text">${this.escapeHTML(voucherCode)}${_span}                \x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:6px;flex-shrink:0;" class="tg-df-voucher-copy-icon">                  \x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">${_rect}                  \x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">${_path}                ${_svg}              ${_span}` : '';                            const logoHtml = logoUrl                 ? `\x3Cimg src="${this.escapeHTML(logoUrl)}" alt="${this.escapeHTML(offerName)}" class="tg-df-voucher-logo" />`                 : `\x3Cdiv class="tg-df-voucher-logo" style="background:#e2e8f0;">${_div}`;                            let expiryHtml = '';              if (endTime) {                let dStr = endTime;                if (!isNaN(dStr) && String(dStr).length === 10) dStr = Number(dStr) * 1000;                const d = new Date(dStr);                if (!isNaN(d.getTime())) {                  const options = { year: 'numeric', month: 'short', day: 'numeric' };                  expiryHtml = `                    \x3Cdiv class="tg-df-voucher-expiry">                      \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                        \x3Ccircle cx="12" cy="12" r="10">${_circle}                        \x3Cpolyline points="12 6 12 12 16 14">${_polyline}                      ${_svg}                      Expires ${d.toLocaleDateString(undefined, options)}                    ${_div}`;                }              }              const revenueIdVal = generateRevenueId(linkUrl, offerName, merchantName, null);              const rewrittenLinkUrl = rewriteAffiliateLink(linkUrl, area, revenueIdVal);              return `                \x3Ca href="${this.escapeHTML(rewrittenLinkUrl)}" target="_blank" rel="noopener nofollow" class="tg-df-voucher-item"                  data-action="voucher-click"                  data-product-name="${this.escapeHTML(offerName)}"                  data-merchant-name="${this.escapeHTML(merchantName)}"                  data-analytics-id="${this.escapeHTML(offerObj.offer_id || offerObj.id || v.id || '')}"                  data-price=""                  data-previous-price=""                  data-original-link="${this.escapeHTML(linkUrl)}"                  data-revenue-id="${revenueIdVal}"                  data-index="${idx}"                  data-total="${offers.length}"                  data-in-stock="true"                  data-currency="USD"                  data-model-id="${this.escapeHTML(offerObj.model_id || v.model_id || offerObj.id || v.id || '')}"                  data-merchant-id="${this.escapeHTML(offerObj.merchant_id || offerObj.merchant?.id || '')}"                >                  ${logoHtml}                  \x3Cdiv class="tg-df-voucher-content">                    \x3Ch4 class="tg-df-voucher-title">${this.escapeHTML(offerName)}${_h4}                    ${codeHtml}                    ${expiryHtml}                  ${_div}                ${_a}              `;            }).join('');                        // Attach copy functionality            const copyBtns = content.querySelectorAll('[data-action="copy-code"]');            copyBtns.forEach(btn => {              btn.addEventListener('click', async (e) => {                e.preventDefault();                e.stopPropagation();                                const code = btn.getAttribute('data-code');                if (!code) return;                                try {                  const copyToClipboard = async (text) => {                     if (window.navigator.clipboard && window.isSecureContext) {                        try { await window.navigator.clipboard.writeText(text); return; } catch (e) {}                     }                     const textArea = document.createElement("textarea");                     textArea.value = text;                     textArea.style.position = "fixed";                     document.body.appendChild(textArea);                     textArea.focus();                     textArea.select();                     document.execCommand('copy');                     textArea.remove();                  };                  await copyToClipboard(code);                                    // Visual feedback                  btn.classList.add('copied');                  const textSpan = btn.querySelector('.tg-df-voucher-code-text');                  const iconSvg = btn.querySelector('.tg-df-voucher-copy-icon');                                    const origText = textSpan.innerText;                  const origIcon = iconSvg.innerHTML;                                    textSpan.innerText = 'Copied!';                  iconSvg.innerHTML = `\x3Cpolyline points="20 6 9 17 4 12">${_polyline}`;                                    setTimeout(() => {                    if (btn) {                      btn.classList.remove('copied');                      if (textSpan) textSpan.innerText = origText;                      if (iconSvg) iconSvg.innerHTML = origIcon;                    }                  }, 2000);                                    trackElementInteraction({                    id: 'voucher-code-copy',                    name: 'Copy Voucher Code',                    label: `Copied ${code} for ${merchantName}`                  });                } catch (err) {                  console.warn('Failed to copy text: ', err);                }              });            });            // Attach voucher click tracking            const voucherBtns = content.querySelectorAll('[data-action="voucher-click"]');            voucherBtns.forEach(btn => {              btn.addEventListener('click', (e) => {                if (e.target.closest('[data-action="copy-code"]')) return;                                const productName = btn.getAttribute('data-product-name');                const merchantNameAttr = btn.getAttribute('data-merchant-name');                const productId = btn.getAttribute('data-analytics-id');                const price = parseFloat(btn.getAttribute('data-price')) || null;                const prevPriceStr = btn.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = btn.getAttribute('data-original-link');                const rewrittenLink = btn.getAttribute('href');                const revenueId = btn.getAttribute('data-revenue-id');                const index = parseInt(btn.getAttribute('data-index'), 10) || 0;                const inStock = btn.getAttribute('data-in-stock') === 'true';                const totalText = btn.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: btn.getAttribute('data-model-id') || null,                    matchId: btn.getAttribute('data-match-id') || null,                    brand: btn.getAttribute('data-model-brand') || null,                    parent: btn.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: btn.getAttribute('data-merchant-id') || null,                    network: btn.getAttribute('data-merchant-network') || null,                    url: btn.getAttribute('data-merchant-url') || null,                    name: merchantNameAttr                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: btn.getAttribute('data-currency') || 'USD'                };                if (typeof trackDealClick === 'function') {                  trackDealClick(trackingParams);                }              });            });                                  } catch (e) {            console.warn(e);            content.innerHTML = `\x3Cdiv class="tg-df-message">Failed to load vouchers.${_div}`;          }        }        render() {          try {            if (this.getViewMode() === 'savings_squad' && this.airedaleTags.length > 0) {              if (this.categoryFilterWrapper) {                 this.categoryFilterWrapper.style.display = 'flex';              }              if (this.categoryFilter) {                 const _option = '<' + '/option>';                 let optionsHtml = `\x3Coption value="all">All Categories${_option}`;                 this.airedaleTags.forEach(tag => {                    const isSelected = this.activeDealTag === tag ? 'selected' : '';                    optionsHtml += `\x3Coption value="${this.escapeHTML(tag)}" ${isSelected}>${this.escapeHTML(tag)} (${this.airedaleTagCounts[tag] || 0})${_option}`;                 });                 this.categoryFilter.innerHTML = optionsHtml;                 this.categoryFilter.value = this.activeDealTag || 'all';              }            } else {               if (this.categoryFilterWrapper) {                  this.categoryFilterWrapper.style.display = 'none';               }            }            const displayDeals = this.getFilteredDeals();          // HACK: Hide closing tags from the CMS HTML sanitizer so it doesn't strip them during in-page injection          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h3 = '<' + '/h3>';          const _p = '<' + '/p>';          const _strong = '<' + '/strong>';          const _sup = '<' + '/sup>';          const _button = '<' + '/button>';          if (displayDeals.length === 0) {            if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {              if (this.deals.length > 0) {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No deals match your selected filters.                ${_div}`;              } else if (this.getViewMode() === 'savings_squad' && this.currentQuery.length <= 2) {                 // Do not show "no exact matches" if query is empty for savings_squad                 this.grid.innerHTML = '';              } else {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No exact matches found for "\x3Cstrong>${this.escapeHTML(this.currentQuery)}${_strong}". Try adjusting your search term.                ${_div}`;              }            } else {              this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                Search product or category names to discover the best deals from across the web.              ${_div}`;            }            return;          }          let dealsHtml = displayDeals.slice(0, this.displayLimit).map((deal, index) => {            try {               const currencySym = this.escapeHTML(deal.currency);               const isoCurrencyCode = normalizeCurrency(currencySym);               const escapedPrice = this.escapeHTML(deal.price);               const escapedMsrp = this.escapeHTML(deal.msrp);               const areaCode = this.getAreaCode();                              const revenueId = generateRevenueId(deal.url, deal.title, deal.merchant, null);               const originalLink = deal.url;               const rewrittenLink = rewriteAffiliateLink(deal.url, areaCode, revenueId);                        const productCategoryName = 'deals';            const dataAttr = `              data-action="${deal.isCheckPrice ? 'view-similar-click' : 'deal-click'}"              data-analytics-id="${this.escapeHTML(deal.externalProductId || deal.id || '')}"              data-product-name="${this.escapeHTML(deal.title)}"              data-merchant-name="${this.escapeHTML(deal.merchant)}"              data-price="${deal.rawPrice || ''}"              data-previous-price="${deal.rawMsrp || ''}"              data-original-link="${this.escapeHTML(originalLink)}"              data-revenue-id="${revenueId}"              data-index="${index}"              data-total="${displayDeals.length}"              data-in-stock="${deal.inStock !== false}"              data-currency="${this.escapeHTML(isoCurrencyCode)}"              data-model-id="${this.escapeHTML(deal.modelId || '')}"              data-product-key="${this.escapeHTML(deal.productKey || '')}"              data-merchant-id="${this.escapeHTML(deal.merchantId || '')}"            `;                        let priceGroupHtml = '';            let isSavingsSquadMode = this.getViewMode() === 'savings_squad';            let ctaText = 'View Deal';            let formattedPrice = '';            let msrpHtml = '';                        if (deal.isCheckPrice) {              ctaText = isSavingsSquadMode ? 'View Deal' : 'Check Price';              if (isSavingsSquadMode) {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                  ${_div}                `;              } else {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                    \x3Cspan class="tg-df-card-price" style="font-size: 15px; font-weight: 500; font-style: italic;">See price at retailer${_span}                  ${_div}                `;              }            } else {              // Format Price              formattedPrice = escapedPrice.includes(currencySym)                 ? escapedPrice                 : `${currencySym}${escapedPrice}`;                              // Format MSRP              msrpHtml = deal.msrp && deal.rawMsrp > deal.rawPrice                ? `\x3Cspan class="tg-df-card-msrp">${escapedMsrp.includes(currencySym) ? escapedMsrp : currencySym + escapedMsrp}${_span}`                : '';                              priceGroupHtml = `                \x3Cdiv class="tg-df-card-merchant-wrapper">                  \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                ${_div}                \x3Cdiv class="tg-df-card-price-group">                  ${isSavingsSquadMode ? '' : `                  \x3Cspan class="tg-df-card-price">${formattedPrice}${_span}                  ${msrpHtml}                  `}                ${_div}              `;            }                        const discountBadgeHtml = deal.savingLabel && !deal.isCheckPrice              ? `\x3Cspan class="tg-df-card-discount-badge">${this.escapeHTML(deal.savingLabel)}${_span}`              : '';                          // HACK for CMS            const _button = '<' + '/button>';            const _svg = '<' + '/svg>';            const _path = '<' + '/path>';            const _rect = '<' + '/rect>';            const _circle = '<' + '/circle>';            const _polyline = '<' + '/polyline>';            const _line = '<' + '/line>';                        let badgesHtml = '';            const primeBadge = deal.isPrime ? `              \x3Cspan class="tg-df-tag tg-df-tag-prime">                \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="currentColor">                  \x3Cpath d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">${_path}                ${_svg} Prime              ${_span}            ` : '';                        const couponsBadge = deal.merchant && deal.merchant.toLowerCase().includes('amazon') ? '' : `              \x3Cdiv class="tg-df-coupon-wrapper" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:inline-flex; align-items:center;">                \x3Cdiv class="tg-df-coupon-spinner">${_div}                \x3Cbutton type="button" class="tg-df-tag tg-df-tag-coupons" data-action="coupons-click" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:none;">                  \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                    \x3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z">${_path}                    \x3Cline x1="7" y1="7" x2="7.01" y2="7">${_line}                  ${_svg} Coupons                ${_button}              ${_div}            `;                        // Note: We always add coupons badge if there's a chance, but to allow 3-line titles we check wrapper display state            badgesHtml = `              \x3Cdiv class="tg-df-card-badges">                ${primeBadge}                ${couponsBadge}              ${_div}            `;            const _linearGradient = '<' + '/linearGradient>';            const _polygon = '<' + '/polygon>';            const _stop = '<' + '/stop>';            const _defs = '<' + '/defs>';                        let starHtml = '';            if (deal.starRating) {              let rating = deal.starRating;                            if (rating > 0) {                const fullStars = Math.floor(rating);                const halfStar = (rating - fullStars) >= 0.5 ? 1 : 0;                const emptyStars = Math.max(0, 5 - fullStars - halfStar);                const blue = '#1f69ff'; // Tom's guide brand color from VIEW DEAL button                const gray = '#cbd5e1';                                const starSvgFull = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="${blue}" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                const gradId = 'half_grad_' + Math.floor(Math.random()*1000000);                const starSvgHalf = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cdefs>\x3ClinearGradient id="${gradId}" x1="0" x2="1" y1="0" y2="0">\x3Cstop offset="50%" stop-color="${blue}">${_stop}\x3Cstop offset="50%" stop-color="transparent">${_stop}${_linearGradient}${_defs}                  \x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26" fill="url(#${gradId})">${_polygon}${_svg}`;                                  const starSvgEmpty = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${gray}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                let stars = [];                for (let i=0; i<fullStars; i++) stars.push(starSvgFull);                if (halfStar) stars.push(starSvgHalf);                for (let i=0; i<emptyStars; i++) stars.push(starSvgEmpty);                                starHtml = `\x3Cdiv class="tg-df-card-stars" style="display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--tg-df-text-muted);">                  \x3Cspan style="margin-right:6px;">Tom's Guide:${_span}                  \x3Cdiv style="display:flex;gap:2px;">                    ${stars.join('')}                  ${_div}                ${_div}`;              }            }            let htmlOutput = '';            if (isSavingsSquadMode) {              htmlOutput += `              \x3Cdiv class="hawk-deal-widget-container tg-df-mobile-only" data-collapsible="true">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''} style="margin-bottom: 10px;">` : ''}                \x3Cdiv class="hawk-deal-widget-wrap">                  \x3Cdiv class="hawk-deal-widget-image-container">                    \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" rel="sponsored noopener" target="_blank" class="hawk-affiliate-link-deal-widget" ${dataAttr}>                      \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="hawk-lazy-image-deal-widget" loading="lazy" width="140" height="160" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                    ${_a}                  ${_div}                  \x3Cdiv class="hawk-deal-widget-text-cta-container">                    \x3Cdiv class="hawk-deal-widget-text-body-container">                      \x3Cdiv class="hawk-deal-widget-text-body-main">                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          ${deal.isCheckPrice ? `                            \x3Cspan class="hawk-deal-widget-title-product-title">${this.escapeHTML(deal.title)}${_span}                          ` : `                            \x3Cspan class="hawk-deal-widget-title-product-title">${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_span}                          `}                        ${_a}                        ${!deal.isCheckPrice && deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan class="hawk-deal-widget-title-was-price">was ${currencySym}${escapedMsrp}${_span}                          ${_a}                        ` : ''}                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          \x3Cspan class="hawk-deal-widget-title-retailer-price">                            ${!deal.isCheckPrice ? `                              \x3Cspan class="hawk-deal-widget-title-price">now ${formattedPrice}${_span}                              \x3Cspan class="hawk-deal-widget-title-retailer"> at ${this.escapeHTML(deal.merchant)}${_span}                            ` : `                              \x3Cspan class="hawk-deal-widget-title-price">See price at ${this.escapeHTML(deal.merchant)}${_span}                            `}                          ${_span}                        ${_a}                        ${deal.description ? `\x3Cdiv class="hawk-deal-widget-text-body-description">\x3Cp>${this.escapeHTML(deal.description)}${_p}${_div}` : ''}                      ${_div}                    ${_div}                    \x3Cdiv class="hawk-deal-widget-footer">                      \x3Cdiv class="hawk-deal-widget-button-wrapper">                        \x3Cdiv class="hawk-deal-widget-preferred-partner-wrapper">                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-deal-button" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan>${deal.isCheckPrice ? 'Check Price' : 'View Deal'}${_span}                          ${_a}                        ${_div}                      ${_div}                    ${_div}                  ${_div}                ${_div}              ${_div}              `;            }            htmlOutput += `              \x3Cdiv class="tg-df-card ${isSavingsSquadMode ? 'tg-df-desktop-only' : ''}">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''}>` : ''}                \x3Cdiv class="tg-df-card-image-box">                  ${discountBadgeHtml}                  \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">                    \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="tg-df-card-image" loading="lazy" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                  ${_a}                ${_div}                \x3Cdiv class="tg-df-card-body">                  ${starHtml}                  ${badgesHtml}                  \x3Ch3 class="tg-df-card-title tg-df-custom-savings-squad-title" title="${this.escapeHTML(deal.title)}">                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" disable-tracking="true" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit;">                      ${isSavingsSquadMode                         ? (deal.isCheckPrice                             ? (deal.title && deal.title.includes(':')                                 ? `\x3Cstrong>${this.escapeHTML(deal.title.substring(0, deal.title.indexOf(':') + 1))}${_strong}\x3Cspan style="color: #1f69ff; font-weight: normal;">${this.escapeHTML(deal.title.substring(deal.title.indexOf(':') + 1))}${_span}`                                : this.escapeHTML(deal.title)                              )                             : `\x3Cstrong>${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_strong} ${deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `\x3Cspan style="color: #d0021b; text-decoration: line-through; font-weight: normal; margin-right: 4px;">was ${currencySym}${escapedMsrp}${_span} ` : ''}\x3Cspan style="color: #1f69ff; font-weight: normal;">now ${formattedPrice} at ${this.escapeHTML(deal.merchant)}${_span}`                          )                        : this.escapeHTML(deal.title)                      }                    ${_a}                  ${_h3}                  ${deal.description ? `\x3Cp style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 12px; line-height: 1.4;">${this.escapeHTML(deal.description)}${_p}` : ''}                  \x3Cdiv class="tg-df-card-footer">                    ${priceGroupHtml}                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" class="tg-df-card-cta ${isSavingsSquadMode ? 'tg-df-cta-savings-squad' : ''}" style="text-decoration: none;">${ctaText}${_a}                  ${_div}                ${_div}              ${_div}            `;                        return htmlOutput;            } catch (e) {               console.log("Error rendering deal in map for index", index, typeof deal === 'object' ? JSON.stringify(deal) : deal, "MSG:", e.message);               return '';            }          }).join('');                    if (displayDeals.length > this.displayLimit || ((this.getViewMode() === 'carousel' || this.getViewMode() === 'auto') && displayDeals.length > 0 && displayDeals.length % ((this.rowsSelect && this.rowsSelect.value) ? parseInt(this.rowsSelect.value, 10) : 12) === 0)) {            if (this.getViewMode() === 'carousel') {               dealsHtml += `                 \x3Cbutton type="button" class="tg-df-load-more-card tg-df-load-more">                   \x3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 8px;">\x3Cpath d="M5 12h14">\x3C/path>\x3Cpath d="m12 5 7 7-7 7">\x3C/path>\x3C/svg>                   Load More                 ${_button}               `;            } else {               dealsHtml += `                 \x3Cdiv style="width: 100%; display: flex; justify-content: center; margin-top: 16px; grid-column: 1 / -1;">                   \x3Cbutton type="button" class="tg-df-tag-outline tg-df-load-more" style="padding: 8px 24px; border-radius: 100px; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center;">Load More${_button}                 ${_div}               `;            }          }                    this.grid.innerHTML = dealsHtml;          // Inject JSON-LD          try {            let targetNode = this.hostContainer || document.head;            let jsonLdScript = targetNode.querySelector('#tg-df-json-ld-' + this.widgetId);            if (!jsonLdScript) {                jsonLdScript = document.createElement('script');                jsonLdScript.type = 'application/ld+json';                jsonLdScript.id = 'tg-df-json-ld-' + this.widgetId;                targetNode.appendChild(jsonLdScript);            }            const jsonLdData = {              "@context": "https://schema.org",              "@type": "ItemList",              "itemListElement": displayDeals.slice(0, this.displayLimit).map((deal, index) => {                 let isoCurrency = "USD";                 if (deal.currency === '£') isoCurrency = "GBP";                 else if (deal.currency === '€') isoCurrency = "EUR";                 else if (deal.currency === 'A$') isoCurrency = "AUD";                 else if (deal.currency === 'CA$') isoCurrency = "CAD";                 const areaCode = typeof this.getAreaCode === 'function' ? this.getAreaCode() : 'US';                 const revenueId = typeof generateRevenueId === 'function' ? generateRevenueId(deal.url, deal.title, deal.merchant, null) : '';                 const rewrittenLink = typeof rewriteAffiliateLink === 'function' ? rewriteAffiliateLink(deal.url, areaCode, revenueId) : deal.url;                 return {                   "@type": "ListItem",                   "position": index + 1,                   "item": {                     "@type": "Product",                     "name": deal.title,                     "image": deal.image || "",                     "description": deal.description || "",                     "brand": {                       "@type": "Brand",                       "name": deal.brand || ""                     },                     "offers": {                       "@type": "Offer",                       "priceCurrency": isoCurrency,                       "price": deal.rawPrice || 0,                       "url": rewrittenLink,                       "seller": {                         "@type": "Organization",                         "name": deal.merchant || ""                       }                     }                   }                 };              }).filter(item => item.item.name)            };            jsonLdScript.textContent = JSON.stringify(jsonLdData);          } catch(e) { console.warn("JSON-LD generation failed", e); }                    let gridWrapper = this.grid.parentElement;          if (gridWrapper && gridWrapper.classList.contains('tg-df-grid-wrapper')) {             let rightChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-right');             let leftChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-left');             if (this.getViewMode() === 'carousel') {                 // The observer set up in setupScrollListeners handles visibility.                 if (rightChevron) rightChevron.style.display = 'flex';                 if (leftChevron) leftChevron.style.display = 'none'; // reset correctly             } else {                 if (rightChevron) rightChevron.style.display = 'none';                 if (leftChevron) leftChevron.style.display = 'none';             }          }                    const loadMoreBtn = this.grid.querySelector('.tg-df-load-more');          if (loadMoreBtn) {            loadMoreBtn.addEventListener('click', async () => {              if (typeof trackElementInteraction === 'function') {                trackElementInteraction({ id: 'load-more', name: 'Load more', label: 'Load More Results' });              }              if (displayDeals.length <= this.displayLimit) {                 loadMoreBtn.innerHTML = `                  <svg class="tg-df-spinner" style="width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83"/></svg>                  Loading...                 `;                 loadMoreBtn.disabled = true;                 await this.fetchDeals(this.currentQuery, true);              } else {                 this.displayLimit += this.getRowsLimit();                 this.render();              }            });          }                      this.bindCouponButtons();            this.checkAndUpdateCoupons();                        // Allow hawklinks.js to discover and rewrite our widget links             // by appending the .article-body class and manually triggering processArticle.            let container = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (container && !container.classList.contains('article-body')) {               container.classList.add('article-body');            }            setTimeout(() => {               if (this.grid && !this.grid.classList.contains('article-body')) this.grid.classList.add('article-body');               document.dispatchEvent(new CustomEvent('processArticle', { detail: { element: this.root } }));            }, 50);          } catch(e) {            console.warn("Widget render error", e);          }        }                async checkAndUpdateCoupons() {          const wrappers = Array.from(this.root.querySelectorAll('.tg-df-coupon-wrapper'));          if (wrappers.length === 0) return;                    const merchants = [...new Set(wrappers.map(w => w.getAttribute('data-merchant')).filter(Boolean))];          if (merchants.length === 0) return;          const couponResultsMap = await this.checkMerchantsCouponsBulk(merchants);                    for (const merchant of merchants) {            const hasCoupons = !!couponResultsMap[merchant];            const merchantWrappers = wrappers.filter(w => w.getAttribute('data-merchant') === merchant);            merchantWrappers.forEach(wrapper => {              const spinner = wrapper.querySelector('.tg-df-coupon-spinner');              const btn = wrapper.querySelector('.tg-df-tag-coupons');                            if (spinner) spinner.style.display = 'none';                            if (hasCoupons && btn) {                btn.style.display = 'inline-flex';              } else if (!hasCoupons) {                wrapper.style.display = 'none';              }            });          }        }        updateFloatingCopyBar() {          if (!this.editorBar || !this.editorSelectedCount) return;          if (this.editorMode && this.selectedDeals.size > 0) {            this.editorBar.style.display = 'flex';            this.editorSelectedCount.innerText = this.selectedDeals.size;          } else {            this.editorBar.style.display = 'none';          }        }        async copySelectedDealsToCMS() {           function htmlToSlate(htmlString) {              if (!htmlString) return [{ type: 'paragraph', children: [{ text: '' }] }];              let doc;              if (typeof window !== 'undefined' && window.DOMParser) {                 doc = new DOMParser().parseFromString(htmlString, 'text/html');              } else {                 doc = document.implementation.createHTMLDocument('');                 doc.body.innerHTML = htmlString;              }                            function parseNode(node, marks = {}) {                  if (node.nodeType === 3) {                      const text = node.textContent;                      if (!text) return null;                      return { text: text, ...marks };                  }                  if (node.nodeType === 1) {                      const tagName = node.tagName.toLowerCase();                      if (tagName === 'br') {                          return { type: 'line-break', children: [{ text: '' }] };                      }                      if (tagName === 'p') {                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return { type: 'paragraph', children };                      }                      if (tagName === 'strong' || tagName === 'b') {                          const newMarks = { ...marks, bold: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'em' || tagName === 'i') {                          const newMarks = { ...marks, italic: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'a') {                          const href = node.getAttribute('href') || '';                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return {                              type: 'link',                              url: href,                              isNoFollow: (node.getAttribute('rel') || '').includes('nofollow'),                              isSponsored: (node.getAttribute('rel') || '').includes('sponsored'),                              isOpenNewTab: node.getAttribute('target') === '_blank',                              isPreventDataRewrite: false,                              children: children                          };                      }                      return Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                  }                  return null;              }                            let blocksArray = [];              let currentParagraphChildren = [];              function flushParagraph() {                  if (currentParagraphChildren.length > 0) {                      blocksArray.push({ type: 'paragraph', children: currentParagraphChildren });                      currentParagraphChildren = [];                  }              }              Array.from(doc.body.childNodes).forEach(node => {                  const parsed = parseNode(node, {});                  const parsedItems = Array.isArray(parsed) ? parsed : (parsed ? [parsed] : []);                  parsedItems.forEach(item => {                      if (item.type === 'paragraph') {                          flushParagraph();                          blocksArray.push(item);                      } else {                          currentParagraphChildren.push(item);                      }                  });              });              flushParagraph();              if (blocksArray.length === 0) {                  blocksArray = [{ type: 'paragraph', children: [{ text: '' }] }];              }              return blocksArray;           }           const blocks = [];                      this.editorCopyBtn.innerHTML = '\x3Cspan class="tg-df-coupon-spinner" style="display:inline-block; margin-right:8px; border-top-color:#fff;">' + '<' + '/span> Copying...';           for (const deal of Array.from(this.selectedDeals.values())) {              const url = deal.url;              const merchant = deal.merchant;              const title = deal.title;              const image = deal.image;              const currentPrice = deal.currency + deal.rawPrice;              const wasPrice = deal.hasWasPrice && deal.rawMsrp > deal.rawPrice ? deal.currency + deal.rawMsrp : '';                            let couponsChildren = [];              try {                  const area = this.getAreaCode();                  const apiUrl = new URL('https://search-api.fie.future.net.uk/widget.php');                  apiUrl.searchParams.append('model_name', 'Everything');                  apiUrl.searchParams.append('language', 'en-GB');                  apiUrl.searchParams.append('area', area);                  apiUrl.searchParams.append('combine_product_types', '1');                  apiUrl.searchParams.append('filter_merchant_name', merchant);                  apiUrl.searchParams.append('all_filters', 'false');                  apiUrl.searchParams.append('exclude_unlabelled', 'false');                  apiUrl.searchParams.append('include_specs', 'false');                  apiUrl.searchParams.append('sort', 'voucher');                  apiUrl.searchParams.append('distinct_merchants', 'natural');                  apiUrl.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');                  apiUrl.searchParams.append('rows', '3');                  apiUrl.searchParams.append('origin', 'widgets-clientside');                                    let res; try { res = await fetch(apiUrl.toString()); } catch (e) { return; }                  if (res.ok) {                      const data = await res.json();                      let offers = [];                      if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {                        offers = data.widget.data.offers;                      } else if (data && data.data && Array.isArray(data.data.offers)) {                        offers = data.data.offers;                      }                                            if (offers.length > 0) {                          couponsChildren.push({ text: "Also check out these coupons: ", bold: true });                          offers.slice(0, 3).forEach((offer, idx) => {                              const actualOffer = offer.offer || offer;                              const offerName = actualOffer.name || actualOffer.title || offer.model_name || offer.title || offer.name || 'Coupon';                              const linkUrl = actualOffer.link || actualOffer.url || actualOffer.offer_link || '#';                              couponsChildren.push({ type: "line-break", children: [{ text: "" }] });                              couponsChildren.push({ text: "🎟️ " });                              couponsChildren.push({                                  type: "link",                                  url: linkUrl,                                  isNoFollow: true,                                  isSponsored: false,                                  isOpenNewTab: true,                                  isPreventDataRewrite: false,                                  children: [{ text: offerName, bold: true }]                              });                          });                      }                  }              } catch (err) {                  console.warn('Failed to fetch coupons for', merchant, err);              }              let descriptionValue = [];              if (deal.text) {                 descriptionValue = htmlToSlate(deal.text);              } else {                 const dealDescriptions = [                   `Don't miss out on this fantastic deal for the ${title}. It is currently available at ${merchant} for a highly competitive price.`,                   `We've spotted an excellent price drop on the ${title}. Grab it now at ${merchant} before it's gone.`,                   `The ${title} is currently seeing a generous discount over at ${merchant}. This is a perfect time to buy if you've been holding out.`,                   `If you're in the market for the ${title}, ${merchant} has just the deal for you.`,                   `Score the ${title} for less at ${merchant} right now. This is a rare chance to save big.`,                   `Upgrade your setup with the ${title}, now available at a stellar price via ${merchant}.`                 ];                 const randomDescription = dealDescriptions[Math.floor(Math.random() * dealDescriptions.length)];                 descriptionValue = [                    { type: "paragraph", children: [{ text: randomDescription }] }                 ];              }                            if (couponsChildren.length > 0) {                 let lastBlock = descriptionValue[descriptionValue.length - 1];                 if (lastBlock && lastBlock.type === 'paragraph') {                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ text: "Also check out these coupons: ", bold: true });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children = lastBlock.children.concat(couponsChildren);                 } else {                     descriptionValue.push({                         type: "paragraph",                         children: [                             { type: "line-break", children: [{ text: "" }] },                             { type: "line-break", children: [{ text: "" }] },                             { text: "Also check out these coupons: ", bold: true },                             { type: "line-break", children: [{ text: "" }] },                             ...couponsChildren                         ]                     });                 }              }              function normalizeCurrencyToISO(symbol) {                const map = { '£': 'GBP', '$': 'USD', 'A$': 'AUD', 'CA$': 'CAD', '€': 'EUR' };                return map[symbol] || symbol;              }              const isoCurrency = normalizeCurrencyToISO(deal.currency);              blocks.push({                 id: (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'cms-' + Date.now() + Math.random(),                 blockTypeName: "deal",                 excludeFrom: [],                 collapsible: false,                 props: {                    description: {                       value: descriptionValue,                       touched: false,                       validationMessage: ""                    },                    image: {                       value: {                          credit: [{ type: "paragraph", children: [{ text: merchant }] }],                          dateCreated: Date.now(),                          dateModified: Date.now(),                          distribution: [],                          fileSize: 0,                          height: 1000,                          id: deal.id,                          imageRights: "",                          src: image,                          name: title + ".jpg",                          tags: [],                          width: 1000                       },                       touched: false,                       validationMessage: ""                    },                    showDealButton: { value: true, touched: false, validationMessage: "" },                    isPreferredPartner: { value: false, touched: false, validationMessage: "" },                    linkHref: { value: url, touched: false, validationMessage: "" },                    linkLabel: { value: "", touched: false, validationMessage: "" },                    linkIsNoFollow: { value: true, touched: false, validationMessage: "" },                    linkIsSponsored: { value: false, touched: false, validationMessage: "" },                    linkIsOpenNewWindow: { value: true, touched: false, validationMessage: "" },                    customPromoFlags: { value: [], touched: false, validationMessage: "" },                    showStarDeal: { value: false, touched: false, validationMessage: "" },                    savingType: { value: "none", touched: false, validationMessage: "" },                    starDealPromoFlag: { value: "", touched: false, validationMessage: "" },                    showEditorsChoice: { value: false, touched: false, validationMessage: "" },                    editorsChoiceTitle: { value: "", touched: false, validationMessage: "" },                    hawkPriceCurrency: { value: { value: isoCurrency, label: isoCurrency }, touched: false, validationMessage: "" },                    hawkPrice: { value: deal.hasWasPrice ? String(deal.rawMsrp) : String(deal.rawPrice), touched: false, validationMessage: "" },                    hawkSalePrice: { value: String(deal.rawPrice), touched: false, validationMessage: "" },                    lastCheckedPriceDate: { value: "", touched: false, validationMessage: "" },                    hawkModel: { touched: false, validationMessage: "" },                    productId: { value: "", touched: false, validationMessage: "" },                    voucherId: { value: "", touched: false, validationMessage: "" },                    brand: { value: deal.brand || merchant, touched: false, validationMessage: "" },                    productName: { value: title, touched: false, validationMessage: "" },                    label: { value: "", touched: false, validationMessage: "" },                    retailer: { value: merchant, touched: false, validationMessage: "" },                    priceCheckError: false                 },                 failedFetchError: ""              });           }           const payload = {              type: "articleBuilderPages",              data: blocks           };           const jsonStr = JSON.stringify(payload);                      if (navigator.clipboard && navigator.clipboard.writeText) {              navigator.clipboard.writeText(jsonStr).then(() => {                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              }).catch(err => {                 console.warn('Failed to copy text: ', err);                 alert('Failed to copy deals to clipboard. See console.');              });           } else {              // Fallback              const textArea = document.createElement("textarea");              textArea.value = jsonStr;              document.body.appendChild(textArea);              textArea.focus();              textArea.select();              try {                 document.execCommand('copy');                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              } catch (err) {                 console.warn('Fallback: Oops, unable to copy', err);                 alert('Fallback: Failed to copy deals to clipboard.');              }              document.body.removeChild(textArea);           }        }      }      // Initialize the Widget      if (document.readyState === 'loading') {        document.addEventListener('DOMContentLoaded', () => new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer }));      } else {        new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer });      }    })();  </script></div> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/nintendo/hurry-now-is-your-last-chance-to-buy-a-nintendo-switch-2-before-the-usd50-price-hike-hits</link>
                                                                            <description>
                            <![CDATA[ The Nintendo Switch 2 is about to go up in price — get the console right now for its launch price, before it's too late. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">BBJWdxgQKAbfusMPbppHSV</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/nx3ypiZuGqcV3petw9MnG-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Wed, 19 Aug 2026 11:02:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Nintendo]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ millie.daviswilliams@futurenet.com (Millie Davis-Williams) ]]></author>                    <dc:creator><![CDATA[ Millie Davis-Williams ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/WU6pa7hKuxs5ScCoqcXYWA.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Millie is a Deals Editor at Tom&#039;s Guide specializing in tech deals content. Based in London, Millie has spent a lifetime stubbornly refusing to pay full price on any possible purchase. She has years of searching for the best discounts on the latest and greatest phones, TVs and gadgets under her belt, and knows how to sort the best deals from the rest. Helping readers save on the products they want is her mission, whether it’s an Apple Watch or a new tablet.&lt;/p&gt;&lt;p&gt;Since working at Tom’s Guide, Millie has covered retail events like Prime Day, Black Friday and Cyber Monday extensively, meaning she knows the products readers are looking for and the best times of year to hit “purchase.”&lt;/p&gt;&lt;p&gt;When she’s not looking for discounts, Millie covers news and writes how-to articles about everything from phones, streaming devices, and headphones to apps and video games.&lt;/p&gt;&lt;p&gt;In her spare time, Millie enjoys reading, gaming on her Nintendo Switch and creating digital art. She’s also a fan of watching Disney movies and collecting plush (the latter having totally taken over her bedroom.)&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/nx3ypiZuGqcV3petw9MnG-1280-80.jpg">
                                                            <media:credit><![CDATA[Future / Tom&#039;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Nintendo Switch 2 displaying Mario Kart World]]></media:description>                                                            <media:text><![CDATA[Nintendo Switch 2 displaying Mario Kart World]]></media:text>
                                <media:title type="plain"><![CDATA[Nintendo Switch 2 displaying Mario Kart World]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/nx3ypiZuGqcV3petw9MnG-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>It's your very last chance to buy a Nintendo Switch 2 — unless you want to spend $50 more than you have to. That's right, the <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-price-hike-confirmed-heres-how-much-youll-pay">Nintendo Switch 2 price hike</a> is confirmed for September 1, after which you'll have to spend $499 to get a console.</p><p>For now, you can still get the <a href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow">Nintendo Switch 2 for $449 at Amazon</a>. If you want one, don't wait any longer to pick one up.</p><p>To score yourself a saving, you can also buy the <a href="https://www.amazon.com/dp/B0GZ5DFHC5" target="_blank" rel="nofollow">Nintendo Switch 2 Choose Your Game bundle for $499 at Amazon</a>. This bundle gets you a console and a game — either Mario Kart World, Donkey Kong Bananza or Pokémon Pokopia — and will save you between $20 and $30 compared to buying the items separately. You really can't go wrong with this choice because all three games are excellent.</p><p>To get your system kitted out, I'm also sharing discounts on essential games and accessories for the Nintendo Switch and Nintendo Switch 2.</p><h3 class="article-body__section" id="section-quick-links"><span>Quick Links</span></h3><ul><li><strong></strong><a href="https://www.amazon.com/b?node=16227133011" target="_blank" rel="nofollow"><strong>shop Nintendo Switch game deals at Amazon</strong></a></li><li><strong>Nintendo Switch 2: </strong><a href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow"><strong>now $449</strong></a></li><li><strong>Nintendo Switch 2 Choose Your Game Bundle: </strong><a href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow"><strong>now $499</strong></a> <strong>up to $30 off!</strong></li></ul><h3 class="article-body__section" id="section-nintendo-switch-2-consoles"><span>Nintendo Switch 2 consoles</span></h3><div class="product"><a data-dimension112="9a234c02-9bba-11f1-96ec-4d604d51e1ea" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449" href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1240px;"><p class="vanilla-image-block" style="padding-top:56.29%;"><img id="8oL9ux5FsYhxFBSJKtkUU3" name="switch-2-box-deal-block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/8oL9ux5FsYhxFBSJKtkUU3.jpg" mos="" align="middle" fullscreen="" width="1240" height="698" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review" data-dimension112="9a234c02-9bba-11f1-96ec-4d604d51e1ea" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449">Nintendo Switch 2</a> takes what worked about its best-selling predecessor and makes impactful upgrades across the board. From the excellent, and noticeably larger, 7.9-inch display to the more powerful internal specs, the Switch 2 is a full leap forward and the best hybrid console you can buy.<br><strong>Price check: </strong><a href="https://www.bestbuy.com/site/switch-2-system-nintendo-switch-2/6614313.p" target="_blank" rel="nofollow"><strong>$449 @ Best Buy</strong></a><a class="view-deal button" href="https://www.amazon.com/Nintendo-Switch-2-System/dp/B0F3GWXLTS" target="_blank" rel="nofollow" data-dimension112="9a234c02-9bba-11f1-96ec-4d604d51e1ea" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="$449">View Deal</a></p></div><div class="product"><a data-dimension112="9a234c66-9bba-11f1-aaba-433585accb1b" data-action="Deal Block" data-label="Switch 2 Choose Your Game Bundle" data-dimension48="Switch 2 Choose Your Game Bundle" data-dimension25="$499" href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:90.60%;"><img id="HFhsLDuMQr9ApbrRTkAZFi" name="Switch 2 Choose Your Game Bundle" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HFhsLDuMQr9ApbrRTkAZFi.png" mos="" align="middle" fullscreen="" width="1500" height="1359" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow" data-dimension112="9a234c66-9bba-11f1-aaba-433585accb1b" data-action="Deal Block" data-label="Switch 2 Choose Your Game Bundle" data-dimension48="Switch 2 Choose Your Game Bundle" data-dimension25="$499">Switch 2 Choose Your Game Bundle: $499</a></strong><br>This Nintendo Switch 2 bundle gets you a console and a choice of one of three excellent titles. Your options are Mario Kart World, Pokémon Pokopia and Donkey Kong: Bananza. This means you can save up to $30 compared to buying one of those games separately. <br><strong>Price check: </strong><a href="https://www.bestbuy.com/product/switch-2-choose-your-game-bundle-nintendo-switch-2/J7GSL57WQR" target="_blank" rel="nofollow"><strong>$499 @ Best Buy</strong></a><strong> | </strong><a href="https://www.gamestop.com/consoles-hardware/nintendo-switch-2/products/nintendo-switch-2-choose-your-game-bundle/445803.html" target="_blank" rel="nofollow"><strong>$499 @ Gamestop</strong></a><strong> | </strong><a href="https://www.nintendo.com/us/store/products/nintendo-switch-2-choose-bundle-128060/" target="_blank" rel="nofollow"><strong>$499 @ Nintendo</strong></a><a class="view-deal button" href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow" data-dimension112="9a234c66-9bba-11f1-aaba-433585accb1b" data-action="Deal Block" data-label="Switch 2 Choose Your Game Bundle" data-dimension48="Switch 2 Choose Your Game Bundle" data-dimension25="$499">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-accessory-deals"><span>Nintendo Switch accessory deals</span></h3><div class="product"><a data-dimension112="9a234d2e-9bba-11f1-83a6-dd52d6a2c930" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="rRmoBGCGfLKa4YNM75662m" name="rds-game-traveler-deluxe-for-switch-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/rRmoBGCGfLKa4YNM75662m.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="9a234d2e-9bba-11f1-83a6-dd52d6a2c930" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">Game Traveler Deluxe Case: was $29 now $26</a></strong><br>The Switch 2 was made to be portable, so you'll want a case to keep it protected on your travels. This officially licensed accessory comes with space to not only sort your Switch 2, but also a Pro controller and power adapter. It also comes with 12 slots to hold Switch game cards.<a class="view-deal button" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="9a234d2e-9bba-11f1-83a6-dd52d6a2c930" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">View Deal</a></p></div><div class="product"><a data-dimension112="9a234da6-9bba-11f1-98d8-95d1d2904317" data-action="Deal Block" data-label="Rematch Wireless Controller" data-dimension48="Rematch Wireless Controller" data-dimension25="$29" href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="XMP9BiyxzAMgZazxM7sZfm" name="Rematch Wireless Controller (Super Mario Star)" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/XMP9BiyxzAMgZazxM7sZfm.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow" data-dimension112="9a234da6-9bba-11f1-98d8-95d1d2904317" data-action="Deal Block" data-label="Rematch Wireless Controller" data-dimension48="Rematch Wireless Controller" data-dimension25="$29">Rematch Wireless Controller: was $59 now $29</a></strong><br>This is one of the <a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-controllers">best Nintendo Switch 2 controllers</a>. The Turtle Beach Rematch Wireless is an ergonomic way to elevate your gaming experience, and comes in funky colorways. It offers customizable back buttons, responsive thumbsticks and triggers, and comparable battery life to Nintendo's new Pro controller... but at a <em>significantly </em>lower price point. <a class="view-deal button" href="https://www.amazon.com/Turtle-Rematch-Wireless-Controller-Gaming-Console/dp/B0F1RB4YGC" target="_blank" rel="nofollow" data-dimension112="9a234da6-9bba-11f1-98d8-95d1d2904317" data-action="Deal Block" data-label="Rematch Wireless Controller" data-dimension48="Rematch Wireless Controller" data-dimension25="$29">View Deal</a></p></div><div class="product"><a data-dimension112="9a234e14-9bba-11f1-8a66-4fa0b3f1b843" data-action="Deal Block" data-label="Switch 2 Pro Controller" data-dimension48="Switch 2 Pro Controller" data-dimension25="$89" href="https://www.walmart.com/ip/Nintendo-Switch-2-Pro-Controller/15955005005" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:822px;"><p class="vanilla-image-block" style="padding-top:148.18%;"><img id="gmyn2p8knnWLkubfKxSnAB" name="Nintendo Switch 2 Pro Controller" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/gmyn2p8knnWLkubfKxSnAB.jpg" mos="" align="middle" fullscreen="" width="822" height="1218" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The Nintendo Switch 2 Pro Controller is practically guaranteed to be the most in-demand Switch 2 accessory, and it packs a suitable upgrade over its predecessor adding a headphone jack, the new "C" button, and customizable back buttons. <br><strong>Additional retailers: </strong><a href="https://www.bestbuy.com/site/nintendo-switch-2-pro-controller-black/6625904.p?skuId=6625904" target="_blank" rel="nofollow" data-dimension112="9a234e14-9bba-11f1-8a66-4fa0b3f1b843" data-action="Deal Block" data-label="Switch 2 Pro Controller" data-dimension48="Switch 2 Pro Controller" data-dimension25="$89"><strong>Best Buy</strong></a><strong> | </strong><a href="https://www.gamestop.com/gaming-accessories/controllers/nintendo-switch-2/products/nintendo-switch-2-pro-controller/424549.html" target="_blank" rel="nofollow"><strong>GameStop</strong></a><a class="view-deal button" href="https://www.walmart.com/ip/Nintendo-Switch-2-Pro-Controller/15955005005" target="_blank" rel="nofollow" data-dimension112="9a234e14-9bba-11f1-8a66-4fa0b3f1b843" data-action="Deal Block" data-label="Switch 2 Pro Controller" data-dimension48="Switch 2 Pro Controller" data-dimension25="$89">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-game-deals"><span>Nintendo Switch game deals</span></h3><div class="product"><a data-dimension112="9a234edc-9bba-11f1-ac3e-db56dc6f06bb" data-action="Deal Block" data-label="Final Fantasy VII Remake Intergrade" data-dimension48="Final Fantasy VII Remake Intergrade" data-dimension25="$29" href="https://www.amazon.com/FINAL-FANTASY-VII-REMAKE-INTERGRADE-Nintendo/dp/B0FR6937TP" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:983px;"><p class="vanilla-image-block" style="padding-top:152.59%;"><img id="DBMcJxERibZfQKtxNpbvF6" name="ffvii-remake-switch-2-na-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/DBMcJxERibZfQKtxNpbvF6.jpg" mos="" align="middle" fullscreen="" width="983" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Final Fantasy VII Remake Intergrade has come to Nintendo Switch 2, and it's an excellent port of a fantastic RPG experience. You get the complete base game and the chunky DLC chapter. This ground-up reimaging of the iconic Final Fantasy VII sees Cloud and allies quest through the steampunk city of Midgar.<a class="view-deal button" href="https://www.amazon.com/FINAL-FANTASY-VII-REMAKE-INTERGRADE-Nintendo/dp/B0FR6937TP" target="_blank" rel="nofollow" data-dimension112="9a234edc-9bba-11f1-ac3e-db56dc6f06bb" data-action="Deal Block" data-label="Final Fantasy VII Remake Intergrade" data-dimension48="Final Fantasy VII Remake Intergrade" data-dimension25="$29">View Deal</a></p></div><div class="product"><a data-dimension112="9a234f40-9bba-11f1-89cb-9981fba79e69" data-action="Deal Block" data-label="Pokémon Legends Z-A (Nintendo Switch 2)" data-dimension48="Pokémon Legends Z-A (Nintendo Switch 2)" data-dimension25="$59" href="https://electronics.woot.com/offers/pokemon-legends-z-a-nintendo-switch-2z-0" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="pcw6EDD3kDkdiwoa3ifb3G" name="pokemon-legends-z-a-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/pcw6EDD3kDkdiwoa3ifb3G.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://electronics.woot.com/offers/pokemon-legends-z-a-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="9a234f40-9bba-11f1-89cb-9981fba79e69" data-action="Deal Block" data-label="Pokémon Legends Z-A (Nintendo Switch 2)" data-dimension48="Pokémon Legends Z-A (Nintendo Switch 2)" data-dimension25="$59">Pokémon Legends Z-A (Nintendo Switch 2): was $69 now $59</a></strong><br><a href="https://www.tomsguide.com/gaming/pokemon-legends-z-a-review">Pokémon Legends Z-A</a> reworks the franchise's traditional turn-based combat, but the thrill of capturing powerful pocket-sized monsters remains as compelling as ever. It's one of the best Nintendo Switch 2 games, for sure.<br><strong>Price check: </strong><a href="https://www.amazon.com/Pok%C3%A9monTM-Legends-Z-Nintendo-Switch/dp/B0FC6J5CMG" target="_blank" rel="nofollow"><strong>$69 @ Amazon</strong></a><a class="view-deal button" href="https://electronics.woot.com/offers/pokemon-legends-z-a-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="9a234f40-9bba-11f1-89cb-9981fba79e69" data-action="Deal Block" data-label="Pokémon Legends Z-A (Nintendo Switch 2)" data-dimension48="Pokémon Legends Z-A (Nintendo Switch 2)" data-dimension25="$59">View Deal</a></p></div><div class="product"><a data-dimension112="9a234f9a-9bba-11f1-a94e-d523bd948d62" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:786px;"><p class="vanilla-image-block" style="padding-top:161.96%;"><img id="Rdc6R4sXktvbq4VMebzq6P" name="zelda-botw-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/Rdc6R4sXktvbq4VMebzq6P.jpg" mos="" align="middle" fullscreen="" width="786" height="1273" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="9a234f9a-9bba-11f1-a94e-d523bd948d62" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59">Breath of the Wild - Nintendo Switch 2 Edition: was $69 now $59</a></strong><br>The original Switch's definitive launch game has returned for the Switch 2, and now it's been enhanced for Nintendo's new hardware. It's the masterpiece you (probably) know, but looking and running better than ever. If you've never played Breath of the Wild, there really isn't a better time to jump into Hyrule than via this Switch 2 Edition. <br><strong>Price check: </strong><a href="https://www.bestbuy.com/site/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2-edition-nintendo-switch-2/6414096.p?skuId=6414096" target="_blank" rel="nofollow"><strong>$69 @ Best Buy</strong></a><a class="view-deal button" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-2z-0" target="_blank" rel="nofollow" data-dimension112="9a234f9a-9bba-11f1-a94e-d523bd948d62" data-action="Deal Block" data-label="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension48="Breath of the Wild - Nintendo Switch 2 Edition" data-dimension25="$59">View Deal</a></p></div><div class="product"><a data-dimension112="9a234ffe-9bba-11f1-9613-b15072747eb7" data-action="Deal Block" data-label="Kirby and the Forgotten Land" data-dimension48="Kirby and the Forgotten Land" data-dimension25="$64" href="https://electronics.woot.com/offers/nintendo-kirby-045496905811-kirby-045496905811z-1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="qxt9hMcmxwNmQkk2umV4nQ" name="Kirby-forgotten-land-star-crossed-world-switch2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/qxt9hMcmxwNmQkk2umV4nQ.jpg" mos="" align="middle" fullscreen="" width="1600" height="1600" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Kirby and the Forgotten Land takes the adorable pink puffball to mysterious new worlds in this 3D platforming adventure. At your disposal are multiple new copy abilities, as well as the new Mouthful Mode that lets you interact with objects in often strange and hilarious ways. In between levels you can relax in the charming Waddle Dee Town and play a selection of mini-games. The Switch 2 version features bonus levels, improved visuals and more.<a class="view-deal button" href="https://electronics.woot.com/offers/nintendo-kirby-045496905811-kirby-045496905811z-1" target="_blank" rel="nofollow" data-dimension112="9a234ffe-9bba-11f1-9613-b15072747eb7" data-action="Deal Block" data-label="Kirby and the Forgotten Land" data-dimension48="Kirby and the Forgotten Land" data-dimension25="$64">View Deal</a></p></div><div class="product"><a data-dimension112="9a235062-9bba-11f1-b611-09128e56b536" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64" href="https://www.gamestop.com/video-games/nintendo-switch-2/products/donkey-kong-bananza---nintendo-switch-2/20021654.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1650px;"><p class="vanilla-image-block" style="padding-top:133.27%;"><img id="f57YgiDNACvGEeuFuZr3EL" name="Donkey Kong Bananza" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/f57YgiDNACvGEeuFuZr3EL.jpg" mos="" align="middle" fullscreen="" width="1650" height="2199" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/nintendo/donkey-kong-bananza-review" data-dimension112="9a235062-9bba-11f1-b611-09128e56b536" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64">Donkey Kong Bananza</a> allows DK to smash his way through (and down into) the surrounding terrain. He can punch his way through mountains or head underground in search of collectibles. It's hands-down one of the Switch 2's biggest titles and our current choice for the <a href="https://www.tomsguide.com/gaming/nintendo/best-nintendo-switch-2-games">best Nintendo Switch 2 game</a> on the shelves.<br><strong>Additional retailers: </strong><a href="https://www.amazon.com/Donkey-Kong-Bananza-Nintendo-Switch/dp/B0F66KLYVH" target="_blank" rel="nofollow"><strong>Amazon</strong></a><strong> |</strong> <a href="https://www.walmart.com/ip/Donkey-Kong-Bananza-U-S-Version/15949810208" target="_blank" rel="nofollow"><strong>Walmart</strong></a> <strong>| </strong><a href="https://www.bestbuy.com/site/donkey-kong-bananza-nintendo-switch-2/6414108.p" target="_blank" rel="nofollow"><strong>Best Buy</strong></a><a class="view-deal button" href="https://www.gamestop.com/video-games/nintendo-switch-2/products/donkey-kong-bananza---nintendo-switch-2/20021654.html" target="_blank" rel="nofollow" data-dimension112="9a235062-9bba-11f1-b611-09128e56b536" data-action="Deal Block" data-label="Donkey Kong Bananza" data-dimension48="Donkey Kong Bananza" data-dimension25="$64">View Deal</a></p></div><div class="vizualizer-embed"><div class="tg-df-widget-host" data-widget-config="?search=Gaming&min_discount_ratio=0.95&offer_type=all&view_mode=carousel&widget_title=Top+Deals+Handpicked+by+Our+Editors&widget_subtitle=Discover+the+best+discounts+currently+available%2C+curated+daily+by+the+Tom%27s+Guide+Savings+Squad.&bg_color=transparent" data-vizualizer-embed="true"></div>    <script>    /**     * Tom's Guide Deals Finder - Vanilla JS Encapsulated Engine     */    (function() {      // --- Freyr Analytics Adapter ---      function initAnalytics() {        window.dataLayer = window.dataLayer || [];        window.googletag = window.googletag || {};        window.googletag.cmd = window.googletag.cmd || [];        window.hawk = window.hawk || { analytics: { freyr: [] } };        window.hawk.analytics = window.hawk.analytics || { freyr: [] };        window.hawk.analytics.freyr = window.hawk.analytics.freyr || [];        window.freyr = window.freyr || { cmd: [] };        const scriptSrc = 'https://freyr.futurecdn.net/freyr.js';        const hostname = typeof window !== 'undefined' ? window.location.hostname : '';        const isTestEnv = typeof window.navigator !== 'undefined' && (window.navigator.webdriver || window.navigator.userAgent.includes('Headless'));        const shouldSendRealAnalytics = !isTestEnv && hostname && hostname !== 'localhost' && hostname !== '127.0.0.1' && !hostname.includes('run.app');        if (shouldSendRealAnalytics && !document.querySelector(`script[src="${scriptSrc}"]`)) {          const script = document.createElement('script');          script.src = scriptSrc;          script.async = true;          document.head.appendChild(script);        }      }      function storeEventForDebug(name, data) {        if (!window.hawk || !window.hawk.analytics || !window.hawk.analytics.freyr) return;        window.hawk.analytics.freyr.push({ name, data });        try {          if (typeof window !== 'undefined' && window.localStorage) {            window.localStorage.setItem("hawk", JSON.stringify(window.hawk));          }        } catch (e) {          // Ignore storage issues        }        try {          window.dispatchEvent(new CustomEvent("hawk-analytics-update"));        } catch (e) {}      }      function sendToFreyr(eventName, data) {        if (typeof window === 'undefined') return;        window.freyr = window.freyr || { cmd: [] };        window.freyr.cmd.push(() => {          if (window.freyr && window.freyr.pushAndUpdate) {            window.freyr.pushAndUpdate(eventName, data);          }        });      }      function sendEvent(event, skip = false) {        try {          storeEventForDebug(event.name, event.data);          if (!skip) {            sendToFreyr(event.name, event.data);          }        } catch (e) {          // Ensure tracking errors don't surface to the user        }      }      function getCookie(name) {        try {          const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));          return match ? match[2] : null;        } catch (e) {          return null;        }      }      function normalizeCurrency(symbol) {        const map = {          '£': 'GBP',          '$': 'USD',          'A$': 'AUD',          'CA$': 'CAD',          '€': 'EUR'        };        return map[symbol] || symbol;      }      function trackElementInteraction(props) {        sendEvent({          name: 'elementInteraction',          data: {            element: {              action: props.action || "click",              id: props.id || undefined,              class: props.class || undefined,              name: props.name || undefined,              text: props.text || undefined,              label: props.label || undefined,              container: props.container || undefined,              url: props.url || undefined,              articleId: props.articleId || undefined            }          }        });      }      function generateRevenueId(url, productName, merchantName, modelId) {        const str = `${window.location.href}|${productName}|${merchantName}|${modelId || ''}|${new Date().toDateString()}|tomsguide`;        let hash = 0;        for (let i = 0; i < str.length; i++) {          const char = str.charCodeAt(i);          hash = ((hash << 5) - hash) + char;          hash = hash & hash;        }        let numericStr = Math.abs(hash).toString();        while (numericStr.length < 19) {          numericStr += Math.floor(Math.random() * 10).toString();        }        return numericStr.substring(0, 19);      }      function rewriteAffiliateLink(url, territory, revenueId) {        if (!url) return url;        const t = (territory || 'gb').toLowerCase();        return url.replace(/hawk-custom-tracking/g, `tomsguide-${t}-${revenueId}`);      }      function trackHawkEvent(params) {        const { clickType, widgetId, productCategoryName, product, productsArray, zeroBasedProductIndexOrNull, totalDealsOrProducts, areaClicked, merchant, revenueId, isoCurrencyCode, queryName, widgetTypeName } = params;        const data = {          event: "hawkEvent",          category: "Affiliates",          affiliate: {            action: {              type: clickType,              id: widgetId,              event: clickType === "appeared" ? "viewed" : "Click from",              timestamp: Date.now()            },            component: {              flag: "Editor",              product: productCategoryName || "deals",              category: `Signal Deal Finder ${widgetTypeName || "Carousel"} widget`,              type: clickType === "appeared" ? "review" : "signal product",              label: queryName || (product ? (product.name || "") : ""),              index: zeroBasedProductIndexOrNull === null || zeroBasedProductIndexOrNull === undefined ? -1 : zeroBasedProductIndexOrNull,              linkCount: totalDealsOrProducts || 0,              blockLayout: "",              areaClicked: areaClicked || ""            }          },          products: productsArray || (product && merchant ? [            {              product: {                primary: {                  id: product.id || product.matchId || null,                  name: product.name,                  type: "deal",                  price: product.price,                  previousPrice: product.previousPrice || null,                  currency: isoCurrencyCode || "USD",                  preorder: false,                  labels: [],                  link: product.link,                  originalLink: product.originalLink || null,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: null,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: product.globalId || null,                  inStock: product.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: isoCurrencyCode || "USD"                }              },              merchant: {                id: merchant.id || null,                name: merchant.name,                url: merchant.url || null,                network: merchant.network || null              },              model: {                id: product.modelId || null,                brand: product.brand || null,                name: product.name,                parent: product.parent || null              }            }          ] : []),          reviews: [],          _clear: true,          "gtm.uniqueEventId": Date.now() % 10000        };        sendEvent({ name: 'hawkEvent', data });      }      function trackDealClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card" });      }      function trackViewSimilarClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card View Similar" });      }      function trackPriceComparisonClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Price Comparison" });      }      function trackReviewClick(params) {        trackHawkEvent({ ...params, clickType: "review", areaClicked: "Signal Product Card Review Link" });      }      function trackShare(params) {        trackHawkEvent({ ...params, clickType: "share", areaClicked: "Signal Product Card Share" });      }      function trackDealsAppeared(widgetId, deals, revenueId, currency, queryName, widgetTypeName) {         if (!deals || deals.length === 0) return;                  const productsArray = deals.slice(0, 50).map((deal) => {            let voucherPct = null;            let rawPrice = parseFloat(deal.rawPrice) || parseFloat(deal.price) || null;            let rawMsrp = parseFloat(deal.rawMsrp) || parseFloat(deal.msrp) || null;            if (rawMsrp > rawPrice && rawPrice > 0) {              voucherPct = Math.round((1 - (rawPrice / rawMsrp)) * 100);            }            let numId = null;            if (deal.externalProductId && !isNaN(parseInt(deal.externalProductId))) {              numId = parseInt(deal.externalProductId);            } else if (deal.id && !isNaN(parseInt(deal.id))) {              numId = parseInt(deal.id);            } else {              numId = deal.matchId || null;            }            return {              product: {                primary: {                  id: numId,                  name: deal.productName || deal.title || "",                  type: "deal",                  price: rawPrice,                  previousPrice: rawMsrp,                  currency: currency || 'USD',                  preorder: false,                  labels: deal.modelBrand || deal.brand ? [                     { type: "brand", value: deal.modelBrand || deal.brand }                  ] : [],                  link: deal.url,                  originalLink: deal.url,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: voucherPct,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: deal.productKey || null,                  inStock: deal.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: currency || 'USD'                }              },              merchant: {                id: deal.merchantId ? parseInt(deal.merchantId) : null,                name: deal.merchant || "Retailer",                url: deal.merchantUrl || null,                network: deal.merchantNetwork || null              },              model: {                id: deal.modelId ? parseInt(deal.modelId) : null,                brand: deal.modelBrand || deal.brand || null,                name: deal.productName || deal.title || "",                parent: deal.modelParent || null              }            };         });                  trackHawkEvent({             clickType: "appeared",             widgetId: widgetId,             productCategoryName: "deals",             zeroBasedProductIndexOrNull: null,             totalDealsOrProducts: deals.length,             productsArray: productsArray,             queryName: queryName,             widgetTypeName: widgetTypeName         });      }      // 1. Setup Shadow DOM Sandbox      const currentScript = document.currentScript;      let hostContainer = null;      let template = null;            if (currentScript) {        let prev = currentScript.previousElementSibling;        while (prev) {          if (prev.tagName === 'TEMPLATE' && prev.classList.contains('tg-df-widget-template')) {            template = prev;          } else if (prev.tagName === 'DIV' && prev.classList.contains('tg-df-widget-host') && !prev.hasAttribute('data-initialized')) {            hostContainer = prev;            break;          }          prev = prev.previousElementSibling;        }      }            // Fallbacks in case script is deferred      if (!hostContainer) {        const hosts = document.querySelectorAll('.tg-df-widget-host:not([data-initialized])');        if (hosts.length > 0) hostContainer = hosts[0];      }            // Safely embedded template for CMS environments      const rawTemplate = `  \x3Cstyle>    /* --- Shadow DOM Base Reset --- */    *, *::before, *::after {      box-sizing: border-box;    }    img, picture, svg, video {      max-width: 100%;      height: auto;      display: block;    }    /*       1. Scoped CSS for Tom's Guide Deals Widget       All classes are prefixed with \`tg-df-\` to prevent CMS style leakage.    */    .tg-df-container {      container-type: inline-size;      container-name: tg-df;      --tg-df-blue: #1F69FF;      --tg-df-blue-hover: #004d8c;      --tg-df-text: #222222;      --tg-df-text-muted: #555555;      --tg-df-bg: #ffffff;      --tg-df-bg-secondary: #f4f4f4;      --tg-df-border: #e2e8f0;      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;      color: var(--tg-df-text);      background-color: transparent;       width: 100%;      max-width: 1200px;      margin: 0 auto;      padding-bottom: 24px;    }    .tg-df-container *, .tg-df-container *::before, .tg-df-container *::after {      margin: 0;      padding: 0;      box-sizing: border-box;    }    .tg-df-container img {      border: none;      margin: 0;      padding: 0;    }    .tg-df-container a {      text-decoration: none;      color: inherit;    }    /*       2. Search & Filter Bar    */    .tg-df-controls {      display: flex;      flex-direction: column;      align-items: center;      gap: 20px;      margin-bottom: 32px;      width: 100%;    }    .tg-df-top-bar {      display: flex;      width: 100%;      max-width: 760px;      gap: 12px;      align-items: center;    }    .tg-df-search-wrapper {      position: relative;      flex: 1;      width: 100%;      box-shadow: 0 8px 24px rgba(0,0,0,0.06);      border-radius: 40px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      z-index: 100;    }    .tg-df-autocomplete-dropdown {      position: absolute;      top: calc(100% + 4px);      left: 0;      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      max-height: 300px;      overflow-y: auto;      z-index: 200;      display: none;    }    .tg-df-autocomplete-dropdown.active {      display: block;    }    .tg-df-autocomplete-item {      padding: 12px 24px;      cursor: pointer;      font-size: 14px;      color: var(--tg-df-text);      transition: background 0.1s ease;    }    .tg-df-autocomplete-item:hover {      background: var(--tg-df-bg-secondary);    }    .tg-df-search-input {      width: 100%;      padding: 16px 64px 16px 24px;      font-size: 16px;      border: 2px solid transparent;      border-radius: 40px;      outline: none;      transition: border-color 0.2s ease, box-shadow 0.2s ease;      color: var(--tg-df-text);      background: transparent;    }    .tg-df-search-input:focus {      border-color: transparent;      box-shadow: 0 0 0 3px rgba(0, 108, 196, 0.15);    }    .tg-df-search-input::placeholder {      color: #999999;    }        .tg-df-search-btn {      position: absolute;      right: 8px;      top: 50%;      transform: translateY(-50%);      width: 40px;      height: 40px;      border-radius: 50%;      background: #222;      border: none;      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: background 0.2s ease;    }        .tg-df-search-btn:hover {      background: #000;    }    .tg-df-search-icon {      width: 16px;      height: 16px;      fill: #fff;    }    .tg-df-settings-wrapper {      position: relative;    }        .tg-df-settings-btn {      width: 48px;      height: 48px;      border-radius: 50%;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      box-shadow: 0 4px 12px rgba(0,0,0,0.04);      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: all 0.2s ease;      color: var(--tg-df-text-muted);      flex-shrink: 0;    }    .tg-df-settings-btn:hover {      background: var(--tg-df-bg-secondary);      border-color: #0000ff;      color: var(--tg-df-text);    }    .tg-df-settings-btn svg {      width: 24px;      height: 24px;      fill: currentColor;    }    .tg-df-settings-dropdown {      position: absolute;      top: calc(100% + 8px);      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      width: 280px;      padding: 20px;      display: none;      z-index: 100;      flex-direction: column;      gap: 20px;    }    .tg-df-settings-dropdown.active {      display: flex;    }        .tg-df-settings-dropdown-backdrop {      display: none;      position: fixed;      inset: 0;      z-index: 99;    }        .tg-df-settings-dropdown-backdrop.active {      display: block;    }    .tg-df-setting-item {      display: flex;      flex-direction: column;      gap: 10px;    }    .tg-df-setting-label {      font-size: 11px;      font-weight: 700;      color: var(--tg-df-text-muted);      text-transform: uppercase;      letter-spacing: 0.5px;    }        .tg-df-region-select {        padding: 10px 12px;        border-radius: 8px;        border: 1px solid var(--tg-df-border);        font-size: 15px;        outline: none;        background: var(--tg-df-bg-secondary);        color: var(--tg-df-text);        cursor: pointer;        width: 100%;    }    .tg-df-toggle {        position: relative;        display: inline-block;        width: 44px;        height: 24px;        flex-shrink: 0;    }    .tg-df-toggle input {        opacity: 0;        width: 0;        height: 0;    }    .tg-df-slider {        position: absolute;        cursor: pointer;        top: 0; left: 0; right: 0; bottom: 0;        background-color: #ccc;        transition: .2s;        border-radius: 24px;    }    .tg-df-slider:before {        position: absolute;        content: "";        height: 18px;        width: 18px;        left: 3px;        bottom: 3px;        background-color: white;        transition: .2s;        border-radius: 50%;    }    .tg-df-toggle input:checked + .tg-df-slider {        background-color: #1F69FF;    }    .tg-df-toggle input:checked + .tg-df-slider:before {        transform: translateX(20px);    }    .tg-df-dl-row {        flex-direction: row;        align-items: center;        justify-content: space-between;    }    .tg-df-dl-row-text {        font-size: 14px;        font-weight: 600;        color: var(--tg-df-text);    }    .tg-df-dl-row-subtext {        font-size: 12px;        font-weight: 400;        line-height: 1.3;        color: var(--tg-df-text-muted);        margin-top: 4px;        display: block;    }    .tg-df-filters {      display: flex;      gap: 12px;      justify-content: center;      flex-wrap: wrap;    }    .tg-df-sort-wrapper {      position: relative;      display: flex;      align-items: center;    }        .tg-df-sort-icon {      position: absolute;      left: 14px;      width: 14px;      height: 14px;      fill: var(--tg-df-text-muted);      pointer-events: none;    }    .tg-df-sort-select, .tg-df-filter-select {      padding: 10px 36px 10px 38px;      font-size: 14px;      border: 1px solid var(--tg-df-border);      border-radius: 100px;      outline: none;      appearance: none;      background-color: var(--tg-df-bg-secondary);      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");      background-repeat: no-repeat;      background-position: right 14px center;      color: var(--tg-df-text);      cursor: pointer;      font-weight: 500;      transition: all 0.2s ease;    }        .tg-df-price-input::-webkit-outer-spin-button,    .tg-df-price-input::-webkit-inner-spin-button {      -webkit-appearance: none;      margin: 0;    }    .tg-df-price-input {      -moz-appearance: textfield;    }    .tg-df-sort-select:hover, .tg-df-filter-select:hover {      background-color: #e2e8f0;    }    .tg-df-multiselect-container {      position: relative;    }        .tg-df-multiselect-trigger {      display: block;      background: #fff;      user-select: none;      width: 100%;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis;    }        .tg-df-multiselect-dropdown {      display: none;      position: absolute;      top: calc(100% + 4px);      left: 0;      width: 100%;      min-width: 220px;      max-height: 300px;      overflow-y: auto;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);      z-index: 100;      padding: 8px 0;    }    .tg-df-multiselect-dropdown.active {      display: block;    }    .tg-df-ms-option {      padding: 8px 16px;      display: flex;      align-items: center;      gap: 8px;      cursor: pointer;      font-size: 14px;    }    .tg-df-ms-option:hover {      background-color: var(--tg-df-bg-secondary);    }        .tg-df-ms-option input {      cursor: pointer;      accent-color: #1f69ff;    }    .tg-df-sort-select:focus, .tg-df-filter-select:focus {      border-color: #0000ff;      box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.2);      background-color: var(--tg-df-bg);    }    /*       3. Deal Grid Layout    */    .tg-df-grid.tg-df-grid-auto {      padding-top: 24px;    }    .tg-df-grid, .tg-df-grid.layout-grid {      display: grid;      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      gap: 10px;    }    .tg-df-grid.layout-row {      grid-template-columns: 1fr;      gap: 16px;    }        .tg-df-grid.layout-row .tg-df-card {      flex-direction: row;      align-items: stretch;      height: auto;      box-shadow: none;      border-bottom: 1px solid var(--tg-df-border);    }    .tg-df-grid.layout-row .tg-df-card:hover {      box-shadow: none;    }    .tg-df-grid.layout-row .tg-df-card-image-box {      width: 140px;      min-width: 140px;      aspect-ratio: 3/4;      border-right: none;      padding: 16px 16px 16px 32px;    }    .tg-df-grid.layout-row .tg-df-card-body {      padding: 16px;      justify-content: space-between;    }    .tg-df-grid.layout-row .tg-df-card-title {      font-size: 15px;      margin-bottom: 16px;    }    .tg-df-grid.layout-row .tg-df-card-stars { margin-bottom: 8px; }    .tg-df-grid.layout-row .tg-df-card-footer {      flex-direction: column;      align-items: flex-start;      gap: 0;    }    .tg-df-grid.layout-row .tg-df-card-merchant-pill {      margin-bottom: 4px;    }    .tg-df-grid.layout-row .tg-df-card-price-group {      margin-bottom: 8px;    }    .tg-df-grid.layout-row .tg-df-price-group {      width: auto;    }    .tg-df-grid.layout-row .tg-df-card-cta {      width: 100%;      max-width: 200px;      padding: 10px 24px;      font-size: 13px;      flex-shrink: 0;      text-align: center;      justify-content: center;    }    /*       4. Deal Card Design    */    .tg-df-card {      position: relative;      display: flex;      flex-direction: column;      background-color: #ffffff;      border-radius: 0;      overflow: hidden;      transition: transform 0.2s ease, box-shadow 0.2s ease;      text-decoration: none;      color: inherit;      height: 100%;      box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);      border: 1px solid var(--tg-df-border);    }    .tg-df-card:hover {      box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);    }    .tg-df-card-image-box {      width: 100%;      aspect-ratio: 3/4;      background-color: #f8f8f8;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      padding: 32px;      flex: 0 0 auto;    }    .tg-df-card-image {      max-width: 100%;      max-height: 100%;      width: auto;      height: auto;      object-fit: contain;      mix-blend-mode: multiply; /* Helps white background images blend into secondary bg */      transition: transform 0.3s ease;    }    .tg-df-card:hover .tg-df-card-image {      transform: scale(1.05); /* Zoom in on hover */    }    .tg-df-card-discount-badge {      position: absolute;      top: 12px;      left: 12px;      background: #dc2626; /* Red */      color: #ffffff;      padding: 6px 8px;      font-size: 11px;      font-weight: 500;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      z-index: 10;    }        .tg-df-card-merchant-pill {      display: block;      padding: 0;      font-size: 11px;      font-weight: 600;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      color: var(--tg-df-text-muted);      margin-bottom: 8px;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }    .tg-df-card-body {      padding: 16px;      display: flex;      flex-direction: column;      flex-grow: 1;      min-width: 0;    }    .tg-df-card-badges {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-bottom: 8px;    }    .tg-df-tag {      display: inline-flex;      align-items: center;      padding: 4px 6px;      font-size: 11px;      font-weight: 700;      text-transform: uppercase;      border-radius: 4px;      gap: 4px;    }    .tg-df-tag-prime {      background-color: #00A8E1;      color: #fff;    }    .tg-df-tag-coupons {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-coupons:hover {      background-color: #e2e8f0;    }        .tg-df-tag-outline {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-outline:hover {      background-color: #e2e8f0;    }        @keyframes tg-df-spin {      0% { transform: rotate(0deg); }      100% { transform: rotate(360deg); }    }    .tg-df-coupon-spinner {      border: 2px solid #e2e8f0;      border-top: 2px solid #3b82f6;      border-radius: 50%;      width: 14px;      height: 14px;      animation: tg-df-spin 1s linear infinite;      margin: 4px 8px;      display: inline-block;    }        /* Vouchers Modal */    .tg-df-modal-backdrop {      position: fixed;      top: 0; left: 0; right: 0; bottom: 0;      background: rgba(0,0,0,0.5);      z-index: 10000;      display: flex;      align-items: center;      justify-content: center;      opacity: 0;      pointer-events: none;      transition: opacity 0.3s;    }    .tg-df-modal-backdrop.active {      opacity: 1;      pointer-events: auto;    }    .tg-df-modal {      background: #fff;      border-radius: 12px;      width: 90%;      max-width: 400px;      max-height: 80vh;      display: flex;      flex-direction: column;      box-shadow: 0 10px 40px rgba(0,0,0,0.2);      transform: translateY(20px);      transition: transform 0.3s;    }    .tg-df-modal-backdrop.active .tg-df-modal {      transform: translateY(0);    }    .tg-df-modal-header {      padding: 16px;      border-bottom: 1px solid #e2e8f0;      display: flex;      align-items: center;      justify-content: space-between;    }    .tg-df-modal-title {      font-size: 16px;      font-weight: 600;      margin: 0;    }    .tg-df-modal-close {      background: none;      border: none;      cursor: pointer;      padding: 4px;      color: #64748b;    }    .tg-df-modal-body {      padding: 16px;      overflow-y: auto;    }    .tg-df-voucher-item {      padding: 12px;      border: 1px dashed #cbd5e1;      border-radius: 8px;      margin-bottom: 10px;      background: #f8fafc;      display: flex;      align-items: center;      gap: 12px;      text-decoration: none;      color: inherit;      transition: background-color 0.2s, border-color 0.2s;    }    .tg-df-voucher-item:hover {      background: #f1f5f9;      border-color: #94a3b8;    }    .tg-df-voucher-item:last-child {      margin-bottom: 0;    }    .tg-df-voucher-logo {      width: 48px;      height: 48px;      object-fit: contain;      border-radius: 4px;      background: #fff;      border: 1px solid #e2e8f0;      flex-shrink: 0;    }    .tg-df-voucher-content {      flex: 1;      min-width: 0;    }    .tg-df-voucher-title {      font-size: 14px;      font-weight: 600;      margin: 0 0 4px 0;      line-height: 1.3;      color: #0f172a;    }    .tg-df-voucher-expiry {      font-size: 12px;      color: #64748b;      display: flex;      align-items: center;      gap: 4px;      margin-top: 6px;    }    .tg-df-voucher-code {      display: inline-flex;      align-items: center;      background: #f1f5f9;      border: 1px dashed #cbd5e1;      padding: 6px 10px;      font-family: monospace;      font-weight: 700;      font-size: 14px;      color: #0f172a;      border-radius: 4px;      margin-top: 8px;      cursor: pointer;      transition: all 0.2s ease;    }    .tg-df-voucher-code:hover {      background: #e2e8f0;      border-color: #94a3b8;    }    .tg-df-voucher-code.copied {      background: #ecfdf5;      border-color: #10b981;      color: #10b981;    }    .tg-df-voucher-cta {      display: inline-block;      margin-top: 8px;      font-size: 13px;      font-weight: 600;      color: #2563eb;      text-decoration: none;    }    .tg-df-card-title {      font-size: 15px;      font-weight: 400;      line-height: 1.4;      margin: 0 0 12px 0;      color: var(--tg-df-text);      display: -webkit-box;      -webkit-line-clamp: 2;      -webkit-box-orient: vertical;      overflow: hidden;    }    .tg-df-card-footer {      margin-top: auto;      display: flex;      flex-direction: column;      width: 100%;    }    .tg-df-card-price-group {      display: flex;      flex-direction: row;      align-items: center;      gap: 8px;      margin-bottom: 12px;    }    .tg-df-card-price {      font-size: 16px;      font-weight: 700;      color: #dc2626; /* Red price */      line-height: 1;    }        .tg-df-card-msrp {      font-size: 13px;      color: var(--tg-df-text-muted);      text-decoration: line-through;    }    .tg-df-container .tg-df-card-cta {      display: flex;      align-items: center;      justify-content: center;      width: 100%;      box-sizing: border-box;      background-color: #1f69ff;      color: #ffffff;      font-size: 12px;      font-weight: 700;      text-transform: uppercase;      letter-spacing: 0.5px;      padding: 12px 16px;      border-radius: 0;      border: none;      cursor: pointer;      transition: background-color 0.2s ease;    }    .tg-df-card:hover .tg-df-card-cta,    .tg-df-card-cta:hover {      background-color: #1555cc;    }    .tg-df-container .tg-df-card-cta.tg-df-cta-savings-squad {      background-color: #3c8d0d;    }    .tg-df-card:hover .tg-df-card-cta.tg-df-cta-savings-squad,    .tg-df-card-cta.tg-df-cta-savings-squad:hover {      background-color: #2b6509;    }    /*       5. State & Skeleton Styles    */    .tg-df-message {      grid-column: 1 / -1;      text-align: center;      padding: 48px 24px;      color: var(--tg-df-text-muted);      font-size: 16px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;    }    @keyframes tg-df-shimmer {      0% { background-position: -200% 0; }      100% { background-position: 200% 0; }    }    .tg-df-skeleton {      background: linear-gradient(90deg, var(--tg-df-bg-secondary) 25%, #e2e8f0 50%, var(--tg-df-bg-secondary) 75%);      background-size: 200% 100%;      animation: tg-df-shimmer 1.5s infinite;      border-radius: 4px;    }    .tg-df-skeleton-img {      width: 100%;      height: 100%;      position: absolute;      top: 0; left: 0;    }        .tg-df-skeleton-text {      height: 16px;      margin-bottom: 8px;      width: 100%;    }    .tg-df-skeleton-text.short { width: 40%; }    .tg-df-skeleton-text.title { height: 20px; margin-bottom: 16px; }    /* Editor Floating Bar & Elements */    .tg-df-editor-bar {      position: sticky;      top: 0;      z-index: 1000;      background: #111827;      color: #fff;      padding: 12px 16px;      border-radius: 8px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: space-between;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);    }    .tg-df-editor-bar-text {      font-weight: 600;      font-size: 14px;    }    .tg-df-editor-copy-btn {      background: #10b981;      color: #fff;      padding: 6px 16px;      border: none;      border-radius: 4px;      font-weight: 600;      cursor: pointer;      display: flex;      align-items: center;      font-size: 13px;    }    .tg-df-editor-copy-btn:hover { background: #059669; }        .tg-df-deal-checkbox {      position: absolute;      top: 12px;      right: 12px;      z-index: 10;      width: 20px;      height: 20px;      cursor: pointer;      pointer-events: auto;    }    /*       6. Mobile List View (Stacks into a cleaner horizontal row/list)    */    @container tg-df (max-width: 599px) {      .tg-df-controls {        padding: 0 16px;      }            .tg-df-top-bar {        width: 100%;      }            .tg-df-settings-dropdown {        position: fixed;        top: auto;        bottom: 0;        left: 0;        right: 0;        width: 100%;        border-radius: 20px 20px 0 0;        padding: 24px;        box-shadow: 0 -8px 32px rgba(0,0,0,0.15);        z-index: 1000;        border: none;        border-top: 1px solid var(--tg-df-border);      }            .tg-df-settings-dropdown-backdrop.active {        background: rgba(0,0,0,0.4);      }            .tg-df-search-wrapper {        box-shadow: 0 0 16px rgba(0,0,0,0.08);      }            .tg-df-filters {        width: calc(100% + 32px);        margin: 0 -16px;        padding: 0 16px 4px 16px;        display: flex;        justify-content: flex-start;        gap: 8px;        flex-wrap: nowrap;        overflow-x: auto;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;      }      .tg-df-filters::after {        content: "";        display: block;        flex: 0 0 8px;      }      .tg-df-filters::-webkit-scrollbar {        display: none;      }            .tg-df-sort-wrapper {        flex: 0 0 max(42%, 130px);        min-width: 0;      }      .tg-df-sort-wrapper.tg-df-price-range-wrapper {        flex: 0 0 auto;        min-width: max-content;      }            .tg-df-sort-select, .tg-df-filter-select {        width: 100%;        text-align: left;        padding: 10px 24px 10px 32px;        background-position: right 8px center;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;      }      .tg-df-sort-icon {        left: 10px;      }      .tg-df-grid:not(.layout-grid):not(.layout-row),      .tg-df-grid.layout-row {        grid-template-columns: 1fr;        gap: 16px;      }            .tg-df-grid.tg-df-grid-auto {        padding-top: 24px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card,      .tg-df-grid.layout-row .tg-df-card {        flex-direction: row;        align-items: stretch;        height: auto;        box-shadow: none; /* simple line on mobile if preferred, or keep */        border-bottom: 1px solid var(--tg-df-border);      }      .tg-df-grid.tg-df-grid-auto .tg-df-card:hover,      .tg-df-grid.layout-row .tg-df-card:hover {        box-shadow: none;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-image-box,      .tg-df-grid.layout-row .tg-df-card-image-box {        width: 120px;        min-width: 120px;        aspect-ratio: 3/4;        border-right: none;        padding: 12px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-body,      .tg-df-grid.layout-row .tg-df-card-body {        padding: 12px;        justify-content: space-between;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-title,      .tg-df-grid.layout-row .tg-df-card-title {        font-size: 14px;        margin-bottom: 12px;        -webkit-line-clamp: 3;      }      /* Single column mobile grid override */      .tg-df-grid.layout-grid {        grid-template-columns: 1fr;        gap: 16px;      }      .tg-df-grid.layout-grid .tg-df-card-image-box {        padding: 12px;      }      .tg-df-grid.layout-grid .tg-df-card-body {        padding: 10px;      }      .tg-df-grid.layout-grid .tg-df-card-title {        font-size: 13px;        -webkit-line-clamp: 3;        margin-bottom: 8px;      }      .tg-df-grid.layout-grid .tg-df-card-price {        font-size: 14px;      }            .tg-df-card-footer {        flex-direction: column;        align-items: stretch;        gap: 0;        width: 100%;        min-width: 0;      }      .tg-df-card-merchant-pill {        margin-bottom: 4px;      }      .tg-df-card-price-group {        flex: 1 1 auto;        margin-bottom: 8px;      }      .tg-df-card-price {        font-size: 16px;      }      .tg-df-card-msrp {        display: block;       }      .tg-df-grid.layout-row .tg-df-card-cta,      .tg-df-container .tg-df-card-cta {        width: 100%;        max-width: none;        min-width: 0;        box-sizing: border-box;        padding: 8px 16px;        font-size: 12px;        flex: 0 0 auto;        text-align: center;        white-space: normal;        line-height: 1.2;      }    }    .tg-df-container.is-carousel {      min-height: 760px;      background-color: #E7F0FF;      padding: 0 0 24px 0;      border-radius: 24px;    }    .tg-df-container.is-carousel.hide-header-details {      min-height: 480px;    }    /*       7. Carousel View Mode    */    .tg-df-container .tg-df-carousel-host {      /* Layout is now handled by container wrapper */    }    .tg-df-container .tg-df-carousel-eyebrow {      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      padding: 24px 16px 0 16px;      display: none;    }    .tg-df-container .tg-df-carousel-query-title {      color: #011535;      font-size: 28px;      font-weight: 600;      padding: 0 16px 24px 16px;      line-height: 1.2;      display: none;    }    .tg-df-container .tg-df-carousel-blue-box {      background-color: transparent;      border-radius: 0;      padding: 24px 24px 0 24px;      margin: 0;      color: #1F69FF;          position: relative;      overflow: hidden;    }    .tg-df-container .tg-df-carousel-bg-circle-1 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-2 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-3 {      display: none;    }    .tg-df-container .tg-df-carousel-box-content {      position: relative;      z-index: 10;    }    .tg-df-container .tg-df-carousel-box-eyebrow {      background-color: transparent;      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      display: inline-block;      padding: 0;      border-radius: 0;    }    .tg-df-container .tg-df-carousel-box-title {      font-size: 28px;      font-weight: 600;      line-height: 1.2;      margin-top: 8px;      color: #1e293b;    }    .tg-df-container .tg-df-countdown-wrapper {      position: absolute;      top: 0;      right: 0;      display: flex;      flex-direction: column;      align-items: flex-end;      gap: 12px;      transform: scale(0.67);      transform-origin: top right;    }    .tg-df-container .tg-df-countdown-title {      font-size: 16px;      text-align: center;      width: 100%;      font-weight: 600;      color: #011535;      margin: 0;    }    .tg-df-container .tg-df-countdown-blocks {      display: flex;      gap: 16px;    }    .tg-df-container .tg-df-countdown-item {      display: flex;      flex-direction: column;      align-items: center;      gap: 4px;    }    .tg-df-container .tg-df-countdown-box {      width: 59px;      height: 59px;      background: #03FE9E;      border-radius: 15px;      display: flex;      align-items: center;      justify-content: center;    }    .tg-df-container .tg-df-countdown-num {      font-family: 'Inter', sans-serif;      font-weight: 700;      font-size: 20px;      line-height: normal;      color: #011535;    }    .tg-df-container .tg-df-countdown-label {      font-family: 'Inter', sans-serif;      font-weight: 500;      font-size: 16px;      line-height: normal;      color: #1e293b;      text-transform: uppercase;    }    .tg-df-container .tg-df-carousel-box-subtitle {      font-size: 16px;      margin-top: 8px;      font-weight: 300;      color: #1e293b;      line-height: 24px;    }    .tg-df-container .tg-df-carousel-roundels-wrapper {      position: relative;      margin-top: 24px;      margin-left: -24px;      margin-right: -24px;    }    .tg-df-container .tg-df-carousel-roundels {      display: flex;      gap: 16px;      overflow-x: auto;            scrollbar-width: none;      padding-top: 12px;      padding-bottom: 24px;      padding-left: 24px;      padding-right: 24px;      margin-left: 0;      margin-right: 0;    }        .tg-df-container .tg-df-carousel-scroll-left,    .tg-df-container .tg-df-carousel-scroll-right {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 36px;      width: 36px;      display: flex;      align-items: center;      justify-content: center;      border-radius: 50%;      background-color: #ffffff;      border: 1px solid #e2e8f0;      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);      color: #1F69FF;      cursor: pointer;      transition: all 0.2s;      margin-top: -4px;      z-index: 20;    }    .tg-df-container .tg-df-carousel-scroll-left { left: 8px; }    .tg-df-container .tg-df-carousel-scroll-right { right: 8px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left { left: 0px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right { right: 0px; }    .tg-df-carousel-filters-outer { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }    @container tg-df (max-width: 599px) { .tg-df-carousel-filters-outer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } }        .tg-df-container .tg-df-carousel-scroll-left:hover,    .tg-df-container .tg-df-carousel-scroll-right:hover {      background-color: #f8fafc;      border-color: #cbd5e1;    }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right {      background-color: rgba(255, 255, 255, 0.4);      border: none;      box-shadow: none;      backdrop-filter: blur(4px);      -webkit-backdrop-filter: blur(4px);    }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right { right: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-right { right: 0; }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left:hover,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right:hover {      background-color: rgba(255, 255, 255, 0.6);      border: none;    }    .tg-df-container .tg-df-carousel-roundels::-webkit-scrollbar {      display: none;    }    .tg-df-container .tg-df-carousel-roundels::after {      content: "";      flex: 0 0 32px;    }    .tg-df-container .tg-df-roundel {      display: flex;      flex-direction: column;      align-items: center;      gap: 8px;      cursor: pointer;      min-width: 120px;      flex-shrink: 0;    }    .tg-df-container .tg-df-roundel-img-box {      width: 120px;      height: 120px;      border-radius: 50%;      background: white;      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: 0px 3px 14px 0px rgba(30, 41, 59, 0.08);      transition: box-shadow 0.2s;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box img {      transform: scale(1.08);    }    .tg-df-container .tg-df-roundel-img-box img {      width: 100%;      height: 100%;      object-fit: contain;      padding: 10px;      box-sizing: border-box;      transition: transform 0.3s ease;    }    .tg-df-container .tg-df-roundel-label {      font-size: 13px;      font-weight: 400;      color: #1e293b;      text-align: center;      transition: font-weight 0.2s;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-label {      font-weight: 700;    }    .tg-df-container .tg-df-carousel-filters-label {      font-size: 16px;      font-weight: 400;      color: #1e293b;      white-space: nowrap;      margin-right: 4px;    }    .tg-df-container .tg-df-carousel-filters-wrap {      display: flex;      align-items: center;      flex-wrap: nowrap;      gap: 8px;      margin-top: 8px;      overflow-x: auto;      scrollbar-width: none;      -webkit-overflow-scrolling: touch;      padding-bottom: 8px;      margin-left: -24px;      margin-right: -24px;      padding-left: 24px;      padding-right: 24px;    }    .tg-df-container .tg-df-carousel-filters-wrap::-webkit-scrollbar {      display: none;    }        .tg-df-container .tg-df-carousel-filter-btn img,    .tg-df-container .tg-df-carousel-filter-btn picture {      height: 20px;      width: 20px;      object-fit: contain;      object-position: center;      display: inline-flex;      align-items: center;      justify-content: center;      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn picture img {      margin-right: 0;      height: 100%;      width: 100%;    }    .tg-df-container .tg-df-carousel-filter-btn img.active-img,    .tg-df-container .tg-df-carousel-filter-btn picture:has(.active-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.inactive-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.inactive-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.active-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.active-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.active-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.active-img) {      display: inline-flex;    }    .tg-df-container .tg-df-carousel-filter-btn {      background: #ffffff;      border: 2px solid #1e293b;      color: #1e293b;      border-radius: 24px;      padding: 6px 16px;      font-size: 14px;      font-weight: 600;      cursor: pointer;      transition: all 0.2s;      flex-shrink: 0;      white-space: nowrap;      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 36px;      box-sizing: border-box;    }    .tg-df-container .tg-df-carousel-filter-btn svg {      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn:hover {      background: #1e293b;      color: white;      border-color: #1e293b;    }    .tg-df-container .tg-df-carousel-filter-btn.active {      background: #1e293b;      color: white;      border-color: #1e293b;    }        .tg-df-grid.carousel-compact {      display: flex;      flex-wrap: nowrap;      overflow-x: auto;      gap: 16px;      padding: 16px 24px;      align-items: stretch;      scrollbar-width: none;    }    .tg-df-grid.carousel-compact::after {      content: "";      flex: 0 0 32px;    }    .tg-df-grid-wrapper {      position: relative;    }    .tg-df-grid.carousel-compact::-webkit-scrollbar {      display: none;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card {      flex: 0 0 auto;      width: 100px;      border-radius: 15px;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      border: 2px solid #1e293b;      background: white;      color: #1e293b;      display: flex;      flex-direction: column;      justify-content: center;      align-items: center;      font-weight: 600;      font-size: 14px;      cursor: pointer;      padding: 16px;      text-align: center;      transition: all 0.2s;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card:hover {      background: #1e293b;      color: white;    }    .tg-df-grid.carousel-compact .tg-df-card {      flex: 0 0 auto;      width: 200px;      min-height: auto;      height: auto;      display: flex;      flex-direction: column;      border-radius: 15px;      border: none;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      overflow: visible;    }    .tg-df-grid.carousel-compact .tg-df-card-image-box {      padding: 12px;      background-color: transparent;      border-radius: 15px 15px 0 0;      height: 130px;    }    .tg-df-grid.carousel-compact .tg-df-card-image {      mix-blend-mode: normal;    }    .tg-df-grid.carousel-compact .tg-df-card-discount-badge {      border-radius: 0;      top: 0px;      left: 0px;      padding: 4px 8px;      font-size: 11px;    }    .tg-df-grid.carousel-compact .tg-df-card-body {      padding: 8px 12px 12px 12px;    }    .tg-df-grid.carousel-compact .tg-df-card-title {      font-size: 14px;      font-weight: 400;      -webkit-line-clamp: 2;      margin-bottom: 8px;      color: #011535;    }    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):not(:has(.tg-df-tag-prime)):not(:has(.tg-df-coupon-wrapper:not([style*="none"]))) > .tg-df-card-title,    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):has(> .tg-df-card-title:first-child) > .tg-df-card-title {      -webkit-line-clamp: 3;    }    .tg-df-grid.carousel-compact .tg-df-card-cta {      border-radius: 5px;      padding: 8px 10px;      margin-top: 4px;      background-color: #1F69FF;    }    .tg-df-grid.carousel-compact .tg-df-card-price-group {      margin-bottom: 2px;    }    .tg-df-grid.carousel-compact .tg-df-card-merchant-pill {      margin-bottom: 2px;    }    @container tg-df (max-width: 599px) {      .tg-df-container .tg-df-carousel-blue-box-title {        font-size: 24px;      }      .tg-df-container .tg-df-countdown-title {        display: none;      }      .tg-df-container .tg-df-countdown-wrapper {        position: absolute;        top: 0;        right: 0;        align-items: flex-end;        transform: scale(0.45);        transform-origin: top right;      }      .tg-df-container .tg-df-roundel {        min-width: 88px;      }      .tg-df-container .tg-df-roundel-img-box {        width: 88px;        height: 88px;      }    }    /* REPLICA BLOCK STYLES */    .tg-df-grid.layout-replica-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px; }    .tg-df-grid.layout-replica-1 { grid-template-columns: 1fr !important; gap: 20px; }        .tg-df-container .hawk-deal-widget-container { border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: inherit; }    .tg-df-container .hawk-deal-widget-wrap { display: flex; flex-direction: row; align-items: flex-start; width: 100%; gap: 24px; }    .tg-df-container .hawk-deal-widget-image-container { display: flex; flex-shrink: 0; justify-content: center; width: 160px; height: 160px; align-items: center; background: white; margin-bottom: 0px; }    .tg-df-container .hawk-deal-widget-title-product-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.4; display: inline; }    .tg-df-container .hawk-deal-widget-title-price { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-price-now { font-weight: 700; }    .tg-df-container .hawk-deal-widget-title-retailer-price:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-title-retailer { font-size: 18px; font-weight: 700; line-height: 1.4; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-was-price { color: #dc2626; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: line-through; white-space: nowrap; margin-left: 8px; margin-right: 8px; }    .tg-df-container .hawk-deal-widget-text-body-container { position: relative; width: 100%; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-text-body-main { font-size: 16px; width: 100%; margin-bottom: 12px; }    .tg-df-container .hawk-deal-widget-text-body-description { display: block; font-size: 15px; margin-top: 12px; color: #4b5563; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-body-description p { margin: 0; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-cta-container { display: flex; flex-direction: column; gap: 12px; width: 100%; flex: 1; min-width: 0; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-footer { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }    .tg-df-container .hawk-deal-widget-button-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; }    .tg-df-container .hawk-deal-widget-preferred-partner-wrapper { display: flex; flex-direction: row; }        @container tg-df (min-width: 600px) {      .tg-df-mobile-only { display: none !important; }    }    @container tg-df (max-width: 599px) {      .tg-df-desktop-only { display: none !important; }      .tg-df-grid.layout-replica-2 { grid-template-columns: 1fr !important; }      .tg-df-grid.savings-squad-cards { grid-template-columns: 1fr !important; display: flex; flex-direction: column; }    }    .tg-df-grid.savings-squad-cards .tg-df-card-title {      -webkit-line-clamp: unset !important;      display: block !important;      overflow: visible !important;    }    @container tg-df (max-width: 500px) {      .tg-df-container .hawk-deal-widget-wrap { display: block; }      .tg-df-container .hawk-deal-widget-image-container { display: block; float: left; margin: 0 16px 8px 0; width: 120px; max-width: 120px; height: auto; align-items: normal; justify-content: normal; }      .tg-df-container .hawk-deal-widget-text-cta-container { display: block; text-align: left; }      .tg-df-container .hawk-deal-widget-footer { display: block; margin-top: 16px; clear: both; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper .hawk-deal-widget-preferred-partner-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-affiliate-link-deal-button { box-sizing: border-box !important; display: flex !important; max-width: none !important; width: 100% !important; margin: 0 !important; }    }        .tg-df-container .hawk-affiliate-link-deal-button {       align-items: center; background-color: #5aaf0b; box-sizing: border-box; color: #ffffff !important; display: flex; font-size: 14px; font-weight: 700; justify-content: center; letter-spacing: 0.5px; line-height: 1; min-width: 160px; padding: 14px 24px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; word-break: normal; border-radius: 4px; border: 0; transition: background-color 0.2s;     }    .tg-df-container .hawk-affiliate-link-deal-button:hover { background-color: #4a9109; text-decoration: none; }    .tg-df-container .hawk-lazy-image-deal-widget { display: block; height: auto; margin: auto; max-height: 160px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; }    .tg-df-container .hawk-deal-widget-text-cta-container a { color: #2563eb; text-decoration: none; display: inline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:has(.hawk-deal-widget-title-product-title) { color: #111827; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-product-title,    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-retailer-price { text-decoration: underline; }  \x3C/style>  \x3C!-- Widget Container --\x3E  \x3Cdiv class="tg-df-container" id="signal-deals-finder-root">    \x3C!-- Editor Floating Bar --\x3E    \x3Cdiv class="tg-df-editor-bar" id="tg-df-editor-bar" style="display:none;">      \x3Cdiv class="tg-df-editor-bar-text" style="display: flex; align-items: center;">        \x3Cspan id="tg-df-selected-count">0\x3C/span>\x26nbsp;Deals Selected        \x3Cbutton class="tg-df-editor-clear-btn" id="tg-df-editor-clear" type="button" style="margin-left: 12px; font-size: 13px; color: #9ca3af; background: none; border: none; cursor: pointer; text-decoration: underline;">Clear All\x3C/button>      \x3C/div>      \x3Cbutton class="tg-df-editor-copy-btn" id="tg-df-editor-copy" type="button">        \x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">\x3C/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">\x3C/path>\x3C/svg>        Copy to CMS      \x3C/button>    \x3C/div>    \x3Cdiv class="tg-df-carousel-host" id="tg-df-carousel-host" style="display: none;">      \x3Cdiv class="tg-df-carousel-eyebrow">DEAL FINDER\x3C/div>      \x3Cdiv class="tg-df-carousel-query-title" id="tg-df-carousel-title-label">Best Deals\x3C/div>            \x3Cdiv class="tg-df-carousel-blue-box">        \x3Cdiv class="tg-df-carousel-bg-circle-1" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-2" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-3" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-box-content">          \x3Cdiv class="tg-df-countdown-wrapper" id="tg-df-countdown-wrapper" style="display:none;">            \x3Cdiv class="tg-df-countdown-title" id="tg-df-countdown-title">Prime Day starts in\x3C/div>            \x3Cdiv class="tg-df-countdown-blocks">              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-days">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">DAYS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-hrs">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">HRS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-min">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">MIN\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-sec">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">SEC\x3C/div>\x3C/div>            \x3C/div>          \x3C/div>          \x3Cdiv class="tg-df-carousel-box-eyebrow">DEAL FINDER\x3C/div>          \x3Cdiv class="tg-df-carousel-box-title">Find Deals Fast\x3C/div>          \x3Cdiv class="tg-df-carousel-box-subtitle">The latest deals from the biggest retailers, all in one place\x3C/div>                    \x3Cdiv class="tg-df-carousel-roundels-wrapper">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-roundels">            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>          \x3C/div>          \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-carousel-filters-outer" style="position: relative;">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-filters-wrap">                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="0">All\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_lightning">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_prime">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-d="10">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 10% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="15">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 15% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="25">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 25% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-pr="under50">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>            Under $50\x3C/button>        \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3C/div>    \x3C/div>    \x3C/div>      \x3C!-- Search & Filter Controls --\x3E    \x3Cdiv class="tg-df-controls" id="tg-df-controls" style="display:flex;">      \x3Cdiv class="tg-df-top-bar">        \x3Cdiv class="tg-df-search-wrapper">          \x3Cinput type="text" class="tg-df-search-input" placeholder="Search for deals, products, or brands...">          \x3Cbutton type="button" class="tg-df-search-btn" aria-label="Search">              \x3Csvg class="tg-df-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">                \x3Cpath d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-autocomplete-dropdown" id="tg-df-autocomplete">\x3C/div>        \x3C/div>                \x3Cdiv class="tg-df-settings-wrapper">          \x3Cbutton type="button" class="tg-df-settings-btn" aria-label="Settings" id="tg-df-settings-toggle">            \x3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20">                \x3Cpath d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.73 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.49-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>            \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-settings-dropdown-backdrop" id="tg-df-settings-backdrop">\x3C/div>          \x3Cdiv class="tg-df-settings-dropdown" id="tg-df-settings-panel">            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Search Region\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-region-select">                \x3Coption value="auto">🌍 Auto-detect\x3C/option>                \x3Coption value="US">🇺🇸 United States (US)\x3C/option>                \x3Coption value="GB">🇬🇧 United Kingdom (UK)\x3C/option>                \x3Coption value="CA">🇨🇦 Canada (CA)\x3C/option>                \x3Coption value="AU">🇦🇺 Australia (AU)\x3C/option>                \x3Coption value="DE">🇩🇪 Germany (DE)\x3C/option>                \x3Coption value="FR">🇫🇷 France (FR)\x3C/option>                \x3Coption value="IT">🇮🇹 Italy (IT)\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Retailer\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-retailer-select">                \x3Coption value="">All Retailers\x3C/option>                \x3Coption value="Amazon">Amazon\x3C/option>                \x3Coption value="Walmart">Walmart\x3C/option>                \x3Coption value="Best Buy">Best Buy\x3C/option>                \x3Coption value="Target">Target\x3C/option>                \x3Coption value="John Lewis">John Lewis\x3C/option>                \x3Coption value="Currys">Currys\x3C/option>                \x3Coption value="Argos">Argos\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Offer Type\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-offer-type-select">                \x3Coption value="">All Offers\x3C/option>                \x3Coption value="amazon_prime">Amazon Prime\x3C/option>                \x3Coption value="recommended_promo">Recommended Promo\x3C/option>                \x3Coption value="amazon_lightning">Amazon Lightning Deal\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Result Count\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-rows-select">                \x3Coption value="3">3 Items\x3C/option>                \x3Coption value="4">4 Items\x3C/option>                \x3Coption value="6">6 Items\x3C/option>                \x3Coption value="12" selected>12 Items\x3C/option>                \x3Coption value="24">24 Items\x3C/option>                \x3Coption value="48">48 Items\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Deal Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Only show products with active offers or previous prices (was_price)\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-deal-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Editor Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Enable multi-select to copy deals to CMS\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-editor-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">View Mode\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-view-mode-select">                \x3Coption value="auto">Auto Collection\x3C/option>                \x3Coption value="carousel">Carousel\x3C/option>                \x3Coption value="savings_squad">Savings Squad\x3C/option>                \x3Coption value="grid">Grid (Columns)\x3C/option>                \x3Coption value="row">Row (List)\x3C/option>              \x3C/select>            \x3C/div>          \x3C/div>        \x3C/div>      \x3C/div>      \x3Cdiv class="tg-df-filters">        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-category-filter-wrapper" style="display: none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-category-filter" aria-label="Category">            \x3Coption value="all">All Categories\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-multiselect-container" id="tg-df-brand-filter-wrapper" style="display:none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/>          \x3C/svg>          \x3Cdiv class="tg-df-filter-select tg-df-multiselect-trigger" id="tg-df-brand-trigger" tabindex="0">            Any Brand          \x3C/div>          \x3Cdiv class="tg-df-multiselect-dropdown" id="tg-df-brand-dropdown">            \x3C!-- Populated via script --\x3E          \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>          \x3C/svg>          \x3Cselect class="tg-df-sort-select" aria-label="Sort Deals">            \x3Coption value="date_desc">Newest First\x3C/option>            \x3Coption value="best_match">Sort by: Match\x3C/option>            \x3Coption value="price_asc">Price Low to High\x3C/option>            \x3Coption value="price_desc">Price High to Low\x3C/option>            \x3Coption value="discount_desc">Biggest Discount\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-price-range-wrapper" id="tg-df-custom-price-wrapper" style="display: flex; align-items:center; justify-content:center; padding: 10px 20px; gap: 8px; border: 1px solid var(--tg-df-border); border-radius: 100px; background-color: var(--tg-df-bg);">          \x3Cspan style="font-size:14px; font-weight:500; color:var(--tg-df-text-primary);">Price\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-min" placeholder="Min" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">          \x3Cspan style="color:var(--tg-df-text-muted)">-\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-max" placeholder="Max" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-legacy-price-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-price-filter" aria-label="Filter Prices">            \x3Coption value="all">All Prices\x3C/option>            \x3Coption value="under50">Under $50\x3C/option>            \x3Coption value="50_100">$50 - $100\x3C/option>            \x3Coption value="100_200">$100 - $200\x3C/option>            \x3Coption value="200_500">$200 - $500\x3C/option>            \x3Coption value="over500">Over $500\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-discount-filter-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-discount-filter" aria-label="Discount Amount">            \x3Coption value="all">Any discount\x3C/option>            \x3Coption value="5">Min 5%\x3C/option>            \x3Coption value="10">Min 10%\x3C/option>            \x3Coption value="15">Min 15%\x3C/option>            \x3Coption value="20">Min 20%\x3C/option>            \x3Coption value="25">Min 25%\x3C/option>            \x3Coption value="30">Min 30%\x3C/option>            \x3Coption value="40">Min 40%\x3C/option>            \x3Coption value="50">Min 50%\x3C/option>            \x3Coption value="60">Min 60%\x3C/option>            \x3Coption value="70">Min 70%\x3C/option>          \x3C/select>        \x3C/div>      \x3C/div>    \x3C/div>    \x3C!-- Deals Grid Wrapper --\x3E    \x3Cdiv class="tg-df-grid-wrapper tg-df-carousel-cards-wrapper" id="tg-df-grid-wrapper">      \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3Cdiv class="tg-df-grid" id="tg-df-grid">        \x3C!-- Content populated by JavaScript --\x3E      \x3C/div>      \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>    \x3C/div>        \x3C!-- Vouchers Modal --\x3E    \x3Cdiv class="tg-df-modal-backdrop" id="tg-df-vouchers-modal">      \x3Cdiv class="tg-df-modal">        \x3Cdiv class="tg-df-modal-header">          \x3Ch3 class="tg-df-modal-title" id="tg-df-vouchers-title">Available Coupons & Deals\x3C/h3>          \x3Cbutton class="tg-df-modal-close" id="tg-df-vouchers-close">            \x3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">              \x3Cline x1="18" y1="6" x2="6" y2="18">\x3C/line>              \x3Cline x1="6" y1="6" x2="18" y2="18">\x3C/line>            \x3C/svg>          \x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-modal-body" id="tg-df-vouchers-content">          \x3C!-- Vouchers injected here --\x3E        \x3C/div>      \x3C/div>    \x3C/div>  \x3C/div>`;      if (!template) {        template = document.createElement('template');        template.innerHTML = rawTemplate;      }      let shadowRoot = null;      if (hostContainer && template) {        hostContainer.setAttribute('data-initialized', 'true');        shadowRoot = hostContainer.attachShadow({ mode: 'open' });        shadowRoot.appendChild(template.content.cloneNode(true));      }      class DealsFinderWidget {        constructor(config) {          this.rootNode = config.rootNode || document;          this.hostContainer = config.hostContainer || null;          this.rootId = config.rootId || 'signal-deals-finder-root';          this.root = this.rootNode.querySelector('#' + this.rootId);          if (!this.root) return;          this.widgetId = (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'widget-' + Date.now() + '-' + Math.random().toString(36).slice(2);          this.grid = this.root.querySelector('#tg-df-grid');          this.tagsContainer = this.root.querySelector('#tg-df-tags-container');          this.categoryFilter = this.root.querySelector('#tg-df-category-filter');          this.categoryFilterWrapper = this.root.querySelector('#tg-df-category-filter-wrapper');          this.searchInput = this.root.querySelector('.tg-df-search-input');          this.autocompleteDropdown = this.root.querySelector('#tg-df-autocomplete');          this.sortSelect = this.root.querySelector('.tg-df-sort-select');          this.searchBtn = this.root.querySelector('.tg-df-search-btn');                    this.settingsToggle = this.root.querySelector('#tg-df-settings-toggle');          this.settingsPanel = this.root.querySelector('#tg-df-settings-panel');          this.settingsBackdrop = this.root.querySelector('#tg-df-settings-backdrop');          this.regionSelect = this.root.querySelector('#tg-df-region-select');          this.retailerSelect = this.root.querySelector('#tg-df-retailer-select');          this.offerTypeSelect = this.root.querySelector('#tg-df-offer-type-select');          this.viewModeSelect = this.root.querySelector('#tg-df-view-mode-select');          this.rowsSelect = this.root.querySelector('#tg-df-rows-select');          this.dealModeToggle = this.root.querySelector('#tg-df-deal-mode');          this.editorModeToggle = this.root.querySelector('#tg-df-editor-mode');          this.priceFilter = this.root.querySelector('#tg-df-price-filter');          this.discountFilter = this.root.querySelector('#tg-df-discount-filter');                    this.editorBar = this.root.querySelector('#tg-df-editor-bar');          this.editorSelectedCount = this.root.querySelector('#tg-df-selected-count');          this.editorCopyBtn = this.root.querySelector('#tg-df-editor-copy');          this.editorClearBtn = this.root.querySelector('#tg-df-editor-clear');                    this.apiUrl = 'https://search-api.fie.future.net.uk/widget.php';          this.deals = [];          this.displayLimit = 12;          this.airedaleArticles = null;          this.airedaleTags = [];          this.airedaleTagCounts = {};          this.activeDealTag = null;          this.selectedBrands = [];          this.currentQuery = '';          this.editorMode = this.hostContainer ? this.hostContainer.hasAttribute('data-editor-mode') : false;          this.viewModeOverride = this.hostContainer ? this.hostContainer.getAttribute('data-view-mode') : null;          this.selectedDeals = new Map();                    this.brandFilterWrapper = this.root.querySelector('#tg-df-brand-filter-wrapper');          this.brandTrigger = this.root.querySelector('#tg-df-brand-trigger');          this.brandDropdown = this.root.querySelector('#tg-df-brand-dropdown');                    this.customPriceWrapper = this.root.querySelector('#tg-df-custom-price-wrapper');          this.customPriceMin = this.root.querySelector('#tg-df-custom-price-min');          this.customPriceMax = this.root.querySelector('#tg-df-custom-price-max');          this.legacyPriceWrapper = this.root.querySelector('#tg-df-legacy-price-wrapper');          this.discountFilterWrapper = this.root.querySelector('#tg-df-discount-filter-wrapper');          this.initResizeObserver();          this.init();            if (['carousel', 'carousel-compact', 'auto', 'grid', 'row'].includes(this.getViewMode())) { this.loadCarouselSpreadsheet(); }        }        getViewMode() {          if (this.viewModeOverride && (!this.editorMode || !this.viewModeSelect)) {            return this.viewModeOverride;          }          return (this.viewModeSelect && this.viewModeSelect.value) ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');        }        applyLayoutMode() {          if (!this.grid) return;          const mode = this.getViewMode();          this.grid.classList.remove('layout-row', 'layout-grid', 'tg-df-grid-auto', 'carousel-compact', 'layout-replica-1', 'layout-replica-2');                    const carouselHost = this.root.querySelector('#tg-df-carousel-host');          const controlsDiv = this.root.querySelector('#tg-df-controls');          if (mode === 'carousel' || mode === 'auto' || mode === 'grid' || mode === 'row') {             if (mode === 'carousel') this.grid.classList.add('carousel-compact');             if (carouselHost) carouselHost.style.display = 'block';             if (controlsDiv) controlsDiv.style.display = 'none';             if (this.root.classList.contains('tg-df-container') && mode === 'carousel') {               this.root.classList.add('is-carousel');             } else if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          } else {             if (carouselHost) carouselHost.style.display = 'none';             if (controlsDiv) controlsDiv.style.display = 'flex';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          }          if (mode === 'grid') {            this.grid.classList.add('layout-grid');          } else if (mode === 'row') {            this.grid.classList.add('layout-row');          } else if (mode === 'savings_squad') {            this.grid.classList.add('tg-df-grid-auto', 'savings-squad-cards');          } else if (mode !== 'carousel') {            this.grid.classList.add('tg-df-grid-auto');          }                    const settingsWrapper = this.root.querySelector('.tg-df-settings-wrapper');          if (settingsWrapper) {            settingsWrapper.style.display = mode === 'auto' ? 'none' : 'block';          }          if (this.customPriceWrapper) {             this.customPriceWrapper.style.display = mode === 'auto' ? 'flex' : 'none';          }          if (this.legacyPriceWrapper) {             this.legacyPriceWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }          if (this.discountFilterWrapper) {             this.discountFilterWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }        }        initResizeObserver() {          try {            if (window.parent === window) return;          } catch (e) {            // cross origin frame check threw          }          const emitHeight = () => {            try {              const height = document.documentElement.scrollHeight || document.body.scrollHeight;              const msg = { type: 'embed-size', height: height };              if (window.parent && window.parent !== window) {                window.parent.postMessage(msg, '*');                window.parent.postMessage(JSON.stringify({ ...msg, sentinel: 'amp' }), '*');              }            } catch (e) {}          };                    if (window.ResizeObserver) {            try {              const ro = new ResizeObserver(() => emitHeight());              ro.observe(document.body);              if (this.root) ro.observe(this.root);            } catch(e){ console.warn(e); }          }          window.addEventListener('resize', emitHeight);          setTimeout(emitHeight, 300);        }        initCountdown() {          this.cdWrapper = this.root.querySelector('#tg-df-countdown-wrapper');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          this.showCountdown = params.get('show_countdown') === 'true';          const showHeaderDetails = params.get('show_header_details') !== 'false';          const eyebrow = this.root.querySelector('.tg-df-carousel-box-eyebrow');          const title = this.root.querySelector('.tg-df-carousel-box-title');          const subtitle = this.root.querySelector('.tg-df-carousel-box-subtitle');          if (!showHeaderDetails) {            let containerElement = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (containerElement) containerElement.classList.add('hide-header-details');            if (eyebrow) eyebrow.style.display = 'none';            if (title) title.style.display = 'none';            if (subtitle) subtitle.style.display = 'none';          }          if (!this.cdWrapper) return;          this.cdTitle = this.root.querySelector('#tg-df-countdown-title');          this.cdDays = this.root.querySelector('#tg-df-cd-days');          this.cdHrs = this.root.querySelector('#tg-df-cd-hrs');          this.cdMin = this.root.querySelector('#tg-df-cd-min');          this.cdSec = this.root.querySelector('#tg-df-cd-sec');          this.updateCountdown();          this.cdInterval = setInterval(() => this.updateCountdown(), 1000);        }        updateCountdown() {          if (!this.cdWrapper) return;          if (!this.showCountdown) {            this.cdWrapper.style.display = 'none';            return;          }          const area = this.getAreaCode();          let offset = '-04:00';          if (['DE', 'FR', 'IT', 'ES', 'NL'].includes(area)) {             offset = '+02:00';          } else if (['GB', 'IE', 'UK'].includes(area)) {             offset = '+01:00';          }          const startTime = new Date('2026-06-23T00:00:00' + offset).getTime();          const endTime = new Date('2026-06-26T00:00:00' + offset).getTime();          const now = Date.now();          let targetTime = 0;          if (now < startTime) {             targetTime = startTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day starts in';             this.cdWrapper.style.display = 'flex';          } else if (now < endTime) {             targetTime = endTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day ends in';             this.cdWrapper.style.display = 'flex';          } else {             this.cdWrapper.style.display = 'none';             if (this.cdInterval) clearInterval(this.cdInterval);             return;          }          const diff = Math.max(0, targetTime - now);          const d = Math.floor(diff / (1000 * 60 * 60 * 24));          const h = Math.floor((diff / (1000 * 60 * 60)) % 24);          const m = Math.floor((diff / 1000 / 60) % 60);          const s = Math.floor((diff / 1000) % 60);          if (this.cdDays) this.cdDays.textContent = d;          if (this.cdHrs) this.cdHrs.textContent = h;          if (this.cdMin) this.cdMin.textContent = m;          if (this.cdSec) this.cdSec.textContent = s;        }        init() {          this.initCountdown();          try {            initAnalytics();          } catch (e) {            console.warn('Deals Widget Analytics Error:', e);          }                    this.bindEvents();                    let initialQuery = '';                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          let initialViewMode = params.get('view_mode');          if (!params.has('search') && !params.has('q') && !params.has('query') && initialViewMode !== 'savings_squad') {             initialQuery = 'Everything';             if (this.discountFilter && !params.has('min_discount_ratio')) {               this.discountFilter.value = '5';             }          }          const website = params.get('website') || 'tomsguide';          this.website = website;          if (website === 'techradar') {            const squadHeader = this.root.querySelector('.tg-df-savings-squad-header');            if (squadHeader) {               const pic = squadHeader.querySelector('picture');               if (pic) pic.style.display = 'none';            }            const style = document.createElement('style');            style.innerHTML = `              .tg-df-container .hawk-affiliate-link-deal-button, .tg-df-container .tg-df-card-cta { background-color: #5DAF08 !important; }              .tg-df-container .hawk-affiliate-link-deal-button:hover, .tg-df-container .tg-df-card-cta:hover { background-color: #4a8c06 !important; }            `;            this.root.appendChild(style);          }                    if (this.regionSelect) {            this.regionSelect.value = params.get('region') || 'auto';            this.updatePriceDropdownCurrency();          }                    if (this.retailerSelect && params.has('retailer')) {            this.retailerSelect.value = params.get('retailer');          }                    if (params.has('brands')) {            const b = params.get('brands');            if (b) {              this.selectedBrands = b.split(',');            }          }                    if (this.offerTypeSelect && params.has('offer_type')) {            this.offerTypeSelect.value = params.get('offer_type');          }          if (params.has('bg_color')) {            const bg = params.get('bg_color');            if (bg === 'white') {              this.root.style.setProperty('background-color', '#ffffff', 'important');            } else if (bg === 'transparent') {              this.root.style.setProperty('background-color', 'transparent', 'important');            } else if (bg === 'light_blue') {              this.root.style.setProperty('background-color', '#E7F0FF', 'important');            }          } else {             this.root.style.removeProperty('background-color');          }                    if (params.has('view_mode')) {            if (this.viewModeSelect) {              this.viewModeSelect.value = params.get('view_mode');            } else {              this.viewModeOverride = params.get('view_mode');            }          }          if (this.rowsSelect && params.has('rows')) {            this.rowsSelect.value = params.get('rows');          }          if (params.has('price')) {            const priceVal = params.get('price');            if (this.priceFilter) {               // Try assigning it directly to select. If it's not present implicitly ignores               this.priceFilter.value = priceVal;            }            if (priceVal.includes('_')) {               const parts = priceVal.split('_');               if (this.customPriceMin && parts[0]) this.customPriceMin.value = parts[0];               if (this.customPriceMax && parts[1]) this.customPriceMax.value = parts[1];            }          }          if (this.discountFilter && params.has('min_discount_ratio')) {            // Need to convert back from ratio (e.g. 0.8) to select value (e.g. "20")            const ratioStr = params.get('min_discount_ratio');            const ratioFloat = parseFloat(ratioStr);            if (!isNaN(ratioFloat)) {               const percentage = Math.round((1 - ratioFloat) * 100);               this.discountFilter.value = percentage.toString();            }          }          if (this.sortSelect) {            this.sortSelect.value = params.get('sort') || 'discount_desc';          }          if (this.dealModeToggle && params.has('deal_mode')) {            this.dealModeToggle.checked = params.get('deal_mode') === 'true' || params.get('deal_mode') === '1';          }                    // Re-apply layout after params have updated control values          this.applyLayoutMode();                    if (params.get('search')) {            initialQuery = params.get('search');          } else if (params.get('q')) {            initialQuery = params.get('q');          } else if (params.get('query')) {            initialQuery = params.get('query');          }                    this.currentQuery = initialQuery;          if (this.searchInput) {            this.searchInput.value = this.currentQuery;          }                    if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {            this.fetchDeals(this.currentQuery);          } else {            this.render();          }        }        updatePriceDropdownCurrency() {          if (!this.priceFilter || !this.regionSelect) return;          const currencySymbols = {            'US': '$',            'GB': '£',            'CA': '$CA',            'AU': '$AU',            'DE': '€',            'FR': '€',            'IT': '€',          };          const area = this.getAreaCode();          const cur = currencySymbols[area || 'US'] || '$';                    const options = this.priceFilter.options;          for (let i = 0; i < options.length; i++) {            const opt = options[i];            if (opt.value === 'all') {              opt.innerText = 'All Prices';            } else if (opt.value === 'under50') {              opt.innerText = `Under ${cur}50`;            } else if (opt.value === '50_100') {              opt.innerText = `${cur}50 - ${cur}100`;            } else if (opt.value === '100_200') {              opt.innerText = `${cur}100 - ${cur}200`;            } else if (opt.value === '200_500') {              opt.innerText = `${cur}200 - ${cur}500`;            } else if (opt.value === 'over500') {              opt.innerText = `Over ${cur}500`;            }          }        }        populateBrandDropdown(values) {          if (!this.brandDropdown || !this.brandFilterWrapper) return;          this.brandFilterWrapper.style.display = 'flex'; // show the wrapper                    let html = '';          const allChecked = this.selectedBrands.length === 0 ? 'checked' : '';          const _div = '<' + '/div>';          const _span = '<' + '/span>';          html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="" ${allChecked} class="tg-df-brand-chk"> Any Brand${_div}`;                    values.forEach(v => {             if (!v.formatted_value || v.formatted_value === 'Any Brand') return;             const isChecked = this.selectedBrands.includes(v.formatted_value) ? 'checked' : '';             html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="${this.escapeHTML(v.formatted_value)}" ${isChecked} class="tg-df-brand-chk"> ${this.escapeHTML(v.formatted_value)} \x3Cspan style="color:var(--tg-df-text-muted);font-size:12px">(${v.count || 0})${_span}${_div}`;          });                    this.brandDropdown.innerHTML = html;                    // Re-bind listeners          const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');          chks.forEach(chk => {            chk.addEventListener('change', (e) => {              const val = e.target.value;              if (val === '') {                this.selectedBrands = [];              } else {                if (e.target.checked) {                   if (!this.selectedBrands.includes(val)) this.selectedBrands.push(val);                } else {                   this.selectedBrands = this.selectedBrands.filter(b => b !== val);                }              }                            if (this.selectedBrands.length === 0) {                 this.brandTrigger.innerText = 'Any Brand';              } else if (this.selectedBrands.length === 1) {                 this.brandTrigger.innerText = this.selectedBrands[0];              } else {                 this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;              }                            // Only call API if changed from UI interactions              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.updateURLParams();                 this.fetchDeals(this.currentQuery);              }            });          });                    // Update button text on load          if (this.selectedBrands.length === 0) {             this.brandTrigger.innerText = 'Any Brand';          } else if (this.selectedBrands.length === 1) {             this.brandTrigger.innerText = this.selectedBrands[0];          } else {             this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;          }        }        updateURLParams() {          const url = new URL(window.location);          if (this.currentQuery && this.currentQuery !== 'Gaming laptops') {            url.searchParams.set('q', this.currentQuery);          } else {            url.searchParams.delete('q');            url.searchParams.delete('search');            url.searchParams.delete('query');          }                    if (this.regionSelect && this.regionSelect.value !== 'auto') {            url.searchParams.set('region', this.regionSelect.value);          } else {            url.searchParams.delete('region');          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.set('retailer', this.retailerSelect.value);          } else {            url.searchParams.delete('retailer');          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.set('brands', this.selectedBrands.join(','));          } else {            url.searchParams.delete('brands');          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.set('offer_type', this.offerTypeSelect.value);          } else {            url.searchParams.delete('offer_type');          }                    if (this.viewModeSelect && this.viewModeSelect.value !== 'auto') {            url.searchParams.set('view_mode', this.viewModeSelect.value);          } else {            url.searchParams.delete('view_mode');          }                    if (this.rowsSelect && this.rowsSelect.value !== '12') {            url.searchParams.set('rows', this.rowsSelect.value);          } else {            url.searchParams.delete('rows');          }                    const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             url.searchParams.set('price', `${min}_${max}`);          } else if (this.priceFilter && this.priceFilter.value !== 'all') {            url.searchParams.set('price', this.priceFilter.value);          } else {            url.searchParams.delete('price');          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {               const ratio = (100 - v) / 100;               url.searchParams.set('min_discount_ratio', ratio.toString());            }          } else {            url.searchParams.delete('min_discount_ratio');          }                    if (this.sortSelect && this.sortSelect.value !== 'discount_desc') {            url.searchParams.set('sort', this.sortSelect.value);          } else {            url.searchParams.delete('sort');          }                    if (this.dealModeToggle && this.dealModeToggle.checked) {            url.searchParams.set('deal_mode', 'true');          } else {            url.searchParams.delete('deal_mode');          }                    window.history.replaceState({}, '', url);        }        bindEvents() {          const roundels = this.root.querySelectorAll('.tg-df-carousel-cat.original-hardcoded');          roundels.forEach(r => {             r.addEventListener('click', () => {                const q = r.getAttribute('data-query');                const pr = r.getAttribute('data-pr');                if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: q,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = q;                const label = this.root.querySelector('#tg-df-carousel-title-label');                if (label) label.textContent = 'Best ' + q;                if (this.priceFilter) this.priceFilter.value = pr || 'all';                if (this.discountFilter) this.discountFilter.value = '5';                if (this.searchInput) this.searchInput.value = q;                                roundels.forEach(ro => ro.classList.remove('active'));                r.classList.add('active');                this.fetchDeals(this.currentQuery);             });          });          const discBtns = this.root.querySelectorAll('.tg-df-carousel-filter-btn');          discBtns.forEach(b => {             b.addEventListener('click', () => {                const d = b.getAttribute('data-d');                const pr = b.getAttribute('data-pr');                const ot = b.getAttribute('data-ot');                let label = b.innerText ? b.innerText.trim() : '';                let filterType = 'unknown';                let filterVal = 'unknown';                if (d !== null) { filterType = 'discount'; filterVal = d; }                else if (pr !== null) { filterType = 'price'; filterVal = pr; }                else if (ot !== null) { filterType = 'offertype'; filterVal = ot; }                if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-${filterType}-${filterVal}`, name: 'Filter Button', label: label });                                if (d !== null) {                   if (this.discountFilter) this.discountFilter.value = this.discountFilter.value === d ? '0' : d;                } else if (pr !== null) {                   if (this.priceFilter) this.priceFilter.value = this.priceFilter.value === pr ? 'all' : pr;                } else if (ot !== null) {                   if (this.offerTypeSelect) this.offerTypeSelect.value = this.offerTypeSelect.value === ot ? 'all' : ot;                } else {                   if (this.discountFilter) this.discountFilter.value = '0';                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.offerTypeSelect) this.offerTypeSelect.value = 'all';                }                if (d === null && pr === null && ot === null && b.getAttribute("data-type") !== "custom") {                   discBtns.forEach(ro => ro.classList.remove('active'));                   b.classList.add('active');                } else if (b.getAttribute("data-type") !== "custom") {                   // Only operate on hardcoded buttons (those without data-type)                   discBtns.forEach(ro => {                      if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active');                   });                                      let makeActive = true;                   if (d !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-d') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (pr !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-pr') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (ot !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-ot') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   }                                      if (makeActive) b.classList.add('active');                                      // Check if anything is active, if not activate "All"                   let anyActive = false;                   discBtns.forEach(ro => { if (ro.classList.contains('active') && ro.getAttribute('data-type') !== 'custom') anyActive = true; });                   if (!anyActive) {                       discBtns.forEach(ro => { if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.add('active'); });                   }                }                                this.fetchDeals(this.currentQuery);             });          });          if (this.brandTrigger && this.brandDropdown) {            this.brandTrigger.addEventListener('click', () => {              this.brandDropdown.classList.toggle('active');            });            document.addEventListener('click', (e) => {              if (this.brandFilterWrapper && !e.composedPath().includes(this.brandFilterWrapper)) {                this.brandDropdown.classList.remove('active');              }            });          }          let debounceTimer;          if(this.searchInput) {            this.searchInput.addEventListener('input', (e) => {              clearTimeout(debounceTimer);              const query = e.target.value.trim();              this.currentQuery = query;              if (this.getViewMode() === 'savings_squad' && this.autocompleteDropdown && this.airedaleTags && query.length > 0) {                 const matches = this.airedaleTags.filter(t => t.toLowerCase().includes(query.toLowerCase()) && t.toLowerCase() !== query.toLowerCase()).slice(0, 5);                 if (matches.length > 0) {                    this.autocompleteDropdown.innerHTML = matches.map(m => `\x3Cdiv class="tg-df-autocomplete-item" data-tag="${this.escapeHTML(m)}">${this.escapeHTML(m)}<` + `/div>`).join('');                    this.autocompleteDropdown.classList.add('active');                 } else {                    this.autocompleteDropdown.classList.remove('active');                 }              } else if (this.autocompleteDropdown) {                 this.autocompleteDropdown.classList.remove('active');              }              debounceTimer = setTimeout(() => {                this.updateURLParams();                if (query.length > 2) {                  this.fetchDeals(query);                } else if (query.length === 0) {                  this.deals = [];                  this.render();                }              }, 400);            });            this.searchInput.addEventListener('keypress', (e) => {              if (e.key === 'Enter') {                if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');                clearTimeout(debounceTimer);                const query = e.target.value.trim();                this.currentQuery = query;                this.activeDealTag = null;                trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                this.updateURLParams();                if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                   this.fetchDeals(query);                }              }            });          }          if (this.autocompleteDropdown) {             this.autocompleteDropdown.addEventListener('click', (e) => {                const item = e.target.closest('.tg-df-autocomplete-item');                if (item) {                   const tag = item.getAttribute('data-tag');                   this.currentQuery = tag;                   if (this.searchInput) this.searchInput.value = tag;                   this.activeDealTag = tag;                   this.autocompleteDropdown.classList.remove('active');                   this.updateURLParams();                   this.fetchDeals(tag);                }             });             document.addEventListener('click', (e) => {               if (this.autocompleteDropdown && this.searchInput && !e.composedPath().includes(this.searchInput) && !e.composedPath().includes(this.autocompleteDropdown)) {                 this.autocompleteDropdown.classList.remove('active');               }             });          }          if (this.searchBtn) {            this.searchBtn.addEventListener('click', () => {              if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');              clearTimeout(debounceTimer);              const query = this.searchInput.value.trim();              trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });              this.activeDealTag = null;              this.currentQuery = query;              this.updateURLParams();              if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.fetchDeals(query);              }            });          }          if(this.sortSelect) this.sortSelect.addEventListener('change', () => {            trackElementInteraction({ id: `sort-option-${this.sortSelect.value}`, name: 'Sort', label: `Sort: ${this.sortSelect.options[this.sortSelect.selectedIndex].text}` });            this.updateURLParams();            if (this.deals.length > 0) {              this.sortData();              this.render();            }          });                    const priceFilter = this.root.querySelector('#tg-df-price-filter');          if (priceFilter) {            this.priceFilter = priceFilter;            this.priceFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-price-${this.priceFilter.value}`, name: 'Price', label: this.priceFilter.options[this.priceFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          const updateCustomPrice = () => {             this.updateURLParams();             if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);             } else {                this.render();             }          };          if (this.customPriceMin) {             this.customPriceMin.addEventListener('change', updateCustomPrice);             this.customPriceMin.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          if (this.customPriceMax) {             this.customPriceMax.addEventListener('change', updateCustomPrice);             this.customPriceMax.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          const discountFilter = this.root.querySelector('#tg-df-discount-filter');          if (discountFilter) {            this.discountFilter = discountFilter;            this.discountFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-discount-${this.discountFilter.value}`, name: 'Discount', label: this.discountFilter.options[this.discountFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          if (this.categoryFilter) {            this.categoryFilter.addEventListener('change', (e) => {               const val = e.target.value === 'all' ? null : e.target.value;               this.activeDealTag = val;               this.fetchSavingsSquad();            });          }                    if (this.settingsToggle) {            this.settingsToggle.addEventListener('click', () => {              const o = this.settingsPanel.classList.toggle('active');              this.settingsBackdrop.classList.toggle('active');              if (o) trackElementInteraction({ id: 'filter-open', name: 'Filters', label: 'Open filters' });            });          }                    if (this.settingsBackdrop) {            this.settingsBackdrop.addEventListener('click', () => {              this.settingsPanel.classList.remove('active');              this.settingsBackdrop.classList.remove('active');            });          }                    if (this.regionSelect) {            this.regionSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-region-${this.regionSelect.value}`, name: 'Region', label: this.regionSelect.options[this.regionSelect.selectedIndex].text });              this.updateURLParams();              this.updatePriceDropdownCurrency();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.retailerSelect) {            this.retailerSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-merchant-${this.retailerSelect.value}`, name: 'Retailer', label: this.retailerSelect.options[this.retailerSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.offerTypeSelect) {            this.offerTypeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-offertype-${this.offerTypeSelect.value}`, name: 'Offer Type', label: this.offerTypeSelect.options[this.offerTypeSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.viewModeSelect) {            this._prevViewMode = this.viewModeSelect.value;            this.viewModeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-viewmode-${this.viewModeSelect.value}`, name: 'View Mode', label: this.viewModeSelect.options[this.viewModeSelect.selectedIndex].text });                            // Reset all active toggles and filters to prevent config carry-over              this.selectedBrands = [];              if (this.brandTrigger) this.brandTrigger.innerText = 'Select Brands';              if (this.brandDropdown) {                const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                chks.forEach(chk => { chk.checked = false; });              }              if (this.priceFilter) this.priceFilter.value = 'all';              if (this.customPriceMin) this.customPriceMin.value = '';              if (this.customPriceMax) this.customPriceMax.value = '';              if (this.sortSelect) this.sortSelect.value = this.viewModeSelect.value === 'savings_squad' ? 'date_desc' : 'discount_desc';              if (this.discountFilter) this.discountFilter.value = '0';              if (this.retailerSelect) this.retailerSelect.value = '';              if (this.offerTypeSelect) this.offerTypeSelect.value = '';              if (this.rowsSelect) this.rowsSelect.value = '12';              if (this.categoryFilter) this.categoryFilter.value = 'all';              this.activeDealTag = null;              this.updateURLParams();              this.applyLayoutMode();                            if (this.getViewMode() === 'savings_squad' || this._prevViewMode === 'savings_squad') {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }              this._prevViewMode = this.viewModeSelect.value;            });          }                    if (this.rowsSelect) {            this.rowsSelect.addEventListener('change', () => {              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.dealModeToggle) {            this.dealModeToggle.addEventListener('change', () => {              this.updateURLParams();              this.render();            });          }          if (this.editorModeToggle) {             this.editorModeToggle.addEventListener('change', (e) => {                this.editorMode = e.target.checked;                this.render();                this.updateFloatingCopyBar();             });          }          if (this.editorCopyBtn) {             this.editorCopyBtn.addEventListener('click', () => {                this.copySelectedDealsToCMS();             });          }          if (this.editorClearBtn) {             this.editorClearBtn.addEventListener('click', () => {                this.selectedDeals.clear();                this.render();                this.updateFloatingCopyBar();             });          }          if (this.grid) {            this.grid.addEventListener('change', (e) => {               if (e.target.classList.contains('tg-df-deal-checkbox')) {                  const dealId = e.target.getAttribute('data-id');                  if (e.target.checked) {                     const dealObj = this.deals.find(d => d.id === dealId);                     if (dealObj) this.selectedDeals.set(dealId, dealObj);                  } else {                     this.selectedDeals.delete(dealId);                  }                  this.updateFloatingCopyBar();               }            });            this.grid.addEventListener('click', (e) => {              const dealCard = e.target.closest('[data-action="deal-click"]');              const similarCard = e.target.closest('[data-action="view-similar-click"]');              const cardLink = dealCard || similarCard;              if (cardLink) {                const productName = cardLink.getAttribute('data-product-name');                const merchantName = cardLink.getAttribute('data-merchant-name');                const productId = cardLink.getAttribute('data-analytics-id');                const price = parseFloat(cardLink.getAttribute('data-price')) || null;                const prevPriceStr = cardLink.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = cardLink.getAttribute('data-original-link');                const rewrittenLink = cardLink.getAttribute('href');                const revenueId = cardLink.getAttribute('data-revenue-id');                const index = parseInt(cardLink.getAttribute('data-index'), 10) || 0;                const inStock = cardLink.getAttribute('data-in-stock') === 'true';                const totalText = cardLink.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: cardLink.getAttribute('data-model-id') || null,                    matchId: cardLink.getAttribute('data-match-id') || null,                    brand: cardLink.getAttribute('data-model-brand') || null,                    parent: cardLink.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: cardLink.getAttribute('data-merchant-id') || null,                    network: cardLink.getAttribute('data-merchant-network') || null,                    url: cardLink.getAttribute('data-merchant-url') || null,                    name: merchantName                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: normalizeCurrency(this.escapeHTML(cardLink.getAttribute('data-currency') || '$'))                };                if (dealCard) {                  trackDealClick(trackingParams);                } else {                  trackViewSimilarClick(trackingParams);                }              }              const couponsBtn = e.target.closest('[data-action="coupons-click"]');              if (couponsBtn) {                trackElementInteraction({                  id: 'product-card-show-coupons',                  name: 'Coupons',                  label: `Product card coupons: ${couponsBtn.getAttribute('data-merchant')}`                });              }            });          }          this.setupScrollListeners();        }        setupScrollListeners() {          const containers = [             this.root.querySelector('.tg-df-carousel-roundels'),             this.root.querySelector('.tg-df-carousel-filters-wrap'),             this.root.querySelector('#tg-df-grid')          ];                    containers.forEach(container => {             if (!container) return;                          const checkScroll = () => {                if (!container.parentElement) return;                const leftBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-left');                const rightBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-right');                                if (leftBtn) {                   if (container.scrollLeft <= 5) leftBtn.style.display = 'none';                   else leftBtn.style.display = 'flex';                }                                if (rightBtn) {                   if (container.scrollWidth <= container.clientWidth) {                       rightBtn.style.display = 'none';                   } else if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 5) {                       rightBtn.style.display = 'none';                   } else {                       rightBtn.style.display = 'flex';                   }                }             };                          container.addEventListener('scroll', checkScroll);             checkScroll();                          window.addEventListener('resize', checkScroll);                          const observer = new MutationObserver(checkScroll);             observer.observe(container, { childList: true, subtree: true, characterData: false });          });        }        get widgetTypeName() {          const mode = this.viewModeSelect ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');          switch(mode) {              case 'carousel': return 'Carousel';              case 'savings_squad': return 'Savings Squad';              case 'grid': return 'Grid';              case 'row': return 'Row';              default: return 'Auto Collection';          }        }        getRowsLimit() {          if (this.rowsSelect && this.rowsSelect.value) return parseInt(this.rowsSelect.value, 10);          let configSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {             configSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {             configSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(configSource);          if (params.has('rows')) return parseInt(params.get('rows'), 10) || 12;          return 12;        }        getAreaCode() {          if (this.regionSelect && this.regionSelect.value) {            if (this.regionSelect.value === 'auto') return null;            return this.regionSelect.value;          }          let area = null;          try {            const locale = window.navigator.language || window.navigator.userLanguage;            if (locale && locale.includes('-')) {              area = locale.split('-')[1].toUpperCase();            } else if (locale && locale.length === 2) {              if (locale.toUpperCase() === 'EN') { area = 'US'; }              else { area = locale.toUpperCase(); }            }          } catch (e) { /* Ignore */ }                    // Map to known valid options or fallback to US          const valid = ['US', 'GB', 'CA', 'AU', 'DE', 'FR', 'IT'];          if (area === 'UK') area = 'GB';          if (valid.includes(area)) {             return area;          }          return 'US';        }                async loadCarouselSpreadsheet() {          try {              const parseCSVRow = (str) => {                  let result = [], cur = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (inQuotes) {                          if (char === '"') {                              if (str[i + 1] === '"') { cur += '"'; i++; }                              else { inQuotes = false; }                          } else { cur += char; }                      } else {                          if (char === '"') { inQuotes = true; }                          else if (char === ',') { result.push(cur); cur = ''; }                          else { cur += char; }                      }                  }                  result.push(cur); return result;              };              const parseCSV = (str) => {                  const rows = []; let curRow = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (char === '"') inQuotes = !inQuotes;                      if ((char === '\n' || char === '\r') && !inQuotes) {                          if (char === '\r' && str[i+1] === '\n') i++;                          if (curRow) rows.push(parseCSVRow(curRow));                          curRow = '';                      } else { curRow += char; }                  }                  if (curRow) rows.push(parseCSVRow(curRow));                  return rows;              };              const preloadedCSV = decodeURIComponent(escape(atob("LCwxLDIsMyw0LDUsNiw3LDgsOSwxMCwxMSwxMiwxMywxNCwxNQ0KUm91bmRlbCB0ZXh0LEFsbCxUVnMsRm9vdHdlYXIsQXBwYXJlbCxNYXR0cmVzZXMsQXBwbGlhbmNlcyxXZWFyYWJsZSB0ZWNoLEhlYWRwaG9uZXMsU21hcnQgSG9tZSxTcGVha2VycyxMYXB0b3BzLFRhYmxldHMsQ29tcHV0aW5nLFBob25lcyxHYW1pbmcsTGVnbw0KUm91bmRlbCBpbWFnZSxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL2FpLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3R2cy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvN2IzYTIyNGIwNzk2M2M2MjdiNmI5MDliZDc4MzM4MzZlMDJmZjgxOS5qcGcud2VicCxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy84NGRhYzVkNDhlZDJkNDQ4NTU5ZWJhNjdhY2U4MzE0Y2M2N2NjZDk0LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vcHJvZHVjdHMvY2Fyb3VzZWwvbWF0dHJlc3Nlcy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvNzY4ZTk3Y2ViMDcxODAxZmFlMjA5MTBkMDgyMGIxNmY3NDdhZjkzOS5qcGcud2VicCxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3dlbGxuZXNzLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL2hlYWRwaG9uZXMuanBnLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzg5NTM1YmVlYmUyMGRiYmQ0YTM0NmQ2ZDZiZGZlOTFkOGE4ODRhMjEuanBnLndlYnAsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9hdWRpby5qcGcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9sYXB0b3BzLmpwZyxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy8yMzk3NTY0ZWQ3YTVmZjk0N2U5YjZiMzBlNTRmNDc0OTRiODQxZjg5LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vcHJvZHVjdHMvY2Fyb3VzZWwvY29tcHV0aW5nLmpwZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3Bob25lcy5wbmcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9nYW1pbmcucG5nLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzRmNmM2MjFjYWMwYmMxYTg1ZDU5M2UzNTk0YmE1YjM0OWVmZmQyOTIuanBnLndlYnANClNlYXJjaCBRdWVyeSxFdmVyeXRoaW5nLFRlbGV2aXNpb25zLCJTbmVha2VycywgcnVubmluZyBzaG9lcywgc2FuZGFscyIsQ2xvdGhpbmcsTWF0dHJlc3NlcyxIb21lIEFwcGxpYW5jZXMsV2VhcmFibGVzICYgRml0bmVzcyBUZWNoLEhlYWRwaG9uZXMsSG9tZSBUZWNoLFNwZWFrZXJzLExhcHRvcHMsVGFibGV0cyxDb21wdXRpbmcsUGhvbmVzLEdhbWluZyxDb25zdHJ1Y3Rpb24gVG95cw0KRGlzY291bnQgQW1vdW50LG1pbiA1JSxtaW4gMTAlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUNClByaWNlIFJhbmdlLCwsLCxtaW4gJDQwMCwsLCxtaW4gJDI1LCxtaW4gJDMwMCwsLG1pbiAkMTAwLCwNCkJyYW5kIFNlbGVjdGlvbiwsLCwsLCwsLCwsLCwsLCwNCkZpbHRlciBidXR0b25zLCwsLCwsLCwsLCwsLCwsLA0KMSxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMNCjIsQW1hem9uIGRlYWxzLFVuZGVyICQxMDAwLDUwJSBvZmYsQWRpZGFzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsNTAlIG9mZixBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscw0KMyxPdmVyICQ0MDAsVW5kZXIgJDUwMCxIb2thLE5pa2UsU2FhdHZhLE5pbmphLDQwJSBvZmYsSkxhYiwsSkJMLERlbGwsLEFzdXMsQXBwbGUsQ29uc29sZXMsU3RhciBXYXJzDQo0LFVuZGVyICQxMDAwLDUwJSBvZmYsU2tlY2hlcnMsVW5kZXIgQXJtb3VyLEhlbGl4LFNoYXJrLEdhcm1pbixBbmtlciBTb3VuZGNvcmUsUmluZyxTb25vcyxBcHBsZSxBcHBsZSxUUC1saW5rLFNhbXN1bmcsQWNjZXNzb3JpZXMsVW5kZXIgJDI1DQo1LFVuZGVyICQ1MDAsTEcsQXNpY3MsQ29sdW1iaWEsRHJlYW1DbG91ZCxLZXVyaWcsQXBwbGUsU29ueSxHb3ZlZSxUcmliaXQsTGVub3ZvLFNhbXN1bmcsRWVybyxHb29nbGUsR2FtZXMsVW5kZXIgJDUwDQo2LDUwJSBvZmYsU2Ftc3VuZyxOaWtlLFBhdGFnb25pYSxOZWN0YXIsRGUnTG9uZ2hpLEFtYXpmaXQsQXBwbGUsS2FzYSBzbWFydCxTb255LEFsaWVud2FyZSxUQ0wsTmV0Z2VhcixNb3Rvcm9sYSxOaW50ZW5kbyxCb3RhbmljYWxzDQo3LEFtYXpvbixIaXNlbnNlLE5ldyBCYWxhbmNlLEFyYyd0ZXJ5eCxUZW1wdXItcGVkaWMsRHlzb24sRml0Yml0LEJlYXRzLFBoaWxpcHMgSHVlLEFua2VyLEFjZXIsT25lUGx1cyxEZWxsLE9uZVBsdXMsU29ueSxEaXNuZXkNCjgsQXBwbGUsVENMLEFkaWRhcyxDYXJoYXJ0dCxCZWFyLEJpc3NlbGwsU2Ftc3VuZyxFYXJmdW4sQmxpbmssQmVhdHMsTVNJLE1pY3Jvc29mdCxBY2VyLE5vdGhpbmcsWGJveCxNYXJ2ZWwNCjksLFNvbnksU2F1Y29ueSxUaGUgTm9ydGggRmFjZSxTaWVuYSxOdXRyaWJ1bGxldCxPdXJhLFNhbXN1bmcsR29vZ2xlIE5lc3QgLE1hcnNoYWxsLFNhbXN1bmcsTGVub3ZvLExlbm92bywsLFBva2Vtb24NCjEwLCxSb2t1LEJpcmtlbnN0b2NrLENSWiBZb2dhLFdpbmtCZWRzLEJsYWNrIGFuZCBEZWNrZXIsUmluZ2Nvbm4sQ01GLEV1ZnksU2Ftc3VuZyxNaWNyb3NvZnQsUmVNYXJrYWJsZSxBbGllbndhcmUsLCwNCjExLCwsQnJvb2tzLFRoZSBHeW0gUGVvcGxlLEJyb29rbHluIGJlZGRpbmcsTmVzcHJlc3NvLCwxTW9yZSxBcmxvLCxSYXplciwsQ29yc2FpciwsLA0KMTIsLCxDcm9jcywsRWlnaHQgU2xlZXAsQ3Vpc2luYXJ0LCxKQkwsLCwsLEhQLCwsDQpOb3RlcywsLCwsLCwsLCwsLCwsLCwNCiwsIlByaW9yaXRpc2UgYmlnZ2VzdCAlLyQgZGlzY291bnQsIFR2cyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiB0aGUgbW9zdCBwb3B1bGFyIGV2ZW4gaWYgdGhleSBhcmUgc3RpbGwgZXhwZW5zaXZlIiwiTm8gcGF0dGVybiB0byBwcmljaW5nL2Rpc2NvdW50LCByZWFkZXJzIG1haW5seSBzaG9wIGJ5IGJyYW5kL3JlY29nbmlzYWJsZSBzaG9lcyIsIk5vIHBhdHRlcm4gdG8gcHJpY2luZy9kaXNjb3VudCwgcmVhZGVycyBtYWlubHkgc2hvcCBieSBicmFuZCIsIkEgbGFiZWwgd2lsbCBkZWZpbml0ZWx5IGhlbHAgaGVyZSBlLmcuIGJlc3QgZm9yIHNpZGUgc2xlZXBlciwgYmVzdCBtZW1vcnkgZm9hbSIsIkFwcGxpYW5jZXMgaXMgYSBiaWcgY2F0ZWdvcnksIGlzIGl0IHBvc3NpYmxlIHRvIHNwbGl0IGludG8ga2l0Y2hlbiBhcHBsaWFuY2VzLCBmbG9vcmNhcmUsIGFpciBoZWFsdGgvY29vbGluZz8gT3Igc2ltaWxhciIsIkZvY3VzIG9uIHZhbHVlIGZvciBtb25leSwgR2FybWlucyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiBwb3B1bGFyIGV2ZW4gdGhvdWdoIHRoZXkgYXJlIHN0aWxsICQ1MDAiLCwsLCxJbmNsdWRlIEtpbmRsZXMsSSB3b3VsZCBpbmNsdWRlIHdpZmkgcm91dGVycyBoZXJlIGluc3RlYWQgb2Ygc21hcnQgaG9tZSxDYW4gd2Ugc3VyZmFjZSBwaG9uZSBwcm92aWRlciBkZWFscz8gVC1tb2JpbGUgYW5kIHZlcml6b24gd291bGQgbWFrZSBhIGxvdCBtb3JlIG1vbmV5IHRoYW4gQW1hem9uLCwNCiwsaGF2aW5nIGEgJ2Jlc3QgZm9yJyBsYWJlbCB3b3VsZCBiZSBoZWxwZnVsIGUuZy4gYmVzdCBmb3IgYnJpZ2h0IHJvb20sQ2FuIHdlIHN0b3Aga2lkcyBzaG9lcyBmcm9tIHB1bGxpbmcgdGhyb3VnaD8sIldpbGwgdGhpcyBpbmNsdWRlIGFjY2Vzc29yaWVzIGUuZy4gY2FwcywgYmFncywgaWYgc28gbWFrZSBzdXJlIHRoZXNlIGFyZSBtaXhlZCB0aHJvdWdob3V0IGNsb3RoaW5nIGRlYWxzIixXaWxsIHRoaXMgaW5jbHVkZSB0b3BwZXJzIGFuZCBwaWxsb3dzPyBTZWVpbmcgbW9yZSBtb21lbnR1bSB3aXRoIHRoaXMgY2F0ZWdvcnkgcmVjZW50bHkgc28gYSBiZWRkaW5nIHRhYiBtaWdodCB3b3JrLCwiTmVlZCB0byBtYWtlIHN1cmUgYmFuZHMsIHNjcmVlbiBwcm90ZWN0b3JzIGV0Yy4gZG9uJ3QgcHVsbCBpbnRvIGhlcmUiLCwsLCwsLCwsDQosLCJQcmlvcml0aXNlIDY1JycgYW5kIDU1JyBpbmNoIFRWcywgdGhlbiBiaWdnZXIgc2NyZWVucyBiZWZvcmUgdGhlIHNtYWxsZXIgc2l6ZXMiLCwsUXVlZW4gaXMgdGhlIG1vc3QgcG9wdWxhciBzaXplIGluIHRoZSBVUyAtIHByaW9yaXRpc2UgZGVhbHMgZm9yIHRoaXMgc2l6ZSwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpDYXRlZ29yaWVzIHRvIGNvbnNpZGVyLCxQcm9kdWN0cyBpbmNsdWRlZCwsLCwsLCwsLCwsLCwsDQpVbmRlciAkNTA/LCxBaXIgdGFncywsLCwsLCwsLCwsLCwsDQosLFBvcnRhYmxlIGNoYXJnZXJzL3dpcmVsZXNzIGNoYXJnZXJzLCwsLCwsLCwsLCwsLCwNCiwsIldhdGVyIGJvdHRsZXMgKHN0YW5sZXlzLCBPd2FsYSwgSHlkcm8gZmxhc2ssIFlldGkpIiwsLCwsLCwsLCwsLCwsDQosLEhhbmQgaGVsZCBmYW5zLCwsLCwsLCwsLCwsLCwNCiwsLCwsLCwsLCwsLCwsLCwNCmhvbWUgb2ZmaWNlLCxvZmZpY2UgY2hhaXJzLCwsLCwsLCwsLCwsLCwNCiwsc3RhbmRpbmcgZGVza3MsLCwsLCwsLCwsLCwsLA0KLCxtb25pdG9ycywsLCwsLCwsLCwsLCwsDQosLEtleWJvYXJkcywsLCwsLCwsLCwsLCwsDQosLGRvY2tpbmcgc3RhdGlvbiwsLCwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpHYW1pbmcsLENvbnNvbGVzLCwsLCwsLCwsLCwsLCwNCiwsQWNjZXNzb3JpZXMsLCwsLCwsLCwsLCwsLA0KLCxHYW1lcywsLCwsLCwsLCwsLCwsDQosLENvdWxkIGluY2x1ZGUgTGVnbz8sLCwsLCwsLCwsLCwsLA==")));              const text = preloadedCSV;              const parsed = parseCSV(text);                            const rowsByName = {};              let filterStart = -1;              parsed.forEach((rc, i) => {                 if (rc && rc.length > 0 && rc[0]) rowsByName[rc[0]] = rc;                 if (rc && rc.length > 0 && rc[0] === 'Filter buttons') filterStart = i;              });                            const cols = [];              if(rowsByName['Roundel text']) {                const headerRow = rowsByName['Roundel text'];                for(let col = 1; col < headerRow.length; col++) {                   let label = headerRow[col];                   if (!label) continue;                                      let q = rowsByName['Search Query'] && rowsByName['Search Query'][col] ? rowsByName['Search Query'][col] : '';                   let img = rowsByName['Roundel image'] && rowsByName['Roundel image'][col] ? rowsByName['Roundel image'][col] : '';                   let ds = rowsByName['Discount Amount'] && rowsByName['Discount Amount'][col] ? rowsByName['Discount Amount'][col] : '';                   let pr = rowsByName['Price Range'] && rowsByName['Price Range'][col] ? rowsByName['Price Range'][col] : '';                   let rt = rowsByName['Retailer'] && rowsByName['Retailer'][col] ? rowsByName['Retailer'][col] : '';                   let ot = rowsByName['Offer Type'] && rowsByName['Offer Type'][col] ? rowsByName['Offer Type'][col] : '';                                      let filters = [];                   if(filterStart > 0) {                     for(let r = filterStart + 1; r < parsed.length; r++) {                         if(!parsed[r] || parsed[r][0] === 'Notes' || parsed[r][0] === 'Categories to consider') break;                         let f = parsed[r][col];                         if(f) filters.push(f);                     }                   }                   cols.push({ label, img, q, ds, pr, rt, ot, filters });                }              }              this.carouselData = cols;              if (this.carouselData && this.carouselData.length > 0) {                 const isMatched = this.carouselData.some(c => c.q === this.currentQuery || c.label === this.currentQuery);                 if (!isMatched) {                    const first = this.carouselData[0];                    this.currentQuery = first.q || first.label;                    if (this.priceFilter) this.priceFilter.value = 'all';                    if (this.customPriceMin) this.customPriceMin.value = '';                    if (this.customPriceMax) this.customPriceMax.value = '';                    let dPr = first.pr || 'all';                    if (typeof dPr === 'string' && dPr !== 'all') {                       let prLower = dPr.toLowerCase();                       if (prLower.includes('min') || prLower.includes('over')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else if (prLower.includes('max') || prLower.includes('under')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       }                    }                    let dAm = '0';                    if(first.ds && typeof first.ds === 'string') {                       let m = first.ds.match(/(\d+)/);                       if(m) dAm = m[1];                    }                    if (this.discountFilter) this.discountFilter.value = dAm;                    if (this.offerTypeSelect) this.offerTypeSelect.value = first.ot || '';                    if (this.retailerSelect) this.retailerSelect.value = first.rt || '';                    this.selectedBrands = [];                    if (this.brandDropdown) {                        const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                        chks.forEach(chk => chk.checked = false);                    }                    if (this.searchInput) this.searchInput.value = this.currentQuery;                 }              }              this.renderCarouselUI();          } catch(e){ console.warn(e); }        }                renderCarouselUI() {           const roundelWrapper = this.root.querySelector('.tg-df-carousel-roundels');           if(!roundelWrapper || !this.carouselData) return;                      let html = '';           this.carouselData.forEach(r => {              const q = r.q || r.label;              const isActive = (this.currentQuery === q || this.currentQuery === r.label) ? 'active' : '';              const imgHtml = r.img ? `\x3Cimg src="${r.img}" alt="${r.label}" />` : `\x3Csvg width="32" height="32" fill="#1F69FF" viewBox="0 0 24 24">\x3Cpath d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\x3C/svg>`;              html += `                \x3Cdiv class="tg-df-roundel tg-df-carousel-cat ${isActive}" data-label="${this.escapeHTML(r.label)}">                  \x3Cdiv class="tg-df-roundel-img-box">${imgHtml}\x3C/div>                  \x3Cspan class="tg-df-roundel-label">${this.escapeHTML(r.label)}\x3C/span>                \x3C/div>              `;           });           roundelWrapper.innerHTML = html;                      // Rebind clicks           const roundels = this.root.querySelectorAll('.tg-df-carousel-cat');           roundels.forEach(rNode => {             rNode.addEventListener('click', () => {                const r = this.carouselData.find(c => c.label === rNode.getAttribute('data-label'));                 if(!r) return;                                  if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: r.label,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = r.q || r.label;                const labelTitle = this.root.querySelector('#tg-df-carousel-title-label');                if (labelTitle) labelTitle.textContent = 'Best ' + this.currentQuery;                if (this.priceFilter) this.priceFilter.value = 'all';                if (this.customPriceMin) this.customPriceMin.value = '';                if (this.customPriceMax) this.customPriceMax.value = '';                let dPr = r.pr || 'all';                if (typeof dPr === 'string' && dPr !== 'all') {                   let prLower = dPr.toLowerCase();                   if (prLower.includes('min') || prLower.includes('over')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMin) this.customPriceMin.value = m[1];                   } else if (prLower.includes('max') || prLower.includes('under')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMax) this.customPriceMax.value = m[1];                   }                }                                let discountAmount = '0';                if(r.ds && typeof r.ds === 'string') {                   let m = r.ds.match(/(\d+)/);                   if(m) discountAmount = m[1];                }                if (this.discountFilter) this.discountFilter.value = discountAmount;                if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                                // Clear brands                    this.selectedBrands = [];                    if (this.brandDropdown) {                    const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                    chks.forEach(chk => chk.checked = false);                }                                if (this.searchInput) this.searchInput.value = this.currentQuery;                                roundels.forEach(ro => ro.classList.remove('active'));                if (rNode) rNode.classList.add('active');                                this.renderCarouselFilters(r);                this.fetchDeals(this.currentQuery);             });           });                      // Auto-highlight active           const activeR = this.carouselData.find(c => c.q === this.currentQuery || c.label === this.currentQuery);           if(activeR) this.renderCarouselFilters(activeR);        }                renderCarouselFilters(r) {           const filtersWrap = this.root.querySelector('.tg-df-carousel-filters-wrap');           if(!filtersWrap) return;                      let html = `\x3Cbutton class="tg-df-carousel-filter-btn" data-type="all">All\x3C/button>`;                      r.filters.forEach(f => {              let fL = f.toLowerCase();              let icon = '';              let logic = `data-type="custom" data-v="${this.escapeHTML(f)}"`;              if (fL === 'amazon deals' || fL === 'prime deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>`;              } else if (fL === 'lightning deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>`;              } else {                 if (fL.includes('lightning')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap">\x3Cpolygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2">\x3C/polygon>\x3C/svg>`;                 } else if (fL.includes('% off')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>`;                 } else if (fL.includes('under') || fL.includes('min ')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>`;                 }                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>${icon} ${this.escapeHTML(f)}\x3C/button>`;              }           });                      filtersWrap.innerHTML = html;                      const btns = filtersWrap.querySelectorAll('button');           btns.forEach(b => {             b.addEventListener('click', () => {                const type = b.getAttribute('data-type');                if (type === 'custom') {                   const v = b.getAttribute('data-v');                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-custom-${(v||'').toLowerCase().replace(/[^a-z0-9]+/g, '-')}`, name: 'Custom Filter', label: v });                }                if (type === 'all') {                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: 'filter-clear-all', name: 'Clear all', label: 'Clear all filters' });                   // reset everything                   btns.forEach(btn => btn.classList.remove('active'));                   b.classList.add('active');                                      // Reset prices                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   if (this.brandDropdown) {                     const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                     chks.forEach(chk => chk.checked = false);                   }                } else {                   const v = b.getAttribute('data-v');                   const fL = v.toLowerCase();                                      let mapRet = ['amazon', 'walmart', 'best buy', 'target', 'john lewis', 'currys', 'argos'];                   const getCategory = (s) => {                      if (s === 'lightning deals' || s === 'amazon deals' || s === 'prime deals') return 'offer';                      if (s.includes('% off')) return 'discount';                      if (s.includes('under') || s.includes('over') || s.includes('min') || s.includes('max')) return 'price';                      if (mapRet.includes(s)) return 'retailer';                      return 'brand';                   };                   const cat = getCategory(fL);                   const wasActive = b.classList.contains('active');                   if (cat !== 'brand') {                      btns.forEach(btn => {                          if (btn === b) return;                          if (btn.getAttribute('data-type') === 'all') return;                          const bV = btn.getAttribute('data-v');                          if (!bV) return;                          if (getCategory(bV.toLowerCase()) === cat) btn.classList.remove('active');                      });                   }                   if (wasActive) b.classList.remove('active');                   else b.classList.add('active');                   let anyActive = Array.from(btns).some(btn => btn !== btns[0] && btn.classList.contains('active'));                   if (!anyActive) {                       btns[0].click();                       return;                   } else {                       btns[0].classList.remove('active');                   }                                      if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   btns.forEach(btn => {                       if (!btn.classList.contains('active') || btn.getAttribute('data-type') === 'all') return;                       const vv = btn.getAttribute('data-v');                       const vl = vv.toLowerCase();                                              if (vl === 'lightning deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_lightning';                       } else if (vl === 'amazon deals' || vl === 'prime deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_prime';                       } else if (vl.includes('% off')) {                          let m = vl.match(/(\d+)%/);                          if (m && this.discountFilter) this.discountFilter.value = m[1];                       } else if (vl.includes('under') || vl.includes('max')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       } else if (vl.includes('min') || vl.includes('over')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else {                          let foundR = mapRet.find(x => x === vl);                          if (foundR) {                             let realR = ['Amazon', 'Walmart', 'Best Buy', 'Target', 'John Lewis', 'Currys', 'Argos'].find(x => x.toLowerCase() === vl);                             if (this.retailerSelect) this.retailerSelect.value = realR;                          } else {                             this.selectedBrands.push(vv);                          }                       }                   });                                      if (this.brandDropdown) {                       const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                       chks.forEach(c => c.checked = this.selectedBrands.includes(c.value));                   }                                      if (r.pr && typeof r.pr === 'string') {                       let prL = r.pr.toLowerCase();                       if (prL.includes('under $')) {                           let m = prL.match(/under \$(\d+)/i);                           if (m && this.customPriceMax && !this.customPriceMax.value) this.customPriceMax.value = m[1];                       }                   }                }                                this.fetchDeals(this.currentQuery);             });           });                      // default to highlighting first           btns[0].classList.add('active');        }async fetchDeals(query, append = false) {          if (!append) {             this.showLoading();             this.deals = [];             this.displayLimit = this.getRowsLimit();          } else {             this.displayLimit += this.getRowsLimit();          }                    try {            if (this.getViewMode() === 'savings_squad') {               await this.fetchSavingsSquad(append);            } else {               if (this.isBroadQuery(query)) {                 await this.fetchAdviserDeals(query, append);               } else {                 await this.fetchHawkDeals(query, append);                 if (this.deals.length === 0) {                   await this.fetchAdviserDeals(query, append);                 }               }            }          } catch (error) {            console.warn("[Tom's Guide Widget] Fetch error:", error);            this.showError();          }        }        async fetchSavingsSquad() {          let topArticles = this.airedaleArticles;          if (!topArticles) {            const airedaleUrl = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`;            let res;            try {               res = await fetch(airedaleUrl);            } catch(e) {               try { res = await fetch(`https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`); } catch (err) { console.warn("Fallback fetch failed", err); return; }            }            if (!res.ok) throw new Error('Airedale API Error');            const articles = await res.json();            topArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);            this.airedaleArticles = topArticles;                        let tagCounts = {};            topArticles.forEach((a) => {              let articleTags = new Set();              if (a.articlecategory && Array.isArray(a.articlecategory)) {                 a.articlecategory.forEach((t) => articleTags.add(t));              }              articleTags.forEach(t => {                 tagCounts[t] = (tagCounts[t] || 0) + 1;              });            });                        this.airedaleTags = Object.keys(tagCounts).sort((a, b) => tagCounts[b] - tagCounts[a]);            this.airedaleTagCounts = tagCounts;          }                    let targetArticles = topArticles;          if (this.activeDealTag) {             const cleanTag = this.activeDealTag.toLowerCase().replace(/&/g, '').replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');             const encodedTag = encodeURIComponent(cleanTag);             const url = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50&articleCategoryHandle=${encodedTag}`;             try {                const res = await fetch(url);                if (res.ok) {                   const articles = await res.json();                   targetArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);                }             } catch(e) {                console.warn("Failed to fetch by activeDealTag", e);             }          }          let extractedDeals = [];          let dynamicBrandsCounts = {};                    targetArticles.forEach((article) => {             if (!article.articlepage) return;                          let pageData = [];             try {                pageData = JSON.parse(article.articlepage[0]);             } catch(e){ console.warn(e); }                          const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');                          savingsSquad.forEach((block, idx) => {                const data = block.data || {};                const isFeatured = block.type === 'featured-product';                                const link = data.link || {};                const priceObj = data.price || {};                const image = data.image || {};                                if (data.brand) {                   data.brand = data.brand.replace(/^\d+\.\s*/, '').trim();                   dynamicBrandsCounts[data.brand] = (dynamicBrandsCounts[data.brand] || 0) + 1;                }                const externalUrl = isFeatured ? data.url : (link.href || null);                let summaryTitle = isFeatured ? (data.name || data.brand) : (data.productName || link.label || article.articlename);                let description = isFeatured ? (data.strapline || '') : (data.text || '');                                if (!isFeatured && !data.productName && data.text) {                   const brSplit = data.text.split(new RegExp('\x3Cbr\\s*\\/?\\x3E', 'i'));                   if (brSplit.length > 1) {                     summaryTitle = brSplit[0].replace(/<[^>]+>/g, '').trim();                     description = brSplit.slice(1).join(' ').replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();                   } else {                     const match = data.text.match(/\x3Cstrong>(.*?)<\/strong>/);                     if (match) {                       summaryTitle = match[1].replace(/<[^>]+>/g, '').trim();                       if (summaryTitle.endsWith(':')) summaryTitle = summaryTitle.slice(0, -1);                     }                   }                }                                let imageUrl = isFeatured ? image.mos : (image.src || null);                if (imageUrl && imageUrl.startsWith('//')) imageUrl = 'https:' + imageUrl;                                description = description.replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').replace(/View Deal$/i, '').trim();                                let merchantName = data.retailer || '';                if (!merchantName && externalUrl) {                   try {                     merchantName = new URL(externalUrl).hostname.replace('www.', '').split('.')[0];                     merchantName = merchantName.charAt(0).toUpperCase() + merchantName.slice(1);                   }catch(e){ console.warn(e); }                }                if (!merchantName) merchantName = 'Retailer';                const q = (this.currentQuery || '').toLowerCase();                const activeTagLogic = (this.activeDealTag || '').toLowerCase();                if (q.length > 2 && q !== activeTagLogic) {                   const searchTarget = `${summaryTitle || ''} ${description || ''}`.toLowerCase();                   if (!searchTarget.includes(q)) return;                }                let rawPrice = 0;                let rawMsrp = 0;                let currencyStr = '$';                if (isFeatured) {                   rawPrice = typeof data.salePrice === 'number' && data.salePrice > 0 ? data.salePrice : (typeof data.price === 'number' ? data.price : 0);                   rawMsrp = typeof data.salePrice === 'number' && typeof data.price === 'number' && data.price > data.salePrice ? data.price : 0;                   currencyStr = data.currency === 'GBP' ? '£' : '$';                } else {                   rawPrice = priceObj.amount ? parseFloat(priceObj.amount) : 0;                   rawMsrp = priceObj.amountWas ? parseFloat(priceObj.amountWas) : 0;                   currencyStr = priceObj.currency === 'GBP' ? '£' : '$';                }                                let savingAmt = 0;                let savingLabel = '';                if (rawPrice > 0 && rawMsrp > rawPrice) {                   savingAmt = parseFloat((rawMsrp - rawPrice).toFixed(2));                   savingLabel = `Save ${currencyStr}${savingAmt}`;                }                                // Apply Brand filter                if (this.selectedBrands && this.selectedBrands.length > 0) {                   const itemBrand = (data.brand || '').toLowerCase();                   const hasMatch = this.selectedBrands.some(sb => sb.toLowerCase() === itemBrand);                   if (!hasMatch) return;                }                // Apply Price filter                let priceFilterVal = null;                const min = this.customPriceMin ? this.customPriceMin.value : '';                const max = this.customPriceMax ? this.customPriceMax.value : '';                if (min || max) {                   priceFilterVal = `${min}_${max}`;                } else if (this.priceFilter && this.priceFilter.value !== 'all') {                   priceFilterVal = this.priceFilter.value;                }                if (priceFilterVal && rawPrice > 0) {                   if (priceFilterVal === 'under50' && rawPrice >= 50) return;                   if (priceFilterVal === 'over50' && rawPrice <= 50) return;                   if (priceFilterVal === 'over30' && rawPrice <= 30) return;                   if (priceFilterVal === 'over500' && rawPrice <= 500) return;                   if (priceFilterVal.includes('_')) {                      const parts = priceFilterVal.split('_');                      const min = parseFloat(parts[0]);                      const max = parseFloat(parts[1]);                      if (!isNaN(min) && rawPrice < min) return;                      if (!isNaN(max) && rawPrice > max) return;                   }                }                // Apply Discount filter                if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {                   const requiredDiscount = parseInt(this.discountFilter.value);                   if (!isNaN(requiredDiscount) && requiredDiscount > 0) {                      if (!rawMsrp || rawMsrp <= rawPrice) return;                      const ratio = Math.round((1 - (rawPrice / rawMsrp)) * 100);                      if (ratio < requiredDiscount) return;                   }                }                                extractedDeals.push({                   id: `airedale-${article.id || Math.random()}-${idx}`,                   url: externalUrl,                   image: imageUrl,                   fallbackImage: imageUrl,                   title: summaryTitle,                   brand: data.brand || '',                   productName: data.productName || '',                   merchant: merchantName,                   rawPrice: rawPrice,                   rawMsrp: rawMsrp,                   price: rawPrice > 0 ? rawPrice.toString() : '',                   msrp: rawMsrp > 0 ? rawMsrp.toString() : '',                   currency: currencyStr,                   isCheckPrice: !rawPrice,                   savingLabel: savingLabel,                   savingType: rawMsrp > rawPrice ? 'amount' : 'none',                   isPrime: false,                   starRating: null,                   description: description,                   text: data.text || ''                });             });          });                    const airedaleBrandsList = Object.keys(dynamicBrandsCounts).map(b => ({              formatted_value: b,              count: dynamicBrandsCounts[b]          })).sort((a,b) => b.count - a.count);                    if (this.getViewMode() === 'savings_squad') {             this.populateBrandDropdown(airedaleBrandsList.slice(0, 15));             if (this.brandFilterWrapper) {                if (airedaleBrandsList.length === 0) {                    this.brandFilterWrapper.style.display = 'none';                } else {                    this.brandFilterWrapper.style.display = 'flex';                }             }          }                    this.deals = extractedDeals;          this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        isBroadQuery(query) {          const q = query.toLowerCase();          const intentModifiers = ['deals', 'best', 'sale', 'under', 'cheap', 'offers', 'discount'];          return intentModifiers.some(term => q.includes(term));        }        async fetchHawkDeals(query, append = false) {          const url = new URL(this.apiUrl);          url.searchParams.append('model_name', query);          const areaCode = this.getAreaCode();          if (areaCode) {            url.searchParams.append('area', areaCode);          }                    if (append && this.deals.length > 0) {            url.searchParams.append('offset', this.deals.length.toString());          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.append('filter_merchant_name', this.retailerSelect.value);          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.append('filter_label[text_brand]', this.selectedBrands.join(','));          }                    let priceVal = null;          const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             priceVal = `${min}_${max}`;          } else if (this.priceFilter && this.priceFilter.value !== 'all') {             priceVal = this.priceFilter.value;          }          if (priceVal) {            if (priceVal === 'under50') {              url.searchParams.append('filter_max_price', '50');            } else if (priceVal === 'over50') {              url.searchParams.append('filter_min_price', '50');            } else if (priceVal === 'over30') {              url.searchParams.append('filter_min_price', '30');            } else if (priceVal === 'over500') {              url.searchParams.append('filter_min_price', '500');            } else if (priceVal.includes('_')) {              const parts = priceVal.split('_');              if (parts[0]) url.searchParams.append('filter_min_price', parts[0]);              if (parts[1]) url.searchParams.append('filter_max_price', parts[1]);            }          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {              const ratio = (100 - v) / 100;              url.searchParams.append('min_discount_ratio', ratio.toString());            }          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.append('offer', this.offerTypeSelect.value);          }                    url.searchParams.append('filter_product_types', 'deals');                    url.searchParams.append('rows', this.getRowsLimit().toString());          let response;          try {             response = await fetch(url.toString());          } catch(e) {             if (window.location.protocol === 'file:') {                console.warn("[Tom's Guide Widget] fetch from file:// blocked by local CORS policy, falling back to Adviser mock.");                await this.fetchAdviserDeals(query);                return;             }             console.warn("Hawk fetch failed", e);             this.deals = [];             this.render();             return;          }          if (!response.ok) {            throw new Error('Hawk API Response Error');          }          const rawData = await response.json();          // Safely locate data array from potentially wrapped response          let offers = [];          let modelInfoArray = [];                    let brandFilterData = null;          if (rawData && rawData.widget && rawData.widget.data && Array.isArray(rawData.widget.data.filters)) {             brandFilterData = rawData.widget.data.filters.find(f => f.type === 'label_text_brand');          } else if (rawData && rawData.data && Array.isArray(rawData.data.filters)) {             brandFilterData = rawData.data.filters.find(f => f.type === 'label_text_brand');          }          if (brandFilterData && Array.isArray(brandFilterData.values) && brandFilterData.values.length > 0) {             this.populateBrandDropdown(brandFilterData.values);          } else {             if (this.brandFilterWrapper && this.selectedBrands.length === 0) {                this.brandFilterWrapper.style.display = 'none';             }          }                    if (rawData && rawData.widget && rawData.widget.data) {            if (Array.isArray(rawData.widget.data.offers)) offers = rawData.widget.data.offers;            if (rawData.widget.data.model_info && typeof rawData.widget.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.widget.data.model_info) ? rawData.widget.data.model_info : Object.values(rawData.widget.data.model_info);            }          } else if (rawData && rawData.data) {            if (Array.isArray(rawData.data.offers)) offers = rawData.data.offers;            if (rawData.data.model_info && typeof rawData.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.data.model_info) ? rawData.data.model_info : Object.values(rawData.data.model_info);            }          } else {            if (Array.isArray(rawData)) offers = rawData;            else if (rawData && Array.isArray(rawData.offers)) offers = rawData.offers;            else if (rawData && rawData.offers && Array.isArray(rawData.offers.offer)) offers = rawData.offers.offer;            else if (rawData && rawData.offers) offers = [].concat(rawData.offers);                        if (rawData && rawData.model_info && typeof rawData.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.model_info) ? rawData.model_info : Object.values(rawData.model_info);            }          }          let modelDetails = {};          modelInfoArray.forEach(m => {            const mId = m.model_id || m.id;            if (mId) {              modelDetails[mId] = {                score: m.score != null ? parseFloat(m.score) : null,                brand: m.brand || null,                parent: (m.parents && Array.isArray(m.parents) && m.parents.length > 0) ? m.parents[0].name : null              };            }          });          offers.forEach(item => {            let data = { ...item };            const mId = data.model_id;            if (mId && modelDetails[mId]) {              data.review_score = modelDetails[mId].score;              data.model_brand = modelDetails[mId].brand;              data.model_parent = modelDetails[mId].parent;            } else {              data.review_score = null;            }                        let itemOffers = [];            if (Array.isArray(item.offers)) itemOffers = item.offers;            else if (Array.isArray(item.offer)) itemOffers = item.offer;            else if (item.offers && typeof item.offers === 'object') itemOffers = [item.offers];            else if (item.offer && typeof item.offer === 'object') itemOffers = [item.offer];            if (itemOffers.length > 0) {              itemOffers.forEach(subItem => {                let subData = { ...item, ...subItem };                const subId = subData.model_id;                if (subId && modelDetails[subId]) {                  subData.review_score = modelDetails[subId].score;                  subData.model_brand = modelDetails[subId].brand;                  subData.model_parent = modelDetails[subId].parent;                } else if (data.review_score != null) {                  subData.review_score = data.review_score;                }                if (subData.merchant && typeof subData.merchant === 'object') {                  subData.merchant_name = subData.merchant.name;                }                this.deals.push(this.extractDealData(subData));              });              return;            }                        if (item.merchant && typeof item.merchant === 'object') {              data.merchant_name = item.merchant.name;            }                        this.deals.push(this.extractDealData(data));          });                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        async fetchAdviserDeals(query) {          // ======================================================================          // TODO: ADVISER API REPLACEMENT          // The code below simulates the Adviser API response using mock data.          // Once the real endpoint is ready, remove getAdviserMockData() and           // perform an actual fetch() request similar to fetchHawkDeals().          // Example:          // const area = this.getAreaCode();          // let apiUrl = `https://your-adviser-api.com/search?q=${query}&area=${area}`;          // if (this.priceFilter && this.priceFilter.value !== 'all') {          //   const val = this.priceFilter.value;          //   if (val === 'under50') apiUrl += '&filter_max_price=50';          //   else if (val === '50_100') apiUrl += '&filter_max_price=100';          //   else if (val === '100_200') apiUrl += '&filter_max_price=200';          //   else if (val === '200_500') apiUrl += '&filter_max_price=500';          // }          // const res = await fetch(apiUrl);          // const rawData = await res.json();          // ======================================================================          // Simulating network latency          await new Promise(resolve => setTimeout(resolve, 400));                    const rawData = this.getAdviserMockData();          let offers = [];                    if (rawData && rawData.data && rawData.data.Get && Array.isArray(rawData.data.Get.Deal)) {            offers = rawData.data.Get.Deal;          }                    // Basic client-side filtering for the mock if we want it to react to the query          const q = query.toLowerCase();          const selectedRetailer = (this.retailerSelect && this.retailerSelect.value) ? this.retailerSelect.value.toLowerCase() : null;                    offers.forEach(item => {            const dataObj = item;                        // Apply retailer filter            const itemRetailer = (dataObj.dataRetailer || '').toLowerCase();            if (selectedRetailer && itemRetailer !== selectedRetailer && !itemRetailer.includes(selectedRetailer)) {              return;            }                        // Apply mock price filter            let price = dataObj.dataDiscountedPrice || 0;            if (typeof price === 'string') {              price = parseFloat(price.replace(/[^0-9.]/g, ''));            }            let priceVal = null;            const min = this.customPriceMin ? this.customPriceMin.value : '';            const max = this.customPriceMax ? this.customPriceMax.value : '';            if (min || max) {               priceVal = `${min}_${max}`;            } else if (this.priceFilter && this.priceFilter.value !== 'all') {               priceVal = this.priceFilter.value;            }            if (priceVal) {              if (priceVal === 'under50' && price >= 50) return;              if (priceVal === 'over50' && price <= 50) return;              if (priceVal === 'over30' && price <= 30) return;              if (priceVal === 'over500' && price <= 500) return;              if (priceVal.includes('_')) {                 const parts = priceVal.split('_');                 if (parts[0] && price < parseFloat(parts[0])) return;                 if (parts[1] && price > parseFloat(parts[1])) return;              }            }                        // Map Adviser schema to our widget's expected schema            const mappedData = {              url: dataObj.linkHREF || dataObj.dataLink || '#',              image: dataObj.imageURL || (dataObj.image && dataObj.image.src) || '',              title: dataObj.dataProduct || (dataObj.product && dataObj.product.name) || 'Product Deal',              merchant: dataObj.dataRetailer || 'Retailer',              price: dataObj.dataDiscountedPrice || 0,              currency: dataObj.dataCurrency === 'USD' ? '$' : (dataObj.dataCurrency || '$'),              msrp: dataObj.dataOriginalPrice || null            };                        const titleLow = mappedData.title.toLowerCase();            const merchLow = mappedData.merchant.toLowerCase();                        // Smarter mock filtering            let isMatch = false;            if (q === '' || this.isBroadQuery(q)) {              isMatch = true;            } else if (titleLow.includes(q) || merchLow.includes(q)) {              isMatch = true;            } else if ((q.includes('laptop') || q.includes('mac') || q.includes('pc')) && (titleLow.includes('macbook') || titleLow.includes('laptop'))) {              isMatch = true;            } else if ((q.includes('tv') || q.includes('television')) && (titleLow.includes('tv') || titleLow.includes('oled') || titleLow.includes('qled'))) {              isMatch = true;            } else if ((q.includes('phone') || q.includes('smartphone')) && (titleLow.includes('galaxy') || titleLow.includes('phone'))) {              isMatch = true;            } else if ((q.match(/watch|fitness|run|shoe/)) && (titleLow.includes('forerunner') || titleLow.includes('saucony') || titleLow.includes('watch'))) {              isMatch = true;            }                        if (isMatch) {               this.deals.push(this.extractDealData(mappedData));            }          });                    let rowLimit = this.getRowsLimit();          // Intentionally omitting the slice here to allow "Load More" to work if the API returns more                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        getAdviserMockData() {          return {            "data": {              "Get": {                "Deal": [                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 300,                    "dataOriginalPrice": 399,                    "dataProduct": "Samsung Galaxy A36",                    "dataRetailer": "Samsung",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/MqDYsukV3JBG54te6dEs7j.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 14,                    "dataOriginalPrice": 24,                    "dataProduct": "Blink Mini",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/3JurmAjHsDa5tPdaHAwEV8.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 59,                    "dataOriginalPrice": 99,                    "dataProduct": "Ring Video Doorbell",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/rAh4uR7AsAsALCCLTXnLNJ.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 10,                    "dataOriginalPrice": 599,                    "dataProduct": "MacBook Neo",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/Lg4Dvg68j9SbB5CPNrTEpH.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 749,                    "dataOriginalPrice": 849,                    "dataProduct": "65\\\" Fire TV Omni 4K QLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/SG34ZWodUkLTxJvMTbjPYR.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 71,                    "dataOriginalPrice": 160,                    "dataProduct": "Saucony Hurricane 24",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/vxf7UD5T2Am7guVzFoFcZ4.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 649,                    "dataOriginalPrice": 749,                    "dataProduct": "Garmin Forerunner 970",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/3GKnEu7CdhtxPMfnPCMCiA.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1049,                    "dataOriginalPrice": 1499,                    "dataProduct": "LG 48\\\" C4 4K OLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/imvwZV9zoMD6fn9Afuge35.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1499,                    "dataOriginalPrice": 2199,                    "dataProduct": "Samsung 49\\\" Odyssey Neo G9 4K Gaming Monitor",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/XWDEJ5dUAE2nhK8k3Jk7k7.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 299,                    "dataOriginalPrice": 699,                    "dataProduct": "EGOHOME Black Memory Foam Mattress (queen)",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/hMUemtAejNETLVYxNrktzm.jpg"                  }                ]              }            }          };        }        decodeHTML(html) {          if (!html) return '';          const txt = document.createElement("textarea");          txt.innerHTML = String(html);          return txt.value;        }        extractDealData(item) {          const priceRawStr = String(item.price || item.current_price || '0');          const msrpRawStr = String(item.was_price || item.msrp || item.original_price || '0');          const rawPrice = parseFloat(priceRawStr.replace(/[^\d.]/g, '')) || 0;          const rawMsrp = parseFloat(msrpRawStr.replace(/[^\d.]/g, '')) || 0;          const isCheckPrice = rawPrice === 0 || priceRawStr === '0.00' || priceRawStr === '0';                    let originalImageUrl = item.image || item.image_url || item.product_image || '';          let imageUrl = originalImageUrl;          if ((!imageUrl || isCheckPrice) && item.model_image_url) {             imageUrl = item.model_image_url;             originalImageUrl = imageUrl;          } else if ((!imageUrl || isCheckPrice) && item.model_image) {             imageUrl = item.model_image;             originalImageUrl = imageUrl;          }                    if (imageUrl) {            imageUrl = imageUrl.replace(/-(\d+)-(\d+)(\.[a-z.]+)$/i, '$3');          }                    let fallbackImage = '';          if (originalImageUrl && originalImageUrl !== imageUrl) {             fallbackImage = originalImageUrl;          } else if (item.model_image && item.model_image !== imageUrl) {             fallbackImage = item.model_image;          } else if (item.model_image_url && item.model_image_url !== imageUrl) {             fallbackImage = item.model_image_url;          }                    const rawCurrency = item.currency || item.currency_symbol || '$';                    let savingLabel = item.percentage_saving_label || '';          if (!savingLabel && rawMsrp > rawPrice && rawPrice > 0) {            const pct = Math.round(((rawMsrp - rawPrice) / rawMsrp) * 100);            if (pct > 0) {              savingLabel = `${pct}% OFF`;            }          }                    const isPrime = item.shipping && item.shipping.prime === true;                    let scoreRaw = (item.review_score !== undefined && item.review_score !== null && item.review_score > 0) ? parseFloat(item.review_score) : null;          let starRating = 0;          if (scoreRaw !== null) {            starRating = Math.round((scoreRaw > 10 ? scoreRaw / 20 : scoreRaw / 2) * 2) / 2;          }                    return {            id: item.offer_id || item.link || item.url || item.offer_link || Math.random().toString(),            url: item.link || item.url || item.offer_link || '#',            image: imageUrl,            fallbackImage: fallbackImage,            title: item.name || item.title || item.model_name || item.product_name || 'Unknown Product',            brand: item.brand || '',            productName: item.model_name || item.product_name || item.name || '',            merchant: item.merchant_name || item.merchant || item.retailer || 'Retailer',            price: item.price !== undefined ? String(item.price) : '0.00',            currency: this.decodeHTML(rawCurrency),            msrp: item.was_price || item.msrp || item.original_price || null,            rawPrice: rawPrice,            rawMsrp: rawMsrp,            hasWasPrice: (item.was_price !== undefined && item.was_price !== null),            isCheckPrice: isCheckPrice,            savingLabel: savingLabel,            isPrime: isPrime,            starRating: starRating > 0 ? starRating : null,            modelId: item.model_id || '',            productKey: item.product_key || '',            merchantId: (item.merchant && typeof item.merchant === 'object') ? item.merchant.id || '' : '',            matchId: item.match_id || '',            merchantNetwork: (item.merchant && typeof item.merchant === 'object') ? item.merchant.an || '' : '',            merchantUrl: (item.merchant && typeof item.merchant === 'object') ? item.merchant.url || '' : '',            modelBrand: item.model_brand || item.brand || '',            modelParent: item.model_parent || ''          };        }        sortData() {          const sortVal = this.sortSelect ? this.sortSelect.value : (this.getViewMode() === 'savings_squad' ? 'date_desc' : 'discount_desc');          if (sortVal === 'price_asc') {            this.deals.sort((a, b) => a.rawPrice - b.rawPrice);          } else if (sortVal === 'price_desc') {            this.deals.sort((a, b) => b.rawPrice - a.rawPrice);          } else if (sortVal === 'discount_desc') {            this.deals.sort((a, b) => {              const aDiscount = a.rawMsrp > a.rawPrice ? (a.rawMsrp - a.rawPrice) : 0;              const bDiscount = b.rawMsrp > b.rawPrice ? (b.rawMsrp - b.rawPrice) : 0;              return bDiscount - aDiscount;            });          } else if (sortVal === 'date_desc') {             this.deals.sort((a, b) => {                let dateA = 0;                let dateB = 0;                if (a && a.modifiedDate) {                   const valA = Array.isArray(a.modifiedDate) ? a.modifiedDate[0] : a.modifiedDate;                   dateA = new Date(valA).getTime();                   if (isNaN(dateA)) dateA = 0;                }                if (b && b.modifiedDate) {                   const valB = Array.isArray(b.modifiedDate) ? b.modifiedDate[0] : b.modifiedDate;                   dateB = new Date(valB).getTime();                   if (isNaN(dateB)) dateB = 0;                }                return dateB - dateA;             });          }        }        getFilteredDeals() {          let filteredDeals = [...this.deals];                    if (this.dealModeToggle && this.dealModeToggle.checked) {            filteredDeals = filteredDeals.filter(d => d.hasWasPrice || (d.msrp && d.rawMsrp > d.rawPrice));          }                    return filteredDeals;        }        showLoading() {          const _div = '<' + '/div>';          const skeletonCardHtml = `            \x3Cdiv class="tg-df-card">              \x3Cdiv class="tg-df-card-image-box">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-img">${_div}              ${_div}              \x3Cdiv class="tg-df-card-body">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-card-footer mt-auto">                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="height:24px;">${_div}                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text" style="height:44px; margin-top:8px;">${_div}                ${_div}              ${_div}            ${_div}`;          this.grid.innerHTML = Array(4).fill(skeletonCardHtml).join('');        }        showError() {          const _div = '<' + '/div>';          this.grid.innerHTML = `\x3Cdiv class="tg-df-message">            An error occurred while finding deals. Please check your connection and try again.          ${_div}`;        }        escapeHTML(str) {          if (!str) return '';          return String(str).replace(/[&<>'"]/g, tag => ({              '&': '&', '<': '<', '>': '>', "'": ''', '"': '"'          }[tag] || tag));        }                bindCouponButtons() {          const btns = this.root.querySelectorAll('.tg-df-tag-coupons');          btns.forEach(btn => {            btn.addEventListener('click', (e) => {              e.preventDefault();              e.stopPropagation();              const merchant = btn.getAttribute('data-merchant');              this.openVouchersModal(merchant);            });          });                    const closeBtn = this.root.querySelector('#tg-df-vouchers-close');          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (closeBtn) {            closeBtn.onclick = () => this.closeVouchersModal();          }          if (backdrop) {            backdrop.onclick = (e) => {              if (e.target === backdrop) this.closeVouchersModal();            };          }        }                closeVouchersModal() {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (backdrop) backdrop.classList.remove('active');        }                async checkMerchantsCouponsBulk(merchants) {          if (!merchants || merchants.length === 0) return {};          const controller = new AbortController();          const timeoutId = setTimeout(() => controller.abort(), 4000);          try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchants.join(','));            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '120');            url.searchParams.append('origin', 'widgets-clientside');                        let res; try { res = await fetch(url.toString(), { signal: controller.signal }); } catch (e) { return {}; }            clearTimeout(timeoutId);            if (!res.ok) return {};            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        const foundMerchants = new Set();            offers.forEach(o => {              let mName = o.merchant_name || o.merchant || o.retailer;              if (mName && typeof mName === 'object') mName = mName.name;              if (mName) foundMerchants.add(String(mName).toLowerCase());            });            const resultMap = {};            merchants.forEach(m => {              if (m) resultMap[m] = foundMerchants.has(String(m).toLowerCase());            });            return resultMap;          } catch (e) {            return {};          }        }                async openVouchersModal(merchantName) {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          const title = this.root.querySelector('#tg-df-vouchers-title');          const content = this.root.querySelector('#tg-df-vouchers-content');                    if (!backdrop || !content) return;                    // HACK: Hide closing tags          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h4 = '<' + '/h4>';          const _svg = '<' + '/svg>';          const _circle = '<' + '/circle>';          const _polyline = '<' + '/polyline>';          const _rect = '<' + '/rect>';          const _path = '<' + '/path>';                    title.innerText = `${merchantName} Coupons & Deals`;          content.innerHTML = `\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}                               \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}`;          backdrop.classList.add('active');                    try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchantName);            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '50');            url.searchParams.append('origin', 'widgets-clientside');                        const res = await fetch(url.toString());            if (!res.ok) throw new Error('API Error');            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        if (offers.length === 0) {              content.innerHTML = `\x3Cdiv class="tg-df-message">No vouchers currently available for ${this.escapeHTML(merchantName)}.${_div}`;              return;            }                        content.innerHTML = offers.map((v, idx) => {              let offerObj = v;              if (v.offers && v.offers.offer) {                offerObj = Array.isArray(v.offers.offer) ? v.offers.offer[0] : v.offers.offer;              } else if (v.offer) {                offerObj = Array.isArray(v.offer) ? v.offer[0] : v.offer;              }              let logoUrl = v.logo_url || offerObj.logo_url || '';              if (!logoUrl && v.merchant) {                if (Array.isArray(v.merchant) && v.merchant.length > 0) logoUrl = v.merchant[0].logo_url || '';                else logoUrl = v.merchant.logo_url || '';              }                            const offerName = offerObj.name || offerObj.title || v.name || v.title || 'Special Offer';              const endTime = offerObj.end_time || v.end_time || '';              const linkUrl = offerObj.link || offerObj.url || v.link || v.url || '#';                            let foundVoucherCode = '';              const findVoucherCode = (obj) => {                if (!obj || typeof obj !== 'object') return;                if (obj.type === 'voucher_code' && obj.display_value) {                  foundVoucherCode = obj.display_value;                  return;                }                if (Array.isArray(obj)) {                  for (const item of obj) {                    findVoucherCode(item);                    if (foundVoucherCode) return;                  }                } else {                  for (const k in obj) {                    if (Object.prototype.hasOwnProperty.call(obj, k)) {                      findVoucherCode(obj[k]);                      if (foundVoucherCode) return;                    }                  }                }              };              findVoucherCode(offerObj);              if (!foundVoucherCode) findVoucherCode(v);                            const voucherCode = foundVoucherCode || offerObj.voucher_code || v.voucher_code || '';              const codeHtml = voucherCode ? `\x3Cspan class="tg-df-voucher-code" data-action="copy-code" data-code="${this.escapeHTML(voucherCode)}" title="Copy to clipboard">                \x3Cspan class="tg-df-voucher-code-text">${this.escapeHTML(voucherCode)}${_span}                \x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:6px;flex-shrink:0;" class="tg-df-voucher-copy-icon">                  \x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">${_rect}                  \x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">${_path}                ${_svg}              ${_span}` : '';                            const logoHtml = logoUrl                 ? `\x3Cimg src="${this.escapeHTML(logoUrl)}" alt="${this.escapeHTML(offerName)}" class="tg-df-voucher-logo" />`                 : `\x3Cdiv class="tg-df-voucher-logo" style="background:#e2e8f0;">${_div}`;                            let expiryHtml = '';              if (endTime) {                let dStr = endTime;                if (!isNaN(dStr) && String(dStr).length === 10) dStr = Number(dStr) * 1000;                const d = new Date(dStr);                if (!isNaN(d.getTime())) {                  const options = { year: 'numeric', month: 'short', day: 'numeric' };                  expiryHtml = `                    \x3Cdiv class="tg-df-voucher-expiry">                      \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                        \x3Ccircle cx="12" cy="12" r="10">${_circle}                        \x3Cpolyline points="12 6 12 12 16 14">${_polyline}                      ${_svg}                      Expires ${d.toLocaleDateString(undefined, options)}                    ${_div}`;                }              }              const revenueIdVal = generateRevenueId(linkUrl, offerName, merchantName, null);              const rewrittenLinkUrl = rewriteAffiliateLink(linkUrl, area, revenueIdVal);              return `                \x3Ca href="${this.escapeHTML(rewrittenLinkUrl)}" target="_blank" rel="noopener nofollow" class="tg-df-voucher-item"                  data-action="voucher-click"                  data-product-name="${this.escapeHTML(offerName)}"                  data-merchant-name="${this.escapeHTML(merchantName)}"                  data-analytics-id="${this.escapeHTML(offerObj.offer_id || offerObj.id || v.id || '')}"                  data-price=""                  data-previous-price=""                  data-original-link="${this.escapeHTML(linkUrl)}"                  data-revenue-id="${revenueIdVal}"                  data-index="${idx}"                  data-total="${offers.length}"                  data-in-stock="true"                  data-currency="USD"                  data-model-id="${this.escapeHTML(offerObj.model_id || v.model_id || offerObj.id || v.id || '')}"                  data-merchant-id="${this.escapeHTML(offerObj.merchant_id || offerObj.merchant?.id || '')}"                >                  ${logoHtml}                  \x3Cdiv class="tg-df-voucher-content">                    \x3Ch4 class="tg-df-voucher-title">${this.escapeHTML(offerName)}${_h4}                    ${codeHtml}                    ${expiryHtml}                  ${_div}                ${_a}              `;            }).join('');                        // Attach copy functionality            const copyBtns = content.querySelectorAll('[data-action="copy-code"]');            copyBtns.forEach(btn => {              btn.addEventListener('click', async (e) => {                e.preventDefault();                e.stopPropagation();                                const code = btn.getAttribute('data-code');                if (!code) return;                                try {                  const copyToClipboard = async (text) => {                     if (window.navigator.clipboard && window.isSecureContext) {                        try { await window.navigator.clipboard.writeText(text); return; } catch (e) {}                     }                     const textArea = document.createElement("textarea");                     textArea.value = text;                     textArea.style.position = "fixed";                     document.body.appendChild(textArea);                     textArea.focus();                     textArea.select();                     document.execCommand('copy');                     textArea.remove();                  };                  await copyToClipboard(code);                                    // Visual feedback                  btn.classList.add('copied');                  const textSpan = btn.querySelector('.tg-df-voucher-code-text');                  const iconSvg = btn.querySelector('.tg-df-voucher-copy-icon');                                    const origText = textSpan.innerText;                  const origIcon = iconSvg.innerHTML;                                    textSpan.innerText = 'Copied!';                  iconSvg.innerHTML = `\x3Cpolyline points="20 6 9 17 4 12">${_polyline}`;                                    setTimeout(() => {                    if (btn) {                      btn.classList.remove('copied');                      if (textSpan) textSpan.innerText = origText;                      if (iconSvg) iconSvg.innerHTML = origIcon;                    }                  }, 2000);                                    trackElementInteraction({                    id: 'voucher-code-copy',                    name: 'Copy Voucher Code',                    label: `Copied ${code} for ${merchantName}`                  });                } catch (err) {                  console.warn('Failed to copy text: ', err);                }              });            });            // Attach voucher click tracking            const voucherBtns = content.querySelectorAll('[data-action="voucher-click"]');            voucherBtns.forEach(btn => {              btn.addEventListener('click', (e) => {                if (e.target.closest('[data-action="copy-code"]')) return;                                const productName = btn.getAttribute('data-product-name');                const merchantNameAttr = btn.getAttribute('data-merchant-name');                const productId = btn.getAttribute('data-analytics-id');                const price = parseFloat(btn.getAttribute('data-price')) || null;                const prevPriceStr = btn.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = btn.getAttribute('data-original-link');                const rewrittenLink = btn.getAttribute('href');                const revenueId = btn.getAttribute('data-revenue-id');                const index = parseInt(btn.getAttribute('data-index'), 10) || 0;                const inStock = btn.getAttribute('data-in-stock') === 'true';                const totalText = btn.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: btn.getAttribute('data-model-id') || null,                    matchId: btn.getAttribute('data-match-id') || null,                    brand: btn.getAttribute('data-model-brand') || null,                    parent: btn.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: btn.getAttribute('data-merchant-id') || null,                    network: btn.getAttribute('data-merchant-network') || null,                    url: btn.getAttribute('data-merchant-url') || null,                    name: merchantNameAttr                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: btn.getAttribute('data-currency') || 'USD'                };                if (typeof trackDealClick === 'function') {                  trackDealClick(trackingParams);                }              });            });                                  } catch (e) {            console.warn(e);            content.innerHTML = `\x3Cdiv class="tg-df-message">Failed to load vouchers.${_div}`;          }        }        render() {          try {            if (this.getViewMode() === 'savings_squad' && this.airedaleTags.length > 0) {              if (this.categoryFilterWrapper) {                 this.categoryFilterWrapper.style.display = 'flex';              }              if (this.categoryFilter) {                 const _option = '<' + '/option>';                 let optionsHtml = `\x3Coption value="all">All Categories${_option}`;                 this.airedaleTags.forEach(tag => {                    const isSelected = this.activeDealTag === tag ? 'selected' : '';                    optionsHtml += `\x3Coption value="${this.escapeHTML(tag)}" ${isSelected}>${this.escapeHTML(tag)} (${this.airedaleTagCounts[tag] || 0})${_option}`;                 });                 this.categoryFilter.innerHTML = optionsHtml;                 this.categoryFilter.value = this.activeDealTag || 'all';              }            } else {               if (this.categoryFilterWrapper) {                  this.categoryFilterWrapper.style.display = 'none';               }            }            const displayDeals = this.getFilteredDeals();          // HACK: Hide closing tags from the CMS HTML sanitizer so it doesn't strip them during in-page injection          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h3 = '<' + '/h3>';          const _p = '<' + '/p>';          const _strong = '<' + '/strong>';          const _sup = '<' + '/sup>';          const _button = '<' + '/button>';          if (displayDeals.length === 0) {            if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {              if (this.deals.length > 0) {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No deals match your selected filters.                ${_div}`;              } else if (this.getViewMode() === 'savings_squad' && this.currentQuery.length <= 2) {                 // Do not show "no exact matches" if query is empty for savings_squad                 this.grid.innerHTML = '';              } else {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No exact matches found for "\x3Cstrong>${this.escapeHTML(this.currentQuery)}${_strong}". Try adjusting your search term.                ${_div}`;              }            } else {              this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                Search product or category names to discover the best deals from across the web.              ${_div}`;            }            return;          }          let dealsHtml = displayDeals.slice(0, this.displayLimit).map((deal, index) => {            try {               const currencySym = this.escapeHTML(deal.currency);               const isoCurrencyCode = normalizeCurrency(currencySym);               const escapedPrice = this.escapeHTML(deal.price);               const escapedMsrp = this.escapeHTML(deal.msrp);               const areaCode = this.getAreaCode();                              const revenueId = generateRevenueId(deal.url, deal.title, deal.merchant, null);               const originalLink = deal.url;               const rewrittenLink = rewriteAffiliateLink(deal.url, areaCode, revenueId);                        const productCategoryName = 'deals';            const dataAttr = `              data-action="${deal.isCheckPrice ? 'view-similar-click' : 'deal-click'}"              data-analytics-id="${this.escapeHTML(deal.externalProductId || deal.id || '')}"              data-product-name="${this.escapeHTML(deal.title)}"              data-merchant-name="${this.escapeHTML(deal.merchant)}"              data-price="${deal.rawPrice || ''}"              data-previous-price="${deal.rawMsrp || ''}"              data-original-link="${this.escapeHTML(originalLink)}"              data-revenue-id="${revenueId}"              data-index="${index}"              data-total="${displayDeals.length}"              data-in-stock="${deal.inStock !== false}"              data-currency="${this.escapeHTML(isoCurrencyCode)}"              data-model-id="${this.escapeHTML(deal.modelId || '')}"              data-product-key="${this.escapeHTML(deal.productKey || '')}"              data-merchant-id="${this.escapeHTML(deal.merchantId || '')}"            `;                        let priceGroupHtml = '';            let isSavingsSquadMode = this.getViewMode() === 'savings_squad';            let ctaText = 'View Deal';            let formattedPrice = '';            let msrpHtml = '';                        if (deal.isCheckPrice) {              ctaText = isSavingsSquadMode ? 'View Deal' : 'Check Price';              if (isSavingsSquadMode) {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                  ${_div}                `;              } else {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                    \x3Cspan class="tg-df-card-price" style="font-size: 15px; font-weight: 500; font-style: italic;">See price at retailer${_span}                  ${_div}                `;              }            } else {              // Format Price              formattedPrice = escapedPrice.includes(currencySym)                 ? escapedPrice                 : `${currencySym}${escapedPrice}`;                              // Format MSRP              msrpHtml = deal.msrp && deal.rawMsrp > deal.rawPrice                ? `\x3Cspan class="tg-df-card-msrp">${escapedMsrp.includes(currencySym) ? escapedMsrp : currencySym + escapedMsrp}${_span}`                : '';                              priceGroupHtml = `                \x3Cdiv class="tg-df-card-merchant-wrapper">                  \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                ${_div}                \x3Cdiv class="tg-df-card-price-group">                  ${isSavingsSquadMode ? '' : `                  \x3Cspan class="tg-df-card-price">${formattedPrice}${_span}                  ${msrpHtml}                  `}                ${_div}              `;            }                        const discountBadgeHtml = deal.savingLabel && !deal.isCheckPrice              ? `\x3Cspan class="tg-df-card-discount-badge">${this.escapeHTML(deal.savingLabel)}${_span}`              : '';                          // HACK for CMS            const _button = '<' + '/button>';            const _svg = '<' + '/svg>';            const _path = '<' + '/path>';            const _rect = '<' + '/rect>';            const _circle = '<' + '/circle>';            const _polyline = '<' + '/polyline>';            const _line = '<' + '/line>';                        let badgesHtml = '';            const primeBadge = deal.isPrime ? `              \x3Cspan class="tg-df-tag tg-df-tag-prime">                \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="currentColor">                  \x3Cpath d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">${_path}                ${_svg} Prime              ${_span}            ` : '';                        const couponsBadge = deal.merchant && deal.merchant.toLowerCase().includes('amazon') ? '' : `              \x3Cdiv class="tg-df-coupon-wrapper" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:inline-flex; align-items:center;">                \x3Cdiv class="tg-df-coupon-spinner">${_div}                \x3Cbutton type="button" class="tg-df-tag tg-df-tag-coupons" data-action="coupons-click" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:none;">                  \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                    \x3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z">${_path}                    \x3Cline x1="7" y1="7" x2="7.01" y2="7">${_line}                  ${_svg} Coupons                ${_button}              ${_div}            `;                        // Note: We always add coupons badge if there's a chance, but to allow 3-line titles we check wrapper display state            badgesHtml = `              \x3Cdiv class="tg-df-card-badges">                ${primeBadge}                ${couponsBadge}              ${_div}            `;            const _linearGradient = '<' + '/linearGradient>';            const _polygon = '<' + '/polygon>';            const _stop = '<' + '/stop>';            const _defs = '<' + '/defs>';                        let starHtml = '';            if (deal.starRating) {              let rating = deal.starRating;                            if (rating > 0) {                const fullStars = Math.floor(rating);                const halfStar = (rating - fullStars) >= 0.5 ? 1 : 0;                const emptyStars = Math.max(0, 5 - fullStars - halfStar);                const blue = '#1f69ff'; // Tom's guide brand color from VIEW DEAL button                const gray = '#cbd5e1';                                const starSvgFull = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="${blue}" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                const gradId = 'half_grad_' + Math.floor(Math.random()*1000000);                const starSvgHalf = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cdefs>\x3ClinearGradient id="${gradId}" x1="0" x2="1" y1="0" y2="0">\x3Cstop offset="50%" stop-color="${blue}">${_stop}\x3Cstop offset="50%" stop-color="transparent">${_stop}${_linearGradient}${_defs}                  \x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26" fill="url(#${gradId})">${_polygon}${_svg}`;                                  const starSvgEmpty = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${gray}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                let stars = [];                for (let i=0; i<fullStars; i++) stars.push(starSvgFull);                if (halfStar) stars.push(starSvgHalf);                for (let i=0; i<emptyStars; i++) stars.push(starSvgEmpty);                                starHtml = `\x3Cdiv class="tg-df-card-stars" style="display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--tg-df-text-muted);">                  \x3Cspan style="margin-right:6px;">Tom's Guide:${_span}                  \x3Cdiv style="display:flex;gap:2px;">                    ${stars.join('')}                  ${_div}                ${_div}`;              }            }            let htmlOutput = '';            if (isSavingsSquadMode) {              htmlOutput += `              \x3Cdiv class="hawk-deal-widget-container tg-df-mobile-only" data-collapsible="true">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''} style="margin-bottom: 10px;">` : ''}                \x3Cdiv class="hawk-deal-widget-wrap">                  \x3Cdiv class="hawk-deal-widget-image-container">                    \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" rel="sponsored noopener" target="_blank" class="hawk-affiliate-link-deal-widget" ${dataAttr}>                      \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="hawk-lazy-image-deal-widget" loading="lazy" width="140" height="160" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                    ${_a}                  ${_div}                  \x3Cdiv class="hawk-deal-widget-text-cta-container">                    \x3Cdiv class="hawk-deal-widget-text-body-container">                      \x3Cdiv class="hawk-deal-widget-text-body-main">                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          ${deal.isCheckPrice ? `                            \x3Cspan class="hawk-deal-widget-title-product-title">${this.escapeHTML(deal.title)}${_span}                          ` : `                            \x3Cspan class="hawk-deal-widget-title-product-title">${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_span}                          `}                        ${_a}                        ${!deal.isCheckPrice && deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan class="hawk-deal-widget-title-was-price">was ${currencySym}${escapedMsrp}${_span}                          ${_a}                        ` : ''}                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          \x3Cspan class="hawk-deal-widget-title-retailer-price">                            ${!deal.isCheckPrice ? `                              \x3Cspan class="hawk-deal-widget-title-price">now ${formattedPrice}${_span}                              \x3Cspan class="hawk-deal-widget-title-retailer"> at ${this.escapeHTML(deal.merchant)}${_span}                            ` : `                              \x3Cspan class="hawk-deal-widget-title-price">See price at ${this.escapeHTML(deal.merchant)}${_span}                            `}                          ${_span}                        ${_a}                        ${deal.description ? `\x3Cdiv class="hawk-deal-widget-text-body-description">\x3Cp>${this.escapeHTML(deal.description)}${_p}${_div}` : ''}                      ${_div}                    ${_div}                    \x3Cdiv class="hawk-deal-widget-footer">                      \x3Cdiv class="hawk-deal-widget-button-wrapper">                        \x3Cdiv class="hawk-deal-widget-preferred-partner-wrapper">                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-deal-button" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan>${deal.isCheckPrice ? 'Check Price' : 'View Deal'}${_span}                          ${_a}                        ${_div}                      ${_div}                    ${_div}                  ${_div}                ${_div}              ${_div}              `;            }            htmlOutput += `              \x3Cdiv class="tg-df-card ${isSavingsSquadMode ? 'tg-df-desktop-only' : ''}">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''}>` : ''}                \x3Cdiv class="tg-df-card-image-box">                  ${discountBadgeHtml}                  \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">                    \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="tg-df-card-image" loading="lazy" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                  ${_a}                ${_div}                \x3Cdiv class="tg-df-card-body">                  ${starHtml}                  ${badgesHtml}                  \x3Ch3 class="tg-df-card-title tg-df-custom-savings-squad-title" title="${this.escapeHTML(deal.title)}">                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" disable-tracking="true" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit;">                      ${isSavingsSquadMode                         ? (deal.isCheckPrice                             ? (deal.title && deal.title.includes(':')                                 ? `\x3Cstrong>${this.escapeHTML(deal.title.substring(0, deal.title.indexOf(':') + 1))}${_strong}\x3Cspan style="color: #1f69ff; font-weight: normal;">${this.escapeHTML(deal.title.substring(deal.title.indexOf(':') + 1))}${_span}`                                : this.escapeHTML(deal.title)                              )                             : `\x3Cstrong>${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_strong} ${deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `\x3Cspan style="color: #d0021b; text-decoration: line-through; font-weight: normal; margin-right: 4px;">was ${currencySym}${escapedMsrp}${_span} ` : ''}\x3Cspan style="color: #1f69ff; font-weight: normal;">now ${formattedPrice} at ${this.escapeHTML(deal.merchant)}${_span}`                          )                        : this.escapeHTML(deal.title)                      }                    ${_a}                  ${_h3}                  ${deal.description ? `\x3Cp style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 12px; line-height: 1.4;">${this.escapeHTML(deal.description)}${_p}` : ''}                  \x3Cdiv class="tg-df-card-footer">                    ${priceGroupHtml}                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" class="tg-df-card-cta ${isSavingsSquadMode ? 'tg-df-cta-savings-squad' : ''}" style="text-decoration: none;">${ctaText}${_a}                  ${_div}                ${_div}              ${_div}            `;                        return htmlOutput;            } catch (e) {               console.log("Error rendering deal in map for index", index, typeof deal === 'object' ? JSON.stringify(deal) : deal, "MSG:", e.message);               return '';            }          }).join('');                    if (displayDeals.length > this.displayLimit || ((this.getViewMode() === 'carousel' || this.getViewMode() === 'auto') && displayDeals.length > 0 && displayDeals.length % ((this.rowsSelect && this.rowsSelect.value) ? parseInt(this.rowsSelect.value, 10) : 12) === 0)) {            if (this.getViewMode() === 'carousel') {               dealsHtml += `                 \x3Cbutton type="button" class="tg-df-load-more-card tg-df-load-more">                   \x3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 8px;">\x3Cpath d="M5 12h14">\x3C/path>\x3Cpath d="m12 5 7 7-7 7">\x3C/path>\x3C/svg>                   Load More                 ${_button}               `;            } else {               dealsHtml += `                 \x3Cdiv style="width: 100%; display: flex; justify-content: center; margin-top: 16px; grid-column: 1 / -1;">                   \x3Cbutton type="button" class="tg-df-tag-outline tg-df-load-more" style="padding: 8px 24px; border-radius: 100px; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center;">Load More${_button}                 ${_div}               `;            }          }                    this.grid.innerHTML = dealsHtml;          // Inject JSON-LD          try {            let targetNode = this.hostContainer || document.head;            let jsonLdScript = targetNode.querySelector('#tg-df-json-ld-' + this.widgetId);            if (!jsonLdScript) {                jsonLdScript = document.createElement('script');                jsonLdScript.type = 'application/ld+json';                jsonLdScript.id = 'tg-df-json-ld-' + this.widgetId;                targetNode.appendChild(jsonLdScript);            }            const jsonLdData = {              "@context": "https://schema.org",              "@type": "ItemList",              "itemListElement": displayDeals.slice(0, this.displayLimit).map((deal, index) => {                 let isoCurrency = "USD";                 if (deal.currency === '£') isoCurrency = "GBP";                 else if (deal.currency === '€') isoCurrency = "EUR";                 else if (deal.currency === 'A$') isoCurrency = "AUD";                 else if (deal.currency === 'CA$') isoCurrency = "CAD";                 const areaCode = typeof this.getAreaCode === 'function' ? this.getAreaCode() : 'US';                 const revenueId = typeof generateRevenueId === 'function' ? generateRevenueId(deal.url, deal.title, deal.merchant, null) : '';                 const rewrittenLink = typeof rewriteAffiliateLink === 'function' ? rewriteAffiliateLink(deal.url, areaCode, revenueId) : deal.url;                 return {                   "@type": "ListItem",                   "position": index + 1,                   "item": {                     "@type": "Product",                     "name": deal.title,                     "image": deal.image || "",                     "description": deal.description || "",                     "brand": {                       "@type": "Brand",                       "name": deal.brand || ""                     },                     "offers": {                       "@type": "Offer",                       "priceCurrency": isoCurrency,                       "price": deal.rawPrice || 0,                       "url": rewrittenLink,                       "seller": {                         "@type": "Organization",                         "name": deal.merchant || ""                       }                     }                   }                 };              }).filter(item => item.item.name)            };            jsonLdScript.textContent = JSON.stringify(jsonLdData);          } catch(e) { console.warn("JSON-LD generation failed", e); }                    let gridWrapper = this.grid.parentElement;          if (gridWrapper && gridWrapper.classList.contains('tg-df-grid-wrapper')) {             let rightChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-right');             let leftChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-left');             if (this.getViewMode() === 'carousel') {                 // The observer set up in setupScrollListeners handles visibility.                 if (rightChevron) rightChevron.style.display = 'flex';                 if (leftChevron) leftChevron.style.display = 'none'; // reset correctly             } else {                 if (rightChevron) rightChevron.style.display = 'none';                 if (leftChevron) leftChevron.style.display = 'none';             }          }                    const loadMoreBtn = this.grid.querySelector('.tg-df-load-more');          if (loadMoreBtn) {            loadMoreBtn.addEventListener('click', async () => {              if (typeof trackElementInteraction === 'function') {                trackElementInteraction({ id: 'load-more', name: 'Load more', label: 'Load More Results' });              }              if (displayDeals.length <= this.displayLimit) {                 loadMoreBtn.innerHTML = `                  <svg class="tg-df-spinner" style="width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83"/></svg>                  Loading...                 `;                 loadMoreBtn.disabled = true;                 await this.fetchDeals(this.currentQuery, true);              } else {                 this.displayLimit += this.getRowsLimit();                 this.render();              }            });          }                      this.bindCouponButtons();            this.checkAndUpdateCoupons();                        // Allow hawklinks.js to discover and rewrite our widget links             // by appending the .article-body class and manually triggering processArticle.            let container = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (container && !container.classList.contains('article-body')) {               container.classList.add('article-body');            }            setTimeout(() => {               if (this.grid && !this.grid.classList.contains('article-body')) this.grid.classList.add('article-body');               document.dispatchEvent(new CustomEvent('processArticle', { detail: { element: this.root } }));            }, 50);          } catch(e) {            console.warn("Widget render error", e);          }        }                async checkAndUpdateCoupons() {          const wrappers = Array.from(this.root.querySelectorAll('.tg-df-coupon-wrapper'));          if (wrappers.length === 0) return;                    const merchants = [...new Set(wrappers.map(w => w.getAttribute('data-merchant')).filter(Boolean))];          if (merchants.length === 0) return;          const couponResultsMap = await this.checkMerchantsCouponsBulk(merchants);                    for (const merchant of merchants) {            const hasCoupons = !!couponResultsMap[merchant];            const merchantWrappers = wrappers.filter(w => w.getAttribute('data-merchant') === merchant);            merchantWrappers.forEach(wrapper => {              const spinner = wrapper.querySelector('.tg-df-coupon-spinner');              const btn = wrapper.querySelector('.tg-df-tag-coupons');                            if (spinner) spinner.style.display = 'none';                            if (hasCoupons && btn) {                btn.style.display = 'inline-flex';              } else if (!hasCoupons) {                wrapper.style.display = 'none';              }            });          }        }        updateFloatingCopyBar() {          if (!this.editorBar || !this.editorSelectedCount) return;          if (this.editorMode && this.selectedDeals.size > 0) {            this.editorBar.style.display = 'flex';            this.editorSelectedCount.innerText = this.selectedDeals.size;          } else {            this.editorBar.style.display = 'none';          }        }        async copySelectedDealsToCMS() {           function htmlToSlate(htmlString) {              if (!htmlString) return [{ type: 'paragraph', children: [{ text: '' }] }];              let doc;              if (typeof window !== 'undefined' && window.DOMParser) {                 doc = new DOMParser().parseFromString(htmlString, 'text/html');              } else {                 doc = document.implementation.createHTMLDocument('');                 doc.body.innerHTML = htmlString;              }                            function parseNode(node, marks = {}) {                  if (node.nodeType === 3) {                      const text = node.textContent;                      if (!text) return null;                      return { text: text, ...marks };                  }                  if (node.nodeType === 1) {                      const tagName = node.tagName.toLowerCase();                      if (tagName === 'br') {                          return { type: 'line-break', children: [{ text: '' }] };                      }                      if (tagName === 'p') {                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return { type: 'paragraph', children };                      }                      if (tagName === 'strong' || tagName === 'b') {                          const newMarks = { ...marks, bold: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'em' || tagName === 'i') {                          const newMarks = { ...marks, italic: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'a') {                          const href = node.getAttribute('href') || '';                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return {                              type: 'link',                              url: href,                              isNoFollow: (node.getAttribute('rel') || '').includes('nofollow'),                              isSponsored: (node.getAttribute('rel') || '').includes('sponsored'),                              isOpenNewTab: node.getAttribute('target') === '_blank',                              isPreventDataRewrite: false,                              children: children                          };                      }                      return Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                  }                  return null;              }                            let blocksArray = [];              let currentParagraphChildren = [];              function flushParagraph() {                  if (currentParagraphChildren.length > 0) {                      blocksArray.push({ type: 'paragraph', children: currentParagraphChildren });                      currentParagraphChildren = [];                  }              }              Array.from(doc.body.childNodes).forEach(node => {                  const parsed = parseNode(node, {});                  const parsedItems = Array.isArray(parsed) ? parsed : (parsed ? [parsed] : []);                  parsedItems.forEach(item => {                      if (item.type === 'paragraph') {                          flushParagraph();                          blocksArray.push(item);                      } else {                          currentParagraphChildren.push(item);                      }                  });              });              flushParagraph();              if (blocksArray.length === 0) {                  blocksArray = [{ type: 'paragraph', children: [{ text: '' }] }];              }              return blocksArray;           }           const blocks = [];                      this.editorCopyBtn.innerHTML = '\x3Cspan class="tg-df-coupon-spinner" style="display:inline-block; margin-right:8px; border-top-color:#fff;">' + '<' + '/span> Copying...';           for (const deal of Array.from(this.selectedDeals.values())) {              const url = deal.url;              const merchant = deal.merchant;              const title = deal.title;              const image = deal.image;              const currentPrice = deal.currency + deal.rawPrice;              const wasPrice = deal.hasWasPrice && deal.rawMsrp > deal.rawPrice ? deal.currency + deal.rawMsrp : '';                            let couponsChildren = [];              try {                  const area = this.getAreaCode();                  const apiUrl = new URL('https://search-api.fie.future.net.uk/widget.php');                  apiUrl.searchParams.append('model_name', 'Everything');                  apiUrl.searchParams.append('language', 'en-GB');                  apiUrl.searchParams.append('area', area);                  apiUrl.searchParams.append('combine_product_types', '1');                  apiUrl.searchParams.append('filter_merchant_name', merchant);                  apiUrl.searchParams.append('all_filters', 'false');                  apiUrl.searchParams.append('exclude_unlabelled', 'false');                  apiUrl.searchParams.append('include_specs', 'false');                  apiUrl.searchParams.append('sort', 'voucher');                  apiUrl.searchParams.append('distinct_merchants', 'natural');                  apiUrl.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');                  apiUrl.searchParams.append('rows', '3');                  apiUrl.searchParams.append('origin', 'widgets-clientside');                                    let res; try { res = await fetch(apiUrl.toString()); } catch (e) { return; }                  if (res.ok) {                      const data = await res.json();                      let offers = [];                      if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {                        offers = data.widget.data.offers;                      } else if (data && data.data && Array.isArray(data.data.offers)) {                        offers = data.data.offers;                      }                                            if (offers.length > 0) {                          couponsChildren.push({ text: "Also check out these coupons: ", bold: true });                          offers.slice(0, 3).forEach((offer, idx) => {                              const actualOffer = offer.offer || offer;                              const offerName = actualOffer.name || actualOffer.title || offer.model_name || offer.title || offer.name || 'Coupon';                              const linkUrl = actualOffer.link || actualOffer.url || actualOffer.offer_link || '#';                              couponsChildren.push({ type: "line-break", children: [{ text: "" }] });                              couponsChildren.push({ text: "🎟️ " });                              couponsChildren.push({                                  type: "link",                                  url: linkUrl,                                  isNoFollow: true,                                  isSponsored: false,                                  isOpenNewTab: true,                                  isPreventDataRewrite: false,                                  children: [{ text: offerName, bold: true }]                              });                          });                      }                  }              } catch (err) {                  console.warn('Failed to fetch coupons for', merchant, err);              }              let descriptionValue = [];              if (deal.text) {                 descriptionValue = htmlToSlate(deal.text);              } else {                 const dealDescriptions = [                   `Don't miss out on this fantastic deal for the ${title}. It is currently available at ${merchant} for a highly competitive price.`,                   `We've spotted an excellent price drop on the ${title}. Grab it now at ${merchant} before it's gone.`,                   `The ${title} is currently seeing a generous discount over at ${merchant}. This is a perfect time to buy if you've been holding out.`,                   `If you're in the market for the ${title}, ${merchant} has just the deal for you.`,                   `Score the ${title} for less at ${merchant} right now. This is a rare chance to save big.`,                   `Upgrade your setup with the ${title}, now available at a stellar price via ${merchant}.`                 ];                 const randomDescription = dealDescriptions[Math.floor(Math.random() * dealDescriptions.length)];                 descriptionValue = [                    { type: "paragraph", children: [{ text: randomDescription }] }                 ];              }                            if (couponsChildren.length > 0) {                 let lastBlock = descriptionValue[descriptionValue.length - 1];                 if (lastBlock && lastBlock.type === 'paragraph') {                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ text: "Also check out these coupons: ", bold: true });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children = lastBlock.children.concat(couponsChildren);                 } else {                     descriptionValue.push({                         type: "paragraph",                         children: [                             { type: "line-break", children: [{ text: "" }] },                             { type: "line-break", children: [{ text: "" }] },                             { text: "Also check out these coupons: ", bold: true },                             { type: "line-break", children: [{ text: "" }] },                             ...couponsChildren                         ]                     });                 }              }              function normalizeCurrencyToISO(symbol) {                const map = { '£': 'GBP', '$': 'USD', 'A$': 'AUD', 'CA$': 'CAD', '€': 'EUR' };                return map[symbol] || symbol;              }              const isoCurrency = normalizeCurrencyToISO(deal.currency);              blocks.push({                 id: (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'cms-' + Date.now() + Math.random(),                 blockTypeName: "deal",                 excludeFrom: [],                 collapsible: false,                 props: {                    description: {                       value: descriptionValue,                       touched: false,                       validationMessage: ""                    },                    image: {                       value: {                          credit: [{ type: "paragraph", children: [{ text: merchant }] }],                          dateCreated: Date.now(),                          dateModified: Date.now(),                          distribution: [],                          fileSize: 0,                          height: 1000,                          id: deal.id,                          imageRights: "",                          src: image,                          name: title + ".jpg",                          tags: [],                          width: 1000                       },                       touched: false,                       validationMessage: ""                    },                    showDealButton: { value: true, touched: false, validationMessage: "" },                    isPreferredPartner: { value: false, touched: false, validationMessage: "" },                    linkHref: { value: url, touched: false, validationMessage: "" },                    linkLabel: { value: "", touched: false, validationMessage: "" },                    linkIsNoFollow: { value: true, touched: false, validationMessage: "" },                    linkIsSponsored: { value: false, touched: false, validationMessage: "" },                    linkIsOpenNewWindow: { value: true, touched: false, validationMessage: "" },                    customPromoFlags: { value: [], touched: false, validationMessage: "" },                    showStarDeal: { value: false, touched: false, validationMessage: "" },                    savingType: { value: "none", touched: false, validationMessage: "" },                    starDealPromoFlag: { value: "", touched: false, validationMessage: "" },                    showEditorsChoice: { value: false, touched: false, validationMessage: "" },                    editorsChoiceTitle: { value: "", touched: false, validationMessage: "" },                    hawkPriceCurrency: { value: { value: isoCurrency, label: isoCurrency }, touched: false, validationMessage: "" },                    hawkPrice: { value: deal.hasWasPrice ? String(deal.rawMsrp) : String(deal.rawPrice), touched: false, validationMessage: "" },                    hawkSalePrice: { value: String(deal.rawPrice), touched: false, validationMessage: "" },                    lastCheckedPriceDate: { value: "", touched: false, validationMessage: "" },                    hawkModel: { touched: false, validationMessage: "" },                    productId: { value: "", touched: false, validationMessage: "" },                    voucherId: { value: "", touched: false, validationMessage: "" },                    brand: { value: deal.brand || merchant, touched: false, validationMessage: "" },                    productName: { value: title, touched: false, validationMessage: "" },                    label: { value: "", touched: false, validationMessage: "" },                    retailer: { value: merchant, touched: false, validationMessage: "" },                    priceCheckError: false                 },                 failedFetchError: ""              });           }           const payload = {              type: "articleBuilderPages",              data: blocks           };           const jsonStr = JSON.stringify(payload);                      if (navigator.clipboard && navigator.clipboard.writeText) {              navigator.clipboard.writeText(jsonStr).then(() => {                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              }).catch(err => {                 console.warn('Failed to copy text: ', err);                 alert('Failed to copy deals to clipboard. See console.');              });           } else {              // Fallback              const textArea = document.createElement("textarea");              textArea.value = jsonStr;              document.body.appendChild(textArea);              textArea.focus();              textArea.select();              try {                 document.execCommand('copy');                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              } catch (err) {                 console.warn('Fallback: Oops, unable to copy', err);                 alert('Fallback: Failed to copy deals to clipboard.');              }              document.body.removeChild(textArea);           }        }      }      // Initialize the Widget      if (document.readyState === 'loading') {        document.addEventListener('DOMContentLoaded', () => new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer }));      } else {        new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer });      }    })();  </script></div>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Marvel’s Wolverine PS5 console and controllers pre-orders LIVE — latest stock updates as pre-orders begin in the US ]]></title>
                                                                                                <dc:content><![CDATA[ <div class="live-content"><div  class="fancy-box"><div class="fancy_box-title">Marvel's Wolverine PS5 console and controllers pre-orders</div><div class="fancy_box_body"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="YZ6oxxyvkL4Cv8hUxRh7th" name="Wolverine LIST2" caption="" alt="PS5 console Wolverine edition with a DualSense controller and in-game screenshot of Logan on a yellow background" src="https://cdn.mos.cms.futurecdn.net/YZ6oxxyvkL4Cv8hUxRh7th.jpg" mos="" link="" align="" fullscreen="" width="" height="" attribution="" endorsement="" class="pinterest-pin-exclude"></p></div></div><figcaption itemprop="caption description" class=""><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p class="fancy-box__body-text"><strong>US (pre-orders now live)</strong><br><em>PS5 console bundle: </em><a data-analytics-id="inline-link" href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow"><em>pre-orders LIVE</em></a><br><em>DualSense controller: </em><a data-analytics-id="inline-link" href="https://www.amazon.com/PlayStation-DualSense%C2%AE-Wireless-Controller-Gaming-Console/dp/B0HF1FBXSL" target="_blank" rel="nofollow"><em>pre-orders LIVE</em></a><br><em>PS5 Slim Console Covers: </em><a data-analytics-id="inline-link" href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow"><em>pre-orders LIVE</em></a><br>----------------------------------<br><strong>UK (pre-orders now live)</strong><br><em>PS5 console bundle: </em><a data-analytics-id="inline-link" href="https://www.currys.co.uk/products/playstation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow"><em>pre-orders LIVE</em></a><em></em><br><em>DualSense controller: </em><a data-analytics-id="inline-link" href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow"><em>pre-orders LIVE</em></a><em></em><br><em>PS5 Slim Console Covers: </em><a data-analytics-id="inline-link" href="https://direct.playstation.com/en-gb/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow"><em>pre-orders LIVE</em></a><br>----------------------------------<br>1. <a data-analytics-id="inline-link" href="#section-wolverine-ps5-pre-orders-quick-links">Quick Links</a><br>2. <a data-analytics-id="inline-link" href="#section-wolverine-ps5-console-bundle-pre-orders">Wolverine PS5 console pre-orders</a><br>3. <a data-analytics-id="inline-link" href="#section-wolverine-ps5-dualsense-controllers-pre-orders">Wolverine PS5 controller pre-orders</a><br>4. <a data-analytics-id="inline-link" href="#section-wolverine-ps5-console-covers-pre-orders">Wolverine PS5 console cover pre-orders</a><br>5. <a data-analytics-id="inline-link" href="#section-wolverine-ps5-console-and-controllers-uk-pre-orders">U.K. pre-orders</a><br>6. <a data-analytics-id="inline-link" href="#section-live-updates">LIVE: Latest updates</a></p></div></div><p>Your <a href="https://www.tomsguide.com/reviews/ps5">PS5</a> console is about to get a Wolverine-themed makeover, as PlayStation is dropping a range of limited-edition items to mark the upcoming release of its new exclusive, Marvel’s Wolverine. <strong>Pre-orders are now LIVE in the U.S. and U.K.</strong>, and the available stock is being snapped up faster than Logan's healing factor can kick in!</p><p>The range includes a limited-edition Wolverine PS5 console bundle, two new DualSense controller designs, and, for those who already own a PS5, a range of <a href="https://www.tomsguide.com/gaming/playstation/ps5-slim">PS5 Slim</a> and <a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-review">PS5 Pro</a> Console Covers (sorry to launch model owners). The items come in two variants, Battle Yellow and Adamantium. The latter exclusive to PlayStation Direct. </p><p>If the limited-edition range for Insomniac’s last Marvel game, <a href="https://www.tomsguide.com/reviews/spider-man-2">Spider-Man 2</a>, is any indication, these Wolverine items are going to sell out very quickly. And you know resellers will be on the scene to ruin another gaming drop for the rest of us.</p><p>Fortunately, I’ve got more than six years of experience tracking pre-orders and restocks for in-demand items, from the original PS5 stock nightmare to the uber-popular (and very hard to buy) PlayStation 30th Anniversary Collection. I’m using all that knowledge to help you secure these limited-edition Wolverine PS5 products today. Below are all the retailer links you’ll need and the latest live update to make sure you get the bag!</p><h3 class="article-body__section" id="section-wolverine-ps5-pre-orders-quick-links"><span>Wolverine PS5 pre-orders - quick links</span></h3><ul><li><strong>Wolverine Battle Yellow PS5 bundle: </strong><a href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow">$649 @ Best Buy</a></li><li><strong>Wolverine Battle Yellow PS5 DualSense: </strong><a href="https://www.amazon.com/PlayStation-DualSense%C2%AE-Wireless-Controller-Gaming-Console/dp/B0HF1FBXSL" target="_blank" rel="nofollow">$84 @ Amazon</a></li><li><strong>Wolverine Adamantium PS5 DualSense: </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">$84 @ PS Direct</a></li><li><strong>Wolverine Battle Yellow PS5 Slim console covers: </strong><a href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">$74 @ PS Direct</a></li><li><strong>Wolverine Battle Yellow PS5 Pro console covers: </strong><a href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">check stock @ PS Direct</a></li><li><strong>Wolverine Adamantium PS5 Pro console covers: </strong><a href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow">check stock @ PS Direct</a></li></ul><h3 class="article-body__section" id="section-wolverine-ps5-console-bundle-pre-orders"><span>Wolverine PS5 console bundle pre-orders</span></h3><div class="product"><a data-dimension112="b3876d3c-9b1e-11f1-86fd-3b12ad0ec66a" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649" href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1331px;"><p class="vanilla-image-block" style="padding-top:68.52%;"><img id="yjsgCbZzcWDLMuhHtLHa7K" name="Best Buy deal block 2022.jpeg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/yjsgCbZzcWDLMuhHtLHa7K.jpeg" mos="" align="middle" fullscreen="" width="1331" height="912" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow" data-dimension112="b3876d3c-9b1e-11f1-86fd-3b12ad0ec66a" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">(Wolverine Battle Yellow): $649</a></strong><br>Best Buy is now taking pre-orders of the PS5 Digital Edition Wolverine Battle Yellow Bundle, it costs $649. <a class="view-deal button" href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow" data-dimension112="b3876d3c-9b1e-11f1-86fd-3b12ad0ec66a" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">View Deal</a></p></div><div class="product"><a data-dimension112="b3876db4-9b1e-11f1-b3e3-553683ccd907" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649" href="https://www.walmart.com/ip/PlayStation-5-Digital-Edition-nbsp-Marvel-s-Wolverine-nbsp-Battle-Yellow-nbsp-Limited-Edition-nbsp-Bundle/20881956449" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RZkKnBkdjDJ6QRZq2RmaPY" name="Walmart-Logo-2008" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/RZkKnBkdjDJ6QRZq2RmaPY.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.walmart.com/ip/PlayStation-5-Digital-Edition-nbsp-Marvel-s-Wolverine-nbsp-Battle-Yellow-nbsp-Limited-Edition-nbsp-Bundle/20881956449" target="_blank" rel="nofollow" data-dimension112="b3876db4-9b1e-11f1-b3e3-553683ccd907" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">(Wolverine Battle Yellow): $649</a></strong><br>Walmart is another retailer that is always involved when limited-edition items drop. It currently has stock of the PS5 Digital Edition Wolverine Battle Yellow Bundle.<a class="view-deal button" href="https://www.walmart.com/ip/PlayStation-5-Digital-Edition-nbsp-Marvel-s-Wolverine-nbsp-Battle-Yellow-nbsp-Limited-Edition-nbsp-Bundle/20881956449" target="_blank" rel="nofollow" data-dimension112="b3876db4-9b1e-11f1-b3e3-553683ccd907" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">View Deal</a></p></div><div class="product"><a data-dimension112="b3876e22-9b1e-11f1-a12e-a1ca3352f374" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649" href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:129.60%;"><img id="J4ioQbCcWu8knu9FrYgeRT" name="purepng.com-target-logologobrand-logoiconslogos-251519939485oxces" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/J4ioQbCcWu8knu9FrYgeRT.png" mos="" align="middle" fullscreen="" width="2000" height="2592" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow" data-dimension112="b3876e22-9b1e-11f1-a12e-a1ca3352f374" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">(Wolverine Battle Yellow): $649</a></strong><br>Target has gone early and is now taking pre-orders for the PS5 Digital Edition Wolverine Battle Yellow Bundle ahead of its release on September 15. <a class="view-deal button" href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow" data-dimension112="b3876e22-9b1e-11f1-a12e-a1ca3352f374" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">View Deal</a></p></div><div class="product"><a data-dimension112="b3876c2e-9b1e-11f1-b6e3-b38528b6413c" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649" href="https://direct.playstation.com/en-us/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-us/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow" data-dimension112="b3876c2e-9b1e-11f1-b6e3-b38528b6413c" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">(Wolverine Battle Yellow): $649</a></strong><br>The PS5 Digital Edition Wolverine Battle Yellow Bundle includes the PS5 console (without a disc drive) decked out in a slick Wolverine theme, a matching DualSense controller, and a digital copy of Marvel's Wolverine. <a class="view-deal button" href="https://direct.playstation.com/en-us/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow" data-dimension112="b3876c2e-9b1e-11f1-b6e3-b38528b6413c" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">View Deal</a></p></div><div class="product"><a data-dimension112="b3876e90-9b1e-11f1-bba6-f742ddc5c311" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649" href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-digital-edition-console---marvels-wolverine-battle-yellow-limited-edition-bundle/450550.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:400px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="EXpDruhoaAuddyN6RUCGyb" name="GameStop logo.png" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/EXpDruhoaAuddyN6RUCGyb.png" mos="" align="middle" fullscreen="" width="400" height="400" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-digital-edition-console---marvels-wolverine-battle-yellow-limited-edition-bundle/450550.html" target="_blank" rel="nofollow" data-dimension112="b3876e90-9b1e-11f1-bba6-f742ddc5c311" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">(Wolverine Battle Yellow): $649</a></strong><br>Naturally, as a gaming-dedicated retailer, GameStop is taking pre-orders for the PS5 Digital Edition Wolverine Battle Yellow Bundle. It cost $649, which is MSRP.<a class="view-deal button" href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-digital-edition-console---marvels-wolverine-battle-yellow-limited-edition-bundle/450550.html" target="_blank" rel="nofollow" data-dimension112="b3876e90-9b1e-11f1-bba6-f742ddc5c311" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">View Deal</a></p></div><div class="product"><a data-dimension112="b3876cc4-9b1e-11f1-9981-5bb6aaa8a3d8" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649" href="https://www.amazon.com/s?k=wolverine+ps5+console+bundle" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ecjfqi2UgurxrA42rX7pML" name="Amazon-Logo.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/ecjfqi2UgurxrA42rX7pML.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/s?k=wolverine+ps5+console+bundle" target="_blank" rel="nofollow" data-dimension112="b3876cc4-9b1e-11f1-9981-5bb6aaa8a3d8" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">(Wolverine Battle Yellow): $649</a></strong><br>Amazon is likely to be taking pre-orders for the PS5 Digital Edition Wolverine Battle Yellow Bundle today. It'll ship on (or around) the game's release date, September 15.<a class="view-deal button" href="https://www.amazon.com/s?k=wolverine+ps5+console+bundle" target="_blank" rel="nofollow" data-dimension112="b3876cc4-9b1e-11f1-9981-5bb6aaa8a3d8" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">View Deal</a></p></div><h3 class="article-body__section" id="section-wolverine-ps5-dualsense-controllers-pre-orders"><span>Wolverine PS5 DualSense controllers pre-orders</span></h3><div class="product"><a data-dimension112="b3876fee-9b1e-11f1-8967-d13a2326e64b" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84" href="https://www.amazon.com/PlayStation-DualSense%C2%AE-Wireless-Controller-Gaming-Console/dp/B0HF1FBXSL" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ecjfqi2UgurxrA42rX7pML" name="Amazon-Logo.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/ecjfqi2UgurxrA42rX7pML.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/PlayStation-DualSense%C2%AE-Wireless-Controller-Gaming-Console/dp/B0HF1FBXSL" target="_blank" rel="nofollow" data-dimension112="b3876fee-9b1e-11f1-8967-d13a2326e64b" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">(Wolverine Battle Yellow): $84</a></strong><br>Amazon took its time, but after a lot of waiting, and hours later than its retail rivals, it's finally taking pre-orders for the DualSense controller in Battle Yellow. Lock in yours now.<a class="view-deal button" href="https://www.amazon.com/PlayStation-DualSense%C2%AE-Wireless-Controller-Gaming-Console/dp/B0HF1FBXSL" target="_blank" rel="nofollow" data-dimension112="b3876fee-9b1e-11f1-8967-d13a2326e64b" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">View Deal</a></p></div><div class="product"><a data-dimension112="b387705c-9b1e-11f1-bdfe-038091463737" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84" href="https://www.bestbuy.com/product/sony-interactive-entertainment-dualsense-wireless-controller-marvels-wolverine-battle-limited-edition-for-ps5-pc-mac-mobile-yellow/JXHQ37ZQ8C" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1331px;"><p class="vanilla-image-block" style="padding-top:68.52%;"><img id="yjsgCbZzcWDLMuhHtLHa7K" name="Best Buy deal block 2022.jpeg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/yjsgCbZzcWDLMuhHtLHa7K.jpeg" mos="" align="middle" fullscreen="" width="1331" height="912" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.bestbuy.com/product/sony-interactive-entertainment-dualsense-wireless-controller-marvels-wolverine-battle-limited-edition-for-ps5-pc-mac-mobile-yellow/JXHQ37ZQ8C" target="_blank" rel="nofollow" data-dimension112="b387705c-9b1e-11f1-bdfe-038091463737" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">(Wolverine Battle Yellow): $84</a></strong><br>Best Buy will be a great place to pick up a Wolverine-themed PS5 DualSense controller. It retails for the base price of $84 and should ship in time for September 15. <a class="view-deal button" href="https://www.bestbuy.com/product/sony-interactive-entertainment-dualsense-wireless-controller-marvels-wolverine-battle-limited-edition-for-ps5-pc-mac-mobile-yellow/JXHQ37ZQ8C" target="_blank" rel="nofollow" data-dimension112="b387705c-9b1e-11f1-bdfe-038091463737" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">View Deal</a></p></div><div class="product"><a data-dimension112="b38770d4-9b1e-11f1-a070-95dd54fdac1c" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84" href="https://www.walmart.com/ip/Project-Flow/20347523715" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RZkKnBkdjDJ6QRZq2RmaPY" name="Walmart-Logo-2008" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/RZkKnBkdjDJ6QRZq2RmaPY.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.walmart.com/ip/Project-Flow/20347523715" target="_blank" rel="nofollow" data-dimension112="b38770d4-9b1e-11f1-a070-95dd54fdac1c" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">(Wolverine Battle Yellow): $84</a></strong><br>Walmart is now taking pre-orders of the limited-edition Wolverine Battle Yellow DualSense controllers. <a class="view-deal button" href="https://www.walmart.com/ip/Project-Flow/20347523715" target="_blank" rel="nofollow" data-dimension112="b38770d4-9b1e-11f1-a070-95dd54fdac1c" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">View Deal</a></p></div><div class="product"><a data-dimension112="b3877142-9b1e-11f1-8e71-53f97f1f2083" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84" href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:129.60%;"><img id="J4ioQbCcWu8knu9FrYgeRT" name="purepng.com-target-logologobrand-logoiconslogos-251519939485oxces" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/J4ioQbCcWu8knu9FrYgeRT.png" mos="" align="middle" fullscreen="" width="2000" height="2592" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow" data-dimension112="b3877142-9b1e-11f1-8e71-53f97f1f2083" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">(Wolverine Battle Yellow): $84</a></strong><br>Pre-orders weren't supposed to begin until 10 a.m. ET, but Target has gone early, and you can secure the Wolverine Battle Yellow DualSense now!<a class="view-deal button" href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow" data-dimension112="b3877142-9b1e-11f1-8e71-53f97f1f2083" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">View Deal</a></p></div><div class="product"><a data-dimension112="b38771b0-9b1e-11f1-b380-cb36af9ceff5" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84" href="https://www.gamestop.com/gaming-accessories/controllers/playstation-5/products/sony-dualsense-wireless-controller---marvels-wolverine-battle-yellow-limited-edition/450549.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:400px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="EXpDruhoaAuddyN6RUCGyb" name="GameStop logo.png" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/EXpDruhoaAuddyN6RUCGyb.png" mos="" align="middle" fullscreen="" width="400" height="400" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.gamestop.com/gaming-accessories/controllers/playstation-5/products/sony-dualsense-wireless-controller---marvels-wolverine-battle-yellow-limited-edition/450549.html" target="_blank" rel="nofollow" data-dimension112="b38771b0-9b1e-11f1-b380-cb36af9ceff5" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">(Wolverine Battle Yellow): $84</a></strong><br>GameStop is another retailer where you can currently lock in your pre-order of the Wolverine Battle Yellow DualSense. The limited-edition controller costs $84. <a class="view-deal button" href="https://www.gamestop.com/gaming-accessories/controllers/playstation-5/products/sony-dualsense-wireless-controller---marvels-wolverine-battle-yellow-limited-edition/450549.html" target="_blank" rel="nofollow" data-dimension112="b38771b0-9b1e-11f1-b380-cb36af9ceff5" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">View Deal</a></p></div><div class="product"><a data-dimension112="b3876f80-9b1e-11f1-b5c3-1ba0fde73688" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="$84" href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow" data-dimension112="b3876f80-9b1e-11f1-b5c3-1ba0fde73688" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="$84">(Wolverine Adamantium): $84</a></strong><br>If you've got your eyes on the Adamantium version of the PS5 DualSense, there's only one place to get it: PS Direct. This variant of the controller is exclusive to the retailer.<a class="view-deal button" href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow" data-dimension112="b3876f80-9b1e-11f1-b5c3-1ba0fde73688" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="$84">View Deal</a></p></div><div class="product"><a data-dimension112="b3876f12-9b1e-11f1-a92e-9d7c8be7d5f9" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84" href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow" data-dimension112="b3876f12-9b1e-11f1-a92e-9d7c8be7d5f9" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">(Wolverine Battle Yellow): $84</a></strong><br>The DualSense controller in Wolverine Battle Yellow gives the popular PS5 pad a very cool Mutant makeover. PS Direct is currently sold out, but other retailers have stock.<a class="view-deal button" href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow" data-dimension112="b3876f12-9b1e-11f1-a92e-9d7c8be7d5f9" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">View Deal</a></p></div><h3 class="article-body__section" id="section-wolverine-ps5-console-covers-pre-orders"><span>Wolverine PS5 Console Covers pre-orders</span></h3><div class="product"><a data-dimension112="b3877228-9b1e-11f1-b46b-994dc623137a" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$74" href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="b3877228-9b1e-11f1-b46b-994dc623137a" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$74">(Wolverine Battle Yellow): $74</a></strong><br>The Wolverine edition PS5 console covers are exclusive to PlayStation Direct, and if you own a PS5 Slim, your only option is the Battle Yellow variant. <a class="view-deal button" href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="b3877228-9b1e-11f1-b46b-994dc623137a" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$74">View Deal</a></p></div><div class="product"><a data-dimension112="b3877296-9b1e-11f1-abfd-15378f49f0a1" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$74" href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="b3877296-9b1e-11f1-abfd-15378f49f0a1" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$74">(Wolverine Battle Yellow): $74</a></strong><br>The PS5 Pro Battle Yellow Console Covers were made available for pre-order at 10 a.m. ET and sold out in less than 30 minutes. Let's hope there's a restock very soon. <a class="view-deal button" href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="b3877296-9b1e-11f1-abfd-15378f49f0a1" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$74">View Deal</a></p></div><div class="product"><a data-dimension112="b3877304-9b1e-11f1-8fa8-73ea4afaa5b0" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="$74" href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow" data-dimension112="b3877304-9b1e-11f1-8fa8-73ea4afaa5b0" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="$74">(Wolverine Adamantium): $74</a></strong><br>The Adamantium PS5 Pro console covers didn't take long to sell out and are exclusive to PS Direct. There could be a restock, so keep checking stock just in case you get lucky. <a class="view-deal button" href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow" data-dimension112="b3877304-9b1e-11f1-8fa8-73ea4afaa5b0" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="$74">View Deal</a></p></div><h3 class="article-body__section" id="section-wolverine-ps5-console-and-controllers-uk-pre-orders"><span>Wolverine PS5 console and controllers UK pre-orders</span></h3><p><em>As of 10 a.m. BST on Wednesday, August 19, pre-orders for the limited-edition Marvel's Wolverine range have begun in the U.K. See below for all the buying links you need.</em></p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.currys.co.uk/products/playstation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow">£569 @ Currys</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Currys</a></li><li><strong>PS5 DualSense Controller (Wolverine Adamantium): </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li><li><strong>Wolverine PS5 Slim Battle Yellow console covers: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a></li><li><strong>Wolverine PS5 Pro Battle Yellow console covers: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">check stock @ PS Direct</a></li><li><strong>Wolverine PS5 Pro Adamantium console covers: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow">check stock @ PS Direct</a></li></ul><div class="product"><a data-dimension112="937367bc-9b28-11f1-9f02-11b91a4c4ed5" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£569" href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:88.25%;"><img id="LDG8s4CZ5C7fZxW2AG9QW3" name="wolverine-ps5-yellow-le-image-block-01-en-19jun26" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/LDG8s4CZ5C7fZxW2AG9QW3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1412" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow" data-dimension112="937367bc-9b28-11f1-9f02-11b91a4c4ed5" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£569">(Wolverine Battle Yellow): £569</a></strong><br>The PS5 Wolverine Digital Edition Bundle includes the base PS5 Slim with a very slick Mutant-themed design, a matching DualSense controller, and a digital copy of the Marvel's Wolverine game with a couple of extra DLC skins. <strong>Additional retailers</strong>: <a href="https://direct.playstation.com/en-gb/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow">£569 @ PS Direct</a> | <a href="https://www.smythstoys.com/uk/en-gb/gaming-and-tech/games/marvels-wolverine/playstation-5-digital-edition-slim-wolverine-limited-edt-bundle/p/264695" target="_blank" rel="nofollow">£569 @ Smyths</a> | <a href="https://www.very.co.uk/playstation-5-playstationreg5-digital-edition-marvels-wolverine-battle-yellow-limited-edition-bundle-825gb/1601288149.prd" target="_blank" rel="nofollow">£569 @ Very</a><a class="view-deal button" href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow" data-dimension112="937367bc-9b28-11f1-9f02-11b91a4c4ed5" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£569">View Deal</a></p></div><div class="product"><a data-dimension112="937368b6-9b28-11f1-a254-51051ea66241" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£74" href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:63.44%;"><img id="t6pRnHE25F8YwaQQaDr8U3" name="wolverine-ds5-yellow-le-image-block-01-en-19jun26" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/t6pRnHE25F8YwaQQaDr8U3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1015" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow" data-dimension112="937368b6-9b28-11f1-a254-51051ea66241" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£74">(Wolverine Battle Yellow): £74</a></strong><br>The Wolverine Battle Yellow controller gives the DualSense a design that combines the hero's classic color with scratch marks that could only have been made by his iconic claws. It'll retail for £74 in the U.K.<br><strong>Additional retailers: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a> | <a href="https://www.smythstoys.com/uk/en-gb/gaming-and-tech/games/marvels-wolverine/playstation-5-dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition/p/264704" target="_blank" rel="nofollow">£74 @ Smyths</a><a class="view-deal button" href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow" data-dimension112="937368b6-9b28-11f1-a254-51051ea66241" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£74">View Deal</a></p></div><div class="product"><a data-dimension112="93736848-9b28-11f1-9945-e3537bdd14f4" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="£74" href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:63.44%;"><img id="JmTPEnpSuC9uTQ6cijmCa3" name="wolverine-ds5-silver-le-image-block-01-en-19jun26" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/JmTPEnpSuC9uTQ6cijmCa3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1015" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow" data-dimension112="93736848-9b28-11f1-9945-e3537bdd14f4" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="£74">(Wolverine Adamantium): £74</a></strong><br>The Wolverine Adamantium DualSense is exclusive to PlayStation Direct, and I expect it'll be one of the first items to sell out during this pre-order event.<a class="view-deal button" href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow" data-dimension112="93736848-9b28-11f1-9945-e3537bdd14f4" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="£74">View Deal</a></p></div><div class="product"><a data-dimension112="9373691a-9b28-11f1-b4e0-f32b30939b1d" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£64" href="https://direct.playstation.com/en-gb/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:98.56%;"><img id="foXNtT5qZwXeAdw9S5GXS3" name="wolverine-ps5-disc-yellow-le-image-block-01-en-19jun26" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/foXNtT5qZwXeAdw9S5GXS3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1577" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-gb/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="9373691a-9b28-11f1-b4e0-f32b30939b1d" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£64">(Wolverine Battle Yellow): £64</a></strong><br>If you already own a PS5 Slim console, you can give it the Wolverine look with these limited-edition Console Covers. <a class="view-deal button" href="https://direct.playstation.com/en-gb/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="9373691a-9b28-11f1-b4e0-f32b30939b1d" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£64">View Deal</a></p></div><div class="product"><a data-dimension112="9373697e-9b28-11f1-9f5e-d1ea5daaf494" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£64" href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:98.56%;"><img id="aHhTmzYbSqhdJsifUF9XY3" name="wolverine-ps5-pro-yellow-le-image-block-01-en-19jun26" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/aHhTmzYbSqhdJsifUF9XY3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1577" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="9373697e-9b28-11f1-9f5e-d1ea5daaf494" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£64">(Wolverine Battle Yellow): £64</a></strong><br>It's the same deal if you already own a PS5 Pro, you don't have to buy a whole new console to get the Wolverine look; just pick up these limited-edition console covers. These covers went up for pre-order at 10 a.m. BST and sold out in about 30 minutes. I'm watching for a restock now. <a class="view-deal button" href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="9373697e-9b28-11f1-9f5e-d1ea5daaf494" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£64">View Deal</a></p></div><div class="product"><a data-dimension112="937369d8-9b28-11f1-bf70-d337e88afed1" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="£64" href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:98.56%;"><img id="ZF5udBTuTQZ9YQgQ3BpeQ3" name="wolverine-ps5-pro-silver-le-image-block-01-en-19jun26" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/ZF5udBTuTQZ9YQgQ3BpeQ3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1577" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow" data-dimension112="937369d8-9b28-11f1-bf70-d337e88afed1" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="£64">(Wolverine Adamantium): £64</a></strong><br>Once again, the Adamantium look is exclusive to PlayStation Direct in the U.K. These console covers are further limited to the PS5 Pro; there's no PS5 Slim option. These covers went up for pre-order at 10 a.m. BST and sold out in about 30 minutes. I'm watching for a restock now. <a class="view-deal button" href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow" data-dimension112="937369d8-9b28-11f1-bf70-d337e88afed1" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="£64">View Deal</a></p></div><h3 class="article-body__section" id="section-live-updates"><span>Live updates</span></h3></div><div class="live-content"><time datetime="2026-08-19T07:35:49+00:00">August 19, 2026 – 3:35 AM</time><h2 id="welcome-3">Welcome!</h2><p>Good morning! Welcome to Tom's Guide's live coverage of today's Marvel's Wolverine PS5 console and controllers pre-orders, there's plenty to cover ahead of the first stock appearing, so let's not waste time, and dive into what you need to know.</p></div><div class="live-content"><time datetime="2026-08-19T07:41:56+00:00">August 19, 2026 – 3:41 AM</time><h2 id="here-s-what-you-can-pre-order-today">Here's what you can pre-order today!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/9KDStKJtMZY" allowfullscreen></iframe></div></div><p>So, if you're coming into this pre-order event wondering what will actually be available today, you can get a good look at the full range in the above trailer. But if you prefer to read rather than watch, here's the full Marvel's Wolverine limited edition range that will be available to pre-order today: </p><ul><li>PlayStation 5 Digital Edition – Marvel’s Wolverine Battle Yellow Limited Edition Bundle ($649.99 / £569.99)</li><li>DualSense Wireless Controller – Marvel’s Wolverine Battle Yellow Limited Edition ($84.99 / £74.99)</li><li>DualSense Wireless Controller – Marvel’s Wolverine Adamantium Limited Edition (84.99 / £74.99 GBP)</li><li>PlayStation 5 Console Covers – Battle Yellow Limited Edition ($74.99 / £64.99)</li><li>PlayStation 5 Pro Console Covers – Marvel’s Wolverine Battle Yellow Limited Edition ($74.99 / £64.99)</li><li>PlayStation 5 Pro Console Covers –Marvel’s Wolverine Adamantium Limited Edition ($74.99 / £64.99)</li></ul></div><div class="live-content"><time datetime="2026-08-19T07:44:50+00:00">August 19, 2026 – 3:44 AM</time><h2 id="watch-the-latest-marvel-s-wolverine-trailer-while-you-wait">Watch the latest Marvel's Wolverine trailer while you wait!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/3Z42tBfBLJY" allowfullscreen></iframe></div></div><p>Today's pre-order event hasn't started yet, so why not get in the mood by watching the latest trailer for Marvel's Wolverine which arrives exclusively on PS5 on September 15.  </p></div><div class="live-content"><time datetime="2026-08-19T07:58:09+00:00">August 19, 2026 – 3:58 AM</time><h2 id="playstation-direct-is-the-only-place-to-get-the-full-range">PlayStation Direct is the only place to get the full range!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="2s7pYFzTXPQbkDmreoQvoL" name="wolverine-ps5-promo-image" alt="Marvel's Wolverine screenshot showing Logan attacking an enemy" src="https://cdn.mos.cms.futurecdn.net/2s7pYFzTXPQbkDmreoQvoL.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Insomniac Games / Sony Interactive Entertainment)</span></figcaption></figure><p>PlayStation has been increasingly eager to point shoppers towards it's own online retailer, PlayStation Direct. During previous limited edition drops, we've seen PS Direct take pre-orders first, or even offer exclusive items, and that's the case today. </p><p>The PS5 Digital Edition Bundle and PS5 DualSense Controller (Battle Yellow) will be stocked by PS Direct and "additional retailers," but the <strong>Adamantium DualSense Controller</strong> and <strong>Wolverine-themed PS5 Console Covers</strong>, are <strong>exclusive to PS Direct</strong>.</p></div><div class="live-content"><time datetime="2026-08-19T08:06:43+00:00">August 19, 2026 – 4:06 AM</time><h2 id="uk-stock-has-appeared-a-whole-hour-early">UK stock has appeared a whole hour early!</h2><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.currys.co.uk/products/playstation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow"><strong>£569 @ Currys</strong></a><strong></strong></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow"><strong>£74 @ Currys</strong></a><strong></strong></li></ul><p>Whelp, our first sighting of stock has arrived, and it's a whole hour earlier than the scheduled time of 10 a.m. BST in the U.K. Retailer Currys has broken rank and now has the PS5 bundle and Battle Yellow controller to pre-order. Go secure yours now!</p></div><div class="live-content"><time datetime="2026-08-19T08:18:28+00:00">August 19, 2026 – 4:18 AM</time><h2 id="currys-stock-appears-to-be-holding-for-now">Currys stock appears to be holding (for now)!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="LgcgRcEBiRA8iH355bvuVL" name="wolverine-ps5-currys-listing-page" alt="Currys listing page for the limited edition Wolverine PS5 console bundle" src="https://cdn.mos.cms.futurecdn.net/LgcgRcEBiRA8iH355bvuVL.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Currys)</span></figcaption></figure><p>If you're just joining us, U.K. pre-orders were supposed to kick off at 10 a.m. BST, but retailer Currys decided to go a little early, and already is taking pre-orders of the PS5 bundle and the Battle Yellow controller. Both appear to still be in stock now!</p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.currys.co.uk/products/playstation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow"><strong>£569 @ Currys</strong></a><strong></strong></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow"><strong>£74 @ Currys</strong></a><strong></strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T08:29:29+00:00">August 19, 2026 – 4:29 AM</time><h2 id="i-ve-locked-in-my-dualsense-pre-order-have-you">I've locked in my DualSense pre-order, have you?</h2><p>Yes, I don't <em>need </em>another DualSense controller (I already have three...), but that Wolverine Battle Yellow pad is just too pretty to ignore. Thanks to Currys dropping early, I've got my pre-order locked. Let me know in the comments if you've secured either the limited-edition controller or PS5 console bundle. Or are you waiting until PS Direct drops the exclusive Adamantium controller and the PS5 console covers? </p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.currys.co.uk/products/playstation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow"><strong>£569 @ Currys</strong></a><strong></strong></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow"><strong>£74 @ Currys</strong></a><strong></strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T08:37:42+00:00">August 19, 2026 – 4:37 AM</time><h2 id="us-readers-your-time-will-come">US readers, your time will come!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="MWngwoh4ZhTfipjscrfsM9" name="Wolverine LIST" alt="PS5 console Wolverine edition with a DualSense controller on a yellow background" src="https://cdn.mos.cms.futurecdn.net/MWngwoh4ZhTfipjscrfsM9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>To any readers in the U.S. following along right now, it's expected that stock will become available around 10 a.m. ET at PS Direct and select retailers. So you've got plenty of time left until you need to be ready to secure your pre-order. </p><p>For the next few hours, I'll be focusing on U.K. pre-orders, which technically begin in 30 minutes (but, as noted below, one retailer has set pre-orders live early). Once we're through the U.K. drop, I'll turn attention Stateside. Stay tuned for updates...</p></div><div class="live-content"><time datetime="2026-08-19T08:50:06+00:00">August 19, 2026 – 4:50 AM</time><h2 id="10-minutes-until-uk-pre-orders-are-live">10 minutes until UK pre-orders are live!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8XivuTPH5BS5QKAjYARbWE" name="wolverine-ps5-limited-edition-console" alt="Wolverine PS5 limited-edition console" src="https://cdn.mos.cms.futurecdn.net/8XivuTPH5BS5QKAjYARbWE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>There's just 10 minutes until the pre-order floodgates open in the U.K. </p><p>Of course, you can already secure the limited-edition PS5 console bundle and the Battle Yellow DualSense thanks to Currys. But if you're waiting for PS Direct (or an alternative retailer) then the countdown is on. Remember, the only place to secure the Adamantium DualSense and the Wolverine-themed PS5 Console Covers is PS Direct, so that'll be the retailer to check if you're looking to grab these items!</p></div><div class="live-content"><time datetime="2026-08-19T09:00:13+00:00">August 19, 2026 – 5:00 AM</time><h2 id="ps-direct-has-the-adamantium-controller-up-for-grabs">PS Direct has the Adamantium controller up for grabs!</h2><p>It's go time, the exclusive Adamantium DualSense is now available for pre-order at PS Direct in the U.K. </p><ul><li><strong>Wolverine Adamantium PS5 DualSense: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T09:04:21+00:00">August 19, 2026 – 5:04 AM</time><h2 id="ps5-slim-console-covers-are-live-now">PS5 Slim Console Covers are live now!</h2><p>PS Direct in the U.K. is now taking pre-orders of the exclusive Wolverine Battle Yellow PS5 Slim Console Covers! </p><ul><li>PS5 Slim Console Covers (Wolverine Battle Yellow): <a href="https://direct.playstation.com/en-gb/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T09:12:58+00:00">August 19, 2026 – 5:12 AM</time><h2 id="here-s-the-uk-pre-order-links-you-need">Here's the UK pre-order links you need!</h2><p>So the state of play in the U.K. right now is that PS Direct, Currys and Smyths Toys have all opened up pre-order. Got some fresh links for you below. I'm still looking for signs of the PS5 Pro Console Covers which are only available on PS Direct, but don't seem to have gone live yet. But if you're after a controller or bundle, get 'em!  </p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1424788826712694538&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow">£569 @ Currys</a></li><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://direct.playstation.com/en-gb/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow">£569 @ PS Direct</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1376858729709180831&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Currys</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li><li><strong>Wolverine Adamantium DualSense: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-2366769774556268323/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fdualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li><li><strong>Wolverine PS5 Slim Battle Yellow console covers: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-1197910723687512489/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a><strong></strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T09:16:22+00:00">August 19, 2026 – 5:16 AM</time><h2 id="finally-we-have-ps5-pro-console-covers">Finally, we have PS5 Pro console covers!</h2><p>Just as I was wondering where the PS5 Pro console covers were, they appear on PS Direct, these won't be available at other retailers, get them locked in at PlayStation's online retailer now! </p><ul><li><strong>Wolverine PS5 Pro Battle Yellow console covers: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a></li><li><strong>Wolverine PS5 Pro Adamantium console covers: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a> </li></ul></div><div class="live-content"><time datetime="2026-08-19T09:31:58+00:00">August 19, 2026 – 5:31 AM</time><h2 id="plenty-of-options-for-the-wolverine-ps5-bundle">Plenty of options for the Wolverine PS5 bundle</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8XivuTPH5BS5QKAjYARbWE" name="wolverine-ps5-limited-edition-console" alt="Wolverine PS5 limited-edition console" src="https://cdn.mos.cms.futurecdn.net/8XivuTPH5BS5QKAjYARbWE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>UK pre-orders are in full swing, and if you're picking up a PS5 ahead of Wolverine, you've got several retailer options for the Battle Yellow bundle. This package includes a PS5 Slim Digital Edition with a Wolverine-themed design, a matching DualSense controller and a (digital) copy of the Marvel's Wolverine game. It's everything you need to get gaming on PS5 this winter!</p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1085306643236310368&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow">£569 @ Currys</a></li><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://direct.playstation.com/en-gb/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow">£569 @ PS Direct</a></li><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.very.co.uk/playstation-5-playstationreg5-digital-edition-marvels-wolverine-battle-yellow-limited-edition-bundle-825gb/1601288149.prd" target="_blank" rel="nofollow">£569 @ Very</a></li><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.smythstoys.com/uk/en-gb/gaming-and-tech/games/marvels-wolverine/playstation-5-digital-edition-slim-wolverine-limited-edt-bundle/p/264695" target="_blank" rel="nofollow">£569 @ Smyths</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T09:41:49+00:00">August 19, 2026 – 5:41 AM</time><h2 id="ps5-pro-plates-are-the-first-to-sell-out">PS5 Pro plates are the first to sell out</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="upjeCpwhK49bsZDvT7G9fW" name="wolverine-ps5-pro-covers-sold-out-ps-direct" alt="PS Direct listing page for Wolverine PS5 Pro Console Covers" src="https://cdn.mos.cms.futurecdn.net/upjeCpwhK49bsZDvT7G9fW.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>I always suspected it would be the PS Direct exclusive items that would sell out first, so it's no surprise to see the PS5 Pro Console Covers with the dreaded "currently unavailable" notification. You can still grab the Battle Yellow plates for the standard PS5 Slim, and the Adamantium DualSense (also exclusive to PS Direct) remains in stock, for now at least. </p><p>But take this as your warning sign, if you're eyeing up something in this limited-edition range, it might be worth locking in your pre-order now (you could always cancel if you change your mind). In the meantime, I'll keep checking for signs of a restock on the PS5 Pro console covers.</p><ul><li><strong>Wolverine PS5 Slim Battle Yellow console covers: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-1422279364982660599/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a></li><li><strong>Wolverine PS5 Pro Battle Yellow console covers: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-5672697732248293255/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fplaystation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">check stock @ PS Direct</a></li><li><strong>Wolverine PS5 Pro Adamantium console covers: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-1268233240000381896/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fplaystation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow">check stock @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T09:54:03+00:00">August 19, 2026 – 5:54 AM</time><h2 id="battle-yellow-dualsense-sells-out-at-ps-direct-but-you-can-still-get-one-elsewhere">Battle Yellow DualSense sells out at PS Direct, but you can still get one elsewhere! </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="6rLwnVPwjVWZo3aVyL8m6B" name="wolverine-dualsense-ps-direct-yellow" alt="PS Direct listing page for the Battle Yellow DualSense controller" src="https://cdn.mos.cms.futurecdn.net/6rLwnVPwjVWZo3aVyL8m6B.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>Okay, so this one does surprise me. It appears the DualSense (Wolverine Battle Yellow) has sold out on PS Direct <em>before</em> the exclusive Adamantium variant. Clearly, gamers prefer that iconic Wolverine yellow to a metallic shade of grey. </p><p>Fortunately, while PS Direct is currently showing "unavailable," you can still grab a controller at Currys and Smyths. My advice is to lock in your pre-order ASAP in case these sell out soon.</p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-9945375327193679394&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Currys</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-9945375327193679394&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Smyths</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T10:16:11+00:00">August 19, 2026 – 6:16 AM</time><h2 id="uk-pre-order-stock-seems-steady-at-present">UK pre-order stock seems steady at present!</h2><p>The PS5 Pro console covers have sold out, but otherwise, you can still pick up the rest of the limited-edition Wolverine range in the U.K. That includes the Battle Yellow PS5 console bundle, the Battle Yellow DualSense, and matching PS5 Slim console covers. Here's the links you need. These could sell out at any moment, but for now they're holding, so take your pick!</p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1424788826712694538&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow">£569 @ Currys</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1376858729709180831&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Currys</a></li><li><strong>Wolverine Adamantium DualSense: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-2366769774556268323/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fdualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li><li><strong>Wolverine PS5 Slim Battle Yellow console covers: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-1197910723687512489/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a><strong></strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T10:46:48+00:00">August 19, 2026 – 6:46 AM</time><h2 id="which-dualsense-do-you-prefer">Which DualSense do you prefer? </h2><p>Help us settle an office debate that's raging this morning, which limited-edition Wolverine DualSense controller design do you prefer? The Battle Yellow or Adamantium. Personally, I'm all about the yellow, but I'm curious to hear from you, let me know in the poll down below...</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-ODqyjX"></div>                            </div>                            <script src="https://kwizly.com/embed/ODqyjX.js" async></script></div><div class="live-content"><time datetime="2026-08-19T11:23:15+00:00">August 19, 2026 – 7:23 AM</time><h2 id="nothing-new-to-report-in-the-uk">Nothing new to report in the UK!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="brkRET2rLiiqB38ggQjQsW" name="wolverine-2025-state-of-play-ps5-game" alt="Marvel's Wolverine image showing Logan" src="https://cdn.mos.cms.futurecdn.net/brkRET2rLiiqB38ggQjQsW.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>I'll be turning my attention shortly to the U.S. as we're now less than three hours away from the pre-orders going live for gamers in North America, but just to note for any U.K. Wolverine fans, the situation remains unchanged. Aside from the PS5 Pro console covers, which sold out in roughly 30 minutes, everything else is in stock at retailers like Currys, PS Direct and Smyths. Curiously the likes of Amazon and Argos haven't joined in the action yet, so I'll keep an eye out for those, just in case you're holding off locking in your pre-order(s) until those listings appear.</p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1424788826712694538&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow">£569 @ Currys</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1376858729709180831&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Currys</a></li><li><strong>Wolverine Adamantium DualSense: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-2366769774556268323/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fdualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li><li><strong>Wolverine PS5 Slim Battle Yellow console covers: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-1197910723687512489/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a><strong></strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T11:53:06+00:00">August 19, 2026 – 7:53 AM</time><h2 id="playstation-direct-exclusive-controller-still-in-stock">PlayStation Direct exclusive controller still in stock!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="TRJy4KBKfTkV8NE2E2Be7U" name="ps-direct-wolverine-dualsense-adamantium" alt="PlayStation Direct listing page for the DualSense Adamantium controller" src="https://cdn.mos.cms.futurecdn.net/TRJy4KBKfTkV8NE2E2Be7U.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>As the U.S. starts to wake up, the big surprise this morning during the U.K. pre-order drop, which might give us some clues as to how the U.S. one will go, is that the limited-edition DualSense controller in Adamantium hasn't sold out. This item is exclusive to PS Direct, and I'd assumed this extra level of <em>limited-ness </em>(that's not a word), would see it sell out very quickly. </p><p>However, as our poll below shows, 77% of responders prefer the Battle Yellow, so maybe there just isn't all that much interest in the Adamantium variant? Perhaps the grey hue is just a bit too bland next to the striking very Wolverine-coded yellow. Time will tell if it'll be the same story in the U.S. But for now, if you're in the U.K., you can still pre-order both DualSenses.</p><ul><li><strong>PS5 DualSense Controller (Adamantium): </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-2366769774556268323/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fdualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1376858729709180831&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Currys</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T12:30:35+00:00">August 19, 2026 – 8:30 AM</time><h2 id="90-minutes-until-u-s-pre-orders">90 minutes until U.S. pre-orders! </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="MWngwoh4ZhTfipjscrfsM9" name="Wolverine LIST" alt="PS5 console Wolverine edition with a DualSense controller on a yellow background" src="https://cdn.mos.cms.futurecdn.net/MWngwoh4ZhTfipjscrfsM9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>It's just hit 8:30 a.m. ET, so we're 90 minutes away from the PlayStation Wolverine range pre-orders going live in the U.S. Now is the time to make sure you've got everything you need (check your details are correct on your preferred retailer!). However, in the U.K. we saw one retailer break rank and go a full hour early, so maybe a U.S. retailer will do the same. I'm keeping an eye on retailers right now, and will alert you if any pre-orders drop a little early. </p></div><div class="live-content"><time datetime="2026-08-19T12:55:20+00:00">August 19, 2026 – 8:55 AM</time><h2 id="here-s-the-full-wolverine-range-and-confirmed-pricing">Here's the full Wolverine range and confirmed pricing!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8XivuTPH5BS5QKAjYARbWE" name="wolverine-ps5-limited-edition-console" alt="Wolverine PS5 limited-edition console" src="https://cdn.mos.cms.futurecdn.net/8XivuTPH5BS5QKAjYARbWE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>If you're coming into this cold and wondering what all the fuss is about, here's the scoop. PlayStation is releasing a limited-edition Wolverine range to mark the launch of its new PS5 exclusive, Marvel's Wolverine. Pre-orders go live today (Aug. 19) at 10 a.m. ET, and there will be six items: a PS5 console bundle, two DualSense controllers and three PS5 console covers. </p><p><strong>The items in bold below are exclusive to PlayStation Direct</strong>, while the PS5 console bundle and Battle Yellow controller will be available elsewhere. In the U.K., the PS5 Pro console covers sold out in 30 minutes, but the other four items are still in stock even almost four hours later.</p><ul><li>PlayStation 5 Digital Edition – Marvel’s Wolverine Battle Yellow Limited Edition Bundle ($649.99)</li><li>DualSense Wireless Controller – Marvel’s Wolverine Battle Yellow Limited Edition ($84.99)</li><li><strong>DualSense Wireless Controller – Marvel’s Wolverine Adamantium Limited Edition ($84.99)</strong></li><li><strong>PlayStation 5 Console Covers – Battle Yellow Limited Edition ($74.99)</strong></li><li><strong>PlayStation 5 Pro Console Covers – Marvel’s Wolverine Battle Yellow Limited Edition ($74.99)</strong></li><li><strong>PlayStation 5 Pro Console Covers –Marvel’s Wolverine Adamantium Limited Edition ($74.99)</strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T13:11:28+00:00">August 19, 2026 – 9:11 AM</time><h2 id="target-has-gone-live-with-the-ps5-bundle">Target has gone live with the PS5 bundle</h2><p>Looks like a U.S. retailer has gone earlier, because Target's listing page for the PS5 Slim Wolverine bundle is live and the "preorder" button is working and I can add to my cart! </p><ul><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow">$649 @ Target</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T13:17:51+00:00">August 19, 2026 – 9:17 AM</time><h2 id="and-the-dualsense-is-up-at-target-too">And the DualSense is up at Target, too</h2><p>Target has also dropped the Battle Yellow controller early, both items are available to pre-order now! </p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow"><strong>$84 @ Target</strong></a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow"><strong>$649 @ Target</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T13:22:58+00:00">August 19, 2026 – 9:22 AM</time><h2 id="target-is-taking-pre-orders-now">Target is taking pre-orders NOW!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="uHuSCmTkFw3GzRPxhNLAwk" name="target-wolverine-limited-edition-cart" alt="Target cart with the Wolverine PS5 bundle and limited edition Battle Yellow DualSense controller" src="https://cdn.mos.cms.futurecdn.net/uHuSCmTkFw3GzRPxhNLAwk.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Target)</span></figcaption></figure><p>Target clearly didn't want to wait until 10 a.m. ET, as you can see above I'm able to add both items to my cart now. So if you want to get ahead of the game, secure your pre-orders now!</p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow"><strong>$84 @ Target</strong></a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow"><strong>$649 @ Target</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T13:35:59+00:00">August 19, 2026 – 9:35 AM</time><h2 id="ps-direct-listing-pages-have-appeared-but-no-pre-orders-yet">PS Direct listing pages have appeared, but no pre-orders yet</h2><p>PS Direct is getting ready to drop pre-orders at 10 a.m. ET, I've just spotted listing pages for the two DualSense controllers, including the PS Direct exclusive Adamantium variant. These are the links you'll need in just under 25 minutes. Or you can head to Target to secure the Battle Yellow controller already. </p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">$84 @ PS Direct</a></li><li><strong>PS5 DualSense Controller (Wolverine Adamantium): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">$84 @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T13:39:40+00:00">August 19, 2026 – 9:39 AM</time><h2 id="another-ps-direct-listing-page-has-appeared">Another PS Direct listing page has appeared...</h2><p>I've spotted the listing page for the PS5 Slim Console Covers (Battle Yellow) over on PS Direct. This will be the only place to grab these plates, so make sure to use the link below so you're ready at 10 a.m. I'm closely watching out for the PS5 Pro Console Covers listing pages next!</p><ul><li><strong>PS5 Slim Console Covers (Wolverine Battle Yellow): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">$74 @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T13:50:08+00:00">August 19, 2026 – 9:50 AM</time><h2 id="10-minutes-until-the-pre-order-floodgates-open">10 minutes until the pre-order floodgates open!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="brkRET2rLiiqB38ggQjQsW" name="wolverine-2025-state-of-play-ps5-game" alt="Marvel's Wolverine image showing Logan" src="https://cdn.mos.cms.futurecdn.net/brkRET2rLiiqB38ggQjQsW.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>The Wolverine limited-edition range will be up for pre-order from 10 a.m. ET. If the U.K. pre-order period earlier today was any indication, it'll be the PS5 Pro Console Covers that sell out first, so if you want to bag those, get ready; you'll need to be quick. However, if you're after the PS5 Digital Edition bundle or the Battle Yellow controller, you don't need to wait. Target has already opened its pre-orders, and you can secure both items at the retailer right now!</p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow"><strong>$84 @ Target</strong></a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow"><strong>$649 @ Target</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T14:02:06+00:00">August 19, 2026 – 10:02 AM</time><h2 id="ps-direct-pre-orders-are-live-including-retailer-exclusive-items">PS Direct pre-orders are live, including retailer exclusive items!</h2><p>It's 10 a.m. ET, get over to PS Direct, and secure the Wolverine items you've been waiting for (if you didn't grab anything from Target already). I'm keeping any eye out for stock levels at PS Direct, and for any other retailers that open up pre-orders now!</p><ul><li><strong>PS5 Slim Console Covers (Wolverine Battle Yellow): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">$74 @ PS Direct</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">$84 @ PS Direct</a></li><li><strong>PS5 DualSense Controller (Wolverine Adamantium): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">$84 @ PS Direct</a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="  https://direct.playstation.com/en-us/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow">$649 @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T14:08:55+00:00">August 19, 2026 – 10:08 AM</time><h2 id="these-ps5-pro-plates-will-be-popular">These PS5 Pro plates will be popular! </h2><p>Here's the links you'll need to pre-order the PS Direct exclusive Wolverine Console Covers, these sold out in 30 minutes in the U.K. so I'm expecting them to go very quickly in the U.S.</p><ul><li><strong>PS5 Pro Console Covers (Wolverine Battle Yellow):</strong> <a href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">$74 @ PS Direct</a></li><li><strong>PS5 Pro Console Covers (Wolverine Adamantium):</strong> <a href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow">$74 @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T14:19:01+00:00">August 19, 2026 – 10:19 AM</time><h2 id="pre-orders-now-live-at-best-buy">Pre-orders now live at Best Buy!</h2><p>Best Buy is the next retailer on the scene, now taking pre-orders for the PS5 Slim console bundle and the Battle Yellow controller (remember, the rest of the items are exclusive to PS Direct)!</p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow"><strong>$84 @ Best Buy</strong></a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow"><strong>$649 @ Best Buy</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T14:26:11+00:00">August 19, 2026 – 10:26 AM</time><h2 id="welcome-to-the-wolverine-party-gamestop">Welcome to the Wolverine party, GameStop</h2><p>Target, PS Direct, Best Buy and now GameStop are all taking pre-orders, so if you've been holding out for the gaming dedicated retailer, wait no longer, go secure your items!</p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.gamestop.com/gaming-accessories/controllers/playstation-5/products/sony-dualsense-wireless-controller---marvels-wolverine-battle-yellow-limited-edition/450549.html" target="_blank" rel="nofollow"><strong>$84 @ GameStop</strong></a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-digital-edition-console---marvels-wolverine-battle-yellow-limited-edition-bundle/450550.html" target="_blank" rel="nofollow"><strong>$649 @ GameStop</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T14:32:45+00:00">August 19, 2026 – 10:32 AM</time><h2 id="walmart-pre-orders-are-now-live">Walmart pre-orders are now live!</h2><p>Everybody is getting in on the action (apart from Amazon?), because now Walmart is taking pre-orders for the PS5 console bundle and the Battle Yellow console, if this is your retailer of choice, go lock in your items!</p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.walmart.com/ip/Project-Flow/20347523715" target="_blank" rel="nofollow"><strong>$84 @ Walmart</strong></a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.walmart.com/ip/PlayStation-5-Digital-Edition-nbsp-Marvel-s-Wolverine-nbsp-Battle-Yellow-nbsp-Limited-Edition-nbsp-Bundle/20881956449" target="_blank" rel="nofollow"><strong>$649 @ Walmart</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T14:49:34+00:00">August 19, 2026 – 10:49 AM</time><h2 id="ps5-pro-console-covers-are-sold-out-in-the-us">PS5 Pro console covers are sold out in the US</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="kPSgUjZygnGfZTMcTJBBtV" name="ps-direct-wolverine-console-covers-sold-out" alt="PlayStation Direct listing page for the Wolverine Console Covers showing a sold out message" src="https://cdn.mos.cms.futurecdn.net/kPSgUjZygnGfZTMcTJBBtV.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>Well, I thought this was coming...</p><p>During the U.K. pre-order drop earlier today, it was the PS5 Pro Console Covers that sold out in about 30 minutes, and it appears the same has happened in the U.S. I'm seeing the dreaded  "currently unavailable" notification on both sets of the console covers on PS Direct, both Battle Yellow and Adamantium are sold out. These are exclusive to PS Direct, so I can't point you to an alternative retailer with pre-orders open. However, I am keeping an eye out for restocks!</p></div><div class="live-content"><time datetime="2026-08-19T15:07:34+00:00">August 19, 2026 – 11:07 AM</time><h2 id="battle-yellow-dualsense-sells-out-at-ps-direct-but-don-t-worry">Battle Yellow DualSense sells out at PS Direct, but don't worry</h2><p>Another spooky repeat of the U.K. pre-order situation, PS Direct U.S. just sold out of the DualSense Battle Yellow variant. But fear not, you haven't missed the boat, there's plenty of other places to grab one like Best Buy, Walmart, Target and GameStop. Just use the links below. Meanwhile, the PS Direct exclusive Adamantium DualSense remains in stock (for now) </p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow"><strong>$84 @ Best Buy</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.walmart.com/ip/Project-Flow/20347523715" target="_blank" rel="nofollow"><strong>$84 @ Walmart</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow"><strong>$84 @ Target</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.gamestop.com/gaming-accessories/controllers/playstation-5/products/sony-dualsense-wireless-controller---marvels-wolverine-battle-yellow-limited-edition/450549.html" target="_blank" rel="nofollow"><strong>$84 @ GameStop</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Adamantium): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow"><strong>$84 @ PS Direct</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T15:39:32+00:00">August 19, 2026 – 11:39 AM</time><h2 id="console-pre-orders-are-still-live-at-most-retailers">Console pre-orders are still live at most retailers</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8XivuTPH5BS5QKAjYARbWE" name="wolverine-ps5-limited-edition-console" alt="Wolverine PS5 limited-edition console" src="https://cdn.mos.cms.futurecdn.net/8XivuTPH5BS5QKAjYARbWE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>While the special edition DualSense and faceplates might be selling out, pre-orders for the console itself are still readily available. The recent PS5 price increase may be causing folks to hesitate to buy this special edition console. While price hikes certainly aren't ideal, they could be inadvertently making it possible to actually get one of these Wolverine-themed PS5s.</p><p>Though you probably don't want to wait too long to grab one of these consoles, there isn't the same sense of urgency as there was during the PS5's initial launch. However, if you see pre-orders go live again for the controller or faceplates, act fast, as those are going quickly!</p></div><div class="live-content"><time datetime="2026-08-19T16:06:13+00:00">August 19, 2026 – 12:06 PM</time><h2 id="wolverine-the-console-isn-t-on-amazon-but-wolverine-the-little-guy-is">Wolverine the console isn't on Amazon, but Wolverine the little guy is</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="aBVopK42n7W5AZDGpFu6ub" name="wolverine-controller-holder" alt="Wolverine-themed controller holder on a desk" src="https://cdn.mos.cms.futurecdn.net/aBVopK42n7W5AZDGpFu6ub.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Cableguys)</span></figcaption></figure><p>For now, save a the Adamantium silver plates, most every retailer has pre-order options open. However, Amazon has yet to open any pages offering preorders. </p><p>That said, you could pick up this <a href="https://www.amazon.com/Cable-Guys-Wolverine-Xbox-360/dp/B07QTVFNVS/" target="_blank">Wolverine Controller Holder & Phone Stand </a>for only $33. It's classic little guy stepping on destroyed Sentinel parts in his 90s X-Men outfit. </p></div><div class="live-content"><time datetime="2026-08-19T16:29:45+00:00">August 19, 2026 – 12:29 PM</time><h2 id="amazon-finally-has-the-battle-yellow-dualsense">Amazon finally has the Battle Yellow DualSense</h2><p>It took a while, but finally some signs of life over at Amazon. Still no signs of the PS5 console bundle, but the DualSense in Battle Yellow is now up for pre-order at the world's biggest online retailer. Amazon being a little late to the pre-order party!</p><ul><li><strong>PS5 DualSense Controller (Battle Yellow): </strong><a href="https://www.amazon.com/PlayStation-DualSense%C2%AE-Wireless-Controller-Gaming-Console/dp/B0HF1FBXSL" target="_blank" rel="nofollow"><strong>$84 @ Amazon</strong></a><strong></strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T16:58:08+00:00">August 19, 2026 – 12:58 PM</time><h2 id="stock-sweep-target-out-of-contollers">Stock sweep - Target out of contollers</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:63.44%;"><img id="t6pRnHE25F8YwaQQaDr8U3" name="wolverine-ds5-yellow-le-image-block-01-en-19jun26" alt="DualSense Wireless Controller – Marvel’s Wolverine Battle Yellow Limited Edition" src="https://cdn.mos.cms.futurecdn.net/t6pRnHE25F8YwaQQaDr8U3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1015" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>I've taken a look through the major retailers to see what's available and most everywhere has stock on the consoles and controllers, except Target.</p><p>For those who prefer Target, the battle yellow Wolverine controller is sold out.  You'll need to look elsewhere if you're hunting for that version of the DualSense.</p><p>The PS5 Pro Console covers have been out of stock on PS Direct for an hour or more now.</p><p>Grab the controller here: </p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow"><strong>$84 @ Best Buy</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.walmart.com/ip/Project-Flow/20347523715" target="_blank" rel="nofollow"><strong>$84 @ Walmart</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.gamestop.com/gaming-accessories/controllers/playstation-5/products/sony-dualsense-wireless-controller---marvels-wolverine-battle-yellow-limited-edition/450549.html" target="_blank" rel="nofollow"><strong>$84 @ GameStop</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Adamantium): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow"><strong>$84 @ PS Direct</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T17:27:52+00:00">August 19, 2026 – 1:27 PM</time><h2 id="have-you-pre-ordered">Have you pre-ordered?</h2><p>If you pre-ordered the console or controllers I'd love to know what you picked. The yellow looks awesome, but I am leaning toward the adamantium version, I'm a sucker for a nice silver streak.</p><p>Let me know in the comments.</p></div><div class="live-content"><time datetime="2026-08-19T18:20:29+00:00">August 19, 2026 – 2:20 PM</time><h2 id="it-is-expensive">It is expensive</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8XivuTPH5BS5QKAjYARbWE" name="wolverine-ps5-limited-edition-console" alt="Wolverine PS5 limited-edition console" src="https://cdn.mos.cms.futurecdn.net/8XivuTPH5BS5QKAjYARbWE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>As a reminder this special edition console will cost you $649. If you want a second controller that adds $84 to the total. </p><p>But of the special edition consoles, this one looks pretty cool.</p></div><div class="live-content"><time datetime="2026-08-19T18:58:51+00:00">August 19, 2026 – 2:58 PM</time><h2 id="where-are-we-after-five-hours-of-tracking">Where are we after five hours of tracking</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="E2FWRC79FFmzmGvZwSRmVn" name="X-Men-1992.jpg" alt="Wolverine in the 1992 series X-Men" src="https://cdn.mos.cms.futurecdn.net/E2FWRC79FFmzmGvZwSRmVn.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Alamy)</span></figcaption></figure><p>Pre-orders started going live about five hours ago, and for the most part, if you want Wolverine, you can get the console and controllers. </p><p>To add to the out-of-stock options, <a href="https://www.walmart.com/ip/Project-Flow/20347523715?clickid=RVhXImxrxxyZT1cw3KQmtUkEUkr0cU1xMUyy0s0&irgwc=1&afsrc=1&sourceid=imp_RVhXImxrxxyZT1cw3KQmtUkEUkr0cU1xMUyy0s0&veh=aff&wmlspartner=imp_1943169&affiliates_ad_id=568844&campaign_id=9383&sharedid=tomsguide-us" target="_blank">Walmart no longer appears</a> to have the Battle Yellow controller available for pre-order. That goes along with the Target option as well.</p></div> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/news/live/marvels-wolverine-ps5-console-and-controllers-pre-orders-live-updates</link>
                                                                            <description>
                            <![CDATA[ Marvel's Wolverine PS5 console and controllers pre-orders begin today, and I've got all the live updates you need to secure yours. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">NyEfjzvgXBsgpsBQPuL34L</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/MWngwoh4ZhTfipjscrfsM9-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Wed, 19 Aug 2026 07:33:29 +0000</pubDate>                                                                                                                                <updated>Wed, 19 Aug 2026 20:10:13 +0000</updated>
                                                                                                                                            <category><![CDATA[Playstation]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ rory.mellon@futurenet.com (Rory Mellon) ]]></author>                    <dc:creator><![CDATA[ Rory Mellon ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/5Rv6LtQXMj5JB4Eu8Lt4Sn.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/MWngwoh4ZhTfipjscrfsM9-1280-80.jpg">
                                                            <media:credit><![CDATA[Sony Interactive Entertainment]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[PS5 console Wolverine edition with a DualSense controller on a yellow background]]></media:description>                                                            <media:text><![CDATA[PS5 console Wolverine edition with a DualSense controller on a yellow background]]></media:text>
                                <media:title type="plain"><![CDATA[PS5 console Wolverine edition with a DualSense controller on a yellow background]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/MWngwoh4ZhTfipjscrfsM9-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <div class="live-content"><div  class="fancy-box"><div class="fancy_box-title">Marvel's Wolverine PS5 console and controllers pre-orders</div><div class="fancy_box_body"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' ><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="YZ6oxxyvkL4Cv8hUxRh7th" name="Wolverine LIST2" caption="" alt="PS5 console Wolverine edition with a DualSense controller and in-game screenshot of Logan on a yellow background" src="https://cdn.mos.cms.futurecdn.net/YZ6oxxyvkL4Cv8hUxRh7th.jpg" mos="" link="" align="" fullscreen="" width="" height="" attribution="" endorsement="" class="pinterest-pin-exclude"></p></div></div><figcaption itemprop="caption description" class=""><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p class="fancy-box__body-text"><strong>US (pre-orders now live)</strong><br><em>PS5 console bundle: </em><a data-analytics-id="inline-link" href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow"><em>pre-orders LIVE</em></a><br><em>DualSense controller: </em><a data-analytics-id="inline-link" href="https://www.amazon.com/PlayStation-DualSense%C2%AE-Wireless-Controller-Gaming-Console/dp/B0HF1FBXSL" target="_blank" rel="nofollow"><em>pre-orders LIVE</em></a><br><em>PS5 Slim Console Covers: </em><a data-analytics-id="inline-link" href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow"><em>pre-orders LIVE</em></a><br>----------------------------------<br><strong>UK (pre-orders now live)</strong><br><em>PS5 console bundle: </em><a data-analytics-id="inline-link" href="https://www.currys.co.uk/products/playstation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow"><em>pre-orders LIVE</em></a><em></em><br><em>DualSense controller: </em><a data-analytics-id="inline-link" href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow"><em>pre-orders LIVE</em></a><em></em><br><em>PS5 Slim Console Covers: </em><a data-analytics-id="inline-link" href="https://direct.playstation.com/en-gb/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow"><em>pre-orders LIVE</em></a><br>----------------------------------<br>1. <a data-analytics-id="inline-link" href="#section-wolverine-ps5-pre-orders-quick-links">Quick Links</a><br>2. <a data-analytics-id="inline-link" href="#section-wolverine-ps5-console-bundle-pre-orders">Wolverine PS5 console pre-orders</a><br>3. <a data-analytics-id="inline-link" href="#section-wolverine-ps5-dualsense-controllers-pre-orders">Wolverine PS5 controller pre-orders</a><br>4. <a data-analytics-id="inline-link" href="#section-wolverine-ps5-console-covers-pre-orders">Wolverine PS5 console cover pre-orders</a><br>5. <a data-analytics-id="inline-link" href="#section-wolverine-ps5-console-and-controllers-uk-pre-orders">U.K. pre-orders</a><br>6. <a data-analytics-id="inline-link" href="#section-live-updates">LIVE: Latest updates</a></p></div></div><p>Your <a href="https://www.tomsguide.com/reviews/ps5">PS5</a> console is about to get a Wolverine-themed makeover, as PlayStation is dropping a range of limited-edition items to mark the upcoming release of its new exclusive, Marvel’s Wolverine. <strong>Pre-orders are now LIVE in the U.S. and U.K.</strong>, and the available stock is being snapped up faster than Logan's healing factor can kick in!</p><p>The range includes a limited-edition Wolverine PS5 console bundle, two new DualSense controller designs, and, for those who already own a PS5, a range of <a href="https://www.tomsguide.com/gaming/playstation/ps5-slim">PS5 Slim</a> and <a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-review">PS5 Pro</a> Console Covers (sorry to launch model owners). The items come in two variants, Battle Yellow and Adamantium. The latter exclusive to PlayStation Direct. </p><p>If the limited-edition range for Insomniac’s last Marvel game, <a href="https://www.tomsguide.com/reviews/spider-man-2">Spider-Man 2</a>, is any indication, these Wolverine items are going to sell out very quickly. And you know resellers will be on the scene to ruin another gaming drop for the rest of us.</p><p>Fortunately, I’ve got more than six years of experience tracking pre-orders and restocks for in-demand items, from the original PS5 stock nightmare to the uber-popular (and very hard to buy) PlayStation 30th Anniversary Collection. I’m using all that knowledge to help you secure these limited-edition Wolverine PS5 products today. Below are all the retailer links you’ll need and the latest live update to make sure you get the bag!</p><h3 class="article-body__section" id="section-wolverine-ps5-pre-orders-quick-links"><span>Wolverine PS5 pre-orders - quick links</span></h3><ul><li><strong>Wolverine Battle Yellow PS5 bundle: </strong><a href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow">$649 @ Best Buy</a></li><li><strong>Wolverine Battle Yellow PS5 DualSense: </strong><a href="https://www.amazon.com/PlayStation-DualSense%C2%AE-Wireless-Controller-Gaming-Console/dp/B0HF1FBXSL" target="_blank" rel="nofollow">$84 @ Amazon</a></li><li><strong>Wolverine Adamantium PS5 DualSense: </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">$84 @ PS Direct</a></li><li><strong>Wolverine Battle Yellow PS5 Slim console covers: </strong><a href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">$74 @ PS Direct</a></li><li><strong>Wolverine Battle Yellow PS5 Pro console covers: </strong><a href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">check stock @ PS Direct</a></li><li><strong>Wolverine Adamantium PS5 Pro console covers: </strong><a href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow">check stock @ PS Direct</a></li></ul><h3 class="article-body__section" id="section-wolverine-ps5-console-bundle-pre-orders"><span>Wolverine PS5 console bundle pre-orders</span></h3><div class="product"><a data-dimension112="b3876d3c-9b1e-11f1-86fd-3b12ad0ec66a" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649" href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1331px;"><p class="vanilla-image-block" style="padding-top:68.52%;"><img id="yjsgCbZzcWDLMuhHtLHa7K" name="Best Buy deal block 2022.jpeg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/yjsgCbZzcWDLMuhHtLHa7K.jpeg" mos="" align="middle" fullscreen="" width="1331" height="912" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow" data-dimension112="b3876d3c-9b1e-11f1-86fd-3b12ad0ec66a" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">(Wolverine Battle Yellow): $649</a></strong><br>Best Buy is now taking pre-orders of the PS5 Digital Edition Wolverine Battle Yellow Bundle, it costs $649. <a class="view-deal button" href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow" data-dimension112="b3876d3c-9b1e-11f1-86fd-3b12ad0ec66a" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">View Deal</a></p></div><div class="product"><a data-dimension112="b3876db4-9b1e-11f1-b3e3-553683ccd907" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649" href="https://www.walmart.com/ip/PlayStation-5-Digital-Edition-nbsp-Marvel-s-Wolverine-nbsp-Battle-Yellow-nbsp-Limited-Edition-nbsp-Bundle/20881956449" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RZkKnBkdjDJ6QRZq2RmaPY" name="Walmart-Logo-2008" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/RZkKnBkdjDJ6QRZq2RmaPY.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.walmart.com/ip/PlayStation-5-Digital-Edition-nbsp-Marvel-s-Wolverine-nbsp-Battle-Yellow-nbsp-Limited-Edition-nbsp-Bundle/20881956449" target="_blank" rel="nofollow" data-dimension112="b3876db4-9b1e-11f1-b3e3-553683ccd907" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">(Wolverine Battle Yellow): $649</a></strong><br>Walmart is another retailer that is always involved when limited-edition items drop. It currently has stock of the PS5 Digital Edition Wolverine Battle Yellow Bundle.<a class="view-deal button" href="https://www.walmart.com/ip/PlayStation-5-Digital-Edition-nbsp-Marvel-s-Wolverine-nbsp-Battle-Yellow-nbsp-Limited-Edition-nbsp-Bundle/20881956449" target="_blank" rel="nofollow" data-dimension112="b3876db4-9b1e-11f1-b3e3-553683ccd907" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">View Deal</a></p></div><div class="product"><a data-dimension112="b3876e22-9b1e-11f1-a12e-a1ca3352f374" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649" href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:129.60%;"><img id="J4ioQbCcWu8knu9FrYgeRT" name="purepng.com-target-logologobrand-logoiconslogos-251519939485oxces" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/J4ioQbCcWu8knu9FrYgeRT.png" mos="" align="middle" fullscreen="" width="2000" height="2592" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow" data-dimension112="b3876e22-9b1e-11f1-a12e-a1ca3352f374" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">(Wolverine Battle Yellow): $649</a></strong><br>Target has gone early and is now taking pre-orders for the PS5 Digital Edition Wolverine Battle Yellow Bundle ahead of its release on September 15. <a class="view-deal button" href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow" data-dimension112="b3876e22-9b1e-11f1-a12e-a1ca3352f374" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">View Deal</a></p></div><div class="product"><a data-dimension112="b3876c2e-9b1e-11f1-b6e3-b38528b6413c" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649" href="https://direct.playstation.com/en-us/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-us/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow" data-dimension112="b3876c2e-9b1e-11f1-b6e3-b38528b6413c" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">(Wolverine Battle Yellow): $649</a></strong><br>The PS5 Digital Edition Wolverine Battle Yellow Bundle includes the PS5 console (without a disc drive) decked out in a slick Wolverine theme, a matching DualSense controller, and a digital copy of Marvel's Wolverine. <a class="view-deal button" href="https://direct.playstation.com/en-us/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow" data-dimension112="b3876c2e-9b1e-11f1-b6e3-b38528b6413c" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">View Deal</a></p></div><div class="product"><a data-dimension112="b3876e90-9b1e-11f1-bba6-f742ddc5c311" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649" href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-digital-edition-console---marvels-wolverine-battle-yellow-limited-edition-bundle/450550.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:400px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="EXpDruhoaAuddyN6RUCGyb" name="GameStop logo.png" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/EXpDruhoaAuddyN6RUCGyb.png" mos="" align="middle" fullscreen="" width="400" height="400" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-digital-edition-console---marvels-wolverine-battle-yellow-limited-edition-bundle/450550.html" target="_blank" rel="nofollow" data-dimension112="b3876e90-9b1e-11f1-bba6-f742ddc5c311" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">(Wolverine Battle Yellow): $649</a></strong><br>Naturally, as a gaming-dedicated retailer, GameStop is taking pre-orders for the PS5 Digital Edition Wolverine Battle Yellow Bundle. It cost $649, which is MSRP.<a class="view-deal button" href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-digital-edition-console---marvels-wolverine-battle-yellow-limited-edition-bundle/450550.html" target="_blank" rel="nofollow" data-dimension112="b3876e90-9b1e-11f1-bba6-f742ddc5c311" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">View Deal</a></p></div><div class="product"><a data-dimension112="b3876cc4-9b1e-11f1-9981-5bb6aaa8a3d8" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649" href="https://www.amazon.com/s?k=wolverine+ps5+console+bundle" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ecjfqi2UgurxrA42rX7pML" name="Amazon-Logo.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/ecjfqi2UgurxrA42rX7pML.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/s?k=wolverine+ps5+console+bundle" target="_blank" rel="nofollow" data-dimension112="b3876cc4-9b1e-11f1-9981-5bb6aaa8a3d8" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">(Wolverine Battle Yellow): $649</a></strong><br>Amazon is likely to be taking pre-orders for the PS5 Digital Edition Wolverine Battle Yellow Bundle today. It'll ship on (or around) the game's release date, September 15.<a class="view-deal button" href="https://www.amazon.com/s?k=wolverine+ps5+console+bundle" target="_blank" rel="nofollow" data-dimension112="b3876cc4-9b1e-11f1-9981-5bb6aaa8a3d8" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$649">View Deal</a></p></div><h3 class="article-body__section" id="section-wolverine-ps5-dualsense-controllers-pre-orders"><span>Wolverine PS5 DualSense controllers pre-orders</span></h3><div class="product"><a data-dimension112="b3876fee-9b1e-11f1-8967-d13a2326e64b" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84" href="https://www.amazon.com/PlayStation-DualSense%C2%AE-Wireless-Controller-Gaming-Console/dp/B0HF1FBXSL" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ecjfqi2UgurxrA42rX7pML" name="Amazon-Logo.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/ecjfqi2UgurxrA42rX7pML.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/PlayStation-DualSense%C2%AE-Wireless-Controller-Gaming-Console/dp/B0HF1FBXSL" target="_blank" rel="nofollow" data-dimension112="b3876fee-9b1e-11f1-8967-d13a2326e64b" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">(Wolverine Battle Yellow): $84</a></strong><br>Amazon took its time, but after a lot of waiting, and hours later than its retail rivals, it's finally taking pre-orders for the DualSense controller in Battle Yellow. Lock in yours now.<a class="view-deal button" href="https://www.amazon.com/PlayStation-DualSense%C2%AE-Wireless-Controller-Gaming-Console/dp/B0HF1FBXSL" target="_blank" rel="nofollow" data-dimension112="b3876fee-9b1e-11f1-8967-d13a2326e64b" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">View Deal</a></p></div><div class="product"><a data-dimension112="b387705c-9b1e-11f1-bdfe-038091463737" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84" href="https://www.bestbuy.com/product/sony-interactive-entertainment-dualsense-wireless-controller-marvels-wolverine-battle-limited-edition-for-ps5-pc-mac-mobile-yellow/JXHQ37ZQ8C" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1331px;"><p class="vanilla-image-block" style="padding-top:68.52%;"><img id="yjsgCbZzcWDLMuhHtLHa7K" name="Best Buy deal block 2022.jpeg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/yjsgCbZzcWDLMuhHtLHa7K.jpeg" mos="" align="middle" fullscreen="" width="1331" height="912" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.bestbuy.com/product/sony-interactive-entertainment-dualsense-wireless-controller-marvels-wolverine-battle-limited-edition-for-ps5-pc-mac-mobile-yellow/JXHQ37ZQ8C" target="_blank" rel="nofollow" data-dimension112="b387705c-9b1e-11f1-bdfe-038091463737" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">(Wolverine Battle Yellow): $84</a></strong><br>Best Buy will be a great place to pick up a Wolverine-themed PS5 DualSense controller. It retails for the base price of $84 and should ship in time for September 15. <a class="view-deal button" href="https://www.bestbuy.com/product/sony-interactive-entertainment-dualsense-wireless-controller-marvels-wolverine-battle-limited-edition-for-ps5-pc-mac-mobile-yellow/JXHQ37ZQ8C" target="_blank" rel="nofollow" data-dimension112="b387705c-9b1e-11f1-bdfe-038091463737" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">View Deal</a></p></div><div class="product"><a data-dimension112="b38770d4-9b1e-11f1-a070-95dd54fdac1c" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84" href="https://www.walmart.com/ip/Project-Flow/20347523715" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RZkKnBkdjDJ6QRZq2RmaPY" name="Walmart-Logo-2008" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/RZkKnBkdjDJ6QRZq2RmaPY.png" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.walmart.com/ip/Project-Flow/20347523715" target="_blank" rel="nofollow" data-dimension112="b38770d4-9b1e-11f1-a070-95dd54fdac1c" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">(Wolverine Battle Yellow): $84</a></strong><br>Walmart is now taking pre-orders of the limited-edition Wolverine Battle Yellow DualSense controllers. <a class="view-deal button" href="https://www.walmart.com/ip/Project-Flow/20347523715" target="_blank" rel="nofollow" data-dimension112="b38770d4-9b1e-11f1-a070-95dd54fdac1c" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">View Deal</a></p></div><div class="product"><a data-dimension112="b3877142-9b1e-11f1-8e71-53f97f1f2083" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84" href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:129.60%;"><img id="J4ioQbCcWu8knu9FrYgeRT" name="purepng.com-target-logologobrand-logoiconslogos-251519939485oxces" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/J4ioQbCcWu8knu9FrYgeRT.png" mos="" align="middle" fullscreen="" width="2000" height="2592" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow" data-dimension112="b3877142-9b1e-11f1-8e71-53f97f1f2083" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">(Wolverine Battle Yellow): $84</a></strong><br>Pre-orders weren't supposed to begin until 10 a.m. ET, but Target has gone early, and you can secure the Wolverine Battle Yellow DualSense now!<a class="view-deal button" href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow" data-dimension112="b3877142-9b1e-11f1-8e71-53f97f1f2083" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">View Deal</a></p></div><div class="product"><a data-dimension112="b38771b0-9b1e-11f1-b380-cb36af9ceff5" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84" href="https://www.gamestop.com/gaming-accessories/controllers/playstation-5/products/sony-dualsense-wireless-controller---marvels-wolverine-battle-yellow-limited-edition/450549.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:400px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="EXpDruhoaAuddyN6RUCGyb" name="GameStop logo.png" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/EXpDruhoaAuddyN6RUCGyb.png" mos="" align="middle" fullscreen="" width="400" height="400" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.gamestop.com/gaming-accessories/controllers/playstation-5/products/sony-dualsense-wireless-controller---marvels-wolverine-battle-yellow-limited-edition/450549.html" target="_blank" rel="nofollow" data-dimension112="b38771b0-9b1e-11f1-b380-cb36af9ceff5" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">(Wolverine Battle Yellow): $84</a></strong><br>GameStop is another retailer where you can currently lock in your pre-order of the Wolverine Battle Yellow DualSense. The limited-edition controller costs $84. <a class="view-deal button" href="https://www.gamestop.com/gaming-accessories/controllers/playstation-5/products/sony-dualsense-wireless-controller---marvels-wolverine-battle-yellow-limited-edition/450549.html" target="_blank" rel="nofollow" data-dimension112="b38771b0-9b1e-11f1-b380-cb36af9ceff5" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">View Deal</a></p></div><div class="product"><a data-dimension112="b3876f80-9b1e-11f1-b5c3-1ba0fde73688" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="$84" href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow" data-dimension112="b3876f80-9b1e-11f1-b5c3-1ba0fde73688" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="$84">(Wolverine Adamantium): $84</a></strong><br>If you've got your eyes on the Adamantium version of the PS5 DualSense, there's only one place to get it: PS Direct. This variant of the controller is exclusive to the retailer.<a class="view-deal button" href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow" data-dimension112="b3876f80-9b1e-11f1-b5c3-1ba0fde73688" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="$84">View Deal</a></p></div><div class="product"><a data-dimension112="b3876f12-9b1e-11f1-a92e-9d7c8be7d5f9" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84" href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow" data-dimension112="b3876f12-9b1e-11f1-a92e-9d7c8be7d5f9" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">(Wolverine Battle Yellow): $84</a></strong><br>The DualSense controller in Wolverine Battle Yellow gives the popular PS5 pad a very cool Mutant makeover. PS Direct is currently sold out, but other retailers have stock.<a class="view-deal button" href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow" data-dimension112="b3876f12-9b1e-11f1-a92e-9d7c8be7d5f9" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$84">View Deal</a></p></div><h3 class="article-body__section" id="section-wolverine-ps5-console-covers-pre-orders"><span>Wolverine PS5 Console Covers pre-orders</span></h3><div class="product"><a data-dimension112="b3877228-9b1e-11f1-b46b-994dc623137a" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$74" href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="b3877228-9b1e-11f1-b46b-994dc623137a" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$74">(Wolverine Battle Yellow): $74</a></strong><br>The Wolverine edition PS5 console covers are exclusive to PlayStation Direct, and if you own a PS5 Slim, your only option is the Battle Yellow variant. <a class="view-deal button" href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="b3877228-9b1e-11f1-b46b-994dc623137a" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$74">View Deal</a></p></div><div class="product"><a data-dimension112="b3877296-9b1e-11f1-abfd-15378f49f0a1" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$74" href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="b3877296-9b1e-11f1-abfd-15378f49f0a1" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$74">(Wolverine Battle Yellow): $74</a></strong><br>The PS5 Pro Battle Yellow Console Covers were made available for pre-order at 10 a.m. ET and sold out in less than 30 minutes. Let's hope there's a restock very soon. <a class="view-deal button" href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="b3877296-9b1e-11f1-abfd-15378f49f0a1" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="$74">View Deal</a></p></div><div class="product"><a data-dimension112="b3877304-9b1e-11f1-8fa8-73ea4afaa5b0" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="$74" href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="HZfFhWobR5BcFYUhfz5KbR" name="playstation-logo" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HZfFhWobR5BcFYUhfz5KbR.jpg" mos="" align="middle" fullscreen="" width="1000" height="1000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow" data-dimension112="b3877304-9b1e-11f1-8fa8-73ea4afaa5b0" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="$74">(Wolverine Adamantium): $74</a></strong><br>The Adamantium PS5 Pro console covers didn't take long to sell out and are exclusive to PS Direct. There could be a restock, so keep checking stock just in case you get lucky. <a class="view-deal button" href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow" data-dimension112="b3877304-9b1e-11f1-8fa8-73ea4afaa5b0" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="$74">View Deal</a></p></div><h3 class="article-body__section" id="section-wolverine-ps5-console-and-controllers-uk-pre-orders"><span>Wolverine PS5 console and controllers UK pre-orders</span></h3><p><em>As of 10 a.m. BST on Wednesday, August 19, pre-orders for the limited-edition Marvel's Wolverine range have begun in the U.K. See below for all the buying links you need.</em></p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.currys.co.uk/products/playstation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow">£569 @ Currys</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Currys</a></li><li><strong>PS5 DualSense Controller (Wolverine Adamantium): </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li><li><strong>Wolverine PS5 Slim Battle Yellow console covers: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a></li><li><strong>Wolverine PS5 Pro Battle Yellow console covers: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">check stock @ PS Direct</a></li><li><strong>Wolverine PS5 Pro Adamantium console covers: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow">check stock @ PS Direct</a></li></ul><div class="product"><a data-dimension112="937367bc-9b28-11f1-9f02-11b91a4c4ed5" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£569" href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:88.25%;"><img id="LDG8s4CZ5C7fZxW2AG9QW3" name="wolverine-ps5-yellow-le-image-block-01-en-19jun26" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/LDG8s4CZ5C7fZxW2AG9QW3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1412" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow" data-dimension112="937367bc-9b28-11f1-9f02-11b91a4c4ed5" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£569">(Wolverine Battle Yellow): £569</a></strong><br>The PS5 Wolverine Digital Edition Bundle includes the base PS5 Slim with a very slick Mutant-themed design, a matching DualSense controller, and a digital copy of the Marvel's Wolverine game with a couple of extra DLC skins. <strong>Additional retailers</strong>: <a href="https://direct.playstation.com/en-gb/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow">£569 @ PS Direct</a> | <a href="https://www.smythstoys.com/uk/en-gb/gaming-and-tech/games/marvels-wolverine/playstation-5-digital-edition-slim-wolverine-limited-edt-bundle/p/264695" target="_blank" rel="nofollow">£569 @ Smyths</a> | <a href="https://www.very.co.uk/playstation-5-playstationreg5-digital-edition-marvels-wolverine-battle-yellow-limited-edition-bundle-825gb/1601288149.prd" target="_blank" rel="nofollow">£569 @ Very</a><a class="view-deal button" href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow" data-dimension112="937367bc-9b28-11f1-9f02-11b91a4c4ed5" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£569">View Deal</a></p></div><div class="product"><a data-dimension112="937368b6-9b28-11f1-a254-51051ea66241" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£74" href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:63.44%;"><img id="t6pRnHE25F8YwaQQaDr8U3" name="wolverine-ds5-yellow-le-image-block-01-en-19jun26" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/t6pRnHE25F8YwaQQaDr8U3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1015" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow" data-dimension112="937368b6-9b28-11f1-a254-51051ea66241" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£74">(Wolverine Battle Yellow): £74</a></strong><br>The Wolverine Battle Yellow controller gives the DualSense a design that combines the hero's classic color with scratch marks that could only have been made by his iconic claws. It'll retail for £74 in the U.K.<br><strong>Additional retailers: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a> | <a href="https://www.smythstoys.com/uk/en-gb/gaming-and-tech/games/marvels-wolverine/playstation-5-dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition/p/264704" target="_blank" rel="nofollow">£74 @ Smyths</a><a class="view-deal button" href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow" data-dimension112="937368b6-9b28-11f1-a254-51051ea66241" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£74">View Deal</a></p></div><div class="product"><a data-dimension112="93736848-9b28-11f1-9945-e3537bdd14f4" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="£74" href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:63.44%;"><img id="JmTPEnpSuC9uTQ6cijmCa3" name="wolverine-ds5-silver-le-image-block-01-en-19jun26" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/JmTPEnpSuC9uTQ6cijmCa3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1015" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow" data-dimension112="93736848-9b28-11f1-9945-e3537bdd14f4" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="£74">(Wolverine Adamantium): £74</a></strong><br>The Wolverine Adamantium DualSense is exclusive to PlayStation Direct, and I expect it'll be one of the first items to sell out during this pre-order event.<a class="view-deal button" href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow" data-dimension112="93736848-9b28-11f1-9945-e3537bdd14f4" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="£74">View Deal</a></p></div><div class="product"><a data-dimension112="9373691a-9b28-11f1-b4e0-f32b30939b1d" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£64" href="https://direct.playstation.com/en-gb/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:98.56%;"><img id="foXNtT5qZwXeAdw9S5GXS3" name="wolverine-ps5-disc-yellow-le-image-block-01-en-19jun26" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/foXNtT5qZwXeAdw9S5GXS3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1577" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-gb/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="9373691a-9b28-11f1-b4e0-f32b30939b1d" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£64">(Wolverine Battle Yellow): £64</a></strong><br>If you already own a PS5 Slim console, you can give it the Wolverine look with these limited-edition Console Covers. <a class="view-deal button" href="https://direct.playstation.com/en-gb/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="9373691a-9b28-11f1-b4e0-f32b30939b1d" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£64">View Deal</a></p></div><div class="product"><a data-dimension112="9373697e-9b28-11f1-9f5e-d1ea5daaf494" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£64" href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:98.56%;"><img id="aHhTmzYbSqhdJsifUF9XY3" name="wolverine-ps5-pro-yellow-le-image-block-01-en-19jun26" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/aHhTmzYbSqhdJsifUF9XY3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1577" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="9373697e-9b28-11f1-9f5e-d1ea5daaf494" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£64">(Wolverine Battle Yellow): £64</a></strong><br>It's the same deal if you already own a PS5 Pro, you don't have to buy a whole new console to get the Wolverine look; just pick up these limited-edition console covers. These covers went up for pre-order at 10 a.m. BST and sold out in about 30 minutes. I'm watching for a restock now. <a class="view-deal button" href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow" data-dimension112="9373697e-9b28-11f1-9f5e-d1ea5daaf494" data-action="Deal Block" data-label="(Wolverine Battle Yellow)" data-dimension48="(Wolverine Battle Yellow)" data-dimension25="£64">View Deal</a></p></div><div class="product"><a data-dimension112="937369d8-9b28-11f1-bf70-d337e88afed1" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="£64" href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:98.56%;"><img id="ZF5udBTuTQZ9YQgQ3BpeQ3" name="wolverine-ps5-pro-silver-le-image-block-01-en-19jun26" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/ZF5udBTuTQZ9YQgQ3BpeQ3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1577" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow" data-dimension112="937369d8-9b28-11f1-bf70-d337e88afed1" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="£64">(Wolverine Adamantium): £64</a></strong><br>Once again, the Adamantium look is exclusive to PlayStation Direct in the U.K. These console covers are further limited to the PS5 Pro; there's no PS5 Slim option. These covers went up for pre-order at 10 a.m. BST and sold out in about 30 minutes. I'm watching for a restock now. <a class="view-deal button" href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow" data-dimension112="937369d8-9b28-11f1-bf70-d337e88afed1" data-action="Deal Block" data-label="(Wolverine Adamantium)" data-dimension48="(Wolverine Adamantium)" data-dimension25="£64">View Deal</a></p></div><h3 class="article-body__section" id="section-live-updates"><span>Live updates</span></h3></div><div class="live-content"><time datetime="2026-08-19T07:35:49+00:00">August 19, 2026 – 3:35 AM</time><h2 id="welcome-3">Welcome!</h2><p>Good morning! Welcome to Tom's Guide's live coverage of today's Marvel's Wolverine PS5 console and controllers pre-orders, there's plenty to cover ahead of the first stock appearing, so let's not waste time, and dive into what you need to know.</p></div><div class="live-content"><time datetime="2026-08-19T07:41:56+00:00">August 19, 2026 – 3:41 AM</time><h2 id="here-s-what-you-can-pre-order-today">Here's what you can pre-order today!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/9KDStKJtMZY" allowfullscreen></iframe></div></div><p>So, if you're coming into this pre-order event wondering what will actually be available today, you can get a good look at the full range in the above trailer. But if you prefer to read rather than watch, here's the full Marvel's Wolverine limited edition range that will be available to pre-order today: </p><ul><li>PlayStation 5 Digital Edition – Marvel’s Wolverine Battle Yellow Limited Edition Bundle ($649.99 / £569.99)</li><li>DualSense Wireless Controller – Marvel’s Wolverine Battle Yellow Limited Edition ($84.99 / £74.99)</li><li>DualSense Wireless Controller – Marvel’s Wolverine Adamantium Limited Edition (84.99 / £74.99 GBP)</li><li>PlayStation 5 Console Covers – Battle Yellow Limited Edition ($74.99 / £64.99)</li><li>PlayStation 5 Pro Console Covers – Marvel’s Wolverine Battle Yellow Limited Edition ($74.99 / £64.99)</li><li>PlayStation 5 Pro Console Covers –Marvel’s Wolverine Adamantium Limited Edition ($74.99 / £64.99)</li></ul></div><div class="live-content"><time datetime="2026-08-19T07:44:50+00:00">August 19, 2026 – 3:44 AM</time><h2 id="watch-the-latest-marvel-s-wolverine-trailer-while-you-wait">Watch the latest Marvel's Wolverine trailer while you wait!</h2><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/3Z42tBfBLJY" allowfullscreen></iframe></div></div><p>Today's pre-order event hasn't started yet, so why not get in the mood by watching the latest trailer for Marvel's Wolverine which arrives exclusively on PS5 on September 15.  </p></div><div class="live-content"><time datetime="2026-08-19T07:58:09+00:00">August 19, 2026 – 3:58 AM</time><h2 id="playstation-direct-is-the-only-place-to-get-the-full-range">PlayStation Direct is the only place to get the full range!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="2s7pYFzTXPQbkDmreoQvoL" name="wolverine-ps5-promo-image" alt="Marvel's Wolverine screenshot showing Logan attacking an enemy" src="https://cdn.mos.cms.futurecdn.net/2s7pYFzTXPQbkDmreoQvoL.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Insomniac Games / Sony Interactive Entertainment)</span></figcaption></figure><p>PlayStation has been increasingly eager to point shoppers towards it's own online retailer, PlayStation Direct. During previous limited edition drops, we've seen PS Direct take pre-orders first, or even offer exclusive items, and that's the case today. </p><p>The PS5 Digital Edition Bundle and PS5 DualSense Controller (Battle Yellow) will be stocked by PS Direct and "additional retailers," but the <strong>Adamantium DualSense Controller</strong> and <strong>Wolverine-themed PS5 Console Covers</strong>, are <strong>exclusive to PS Direct</strong>.</p></div><div class="live-content"><time datetime="2026-08-19T08:06:43+00:00">August 19, 2026 – 4:06 AM</time><h2 id="uk-stock-has-appeared-a-whole-hour-early">UK stock has appeared a whole hour early!</h2><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.currys.co.uk/products/playstation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow"><strong>£569 @ Currys</strong></a><strong></strong></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow"><strong>£74 @ Currys</strong></a><strong></strong></li></ul><p>Whelp, our first sighting of stock has arrived, and it's a whole hour earlier than the scheduled time of 10 a.m. BST in the U.K. Retailer Currys has broken rank and now has the PS5 bundle and Battle Yellow controller to pre-order. Go secure yours now!</p></div><div class="live-content"><time datetime="2026-08-19T08:18:28+00:00">August 19, 2026 – 4:18 AM</time><h2 id="currys-stock-appears-to-be-holding-for-now">Currys stock appears to be holding (for now)!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="LgcgRcEBiRA8iH355bvuVL" name="wolverine-ps5-currys-listing-page" alt="Currys listing page for the limited edition Wolverine PS5 console bundle" src="https://cdn.mos.cms.futurecdn.net/LgcgRcEBiRA8iH355bvuVL.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Currys)</span></figcaption></figure><p>If you're just joining us, U.K. pre-orders were supposed to kick off at 10 a.m. BST, but retailer Currys decided to go a little early, and already is taking pre-orders of the PS5 bundle and the Battle Yellow controller. Both appear to still be in stock now!</p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.currys.co.uk/products/playstation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow"><strong>£569 @ Currys</strong></a><strong></strong></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow"><strong>£74 @ Currys</strong></a><strong></strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T08:29:29+00:00">August 19, 2026 – 4:29 AM</time><h2 id="i-ve-locked-in-my-dualsense-pre-order-have-you">I've locked in my DualSense pre-order, have you?</h2><p>Yes, I don't <em>need </em>another DualSense controller (I already have three...), but that Wolverine Battle Yellow pad is just too pretty to ignore. Thanks to Currys dropping early, I've got my pre-order locked. Let me know in the comments if you've secured either the limited-edition controller or PS5 console bundle. Or are you waiting until PS Direct drops the exclusive Adamantium controller and the PS5 console covers? </p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.currys.co.uk/products/playstation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow"><strong>£569 @ Currys</strong></a><strong></strong></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.currys.co.uk/products/playstation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow"><strong>£74 @ Currys</strong></a><strong></strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T08:37:42+00:00">August 19, 2026 – 4:37 AM</time><h2 id="us-readers-your-time-will-come">US readers, your time will come!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="MWngwoh4ZhTfipjscrfsM9" name="Wolverine LIST" alt="PS5 console Wolverine edition with a DualSense controller on a yellow background" src="https://cdn.mos.cms.futurecdn.net/MWngwoh4ZhTfipjscrfsM9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>To any readers in the U.S. following along right now, it's expected that stock will become available around 10 a.m. ET at PS Direct and select retailers. So you've got plenty of time left until you need to be ready to secure your pre-order. </p><p>For the next few hours, I'll be focusing on U.K. pre-orders, which technically begin in 30 minutes (but, as noted below, one retailer has set pre-orders live early). Once we're through the U.K. drop, I'll turn attention Stateside. Stay tuned for updates...</p></div><div class="live-content"><time datetime="2026-08-19T08:50:06+00:00">August 19, 2026 – 4:50 AM</time><h2 id="10-minutes-until-uk-pre-orders-are-live">10 minutes until UK pre-orders are live!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8XivuTPH5BS5QKAjYARbWE" name="wolverine-ps5-limited-edition-console" alt="Wolverine PS5 limited-edition console" src="https://cdn.mos.cms.futurecdn.net/8XivuTPH5BS5QKAjYARbWE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>There's just 10 minutes until the pre-order floodgates open in the U.K. </p><p>Of course, you can already secure the limited-edition PS5 console bundle and the Battle Yellow DualSense thanks to Currys. But if you're waiting for PS Direct (or an alternative retailer) then the countdown is on. Remember, the only place to secure the Adamantium DualSense and the Wolverine-themed PS5 Console Covers is PS Direct, so that'll be the retailer to check if you're looking to grab these items!</p></div><div class="live-content"><time datetime="2026-08-19T09:00:13+00:00">August 19, 2026 – 5:00 AM</time><h2 id="ps-direct-has-the-adamantium-controller-up-for-grabs">PS Direct has the Adamantium controller up for grabs!</h2><p>It's go time, the exclusive Adamantium DualSense is now available for pre-order at PS Direct in the U.K. </p><ul><li><strong>Wolverine Adamantium PS5 DualSense: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T09:04:21+00:00">August 19, 2026 – 5:04 AM</time><h2 id="ps5-slim-console-covers-are-live-now">PS5 Slim Console Covers are live now!</h2><p>PS Direct in the U.K. is now taking pre-orders of the exclusive Wolverine Battle Yellow PS5 Slim Console Covers! </p><ul><li>PS5 Slim Console Covers (Wolverine Battle Yellow): <a href="https://direct.playstation.com/en-gb/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T09:12:58+00:00">August 19, 2026 – 5:12 AM</time><h2 id="here-s-the-uk-pre-order-links-you-need">Here's the UK pre-order links you need!</h2><p>So the state of play in the U.K. right now is that PS Direct, Currys and Smyths Toys have all opened up pre-order. Got some fresh links for you below. I'm still looking for signs of the PS5 Pro Console Covers which are only available on PS Direct, but don't seem to have gone live yet. But if you're after a controller or bundle, get 'em!  </p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1424788826712694538&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow">£569 @ Currys</a></li><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://direct.playstation.com/en-gb/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow">£569 @ PS Direct</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1376858729709180831&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Currys</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li><li><strong>Wolverine Adamantium DualSense: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-2366769774556268323/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fdualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li><li><strong>Wolverine PS5 Slim Battle Yellow console covers: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-1197910723687512489/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a><strong></strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T09:16:22+00:00">August 19, 2026 – 5:16 AM</time><h2 id="finally-we-have-ps5-pro-console-covers">Finally, we have PS5 Pro console covers!</h2><p>Just as I was wondering where the PS5 Pro console covers were, they appear on PS Direct, these won't be available at other retailers, get them locked in at PlayStation's online retailer now! </p><ul><li><strong>Wolverine PS5 Pro Battle Yellow console covers: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a></li><li><strong>Wolverine PS5 Pro Adamantium console covers: </strong><a href="https://direct.playstation.com/en-gb/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a> </li></ul></div><div class="live-content"><time datetime="2026-08-19T09:31:58+00:00">August 19, 2026 – 5:31 AM</time><h2 id="plenty-of-options-for-the-wolverine-ps5-bundle">Plenty of options for the Wolverine PS5 bundle</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8XivuTPH5BS5QKAjYARbWE" name="wolverine-ps5-limited-edition-console" alt="Wolverine PS5 limited-edition console" src="https://cdn.mos.cms.futurecdn.net/8XivuTPH5BS5QKAjYARbWE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>UK pre-orders are in full swing, and if you're picking up a PS5 ahead of Wolverine, you've got several retailer options for the Battle Yellow bundle. This package includes a PS5 Slim Digital Edition with a Wolverine-themed design, a matching DualSense controller and a (digital) copy of the Marvel's Wolverine game. It's everything you need to get gaming on PS5 this winter!</p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1085306643236310368&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow">£569 @ Currys</a></li><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://direct.playstation.com/en-gb/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow">£569 @ PS Direct</a></li><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.very.co.uk/playstation-5-playstationreg5-digital-edition-marvels-wolverine-battle-yellow-limited-edition-bundle-825gb/1601288149.prd" target="_blank" rel="nofollow">£569 @ Very</a></li><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.smythstoys.com/uk/en-gb/gaming-and-tech/games/marvels-wolverine/playstation-5-digital-edition-slim-wolverine-limited-edt-bundle/p/264695" target="_blank" rel="nofollow">£569 @ Smyths</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T09:41:49+00:00">August 19, 2026 – 5:41 AM</time><h2 id="ps5-pro-plates-are-the-first-to-sell-out">PS5 Pro plates are the first to sell out</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="upjeCpwhK49bsZDvT7G9fW" name="wolverine-ps5-pro-covers-sold-out-ps-direct" alt="PS Direct listing page for Wolverine PS5 Pro Console Covers" src="https://cdn.mos.cms.futurecdn.net/upjeCpwhK49bsZDvT7G9fW.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>I always suspected it would be the PS Direct exclusive items that would sell out first, so it's no surprise to see the PS5 Pro Console Covers with the dreaded "currently unavailable" notification. You can still grab the Battle Yellow plates for the standard PS5 Slim, and the Adamantium DualSense (also exclusive to PS Direct) remains in stock, for now at least. </p><p>But take this as your warning sign, if you're eyeing up something in this limited-edition range, it might be worth locking in your pre-order now (you could always cancel if you change your mind). In the meantime, I'll keep checking for signs of a restock on the PS5 Pro console covers.</p><ul><li><strong>Wolverine PS5 Slim Battle Yellow console covers: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-1422279364982660599/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a></li><li><strong>Wolverine PS5 Pro Battle Yellow console covers: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-5672697732248293255/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fplaystation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">check stock @ PS Direct</a></li><li><strong>Wolverine PS5 Pro Adamantium console covers: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-1268233240000381896/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fplaystation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow">check stock @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T09:54:03+00:00">August 19, 2026 – 5:54 AM</time><h2 id="battle-yellow-dualsense-sells-out-at-ps-direct-but-you-can-still-get-one-elsewhere">Battle Yellow DualSense sells out at PS Direct, but you can still get one elsewhere! </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="6rLwnVPwjVWZo3aVyL8m6B" name="wolverine-dualsense-ps-direct-yellow" alt="PS Direct listing page for the Battle Yellow DualSense controller" src="https://cdn.mos.cms.futurecdn.net/6rLwnVPwjVWZo3aVyL8m6B.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>Okay, so this one does surprise me. It appears the DualSense (Wolverine Battle Yellow) has sold out on PS Direct <em>before</em> the exclusive Adamantium variant. Clearly, gamers prefer that iconic Wolverine yellow to a metallic shade of grey. </p><p>Fortunately, while PS Direct is currently showing "unavailable," you can still grab a controller at Currys and Smyths. My advice is to lock in your pre-order ASAP in case these sell out soon.</p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-9945375327193679394&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Currys</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-9945375327193679394&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Smyths</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T10:16:11+00:00">August 19, 2026 – 6:16 AM</time><h2 id="uk-pre-order-stock-seems-steady-at-present">UK pre-order stock seems steady at present!</h2><p>The PS5 Pro console covers have sold out, but otherwise, you can still pick up the rest of the limited-edition Wolverine range in the U.K. That includes the Battle Yellow PS5 console bundle, the Battle Yellow DualSense, and matching PS5 Slim console covers. Here's the links you need. These could sell out at any moment, but for now they're holding, so take your pick!</p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1424788826712694538&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow">£569 @ Currys</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1376858729709180831&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Currys</a></li><li><strong>Wolverine Adamantium DualSense: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-2366769774556268323/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fdualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li><li><strong>Wolverine PS5 Slim Battle Yellow console covers: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-1197910723687512489/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a><strong></strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T10:46:48+00:00">August 19, 2026 – 6:46 AM</time><h2 id="which-dualsense-do-you-prefer">Which DualSense do you prefer? </h2><p>Help us settle an office debate that's raging this morning, which limited-edition Wolverine DualSense controller design do you prefer? The Battle Yellow or Adamantium. Personally, I'm all about the yellow, but I'm curious to hear from you, let me know in the poll down below...</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-ODqyjX"></div>                            </div>                            <script src="https://kwizly.com/embed/ODqyjX.js" async></script></div><div class="live-content"><time datetime="2026-08-19T11:23:15+00:00">August 19, 2026 – 7:23 AM</time><h2 id="nothing-new-to-report-in-the-uk">Nothing new to report in the UK!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="brkRET2rLiiqB38ggQjQsW" name="wolverine-2025-state-of-play-ps5-game" alt="Marvel's Wolverine image showing Logan" src="https://cdn.mos.cms.futurecdn.net/brkRET2rLiiqB38ggQjQsW.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>I'll be turning my attention shortly to the U.S. as we're now less than three hours away from the pre-orders going live for gamers in North America, but just to note for any U.K. Wolverine fans, the situation remains unchanged. Aside from the PS5 Pro console covers, which sold out in roughly 30 minutes, everything else is in stock at retailers like Currys, PS Direct and Smyths. Curiously the likes of Amazon and Argos haven't joined in the action yet, so I'll keep an eye out for those, just in case you're holding off locking in your pre-order(s) until those listings appear.</p><ul><li><strong>PS5 Wolverine Battle Yellow bundle: </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1424788826712694538&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-playstation-5-digital-wolverine-edition-10307230.html" target="_blank" rel="nofollow">£569 @ Currys</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1376858729709180831&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Currys</a></li><li><strong>Wolverine Adamantium DualSense: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-2366769774556268323/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fdualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li><li><strong>Wolverine PS5 Slim Battle Yellow console covers: </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-1197910723687512489/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">£64 @ PS Direct</a><strong></strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T11:53:06+00:00">August 19, 2026 – 7:53 AM</time><h2 id="playstation-direct-exclusive-controller-still-in-stock">PlayStation Direct exclusive controller still in stock!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="TRJy4KBKfTkV8NE2E2Be7U" name="ps-direct-wolverine-dualsense-adamantium" alt="PlayStation Direct listing page for the DualSense Adamantium controller" src="https://cdn.mos.cms.futurecdn.net/TRJy4KBKfTkV8NE2E2Be7U.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>As the U.S. starts to wake up, the big surprise this morning during the U.K. pre-order drop, which might give us some clues as to how the U.S. one will go, is that the limited-edition DualSense controller in Adamantium hasn't sold out. This item is exclusive to PS Direct, and I'd assumed this extra level of <em>limited-ness </em>(that's not a word), would see it sell out very quickly. </p><p>However, as our poll below shows, 77% of responders prefer the Battle Yellow, so maybe there just isn't all that much interest in the Adamantium variant? Perhaps the grey hue is just a bit too bland next to the striking very Wolverine-coded yellow. Time will tell if it'll be the same story in the U.S. But for now, if you're in the U.K., you can still pre-order both DualSenses.</p><ul><li><strong>PS5 DualSense Controller (Adamantium): </strong><a href="https://www.prf.hn/click/camref:1011lSfdj/pubref:tomsguide-gb-2366769774556268323/destination:https%3A%2F%2Fdirect.playstation.com%2Fen-gb%2Fbuy-accessories%2Fdualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">£74 @ PS Direct</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.awin1.com/awclick.php?awinmid=1599&awinaffid=103504&clickref=tomsguide-gb-1376858729709180831&p=https%3A%2F%2Fwww.currys.co.uk%2Fproducts%2Fplaystation-ps5-dualsense-wireless-controller-wolverine-edition-10307231.html" target="_blank" rel="nofollow">£74 @ Currys</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T12:30:35+00:00">August 19, 2026 – 8:30 AM</time><h2 id="90-minutes-until-u-s-pre-orders">90 minutes until U.S. pre-orders! </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="MWngwoh4ZhTfipjscrfsM9" name="Wolverine LIST" alt="PS5 console Wolverine edition with a DualSense controller on a yellow background" src="https://cdn.mos.cms.futurecdn.net/MWngwoh4ZhTfipjscrfsM9.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>It's just hit 8:30 a.m. ET, so we're 90 minutes away from the PlayStation Wolverine range pre-orders going live in the U.S. Now is the time to make sure you've got everything you need (check your details are correct on your preferred retailer!). However, in the U.K. we saw one retailer break rank and go a full hour early, so maybe a U.S. retailer will do the same. I'm keeping an eye on retailers right now, and will alert you if any pre-orders drop a little early. </p></div><div class="live-content"><time datetime="2026-08-19T12:55:20+00:00">August 19, 2026 – 8:55 AM</time><h2 id="here-s-the-full-wolverine-range-and-confirmed-pricing">Here's the full Wolverine range and confirmed pricing!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8XivuTPH5BS5QKAjYARbWE" name="wolverine-ps5-limited-edition-console" alt="Wolverine PS5 limited-edition console" src="https://cdn.mos.cms.futurecdn.net/8XivuTPH5BS5QKAjYARbWE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>If you're coming into this cold and wondering what all the fuss is about, here's the scoop. PlayStation is releasing a limited-edition Wolverine range to mark the launch of its new PS5 exclusive, Marvel's Wolverine. Pre-orders go live today (Aug. 19) at 10 a.m. ET, and there will be six items: a PS5 console bundle, two DualSense controllers and three PS5 console covers. </p><p><strong>The items in bold below are exclusive to PlayStation Direct</strong>, while the PS5 console bundle and Battle Yellow controller will be available elsewhere. In the U.K., the PS5 Pro console covers sold out in 30 minutes, but the other four items are still in stock even almost four hours later.</p><ul><li>PlayStation 5 Digital Edition – Marvel’s Wolverine Battle Yellow Limited Edition Bundle ($649.99)</li><li>DualSense Wireless Controller – Marvel’s Wolverine Battle Yellow Limited Edition ($84.99)</li><li><strong>DualSense Wireless Controller – Marvel’s Wolverine Adamantium Limited Edition ($84.99)</strong></li><li><strong>PlayStation 5 Console Covers – Battle Yellow Limited Edition ($74.99)</strong></li><li><strong>PlayStation 5 Pro Console Covers – Marvel’s Wolverine Battle Yellow Limited Edition ($74.99)</strong></li><li><strong>PlayStation 5 Pro Console Covers –Marvel’s Wolverine Adamantium Limited Edition ($74.99)</strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T13:11:28+00:00">August 19, 2026 – 9:11 AM</time><h2 id="target-has-gone-live-with-the-ps5-bundle">Target has gone live with the PS5 bundle</h2><p>Looks like a U.S. retailer has gone earlier, because Target's listing page for the PS5 Slim Wolverine bundle is live and the "preorder" button is working and I can add to my cart! </p><ul><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow">$649 @ Target</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T13:17:51+00:00">August 19, 2026 – 9:17 AM</time><h2 id="and-the-dualsense-is-up-at-target-too">And the DualSense is up at Target, too</h2><p>Target has also dropped the Battle Yellow controller early, both items are available to pre-order now! </p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow"><strong>$84 @ Target</strong></a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow"><strong>$649 @ Target</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T13:22:58+00:00">August 19, 2026 – 9:22 AM</time><h2 id="target-is-taking-pre-orders-now">Target is taking pre-orders NOW!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="uHuSCmTkFw3GzRPxhNLAwk" name="target-wolverine-limited-edition-cart" alt="Target cart with the Wolverine PS5 bundle and limited edition Battle Yellow DualSense controller" src="https://cdn.mos.cms.futurecdn.net/uHuSCmTkFw3GzRPxhNLAwk.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Target)</span></figcaption></figure><p>Target clearly didn't want to wait until 10 a.m. ET, as you can see above I'm able to add both items to my cart now. So if you want to get ahead of the game, secure your pre-orders now!</p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow"><strong>$84 @ Target</strong></a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow"><strong>$649 @ Target</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T13:35:59+00:00">August 19, 2026 – 9:35 AM</time><h2 id="ps-direct-listing-pages-have-appeared-but-no-pre-orders-yet">PS Direct listing pages have appeared, but no pre-orders yet</h2><p>PS Direct is getting ready to drop pre-orders at 10 a.m. ET, I've just spotted listing pages for the two DualSense controllers, including the PS Direct exclusive Adamantium variant. These are the links you'll need in just under 25 minutes. Or you can head to Target to secure the Battle Yellow controller already. </p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">$84 @ PS Direct</a></li><li><strong>PS5 DualSense Controller (Wolverine Adamantium): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">$84 @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T13:39:40+00:00">August 19, 2026 – 9:39 AM</time><h2 id="another-ps-direct-listing-page-has-appeared">Another PS Direct listing page has appeared...</h2><p>I've spotted the listing page for the PS5 Slim Console Covers (Battle Yellow) over on PS Direct. This will be the only place to grab these plates, so make sure to use the link below so you're ready at 10 a.m. I'm closely watching out for the PS5 Pro Console Covers listing pages next!</p><ul><li><strong>PS5 Slim Console Covers (Wolverine Battle Yellow): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">$74 @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T13:50:08+00:00">August 19, 2026 – 9:50 AM</time><h2 id="10-minutes-until-the-pre-order-floodgates-open">10 minutes until the pre-order floodgates open!</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="brkRET2rLiiqB38ggQjQsW" name="wolverine-2025-state-of-play-ps5-game" alt="Marvel's Wolverine image showing Logan" src="https://cdn.mos.cms.futurecdn.net/brkRET2rLiiqB38ggQjQsW.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>The Wolverine limited-edition range will be up for pre-order from 10 a.m. ET. If the U.K. pre-order period earlier today was any indication, it'll be the PS5 Pro Console Covers that sell out first, so if you want to bag those, get ready; you'll need to be quick. However, if you're after the PS5 Digital Edition bundle or the Battle Yellow controller, you don't need to wait. Target has already opened its pre-orders, and you can secure both items at the retailer right now!</p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow"><strong>$84 @ Target</strong></a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.target.com/p/playstation-5-digital-console-marvel-39-s-wolverine-limited-edition-bundle/-/A-1013109923" target="_blank" rel="nofollow"><strong>$649 @ Target</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T14:02:06+00:00">August 19, 2026 – 10:02 AM</time><h2 id="ps-direct-pre-orders-are-live-including-retailer-exclusive-items">PS Direct pre-orders are live, including retailer exclusive items!</h2><p>It's 10 a.m. ET, get over to PS Direct, and secure the Wolverine items you've been waiting for (if you didn't grab anything from Target already). I'm keeping any eye out for stock levels at PS Direct, and for any other retailers that open up pre-orders now!</p><ul><li><strong>PS5 Slim Console Covers (Wolverine Battle Yellow): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/ps5-console-covers-model-group-slim-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">$74 @ PS Direct</a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-battle-yellow-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">$84 @ PS Direct</a></li><li><strong>PS5 DualSense Controller (Wolverine Adamantium): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow">$84 @ PS Direct</a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="  https://direct.playstation.com/en-us/buy-consoles/playstation5-digital-edition-console-825-gb-marvels-wolverine-battle-yellow-limited-edition-bundle" target="_blank" rel="nofollow">$649 @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T14:08:55+00:00">August 19, 2026 – 10:08 AM</time><h2 id="these-ps5-pro-plates-will-be-popular">These PS5 Pro plates will be popular! </h2><p>Here's the links you'll need to pre-order the PS Direct exclusive Wolverine Console Covers, these sold out in 30 minutes in the U.K. so I'm expecting them to go very quickly in the U.S.</p><ul><li><strong>PS5 Pro Console Covers (Wolverine Battle Yellow):</strong> <a href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-battle-yellow-limited-edition" target="_blank" rel="nofollow">$74 @ PS Direct</a></li><li><strong>PS5 Pro Console Covers (Wolverine Adamantium):</strong> <a href="https://direct.playstation.com/en-us/buy-accessories/playstation5-pro-console-covers-marvels-wolverine-adamantium-limited-edition" target="_blank" rel="nofollow">$74 @ PS Direct</a></li></ul></div><div class="live-content"><time datetime="2026-08-19T14:19:01+00:00">August 19, 2026 – 10:19 AM</time><h2 id="pre-orders-now-live-at-best-buy">Pre-orders now live at Best Buy!</h2><p>Best Buy is the next retailer on the scene, now taking pre-orders for the PS5 Slim console bundle and the Battle Yellow controller (remember, the rest of the items are exclusive to PS Direct)!</p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow"><strong>$84 @ Best Buy</strong></a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow"><strong>$649 @ Best Buy</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T14:26:11+00:00">August 19, 2026 – 10:26 AM</time><h2 id="welcome-to-the-wolverine-party-gamestop">Welcome to the Wolverine party, GameStop</h2><p>Target, PS Direct, Best Buy and now GameStop are all taking pre-orders, so if you've been holding out for the gaming dedicated retailer, wait no longer, go secure your items!</p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.gamestop.com/gaming-accessories/controllers/playstation-5/products/sony-dualsense-wireless-controller---marvels-wolverine-battle-yellow-limited-edition/450549.html" target="_blank" rel="nofollow"><strong>$84 @ GameStop</strong></a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.gamestop.com/consoles-hardware/playstation-5/consoles/products/sony-playstation-5-digital-edition-console---marvels-wolverine-battle-yellow-limited-edition-bundle/450550.html" target="_blank" rel="nofollow"><strong>$649 @ GameStop</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T14:32:45+00:00">August 19, 2026 – 10:32 AM</time><h2 id="walmart-pre-orders-are-now-live">Walmart pre-orders are now live!</h2><p>Everybody is getting in on the action (apart from Amazon?), because now Walmart is taking pre-orders for the PS5 console bundle and the Battle Yellow console, if this is your retailer of choice, go lock in your items!</p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.walmart.com/ip/Project-Flow/20347523715" target="_blank" rel="nofollow"><strong>$84 @ Walmart</strong></a></li><li><strong>PS5 Wolverine Battle Yellow bundle:</strong> <a href="https://www.walmart.com/ip/PlayStation-5-Digital-Edition-nbsp-Marvel-s-Wolverine-nbsp-Battle-Yellow-nbsp-Limited-Edition-nbsp-Bundle/20881956449" target="_blank" rel="nofollow"><strong>$649 @ Walmart</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T14:49:34+00:00">August 19, 2026 – 10:49 AM</time><h2 id="ps5-pro-console-covers-are-sold-out-in-the-us">PS5 Pro console covers are sold out in the US</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="kPSgUjZygnGfZTMcTJBBtV" name="ps-direct-wolverine-console-covers-sold-out" alt="PlayStation Direct listing page for the Wolverine Console Covers showing a sold out message" src="https://cdn.mos.cms.futurecdn.net/kPSgUjZygnGfZTMcTJBBtV.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony)</span></figcaption></figure><p>Well, I thought this was coming...</p><p>During the U.K. pre-order drop earlier today, it was the PS5 Pro Console Covers that sold out in about 30 minutes, and it appears the same has happened in the U.S. I'm seeing the dreaded  "currently unavailable" notification on both sets of the console covers on PS Direct, both Battle Yellow and Adamantium are sold out. These are exclusive to PS Direct, so I can't point you to an alternative retailer with pre-orders open. However, I am keeping an eye out for restocks!</p></div><div class="live-content"><time datetime="2026-08-19T15:07:34+00:00">August 19, 2026 – 11:07 AM</time><h2 id="battle-yellow-dualsense-sells-out-at-ps-direct-but-don-t-worry">Battle Yellow DualSense sells out at PS Direct, but don't worry</h2><p>Another spooky repeat of the U.K. pre-order situation, PS Direct U.S. just sold out of the DualSense Battle Yellow variant. But fear not, you haven't missed the boat, there's plenty of other places to grab one like Best Buy, Walmart, Target and GameStop. Just use the links below. Meanwhile, the PS Direct exclusive Adamantium DualSense remains in stock (for now) </p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow"><strong>$84 @ Best Buy</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.walmart.com/ip/Project-Flow/20347523715" target="_blank" rel="nofollow"><strong>$84 @ Walmart</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.target.com/p/playstation-5-dualsense-controller-marvel-39-s-wolverine-le/-/A-1011953866" target="_blank" rel="nofollow"><strong>$84 @ Target</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.gamestop.com/gaming-accessories/controllers/playstation-5/products/sony-dualsense-wireless-controller---marvels-wolverine-battle-yellow-limited-edition/450549.html" target="_blank" rel="nofollow"><strong>$84 @ GameStop</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Adamantium): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow"><strong>$84 @ PS Direct</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T15:39:32+00:00">August 19, 2026 – 11:39 AM</time><h2 id="console-pre-orders-are-still-live-at-most-retailers">Console pre-orders are still live at most retailers</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8XivuTPH5BS5QKAjYARbWE" name="wolverine-ps5-limited-edition-console" alt="Wolverine PS5 limited-edition console" src="https://cdn.mos.cms.futurecdn.net/8XivuTPH5BS5QKAjYARbWE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>While the special edition DualSense and faceplates might be selling out, pre-orders for the console itself are still readily available. The recent PS5 price increase may be causing folks to hesitate to buy this special edition console. While price hikes certainly aren't ideal, they could be inadvertently making it possible to actually get one of these Wolverine-themed PS5s.</p><p>Though you probably don't want to wait too long to grab one of these consoles, there isn't the same sense of urgency as there was during the PS5's initial launch. However, if you see pre-orders go live again for the controller or faceplates, act fast, as those are going quickly!</p></div><div class="live-content"><time datetime="2026-08-19T16:06:13+00:00">August 19, 2026 – 12:06 PM</time><h2 id="wolverine-the-console-isn-t-on-amazon-but-wolverine-the-little-guy-is">Wolverine the console isn't on Amazon, but Wolverine the little guy is</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="aBVopK42n7W5AZDGpFu6ub" name="wolverine-controller-holder" alt="Wolverine-themed controller holder on a desk" src="https://cdn.mos.cms.futurecdn.net/aBVopK42n7W5AZDGpFu6ub.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Cableguys)</span></figcaption></figure><p>For now, save a the Adamantium silver plates, most every retailer has pre-order options open. However, Amazon has yet to open any pages offering preorders. </p><p>That said, you could pick up this <a href="https://www.amazon.com/Cable-Guys-Wolverine-Xbox-360/dp/B07QTVFNVS/" target="_blank">Wolverine Controller Holder & Phone Stand </a>for only $33. It's classic little guy stepping on destroyed Sentinel parts in his 90s X-Men outfit. </p></div><div class="live-content"><time datetime="2026-08-19T16:29:45+00:00">August 19, 2026 – 12:29 PM</time><h2 id="amazon-finally-has-the-battle-yellow-dualsense">Amazon finally has the Battle Yellow DualSense</h2><p>It took a while, but finally some signs of life over at Amazon. Still no signs of the PS5 console bundle, but the DualSense in Battle Yellow is now up for pre-order at the world's biggest online retailer. Amazon being a little late to the pre-order party!</p><ul><li><strong>PS5 DualSense Controller (Battle Yellow): </strong><a href="https://www.amazon.com/PlayStation-DualSense%C2%AE-Wireless-Controller-Gaming-Console/dp/B0HF1FBXSL" target="_blank" rel="nofollow"><strong>$84 @ Amazon</strong></a><strong></strong></li></ul></div><div class="live-content"><time datetime="2026-08-19T16:58:08+00:00">August 19, 2026 – 12:58 PM</time><h2 id="stock-sweep-target-out-of-contollers">Stock sweep - Target out of contollers</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1600px;"><p class="vanilla-image-block" style="padding-top:63.44%;"><img id="t6pRnHE25F8YwaQQaDr8U3" name="wolverine-ds5-yellow-le-image-block-01-en-19jun26" alt="DualSense Wireless Controller – Marvel’s Wolverine Battle Yellow Limited Edition" src="https://cdn.mos.cms.futurecdn.net/t6pRnHE25F8YwaQQaDr8U3.jpg" mos="" align="middle" fullscreen="" width="1600" height="1015" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>I've taken a look through the major retailers to see what's available and most everywhere has stock on the consoles and controllers, except Target.</p><p>For those who prefer Target, the battle yellow Wolverine controller is sold out.  You'll need to look elsewhere if you're hunting for that version of the DualSense.</p><p>The PS5 Pro Console covers have been out of stock on PS Direct for an hour or more now.</p><p>Grab the controller here: </p><ul><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.bestbuy.com/product/playstation-5-digital-edition-marvels-wolverine-battle-limited-edition-bundle/JXHQ37ZQRV" target="_blank" rel="nofollow"><strong>$84 @ Best Buy</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.walmart.com/ip/Project-Flow/20347523715" target="_blank" rel="nofollow"><strong>$84 @ Walmart</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Battle Yellow): </strong><a href="https://www.gamestop.com/gaming-accessories/controllers/playstation-5/products/sony-dualsense-wireless-controller---marvels-wolverine-battle-yellow-limited-edition/450549.html" target="_blank" rel="nofollow"><strong>$84 @ GameStop</strong></a></li><li><strong>PS5 DualSense Controller (Wolverine Adamantium): </strong><a href="https://direct.playstation.com/en-us/buy-accessories/dualsense-wireless-controller-marvels-wolverine-adamantium-limited-edition-for-ps5-pc-mac-mobile" target="_blank" rel="nofollow"><strong>$84 @ PS Direct</strong></a></li></ul></div><div class="live-content"><time datetime="2026-08-19T17:27:52+00:00">August 19, 2026 – 1:27 PM</time><h2 id="have-you-pre-ordered">Have you pre-ordered?</h2><p>If you pre-ordered the console or controllers I'd love to know what you picked. The yellow looks awesome, but I am leaning toward the adamantium version, I'm a sucker for a nice silver streak.</p><p>Let me know in the comments.</p></div><div class="live-content"><time datetime="2026-08-19T18:20:29+00:00">August 19, 2026 – 2:20 PM</time><h2 id="it-is-expensive">It is expensive</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8XivuTPH5BS5QKAjYARbWE" name="wolverine-ps5-limited-edition-console" alt="Wolverine PS5 limited-edition console" src="https://cdn.mos.cms.futurecdn.net/8XivuTPH5BS5QKAjYARbWE.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment)</span></figcaption></figure><p>As a reminder this special edition console will cost you $649. If you want a second controller that adds $84 to the total. </p><p>But of the special edition consoles, this one looks pretty cool.</p></div><div class="live-content"><time datetime="2026-08-19T18:58:51+00:00">August 19, 2026 – 2:58 PM</time><h2 id="where-are-we-after-five-hours-of-tracking">Where are we after five hours of tracking</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="E2FWRC79FFmzmGvZwSRmVn" name="X-Men-1992.jpg" alt="Wolverine in the 1992 series X-Men" src="https://cdn.mos.cms.futurecdn.net/E2FWRC79FFmzmGvZwSRmVn.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Alamy)</span></figcaption></figure><p>Pre-orders started going live about five hours ago, and for the most part, if you want Wolverine, you can get the console and controllers. </p><p>To add to the out-of-stock options, <a href="https://www.walmart.com/ip/Project-Flow/20347523715?clickid=RVhXImxrxxyZT1cw3KQmtUkEUkr0cU1xMUyy0s0&irgwc=1&afsrc=1&sourceid=imp_RVhXImxrxxyZT1cw3KQmtUkEUkr0cU1xMUyy0s0&veh=aff&wmlspartner=imp_1943169&affiliates_ad_id=568844&campaign_id=9383&sharedid=tomsguide-us" target="_blank">Walmart no longer appears</a> to have the Battle Yellow controller available for pre-order. That goes along with the Target option as well.</p></div>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ ‘I barely know the word’: August 14’s Wordle answer has been killing streaks worldwide — here’s why it’s so hard ]]></title>
                                                                                                <dc:content><![CDATA[ <p>Just as we thought the worst Wordle was behind us from July 15, the editors at NYT have cooked up <strong>another brutal test for August 14. </strong>In fact, our in-house Wordle expert called game #1,882 “the hardest puzzle in quite a while,” and that he “felt pretty lucky to get it in six moves.”</p><p>One trip to Wordlebot shows just how tricky it is — not quite as devious as last month (which took players an average of 4.7 moves to complete), but with the <strong>average player finishing today’s Wordle in 4.3 moves</strong>, that goes to show just how tricky this one is.</p><p>If you need help finishing this puzzle to keep your streak (unlike some particularly unlucky friends of mine), you can hop on over to find <a href="https://www.tomsguide.com/news/what-is-todays-wordle-answer">today’s Wordle hint</a> over here. But for anyone else who is on that final guess and can’t take it anymore, I’ll be revealing the full answer (with a spoiler warning) and explaining why today’s is such a brainteaser.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-XZK0xe"></div>                            </div>                            <script src="https://kwizly.com/embed/XZK0xe.js" async></script><h2 id="what-makes-today-s-wordle-answer-so-difficult-2">What makes today’s Wordle answer so difficult?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="oFJfvTFPNcnKGSr3JcZYMH" name="TG-wordle-shutterstock-3.jpg" alt="The game Wordle displayed on two smartphones" src="https://cdn.mos.cms.futurecdn.net/oFJfvTFPNcnKGSr3JcZYMH.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Shutterstock)</span></figcaption></figure><p>It’s a fascinating one, as the <a href="https://www.nytimes.com/2026/08/14/crosswords/wordle-review-1883.html" target="_blank">New York Times</a> itself called it “moderately easy,” which I don’t know if that’s a dunk on my intelligence or not, but for my own ego, I’ll block that out.</p><p>But when I inevitably followed tips and found the answer to preserve my streak, I found all of the tricks the editors have played on us to get here.</p><ul><li><strong>The repeated vowels: </strong>Wordle doesn’t explicitly tell you a letter is repeated until you guess it twice in the same attempt, which did lead me to think I’d already accounted for a certain vowel.</li><li><strong>High vowel density: </strong>Most five-letter words lean more towards heavier consonant blends. For this word, 60% of the letters are vowels, which is pretty counterintuitive to my standard guessing strategy.</li><li><strong>Unusual consonants in weird positions: </strong>My (and most of your) common starting consonants are missing, which left me feeling bamboozled after the first couple of guesses.</li><li><strong>Niche vocabulary: </strong>When I found out this word, it was a “ahhh” moment, but this is not a typical term or conversational word.</li></ul><h2 id="august-14-s-wordle-answer">August 14’s Wordle answer</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:14.80%;"><img id="RwL3YyVckXDVdL49DSRXii" name="TG_Spoiler-Warning_2022.jpg" alt="An image indicating spoilers are ahead." src="https://cdn.mos.cms.futurecdn.net/RwL3YyVckXDVdL49DSRXii.jpg" mos="" align="middle" fullscreen="" width="2000" height="296" attribution="" endorsement="" class="inline"></p></div></div></figure><p>So, what’s the answer to today’s Wordle #1,882?</p><p>…you sure you want to know before I give it away?</p><p>Ok, the answer to today’s wordle is <strong>“geode”.</strong></p><p>Not full blown “I’ve never heard that word before” like “pshaw” was, but still a relatively niche term for a nodule of stone that’s got a cavity lined with crystals or mineral matter (according to <a href="https://www.merriam-webster.com/dictionary/geode" target="_blank">Merriam Webster</a>).</p><p>Our Global Editor-in-Chief Mark Spoonauer had a tricky time with it too, but not for the reason that you think. “I got it in four guesses, but I think I picked a weirdly hard word because I heard the puzzle was difficult,” he commented. In hearing ahead of time that this was a tough test, he overcorrected and almost made things worse for himself.</p><h2 id="social-media-reacts-2">Social media reacts</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ELPF8pMhXiHXhEfFBPCaqH" name="TG-wordle-alternatives-lead.jpg" alt="Wordle displayed on a phone" src="https://cdn.mos.cms.futurecdn.net/ELPF8pMhXiHXhEfFBPCaqH.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Wordle)</span></figcaption></figure><p>Unsurprisingly, players have taken to X/Twitter to share their tense experience with their streaks on the line.</p><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2088179456900788275"><p lang="en" dir="ltr">It happens, not very often, but I'm completely stuck on Wordle today. I have 3 greens and I've been trying to think of a word for over an hour. I may have to cheat with a word finding app. I do have 2 guesses yet, so I might also try to find more letters with my 5th guess.<a href="https://twitter.com/cantworkitout/status/2088179456900788275">August 14, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2088267917313896765"><p lang="en" dir="ltr">Did anyone get annoyed at the Wordle word today as much as they did with pshaw (the word that triggered me to start playing this game 😆)?<a href="https://twitter.com/cantworkitout/status/2088267917313896765">August 14, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>Also, shout-out to CoastyAI for getting Gemini 3.7 Flash and Claude Fable 5 to compete in solving today’s Wordle. Spoiler alert: Fable 5 cheats by digging the answer out from the source code. </p><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2088119749461057617"><p lang="en" dir="ltr">Gemini 3.7 Flash vs Claude Fable 5 for computer use.Can you solve today's NYTimes Wordle with some blockersGo and judge computer use battles at https://t.co/j06lDMvOt2 pic.twitter.com/3kJuK0OvHr<a href="https://twitter.com/cantworkitout/status/2088119749461057617">August 14, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><strong></strong><a href="https://www.tomsguide.com/news/todays-strands-answer"><strong>Today's NYT Strands hints and answer: solutions to game #894, August 14</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/play"><strong>Check out all the latest puzzles and quizzes handcrafted by Tom's Guide</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/phones/samsung-phones/ive-been-living-with-the-galaxy-z-fold-8-for-3-weeks-and-i-was-wrong"><strong>I’ve been living with the Galaxy Z Fold 8 for 3 weeks — and I was wrong</strong></a><strong></strong></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/i-barely-know-the-word-august-14s-wordle-answer-has-been-killing-streaks-worldwide-heres-why-its-so-hard</link>
                                                                            <description>
                            <![CDATA[ Today's Wordle is a devious one. Here's why the August 14 puzzle #1,882 is breaking some streaks and how the world's been reacting to it. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">iWBHvEszxCWUPQzpJmBYvW</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/NPzTPqZfY4tCsCRPbVkgNG-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Fri, 14 Aug 2026 14:57:55 +0000</pubDate>                                                                                                                                <updated>Fri, 14 Aug 2026 15:40:56 +0000</updated>
                                                                                                                                            <category><![CDATA[Gaming]]></category>
                                                                                                                    <dc:creator><![CDATA[ Jason England ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/v4fSq5U4uZUEtGY2BwNuJ6.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Jason brings a decade of tech and gaming journalism experience to his role as a Managing Editor of Computing at Tom&#039;s Guide. He has previously written for Laptop Mag, Tom&#039;s Hardware, Kotaku, Stuff and BBC Science Focus. In his spare time, you&#039;ll find Jason looking for good dogs to pet or thinking about eating pizza if he isn&#039;t already.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/NPzTPqZfY4tCsCRPbVkgNG-1280-80.jpg">
                                                            <media:credit><![CDATA[Getty Images]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[A person holding a phone showing a game of Wordle on the screen]]></media:description>                                                            <media:text><![CDATA[A person holding a phone showing a game of Wordle on the screen]]></media:text>
                                <media:title type="plain"><![CDATA[A person holding a phone showing a game of Wordle on the screen]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/NPzTPqZfY4tCsCRPbVkgNG-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Just as we thought the worst Wordle was behind us from July 15, the editors at NYT have cooked up <strong>another brutal test for August 14. </strong>In fact, our in-house Wordle expert called game #1,882 “the hardest puzzle in quite a while,” and that he “felt pretty lucky to get it in six moves.”</p><p>One trip to Wordlebot shows just how tricky it is — not quite as devious as last month (which took players an average of 4.7 moves to complete), but with the <strong>average player finishing today’s Wordle in 4.3 moves</strong>, that goes to show just how tricky this one is.</p><p>If you need help finishing this puzzle to keep your streak (unlike some particularly unlucky friends of mine), you can hop on over to find <a href="https://www.tomsguide.com/news/what-is-todays-wordle-answer">today’s Wordle hint</a> over here. But for anyone else who is on that final guess and can’t take it anymore, I’ll be revealing the full answer (with a spoiler warning) and explaining why today’s is such a brainteaser.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-XZK0xe"></div>                            </div>                            <script src="https://kwizly.com/embed/XZK0xe.js" async></script><h2 id="what-makes-today-s-wordle-answer-so-difficult-2">What makes today’s Wordle answer so difficult?</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="oFJfvTFPNcnKGSr3JcZYMH" name="TG-wordle-shutterstock-3.jpg" alt="The game Wordle displayed on two smartphones" src="https://cdn.mos.cms.futurecdn.net/oFJfvTFPNcnKGSr3JcZYMH.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Shutterstock)</span></figcaption></figure><p>It’s a fascinating one, as the <a href="https://www.nytimes.com/2026/08/14/crosswords/wordle-review-1883.html" target="_blank">New York Times</a> itself called it “moderately easy,” which I don’t know if that’s a dunk on my intelligence or not, but for my own ego, I’ll block that out.</p><p>But when I inevitably followed tips and found the answer to preserve my streak, I found all of the tricks the editors have played on us to get here.</p><ul><li><strong>The repeated vowels: </strong>Wordle doesn’t explicitly tell you a letter is repeated until you guess it twice in the same attempt, which did lead me to think I’d already accounted for a certain vowel.</li><li><strong>High vowel density: </strong>Most five-letter words lean more towards heavier consonant blends. For this word, 60% of the letters are vowels, which is pretty counterintuitive to my standard guessing strategy.</li><li><strong>Unusual consonants in weird positions: </strong>My (and most of your) common starting consonants are missing, which left me feeling bamboozled after the first couple of guesses.</li><li><strong>Niche vocabulary: </strong>When I found out this word, it was a “ahhh” moment, but this is not a typical term or conversational word.</li></ul><h2 id="august-14-s-wordle-answer">August 14’s Wordle answer</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:14.80%;"><img id="RwL3YyVckXDVdL49DSRXii" name="TG_Spoiler-Warning_2022.jpg" alt="An image indicating spoilers are ahead." src="https://cdn.mos.cms.futurecdn.net/RwL3YyVckXDVdL49DSRXii.jpg" mos="" align="middle" fullscreen="" width="2000" height="296" attribution="" endorsement="" class="inline"></p></div></div></figure><p>So, what’s the answer to today’s Wordle #1,882?</p><p>…you sure you want to know before I give it away?</p><p>Ok, the answer to today’s wordle is <strong>“geode”.</strong></p><p>Not full blown “I’ve never heard that word before” like “pshaw” was, but still a relatively niche term for a nodule of stone that’s got a cavity lined with crystals or mineral matter (according to <a href="https://www.merriam-webster.com/dictionary/geode" target="_blank">Merriam Webster</a>).</p><p>Our Global Editor-in-Chief Mark Spoonauer had a tricky time with it too, but not for the reason that you think. “I got it in four guesses, but I think I picked a weirdly hard word because I heard the puzzle was difficult,” he commented. In hearing ahead of time that this was a tough test, he overcorrected and almost made things worse for himself.</p><h2 id="social-media-reacts-2">Social media reacts</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ELPF8pMhXiHXhEfFBPCaqH" name="TG-wordle-alternatives-lead.jpg" alt="Wordle displayed on a phone" src="https://cdn.mos.cms.futurecdn.net/ELPF8pMhXiHXhEfFBPCaqH.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class=""></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Wordle)</span></figcaption></figure><p>Unsurprisingly, players have taken to X/Twitter to share their tense experience with their streaks on the line.</p><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2088179456900788275"><p lang="en" dir="ltr">It happens, not very often, but I'm completely stuck on Wordle today. I have 3 greens and I've been trying to think of a word for over an hour. I may have to cheat with a word finding app. I do have 2 guesses yet, so I might also try to find more letters with my 5th guess.<a href="https://twitter.com/cantworkitout/status/2088179456900788275">August 14, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2088267917313896765"><p lang="en" dir="ltr">Did anyone get annoyed at the Wordle word today as much as they did with pshaw (the word that triggered me to start playing this game 😆)?<a href="https://twitter.com/cantworkitout/status/2088267917313896765">August 14, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><p>Also, shout-out to CoastyAI for getting Gemini 3.7 Flash and Claude Fable 5 to compete in solving today’s Wordle. Spoiler alert: Fable 5 cheats by digging the answer out from the source code. </p><div class="see-more see-more--clipped"><figure><blockquote class="twitter-tweet hawk-ignore" data-lang="en" cite="https://twitter.com/cantworkitout/status/2088119749461057617"><p lang="en" dir="ltr">Gemini 3.7 Flash vs Claude Fable 5 for computer use.Can you solve today's NYTimes Wordle with some blockersGo and judge computer use battles at https://t.co/j06lDMvOt2 pic.twitter.com/3kJuK0OvHr<a href="https://twitter.com/cantworkitout/status/2088119749461057617">August 14, 2026</a></p></blockquote></figure><div class="see-more__filter"></div></div><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide</span></h3><ul><li><strong></strong><a href="https://www.tomsguide.com/news/todays-strands-answer"><strong>Today's NYT Strands hints and answer: solutions to game #894, August 14</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/play"><strong>Check out all the latest puzzles and quizzes handcrafted by Tom's Guide</strong></a><strong></strong></li><li><strong></strong><a href="https://www.tomsguide.com/phones/samsung-phones/ive-been-living-with-the-galaxy-z-fold-8-for-3-weeks-and-i-was-wrong"><strong>I’ve been living with the Galaxy Z Fold 8 for 3 weeks — and I was wrong</strong></a><strong></strong></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I just tested audiophile brand FiiO’s first-ever gaming headset — and for just $69, it ticks almost all the boxes ]]></title>
                                                                                                <dc:content><![CDATA[ <p>It was only a matter of time before FiiO, known for making some of the <a href="https://www.tomsguide.com/us/best-headphones,review-1988.html">best headphones</a> for audiophiles on a budget, entered the gaming headset market — and the FiiO FG3 is almost a triumph. Priced at just $69, the FG3 is mighty cheap. It’s also comfortable, and its wired-only plug-and-play design makes it compatible with a range of consoles and devices. You also get extensive customization and finetuned EQ presets, too.</p><p>But there’s some room for improvement. Though it boasts good mic performance and it’s great for listening to music, the FG3’s default sound profile sounds muddy and needs tweaking. Build quality isn’t the best either, and the wired-only design might not be for everyone.</p><p>Is it still the <a href="https://www.tomsguide.com/best-picks/best-cheap-gaming-headsets">best cheap gaming headset </a>for you? Read my full FiiO FG3 review to find out.</p><h2 class="article-body__section" id="section-fiio-fg3-review-specs"><span>FiiO FG3 review: Specs</span></h2><div ><table><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p><a href="https://www.amazon.com/FiiO-Headphones-Detachable-Microphone-Compatible/dp/B0H7BQ9RDR/" target="_blank" rel="nofollow">$69</a> / <a href="https://www.fiio.com/fg3" target="_blank" rel="nofollow">£69</a></p></td></tr><tr><td class="firstcol " ><p><strong>Colors</strong></p></td><td  ><p>Black</p></td></tr><tr><td class="firstcol " ><p><strong>Platforms</strong></p></td><td  ><p>PS5, PS4, Xbox Series X|S, Nintendo Switch 2, Nintendo Switch, PC, macOS, iOS, Android</p></td></tr><tr><td class="firstcol " ><p><strong>Connectivity</strong></p></td><td  ><p>USB-C / USB-A wired</p></td></tr><tr><td class="firstcol " ><p><strong>Frequency response</strong></p></td><td  ><p>10Hz-40KHz</p></td></tr><tr><td class="firstcol " ><p><strong>Drivers</strong></p></td><td  ><p>Coaxial dual-driver (50mm dynamic and 16mm dynamic)</p></td></tr><tr><td class="firstcol " ><p><strong>Multipoint connectivity</strong></p></td><td  ><p>No</p></td></tr><tr><td class="firstcol " ><p><strong>Paired devices max</strong></p></td><td  ><p>1</p></td></tr><tr><td class="firstcol " ><p><strong>Microphone</strong></p></td><td  ><p>Detachable boom mic</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>11.1oz</p></td></tr></tbody></table></div><h2 class="article-body__section" id="section-fiio-fg3-review-cheat-sheet"><span>FiiO FG3 review: Cheat sheet</span></h2><ul><li><strong>What is it? </strong>FiiO’s first-ever gaming headset with a wired-only design</li><li><strong>Who is it for?</strong> Gamers on a tight budget</li><li><strong>How much does it cost?</strong> The FiiO FG3 is available for <a href="https://www.amazon.com/FiiO-Headphones-Detachable-Microphone-Compatible/dp/B0H7BQ9RDR/" target="_blank" rel="nofollow">$69</a> / <a href="https://www.fiio.com/fg3" target="_blank" rel="nofollow">£69</a></li><li><strong>What do we like? </strong>The comfortable fit, EQ presets that work well, useful DAC with in-line controls, mic performance, and more</li><li><strong>What don’t we like?</strong> The default sound profile (it’s muddy) and the subpar build quality</li></ul><h2 class="article-body__section" id="section-fiio-fg3-review-the-ups"><span>FiiO FG3 review: The ups</span></h2><p>From its comfortable design and useful DAC with onboard controls, to the immersive in-game audio and Hi-Res Audio certification, the FiiO FG3 gives you almost everything you need.</p><h2 id="very-comfortable">Very comfortable</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bBq3KkWQEbcyyAyRskj5vL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/bBq3KkWQEbcyyAyRskj5vL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>FiiO has nailed it in the comfort department, as the FG3 is extremely comfortable for all-day wear. At just 11.1oz, the FG3 is lighter than the likes of the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/cherry-xtrfy-h3-gaming-headset-review">Cherry XTRFY H3</a> ($99, 11.46oz). While it’s slightly heavier than the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/powera-lucidsound-ls500-review">PowerA LucidSound LS500</a> ($69, 9.34oz) and the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/logitech-g325-lightspeed-review">Logitech G325 Lightspeed</a> ($79, 7.47oz), the FG3 doesn’t feel unwieldy. It hits the sweet spot.</p><p>Aiding the FG3’s comfort factor are its woven mesh fabric ear cushions which are highly breathable and sweat-resistant. Having worn the headset for seven consecutive hours, I can confirm that I haven’t felt any discomfort or pooling of sweat, and my ears haven’t overheated either. The earpads are swappable, too, in case they get damaged. I also love how spacious the earcups are, and the headset features spot-on clamp force without making it feel like there’s pressure on your temples or head.</p><p>Similar to the<a href="https://www.tomsguide.com/audio/headphones/fiio-jt7-review"> FiiO JT7</a> ($119), the FG3’s stainless steel headband features velvet-like padded cloth that helps relieve pressure you might otherwise feel on the top of your head.</p><h2 id="useful-dac-with-onboard-controls">Useful DAC with onboard controls</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="A7qo9Nz2B8zrWSH3LxHHvL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/A7qo9Nz2B8zrWSH3LxHHvL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Alongside manufacturing some fantastic audiophile headphones, FiiO has a growing range of wallet-friendly DACs too, and it’s no surprise that the FG3 features a USB DAC. Featuring a USB-C connector and accompanied by a USB-A adapter for plugging into consoles or PCs, the FG3’s DAC connects to the headset’s 3.5mm plug. It supports up to 192KHz/24-bit sampling rates, powers the dual drivers (more on that shortly) cleanly, and drives the dual-core digital signal processing (DSP) chip for virtual 7.1 surround sound.</p><p>In addition to that, the USB DAC also stores custom equalizer settings and profiles, so it’s pretty much a necessity. It functions as the headset’s inline controls, too, so you can swap between profiles using the ‘M’ button, mute the mic, and adjust the FG3’s volume. An LED indicator on the DAC lights up in different colors to indicate the active EQ profile. Easy to understand, and just as straightforward to use.</p><h2 id="user-friendly-web-based-app">User-friendly web-based app</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/AQw2Ae26TaMDvZU4MvTCuC.jpg" alt="FiiO companion app screenshot" /><figcaption><small role="credit">FiiO / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/mYccawKNV7uiRF8pqFCPkC.jpg" alt="FiiO companion app screenshot" /><figcaption><small role="credit">FiiO / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/AJVLykd7t3jb6eEdZNN6pC.jpg" alt="FiiO companion app screenshot" /><figcaption><small role="credit">FiiO / Tom's Guide</small></figcaption></figure></figure><p>The FiiO FG3 offers extensive customization via <a href="https://fiiocontrol.fiio.com/" target="_blank" rel="nofollow">FiiO Control Web</a>, a web-based companion app with a clean, user-friendly interface. You get extensive control over the 10-band parametric equalizer, which you can adjust to your liking and then save as a custom profile onto the DAC. There are four EQ presets to choose from, too, such as Action, MOBA, FPS and MUG — the fourth is for rhythm games.</p><p>Virtual 7.1 surround sound is baked into the Action preset so you’ll need to switch to it if you want 360° sound. It’s also built into the Cinema mode, designed for watching movies. In addition to this, you can adjust the boom mic’s volume and sidetone, too.</p><h2 id="great-for-most-game-genres">Great for most game genres</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="jiXcfr4zgUG8TxkbwughuL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/jiXcfr4zgUG8TxkbwughuL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The FiiO FG3 utilizes a coaxial dual-driver setup comprising a 50mm dynamic driver for lows and mids, and a 16mm driver for highs. The FG3 covers a frequency response range of 10Hz to 40KHz, so on paper, it reproduces the softest of footsteps and the loudest of explosions.</p><p>In practice? The sound quality is hit or miss, but let’s talk about the good things first. To test the FG3, I played <a href="https://www.tomsguide.com/gaming/assassins-creed-black-flag-resynced-review">Assassin’s Creed Black Flag Resynced</a> and <a href="https://www.tomsguide.com/gaming/clair-obscur-expedition-33-review">Clair Obscur: Expedition 33</a> on my <a href="https://www.tomsguide.com/gaming/playstation/ps5-slim">PS5 Slim</a>, and <a href="https://www.tomsguide.com/reviews/cyberpunk-2077-phantom-liberty">Cyberpunk 2077</a> on the <a href="https://www.tomsguide.com/computing/gaming-laptops/alienware-16x-aurora-review">Alienware 16X Aurora</a>. The FG3 does well to reproduce ambient and environmental sound effects, especially with the AAA-inspired Action EQ preset enabled.</p><p>In Black Flag Resynced, I felt fully immersed when sailing the seas as I could hear waves crashing against my ship’s sides, as well as my vessel’s creaking. Directional audio worked well here. I could hear my shipwright speaking to my left and my quartermaster answering to my right.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="GvnhgLJVHJNY6BQkkEXsvL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/GvnhgLJVHJNY6BQkkEXsvL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Similarly, in Expedition 33, my footsteps sounded textured, and the difference between walking on petals and in shallow water was apparent. Dialogues sounded loud and clear through the FG3 and the words didn’t bleed into one another. I also love that the headset remains distortion-free regardless of the volume you’re playing at. The operatic soundtrack in Expedition 33 didn’t sound scratchy at all when listening to it at the highest volume — though you shouldn’t as doing so can damage your hearing.</p><p>I also tested the FPS EQ preset which emphasizes footsteps by playing a couple hours of Cyberpunk 2077. I was impressed with the high-frequency tuning for positional cues, and I was able to accurately pinpoint the enemies’ locations when infiltrating their camps. The FG3, then, works best when using specific EQs for specific titles.</p><h2 id="good-for-listening-to-music-too">Good for listening to music, too</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="AYS5gmMZGp3cgeKFJSqTXL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/AYS5gmMZGp3cgeKFJSqTXL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Even though it’s a gaming headset, FiiO has added its HiFi expertise to the FG3 which is Hi-Res Audio certified. It can transmit and reproduce high-resolution digital audio formats with its 192KHz/24-bit sampling rate. With its HiFi and gaming chops, the FG3 is similar to the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/edifier-g5-max-review">Edifier G5 Max </a>($149) but costs a fraction of the price.</p><p>I tested the FG3’s streaming capabilities by listening to my favorite tunes on <a href="https://www.tomsguide.com/audio/qobuz-review">Qobuz</a>, the <a href="https://www.tomsguide.com/buying-guide/best-music-streaming-services">best music streaming service</a> for audiophiles. The intricate guitar work in Dire Straits’ ‘<a href="https://open.qobuz.com/track/161150239" target="_blank" rel="nofollow">Sultans of Swing’</a> sounded impressively clear, with every note having enough room to shine. Meanwhile, Lana Del Rey’s vocals in ‘<a href="https://open.qobuz.com/track/31887413" target="_blank" rel="nofollow">Born to Die</a>’ felt beautifully textured, and the treble sounded vibrant but never fatiguing. As for the lows, the bassline in ‘<a href="https://open.qobuz.com/track/2329144" target="_blank" rel="nofollow">The Intro</a>’ by The xx had plenty of warmth to it, and it felt tight and controlled throughout.</p><p>However, it’s worth noting that the default EQ for music — called ‘HiFi’ — makes music sound slightly muffled and distant. I switched to the flat profile through the web-based companion app (more on that shortly) and it made a world of difference.</p><p><em>Listen along to my review with the FiiO FG3 testing playlist:</em></p><iframe allow="" height="390" width="378" id="" style="" class="position-center" data-lazy-priority="low" data-lazy-src="https://widget.qobuz.com/playlist/68498024?zone=GB-en"></iframe><h2 id="clear-boom-mic">Clear boom mic</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RWQLBFtFH8twsAJvQY6GuL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/RWQLBFtFH8twsAJvQY6GuL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The FiiO FG3 comes with a detachable boom mic which works well in real-world use. It features environmental noise cancelation (ENC), designed to eliminate ambient sounds and external disturbances — and it works as intended.</p><audio src="https://cdn.mos.cms.futurecdn.net/pBauJXYoaiomCKvHrJNMCg/New%20Recording%202.mp3"  controls="controls" preload="none"></audio><p><br>I recorded myself speaking with nothing else playing in the background, and you can hear the clip above. Sibilant — “t” and “s” sounds — are clear and don’t sound hissy, while plosives — “p” and “t” sounds — are clean and don’t pop.</p><audio src="https://cdn.mos.cms.futurecdn.net/rWpqnMmzUs88RMbNj6BuDg/New%20Recording%203.mp3"  controls="controls" preload="none"></audio><p><br>To test the mic’s ENC, I played a YouTube video at about 70% volume in the background, and you can’t really hear it in the clip above. My voice is front and center which is what you’d expect from a decent gaming headset. The FG3’s mic performance feels on par with the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/asus-rog-pelta-gaming-headset-review">Asus ROG Pelta</a>’s ($129).</p><h2 id="competitively-priced-2">Competitively priced</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="9PRgtthcnm9kDG5w94Tx7L" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/9PRgtthcnm9kDG5w94Tx7L.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Given everything I’ve mentioned so far, the FiiO FG3 feels like great value for money, as it’s priced competitively. The FG3 has a retail price of <a href="https://www.amazon.com/FiiO-Headphones-Detachable-Microphone-Compatible/dp/B0H7BQ9RDR/" target="_blank" rel="nofollow">$69 at Amazon U.S.</a> / <a href="https://www.fiio.com/fg3" target="_blank" rel="nofollow">£69 at FiiO U.K.</a> — so it costs the same as the PowerA LucidSound LS500 ($69) and is slightly cheaper than the Logitech G325 Lightspeed ($79) and the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/turtle-beach-stealth-600-gen-3-review">Turtle Beach Stealth 600 Gen 3</a> ($99).</p><p>While the FG3 is pricier than the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/asus-tuf-gaming-h1-gen-ii-headset-review">Asus TUF Gaming H1 Gen II </a>($49), it’s worth spending the extra $20 for Hi-Res Audio and low-key design.</p><h2 class="article-body__section" id="section-fiio-fg3-review-the-downs"><span>FiiO FG3 review: The downs</span></h2><p>Though it’s good, the FiiO FG3’s default sound profile sounds muddy, the headset has a plasticky build, and its wired-only design might not be for everyone.</p><h2 id="default-sound-profile-needs-tweaking">Default sound profile needs tweaking</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="TKMdXiF2UAxPvv6rios2ML" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/TKMdXiF2UAxPvv6rios2ML.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The hallmark of a great headset is that it sounds fantastic straight out of the box. Unfortunately, that’s not true in the case of the FiiO FG3. Its default sound profile for video games sounds muddy at best. You need to play around with the equalizer to get the best possible sound as, without doing so, the bass lacks <em>oomph </em>and low-end impact, while treble sounds like it’s been toned down by a lot.</p><p>For instance, while I enjoyed exploring and sailing the seas in Assassin’s Creed Black Flag Resynced, combat effects left a lot to be desired. What are usually high-pitched sounds of swords clashing sounded muted through the FG3. The iconic <em>shing </em>of the protagonist’s hidden blade was also missing, which broke my immersion. Similarly, in Cyberpunk 2077, bullets didn’t sound as sharp and loud as they usually do through, say, the Cherry XTRFY H3.</p><p>As for bass, with the default sound profile active, my magical attacks sounded hollow on impact in Clair Obscur: Expedition 33. I eventually fixed these issues by adjusting the equalizer, but it’s disappointing that you can’t just plug in the FG3 and start enjoying all it has to offer.</p><h2 id="subpar-build-quality">Subpar build quality</h2><p>The FiiO FG3’s design and build are nothing to write home about. The build quality is subpar as the headset feels a little too plasticky and flimsy for my liking. There’s also a slight creaking sound when you swivel the earcups — but thankfully, it isn’t apparent when you simply move your head (unlike on the Logitech G325 Lightspeed).</p><p>Underwhelming build quality isn’t rare in this price range, and if you want a more premium-feeling headset, you’ll have to spend a little more on the likes of the Cherry XTRFY H3 or the Asus ROG Pelta. </p><h2 id="wired-only-design">Wired-only design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:704px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="z8o2kXH77NwHVQRkVfTyuL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/v2/t:433,l:1126,cw:704,ch:396,q:80/z8o2kXH77NwHVQRkVfTyuL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>This is more of a pre-purchase consideration rather than an outright drawback: the FiiO FG3 is a wired-only gaming headset. It can be plugged into your console or PC via either the 3.5mm jack (0.7m long) or using the USB-C DAC (which increases the length to approximately 2.2m). The wired-only plug-and-play design offers multi-platform compatibility with the <a href="https://www.tomsguide.com/reviews/ps5">PS5</a>, PS4, <a href="https://www.tomsguide.com/reviews/xbox-series-x">Xbox Series X</a> and S, <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review">Nintendo Switch 2</a>, PC, macOS and smartphones.</p><p>As I mentioned earlier, I tested the FG3 with the headset plugged directly into my PS5 Slim using the included DAC. The distance between my couch and TV is over 2.5 metres, so I had to sit on a chair closer to the TV to use the FG3. While you can plug the headset into the DualSense’s controller’s 3.5mm port, you’ll lose out on EQ presets and your custom profile (which is saved onboard the DAC). You’ll also miss out on high-resolution decoding, therefore resulting in a narrower soundstage and weaker dynamics.</p><p>If you want a wireless headset that’s more versatile, I’d recommend the PowerA LucidSound LS500 ($69) or the Logitech G325 Lightspeed ($79). Neither are Hi-Res Audio certified, though, and usually you need to spend around $150 for it, like on the Edifier G5 Max ($149).</p><h2 class="article-body__section" id="section-fiio-fg3-review-verdict"><span>FiiO FG3 review: Verdict</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="z8o2kXH77NwHVQRkVfTyuL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/z8o2kXH77NwHVQRkVfTyuL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>If you need a gaming headset that’s affordable, comfortable and features extensive EQ customization, the FiiO FG3 could be right up your alley. Its EQ presets are finetuned and make games sound great, while its mic performance is solid. The headset is extremely comfortable for all-day wear, and I love the included DAC with its in-line controls, too.</p><p>But the FG3’s default sound profile — for both video games and music streaming — sounds muddy and needs tweaking, which means you can’t use it straight out of the box. Build quality is nothing to write home about either, and the wired-only design may not be everyone’s cup of tea.</p><p>For its first gaming headset, FiiO has done a respectable job, and it has priced the headset just right, too. The FG3 ticks almost all the boxes, and with some tweaks, I think the brand could make the next one even better.</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/gaming-peripherals/fiio-fg3-review</link>
                                                                            <description>
                            <![CDATA[ The FiiO FG3 is a great and comfortable gaming headset boasting good mic performance, and it features a useful DAC with onboard controls. But it has some flaws. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">ygdkoC8AGZfK9qMvP2zPgQ</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/bBq3KkWQEbcyyAyRskj5vL-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Thu, 13 Aug 2026 12:42:49 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming Peripherals]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ nikita.achanta@futurenet.com (Nikita Achanta) ]]></author>                    <dc:creator><![CDATA[ Nikita Achanta ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/oXuvixDz99SbZp9z8Uoor3.png ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Nikita is a Senior Writer on the Reviews team at Tom&#039;s Guide. She is a lifelong gaming and photography enthusiast, especially interested in wildlife photography. Having worked as a Sub Editor and Writer for Canon EMEA, she’s a bit of a grammar nerd (and a supporter of the Oxford comma), and has also interviewed photographers from all over the world and working in different genres.&lt;/p&gt;&lt;p&gt;A holder of two master’s degrees, the most recent one being in Magazine Journalism from Cardiff University, Nikita’s work has appeared in several publications such as Motor Sport Magazine, NME, Marriott Bonvoy, The Independent, and Metro. Her favorite tech includes the PS5, the DJI Air 3S, and the Fujifilm X-T50. She&#039;s also a licensed drone pilot and cameras expert so you&#039;ll find her testing those nearly every week.&lt;/p&gt;&lt;p&gt;In her downtime, Nikita can usually be found sinking hours into RPGs on her PS5, flying a drone, out on a walk with a camera in hand, at a concert, watching F1, or planning her next tattoo. You can follow her photography account on Instagram&lt;a href=&quot;https://www.instagram.com/photos.bynikita/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt; here&lt;/a&gt;.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/bBq3KkWQEbcyyAyRskj5vL-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&#039;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[A black FiiO FG3 gaming headset]]></media:description>                                                            <media:text><![CDATA[A black FiiO FG3 gaming headset]]></media:text>
                                <media:title type="plain"><![CDATA[A black FiiO FG3 gaming headset]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/bBq3KkWQEbcyyAyRskj5vL-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>It was only a matter of time before FiiO, known for making some of the <a href="https://www.tomsguide.com/us/best-headphones,review-1988.html">best headphones</a> for audiophiles on a budget, entered the gaming headset market — and the FiiO FG3 is almost a triumph. Priced at just $69, the FG3 is mighty cheap. It’s also comfortable, and its wired-only plug-and-play design makes it compatible with a range of consoles and devices. You also get extensive customization and finetuned EQ presets, too.</p><p>But there’s some room for improvement. Though it boasts good mic performance and it’s great for listening to music, the FG3’s default sound profile sounds muddy and needs tweaking. Build quality isn’t the best either, and the wired-only design might not be for everyone.</p><p>Is it still the <a href="https://www.tomsguide.com/best-picks/best-cheap-gaming-headsets">best cheap gaming headset </a>for you? Read my full FiiO FG3 review to find out.</p><h2 class="article-body__section" id="section-fiio-fg3-review-specs"><span>FiiO FG3 review: Specs</span></h2><div ><table><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p><a href="https://www.amazon.com/FiiO-Headphones-Detachable-Microphone-Compatible/dp/B0H7BQ9RDR/" target="_blank" rel="nofollow">$69</a> / <a href="https://www.fiio.com/fg3" target="_blank" rel="nofollow">£69</a></p></td></tr><tr><td class="firstcol " ><p><strong>Colors</strong></p></td><td  ><p>Black</p></td></tr><tr><td class="firstcol " ><p><strong>Platforms</strong></p></td><td  ><p>PS5, PS4, Xbox Series X|S, Nintendo Switch 2, Nintendo Switch, PC, macOS, iOS, Android</p></td></tr><tr><td class="firstcol " ><p><strong>Connectivity</strong></p></td><td  ><p>USB-C / USB-A wired</p></td></tr><tr><td class="firstcol " ><p><strong>Frequency response</strong></p></td><td  ><p>10Hz-40KHz</p></td></tr><tr><td class="firstcol " ><p><strong>Drivers</strong></p></td><td  ><p>Coaxial dual-driver (50mm dynamic and 16mm dynamic)</p></td></tr><tr><td class="firstcol " ><p><strong>Multipoint connectivity</strong></p></td><td  ><p>No</p></td></tr><tr><td class="firstcol " ><p><strong>Paired devices max</strong></p></td><td  ><p>1</p></td></tr><tr><td class="firstcol " ><p><strong>Microphone</strong></p></td><td  ><p>Detachable boom mic</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>11.1oz</p></td></tr></tbody></table></div><h2 class="article-body__section" id="section-fiio-fg3-review-cheat-sheet"><span>FiiO FG3 review: Cheat sheet</span></h2><ul><li><strong>What is it? </strong>FiiO’s first-ever gaming headset with a wired-only design</li><li><strong>Who is it for?</strong> Gamers on a tight budget</li><li><strong>How much does it cost?</strong> The FiiO FG3 is available for <a href="https://www.amazon.com/FiiO-Headphones-Detachable-Microphone-Compatible/dp/B0H7BQ9RDR/" target="_blank" rel="nofollow">$69</a> / <a href="https://www.fiio.com/fg3" target="_blank" rel="nofollow">£69</a></li><li><strong>What do we like? </strong>The comfortable fit, EQ presets that work well, useful DAC with in-line controls, mic performance, and more</li><li><strong>What don’t we like?</strong> The default sound profile (it’s muddy) and the subpar build quality</li></ul><h2 class="article-body__section" id="section-fiio-fg3-review-the-ups"><span>FiiO FG3 review: The ups</span></h2><p>From its comfortable design and useful DAC with onboard controls, to the immersive in-game audio and Hi-Res Audio certification, the FiiO FG3 gives you almost everything you need.</p><h2 id="very-comfortable">Very comfortable</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bBq3KkWQEbcyyAyRskj5vL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/bBq3KkWQEbcyyAyRskj5vL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>FiiO has nailed it in the comfort department, as the FG3 is extremely comfortable for all-day wear. At just 11.1oz, the FG3 is lighter than the likes of the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/cherry-xtrfy-h3-gaming-headset-review">Cherry XTRFY H3</a> ($99, 11.46oz). While it’s slightly heavier than the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/powera-lucidsound-ls500-review">PowerA LucidSound LS500</a> ($69, 9.34oz) and the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/logitech-g325-lightspeed-review">Logitech G325 Lightspeed</a> ($79, 7.47oz), the FG3 doesn’t feel unwieldy. It hits the sweet spot.</p><p>Aiding the FG3’s comfort factor are its woven mesh fabric ear cushions which are highly breathable and sweat-resistant. Having worn the headset for seven consecutive hours, I can confirm that I haven’t felt any discomfort or pooling of sweat, and my ears haven’t overheated either. The earpads are swappable, too, in case they get damaged. I also love how spacious the earcups are, and the headset features spot-on clamp force without making it feel like there’s pressure on your temples or head.</p><p>Similar to the<a href="https://www.tomsguide.com/audio/headphones/fiio-jt7-review"> FiiO JT7</a> ($119), the FG3’s stainless steel headband features velvet-like padded cloth that helps relieve pressure you might otherwise feel on the top of your head.</p><h2 id="useful-dac-with-onboard-controls">Useful DAC with onboard controls</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="A7qo9Nz2B8zrWSH3LxHHvL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/A7qo9Nz2B8zrWSH3LxHHvL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Alongside manufacturing some fantastic audiophile headphones, FiiO has a growing range of wallet-friendly DACs too, and it’s no surprise that the FG3 features a USB DAC. Featuring a USB-C connector and accompanied by a USB-A adapter for plugging into consoles or PCs, the FG3’s DAC connects to the headset’s 3.5mm plug. It supports up to 192KHz/24-bit sampling rates, powers the dual drivers (more on that shortly) cleanly, and drives the dual-core digital signal processing (DSP) chip for virtual 7.1 surround sound.</p><p>In addition to that, the USB DAC also stores custom equalizer settings and profiles, so it’s pretty much a necessity. It functions as the headset’s inline controls, too, so you can swap between profiles using the ‘M’ button, mute the mic, and adjust the FG3’s volume. An LED indicator on the DAC lights up in different colors to indicate the active EQ profile. Easy to understand, and just as straightforward to use.</p><h2 id="user-friendly-web-based-app">User-friendly web-based app</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/AQw2Ae26TaMDvZU4MvTCuC.jpg" alt="FiiO companion app screenshot" /><figcaption><small role="credit">FiiO / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/mYccawKNV7uiRF8pqFCPkC.jpg" alt="FiiO companion app screenshot" /><figcaption><small role="credit">FiiO / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/AJVLykd7t3jb6eEdZNN6pC.jpg" alt="FiiO companion app screenshot" /><figcaption><small role="credit">FiiO / Tom's Guide</small></figcaption></figure></figure><p>The FiiO FG3 offers extensive customization via <a href="https://fiiocontrol.fiio.com/" target="_blank" rel="nofollow">FiiO Control Web</a>, a web-based companion app with a clean, user-friendly interface. You get extensive control over the 10-band parametric equalizer, which you can adjust to your liking and then save as a custom profile onto the DAC. There are four EQ presets to choose from, too, such as Action, MOBA, FPS and MUG — the fourth is for rhythm games.</p><p>Virtual 7.1 surround sound is baked into the Action preset so you’ll need to switch to it if you want 360° sound. It’s also built into the Cinema mode, designed for watching movies. In addition to this, you can adjust the boom mic’s volume and sidetone, too.</p><h2 id="great-for-most-game-genres">Great for most game genres</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="jiXcfr4zgUG8TxkbwughuL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/jiXcfr4zgUG8TxkbwughuL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The FiiO FG3 utilizes a coaxial dual-driver setup comprising a 50mm dynamic driver for lows and mids, and a 16mm driver for highs. The FG3 covers a frequency response range of 10Hz to 40KHz, so on paper, it reproduces the softest of footsteps and the loudest of explosions.</p><p>In practice? The sound quality is hit or miss, but let’s talk about the good things first. To test the FG3, I played <a href="https://www.tomsguide.com/gaming/assassins-creed-black-flag-resynced-review">Assassin’s Creed Black Flag Resynced</a> and <a href="https://www.tomsguide.com/gaming/clair-obscur-expedition-33-review">Clair Obscur: Expedition 33</a> on my <a href="https://www.tomsguide.com/gaming/playstation/ps5-slim">PS5 Slim</a>, and <a href="https://www.tomsguide.com/reviews/cyberpunk-2077-phantom-liberty">Cyberpunk 2077</a> on the <a href="https://www.tomsguide.com/computing/gaming-laptops/alienware-16x-aurora-review">Alienware 16X Aurora</a>. The FG3 does well to reproduce ambient and environmental sound effects, especially with the AAA-inspired Action EQ preset enabled.</p><p>In Black Flag Resynced, I felt fully immersed when sailing the seas as I could hear waves crashing against my ship’s sides, as well as my vessel’s creaking. Directional audio worked well here. I could hear my shipwright speaking to my left and my quartermaster answering to my right.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="GvnhgLJVHJNY6BQkkEXsvL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/GvnhgLJVHJNY6BQkkEXsvL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Similarly, in Expedition 33, my footsteps sounded textured, and the difference between walking on petals and in shallow water was apparent. Dialogues sounded loud and clear through the FG3 and the words didn’t bleed into one another. I also love that the headset remains distortion-free regardless of the volume you’re playing at. The operatic soundtrack in Expedition 33 didn’t sound scratchy at all when listening to it at the highest volume — though you shouldn’t as doing so can damage your hearing.</p><p>I also tested the FPS EQ preset which emphasizes footsteps by playing a couple hours of Cyberpunk 2077. I was impressed with the high-frequency tuning for positional cues, and I was able to accurately pinpoint the enemies’ locations when infiltrating their camps. The FG3, then, works best when using specific EQs for specific titles.</p><h2 id="good-for-listening-to-music-too">Good for listening to music, too</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="AYS5gmMZGp3cgeKFJSqTXL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/AYS5gmMZGp3cgeKFJSqTXL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Even though it’s a gaming headset, FiiO has added its HiFi expertise to the FG3 which is Hi-Res Audio certified. It can transmit and reproduce high-resolution digital audio formats with its 192KHz/24-bit sampling rate. With its HiFi and gaming chops, the FG3 is similar to the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/edifier-g5-max-review">Edifier G5 Max </a>($149) but costs a fraction of the price.</p><p>I tested the FG3’s streaming capabilities by listening to my favorite tunes on <a href="https://www.tomsguide.com/audio/qobuz-review">Qobuz</a>, the <a href="https://www.tomsguide.com/buying-guide/best-music-streaming-services">best music streaming service</a> for audiophiles. The intricate guitar work in Dire Straits’ ‘<a href="https://open.qobuz.com/track/161150239" target="_blank" rel="nofollow">Sultans of Swing’</a> sounded impressively clear, with every note having enough room to shine. Meanwhile, Lana Del Rey’s vocals in ‘<a href="https://open.qobuz.com/track/31887413" target="_blank" rel="nofollow">Born to Die</a>’ felt beautifully textured, and the treble sounded vibrant but never fatiguing. As for the lows, the bassline in ‘<a href="https://open.qobuz.com/track/2329144" target="_blank" rel="nofollow">The Intro</a>’ by The xx had plenty of warmth to it, and it felt tight and controlled throughout.</p><p>However, it’s worth noting that the default EQ for music — called ‘HiFi’ — makes music sound slightly muffled and distant. I switched to the flat profile through the web-based companion app (more on that shortly) and it made a world of difference.</p><p><em>Listen along to my review with the FiiO FG3 testing playlist:</em></p><iframe allow="" height="390" width="378" id="" style="" class="position-center" data-lazy-priority="low" data-lazy-src="https://widget.qobuz.com/playlist/68498024?zone=GB-en"></iframe><h2 id="clear-boom-mic">Clear boom mic</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RWQLBFtFH8twsAJvQY6GuL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/RWQLBFtFH8twsAJvQY6GuL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The FiiO FG3 comes with a detachable boom mic which works well in real-world use. It features environmental noise cancelation (ENC), designed to eliminate ambient sounds and external disturbances — and it works as intended.</p><audio src="https://cdn.mos.cms.futurecdn.net/pBauJXYoaiomCKvHrJNMCg/New%20Recording%202.mp3"  controls="controls" preload="none"></audio><p><br>I recorded myself speaking with nothing else playing in the background, and you can hear the clip above. Sibilant — “t” and “s” sounds — are clear and don’t sound hissy, while plosives — “p” and “t” sounds — are clean and don’t pop.</p><audio src="https://cdn.mos.cms.futurecdn.net/rWpqnMmzUs88RMbNj6BuDg/New%20Recording%203.mp3"  controls="controls" preload="none"></audio><p><br>To test the mic’s ENC, I played a YouTube video at about 70% volume in the background, and you can’t really hear it in the clip above. My voice is front and center which is what you’d expect from a decent gaming headset. The FG3’s mic performance feels on par with the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/asus-rog-pelta-gaming-headset-review">Asus ROG Pelta</a>’s ($129).</p><h2 id="competitively-priced-2">Competitively priced</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="9PRgtthcnm9kDG5w94Tx7L" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/9PRgtthcnm9kDG5w94Tx7L.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Given everything I’ve mentioned so far, the FiiO FG3 feels like great value for money, as it’s priced competitively. The FG3 has a retail price of <a href="https://www.amazon.com/FiiO-Headphones-Detachable-Microphone-Compatible/dp/B0H7BQ9RDR/" target="_blank" rel="nofollow">$69 at Amazon U.S.</a> / <a href="https://www.fiio.com/fg3" target="_blank" rel="nofollow">£69 at FiiO U.K.</a> — so it costs the same as the PowerA LucidSound LS500 ($69) and is slightly cheaper than the Logitech G325 Lightspeed ($79) and the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/turtle-beach-stealth-600-gen-3-review">Turtle Beach Stealth 600 Gen 3</a> ($99).</p><p>While the FG3 is pricier than the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/asus-tuf-gaming-h1-gen-ii-headset-review">Asus TUF Gaming H1 Gen II </a>($49), it’s worth spending the extra $20 for Hi-Res Audio and low-key design.</p><h2 class="article-body__section" id="section-fiio-fg3-review-the-downs"><span>FiiO FG3 review: The downs</span></h2><p>Though it’s good, the FiiO FG3’s default sound profile sounds muddy, the headset has a plasticky build, and its wired-only design might not be for everyone.</p><h2 id="default-sound-profile-needs-tweaking">Default sound profile needs tweaking</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="TKMdXiF2UAxPvv6rios2ML" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/TKMdXiF2UAxPvv6rios2ML.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The hallmark of a great headset is that it sounds fantastic straight out of the box. Unfortunately, that’s not true in the case of the FiiO FG3. Its default sound profile for video games sounds muddy at best. You need to play around with the equalizer to get the best possible sound as, without doing so, the bass lacks <em>oomph </em>and low-end impact, while treble sounds like it’s been toned down by a lot.</p><p>For instance, while I enjoyed exploring and sailing the seas in Assassin’s Creed Black Flag Resynced, combat effects left a lot to be desired. What are usually high-pitched sounds of swords clashing sounded muted through the FG3. The iconic <em>shing </em>of the protagonist’s hidden blade was also missing, which broke my immersion. Similarly, in Cyberpunk 2077, bullets didn’t sound as sharp and loud as they usually do through, say, the Cherry XTRFY H3.</p><p>As for bass, with the default sound profile active, my magical attacks sounded hollow on impact in Clair Obscur: Expedition 33. I eventually fixed these issues by adjusting the equalizer, but it’s disappointing that you can’t just plug in the FG3 and start enjoying all it has to offer.</p><h2 id="subpar-build-quality">Subpar build quality</h2><p>The FiiO FG3’s design and build are nothing to write home about. The build quality is subpar as the headset feels a little too plasticky and flimsy for my liking. There’s also a slight creaking sound when you swivel the earcups — but thankfully, it isn’t apparent when you simply move your head (unlike on the Logitech G325 Lightspeed).</p><p>Underwhelming build quality isn’t rare in this price range, and if you want a more premium-feeling headset, you’ll have to spend a little more on the likes of the Cherry XTRFY H3 or the Asus ROG Pelta. </p><h2 id="wired-only-design">Wired-only design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:704px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="z8o2kXH77NwHVQRkVfTyuL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/v2/t:433,l:1126,cw:704,ch:396,q:80/z8o2kXH77NwHVQRkVfTyuL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>This is more of a pre-purchase consideration rather than an outright drawback: the FiiO FG3 is a wired-only gaming headset. It can be plugged into your console or PC via either the 3.5mm jack (0.7m long) or using the USB-C DAC (which increases the length to approximately 2.2m). The wired-only plug-and-play design offers multi-platform compatibility with the <a href="https://www.tomsguide.com/reviews/ps5">PS5</a>, PS4, <a href="https://www.tomsguide.com/reviews/xbox-series-x">Xbox Series X</a> and S, <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review">Nintendo Switch 2</a>, PC, macOS and smartphones.</p><p>As I mentioned earlier, I tested the FG3 with the headset plugged directly into my PS5 Slim using the included DAC. The distance between my couch and TV is over 2.5 metres, so I had to sit on a chair closer to the TV to use the FG3. While you can plug the headset into the DualSense’s controller’s 3.5mm port, you’ll lose out on EQ presets and your custom profile (which is saved onboard the DAC). You’ll also miss out on high-resolution decoding, therefore resulting in a narrower soundstage and weaker dynamics.</p><p>If you want a wireless headset that’s more versatile, I’d recommend the PowerA LucidSound LS500 ($69) or the Logitech G325 Lightspeed ($79). Neither are Hi-Res Audio certified, though, and usually you need to spend around $150 for it, like on the Edifier G5 Max ($149).</p><h2 class="article-body__section" id="section-fiio-fg3-review-verdict"><span>FiiO FG3 review: Verdict</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="z8o2kXH77NwHVQRkVfTyuL" name="FiiO_FG3" alt="A black FiiO FG3 gaming headset" src="https://cdn.mos.cms.futurecdn.net/z8o2kXH77NwHVQRkVfTyuL.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>If you need a gaming headset that’s affordable, comfortable and features extensive EQ customization, the FiiO FG3 could be right up your alley. Its EQ presets are finetuned and make games sound great, while its mic performance is solid. The headset is extremely comfortable for all-day wear, and I love the included DAC with its in-line controls, too.</p><p>But the FG3’s default sound profile — for both video games and music streaming — sounds muddy and needs tweaking, which means you can’t use it straight out of the box. Build quality is nothing to write home about either, and the wired-only design may not be everyone’s cup of tea.</p><p>For its first gaming headset, FiiO has done a respectable job, and it has priced the headset just right, too. The FG3 ticks almost all the boxes, and with some tweaks, I think the brand could make the next one even better.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Razer’s new RGB gaming chair kept my butt comfy but was a serious pain in the neck ]]></title>
                                                                                                <dc:content><![CDATA[ <p>The Razer Soma Chroma is the latest <a href="https://www.tomsguide.com/best-picks/best-gaming-chairs"><u>gaming chair</u></a> from Razer, taking up the mid-range mantle between the pricier Razer Iskur and slightly cheaper Razer Enki. The Soma Chroma has one major party trick: not satisfied with its usual black and green motif, Razer has added RGB lighting for maximum elite gamerness. The Soma Chroma also boasts Razer’s usual premium design and build quality, a super thick seat cushion and comfortable arm rests.</p><p>Unfortunately, it’s let down by a few glaring omissions. Razer seems to think a slight bend in the backrest constitutes lumbar support, and that neck support isn’t as important as RGB lighting. So while your butt might be comfy, your back and neck certainly won’t be without further purchases. There’s also very limited adjustments on offer. Oh, and the companion software, Synapse, is terrible.</p><p>All in all, if you want a gaming chair that’s all about looks, this could be the one. But if you’re planning on spending long hours in the hot seat, I’d advise you look for something with more support and adjustability.</p><p>Find out more in my full Razer Soma Chroma review.</p><h2 class="article-body__section" id="section-razer-soma-chroma-review-cheat-sheet"><span>Razer Soma Chroma review: Cheat sheet</span></h2><ul><li><strong>What is it? </strong>A mid-range gaming chair from Razer</li><li><strong>Who is it for? Gamers who want an RGB-clad chair</strong></li><li><strong>What does it cost?</strong> <a href="https://www.amazon.com/Razer-Chroma-Ergonomic-Reactive-Lighting/dp/B0H3XDND95/" target="_blank" rel="nofollow"><u>$499</u></a> / <a href="https://www.amazon.co.uk/Razer-Soma-Chroma-Built-Connection/dp/B0GX5QZ2TK" target="_blank" rel="nofollow"><u>£499</u></a></li><li><strong>What do we like? </strong>The comfy base and arm rests, premium build, attractive styling and ease of assembly</li><li><strong>What don’t we like? </strong>Virtually no lumbar support, no neck support, limited adjustability and an awful companion app</li></ul><h2 class="article-body__section" id="section-razer-soma-chroma-review-specs"><span>Razer Soma Chroma review: Specs</span></h2><div ><table><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p><a href="https://www.amazon.com/Razer-Chroma-Ergonomic-Reactive-Lighting/dp/B0H3XDND95/" target="_blank" rel="nofollow"><u>$499</u></a> / <a href="https://www.amazon.co.uk/Razer-Soma-Chroma-Built-Connection/dp/B0GX5QZ2TK" target="_blank" rel="nofollow"><u>£499</u></a></p></td></tr><tr><td class="firstcol " ><p><strong>Maximum user height</strong></p></td><td  ><p>5.3-6.6 ft</p></td></tr><tr><td class="firstcol " ><p><strong>Maximum load</strong></p></td><td  ><p>331 lbs</p></td></tr><tr><td class="firstcol " ><p><strong>Seat height</strong></p></td><td  ><p>16-20 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Backrest height</strong></p></td><td  ><p>33 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Material</strong></p></td><td  ><p>Fabric (unspecified)</p></td></tr><tr><td class="firstcol " ><p><strong>Warranty</strong></p></td><td  ><p>3 years</p></td></tr></tbody></table></div><h2 class="article-body__section" id="section-razer-soma-chroma-review-the-ups"><span>Razer Soma Chroma review: The ups</span></h2><p>The Razer Soma Chroma has a few things in its favor, like premium build quality, a striking aesthetic, a comfy base and squidgy arm rests, plus a mostly cable-free design.</p><h2 id="premium-build">Premium build </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="5P4rzXDGgx8axhjcbznDTo" name="Razer_gamingchair_ 15.JPG" alt="The Razer Soma Chroma chair in an industrial setting head rest with the RGB on and the Razer logo showing, illuminated with a green glow" src="https://cdn.mos.cms.futurecdn.net/5P4rzXDGgx8axhjcbznDTo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>There’s no denying the Soma Chroma is built well — unsurprising if you have any experience with Razer products. The fabric used is high quality and soft to the touch; there’s thick foam on the seat pad and arm rests; and there aren’t too many scratchy plastics (with the exception of the arm rest tubes. </p><p>The chair’s recline mechanism also operates with a very satisfying mechanical clunk — it feels like there’s some heavyweight machinery in there holding it together. It’s a far cry from the janky mechanism used on my <a href="https://www.tomsguide.com/home/home-office/boulies-ep460-review"><u>Boulies EP460</u></a>.</p><h2 id="easy-assembly">Easy assembly</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/4BL7SzUWji9ZfxXU8gFpVY.jpg" alt="The Razer Soma Chroma's components laid out on a concrete floor" /><figcaption><small role="credit">Future</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/NEhmYfwB3vB9LqVwFoj3PY.jpg" alt="The Razer Soma Chroma's instruction manual" /><figcaption><small role="credit">Future</small></figcaption></figure></figure><p>The Soma Chroma was pretty easy to assemble. My team reviews lots of chairs, and I’m usually the one building them — even when my colleagues are the ones reviewing them (I guess that’s one disadvantage to being handy with a wrench).</p><p>The Soma Chroma was in the average difficulty range. It was nowhere near as simple to build as the <a href="https://www.tomsguide.com/home/home-office/boulies-op180-review"><u>Boulies OP180</u></a>, which only took me 10 minutes. There were also some heavier components, like the back rest, which may necessitate a second person to help. Other than that, it’s simply a case of putting the bolts where needed, all of which is detailed in the very thorough included instruction sheet. I built the Soma Chroma on my own in about half an hour. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ZD27FxbV4TQWCQBKQUhkLY" name="Razer Soma Chroma Build_1" alt="The Razer Soma Chroma's building gloves" src="https://cdn.mos.cms.futurecdn.net/ZD27FxbV4TQWCQBKQUhkLY.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>I love that Razer supplies the Soma Chroma with a set of black gloves to  wear when building the chair. I've never seen that from other brands before, and it's a nice touch.</p><h2 id="dashing-design">Dashing design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="T8QCq5RtAJUsoWoUPam7gn" name="Razer_gamingchair_.JPG" alt="The Razer Soma Chroma chair in an industrial setting, illuminated with a green glow and with a gaming setup in the background" src="https://cdn.mos.cms.futurecdn.net/T8QCq5RtAJUsoWoUPam7gn.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Soma Chroma looks rather fetching, too. It sports the typical streamlined gamer chair design — not a million miles away from the ubiquitous <a href="https://www.tomsguide.com/gaming/gaming-peripherals/secretlab-titan-evo-2022-review"><u>Secretlab Titan Evo</u></a>. A cutout near the neck and distinctive contouring on both the back rest and seat give it a sports-car-esque vibe. It looks straight out of an esports competition.</p><p>With the lighting disabled, The Soma Chroma boasts Razer’s usual sleek, blacked out aesthetic, with striking green accents. With the lighting turned on, it looks about as sophisticated as RGB lighting ever does. If you’re after that particular aesthetic, I’m sure you’ll think it looks great. It’s not for me, but that’s down to personal preference. And besides, Razer has applied the RGB fairly sparingly around the wings.</p><h2 id="comfy-base-and-arm-rests">Comfy base and arm rests</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="dxbbgXU8sbtNfzaHPjAWVo" name="Razer_gamingchair_ 10.JPG" alt="The Razer Soma Chroma chair seat base, illuminated with a green glow" src="https://cdn.mos.cms.futurecdn.net/dxbbgXU8sbtNfzaHPjAWVo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Sitting on the Soma Chroma for the first time, I was very pleasantly surprised at the seat base. I suffer from a type of immuno-arthritis that affects, among other areas, my coccyx. In short, butt comfiness is high on my agenda. </p><p>With other foam-cushioned chairs I’ve used, like the <a href="https://www.tomsguide.com/home/home-office/autonomous-ergochair-pro-review"><u>Autonomous ErgoChair Pro</u></a>, seat pad foam usually compresses, applying too much pressure up into my lower back — I often have to use a special coccyx relief cushion with a cutout to relieve coccyx pressure. It’s for this reason I usually choose full mesh chairs like the Boulies EP460, as mesh seat pads provide the best butt support.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="sDdosCcQuscG26sXxUsppn" name="Razer_gamingchair_ 3.JPG" alt="The Razer Soma Chroma chair's armrests, illuminated with a green glow" src="https://cdn.mos.cms.futurecdn.net/sDdosCcQuscG26sXxUsppn.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Soma Chroma, though, has probably the comfiest foam base I’ve sat on. The foam is super thick and very squishy. I haven’t had to use my coccyx cushion at all. Also impressively squishy are the arm rests. So often, manufacturers leave arm rests hard and uncomfortable, causing elbow pain. Not so here. The Soma Chroma has about an inch of foam padding on each rest.</p><p>Overall, even after longer gaming/work stints of 8 hours, I’ve had no butt and no elbow pain. Unfortunately, as I’ll cover later, I had other types of pain from the lack of back and neck support.</p><h2 id="not-fully-wireless-but-tidy">Not fully wireless, but tidy</h2><p>If you choose to use its lighting, the Soma Chroma needs to be powered via USB-C as there’s no built-in battery. You can either plug it into a wall socket or your PC, or use one of the <a href="https://www.tomsguide.com/best-picks/best-portable-chargers"><u>best power banks</u></a>.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="q3muaNAyZUSzcNCin3YKwn" name="Razer_gamingchair_ 6.JPG" alt="The Razer Soma Chroma chair with a power bank in its back pocket and plugged into its USB-C cable" src="https://cdn.mos.cms.futurecdn.net/q3muaNAyZUSzcNCin3YKwn.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The latter is the tidiest method — there’s a zip pocket at the back of the base, which will fit a small-ish power bank like my <a href="https://www.amazon.com/INIU-Portable-10000mAh-Essentials-Powerbank/dp/B0FC6D44MT"><u>Iniu Ultra Mini</u></a> ($31). That means no power banks dangling down or cables getting snagged in the wheels as you move the chair.</p><p>The RGB lights aren’t too power hungry either. We ran the RGB for 2-3 hours on our product photoshoot and the charge on my 10,000mAh Iniu only dropped by 1%.</p><p>Once powered, the Soma Chroma <em>does</em> have wireless connectivity. It comes with a USB-A Wi-Fi dongle, so you can hook the chair up to your PC and control the RGB via Razer Synapse. There are controls on the chair itself, but these are a little clunky unless you keep the instructions with you. I’m not at all keen on Synapse either, which I’ll get onto below.</p><h2 class="article-body__section" id="section-razer-soma-chroma-review-the-downs"><span>Razer Soma Chroma review: The downs</span></h2><p>Unfortunately, without buying further accessories, the Soma Chroma is downright uncomfortable thanks to no neck support, minimal lumbar support, no included support accessories and limited adjustment. Then there’s Synapse…</p><h2 id="poor-neck-and-lumbar-support">Poor neck and lumbar support</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DMZ3G8X4QGvFWzNXvd7xUo" name="Razer_gamingchair_ 12.JPG" alt="The Razer Soma Chroma back rest padding and lumbar curve, illuminated with a green glow" src="https://cdn.mos.cms.futurecdn.net/DMZ3G8X4QGvFWzNXvd7xUo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Razer claims the Soma Chroma has lumbar support. What it really means is that the Soma Chroma has a slight arch in the backrest. It provides about as much lumbar support as propping one’s self up against a plank of wood. There’s also no neck rest, and no additional neck cushion included — if you want one of those, you’ll need to pay an extra $50. </p><p>After my first testing session — about four hours of gaming — I started noticing a slight pain in my neck and upper shoulders. On day two, after another eight hours, I was experiencing full blown neck pain on both sides, up into the back of my head.</p><p>As I mentioned earlier, I have a form of immuno-arthritis, and there’s no way in hell I’d sit in this chair on a daily basis, at least not without some neck support. I have pretty good sitting posture (I have to make sure of it) but without anything to support your neck, it’s very hard to achieve that.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="NupqQyh7cY8ASG52FDFWJo" name="Razer_gamingchair_ 13.JPG" alt="The Razer Soma Chroma headrest, with the RGB on, Razer logo showing and illuminated with a green glow" src="https://cdn.mos.cms.futurecdn.net/NupqQyh7cY8ASG52FDFWJo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Admittedly, the Soma Chroma isn’t alone here. If you know anything about computing chairs, you’ll know that gaming chairs are usually designed for style over comfort. Most of them use the same flat back shaping, like the Secretlab Titan Evo and <a href="https://www.tomsguide.com/gaming/gaming-peripherals/dxracer-craft-review"><u>DXRacer Craft</u></a>, for instance — the thing is, those two chairs at least come with a neck pillow for support.</p><p>If you want proper support, though, you’re better off looking at the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/razer-iskur-v2-newgen-review"><u>Razer Iskur V2 NewGen</u></a>, with its much better (i.e. existent) lumbar support and neck pillow. Or, a hybrid mesh chair like the <a href="https://www.tomsguide.com/home/home-office/herman-miller-x-logitech-g-vantum-gaming-chair-review"><u>Herman Miller Vantum</u></a>. Or consider an office chair as, believe it or not, gaming chairs are mostly marketing. You can game just fine and much more comfortably in a mid-range mesh office chair like my Boulies EP460.</p><h2 id="limited-adjustability">Limited adjustability</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="AKuemiFQiNVu8cfge6nzNo" name="Razer_gamingchair_ 5.JPG" alt="The Razer Soma Chroma chair's recline mechanism." src="https://cdn.mos.cms.futurecdn.net/AKuemiFQiNVu8cfge6nzNo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>On top of the discomfort, the Soma Chroma offers very limited adjustability. You can do the bare minimum: recline, seat height, arm rest height and swivel. But there’s no way to slide the seat forward or back; no forward or backward arm rest sliders, and no lumbar adjustment.</p><p>You <em>can</em> set the chair into a free recline mode, but the mechanism was so stiff on my chair that I had to push off from a wall to get it to actually recline.</p><p>The Soma Chroma is also a little low, with the seat height maxing out at 16-20 inches. My Boulies EP460 maxes out at 23 inches, for comparison. A taller maximum seat height is more comfortable for those with long legs.</p><h2 id="synapse-really-really-sucks">Synapse really, really sucks</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="f9xSiLKC4VNRjhxjkLCDTo" name="Razer_gamingchair_ 8.JPG" alt="The Razer Soma Chroma chair top controls, illuminated by a green glow" src="https://cdn.mos.cms.futurecdn.net/f9xSiLKC4VNRjhxjkLCDTo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Razer’s Synapse software is one of two ways to control the Soma Chroma’s RGB, in addition to the onboard button controls, which are a little basic. Given the RGB is such a major feature of the chair, Synapse is therefore a pretty important element. </p><p>Now, I’ve used Synapse before, so my expectations were tempered. But man oh man, I’d forgotten quite how much Synapse sucks — like, more than any other mainstream companion software I’ve ever used after testing and using dozens of peripherals. I’d honestly prefer Asus’ Armoury Crate, which is seriously saying something.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/gZPtVosuGphsNEK73352ph.jpg" alt="A screenshot of the Razer Synapse app being used to customize the Razer Soma Chroma" /><figcaption><small role="credit">Razer / Future</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/VFkeCdp2orV3TobZmSE839.jpg" alt="A screenshot of the Razer Synapse app being used to customize the Razer Soma Chroma" /><figcaption>As you can see in the pink highlighted area (top left), the Soma Chroma was often simply not recognized by Synapse, forcing me to remove the USB dongle and plug it back in each time I rebooted.<small role="credit">Razer / Future</small></figcaption></figure></figure><p>Firstly, Synapse is incredibly annoying to set up: you have to download the installer; then download Synapse (fighting off the extra bloatware it tries to download at the same time); then install Synapse; then fire up the installed app… and then <em>download Synapse again</em>. Like, what? I can’t even. It’s so needlessly complicated. It also kept failing to install, getting stuck at 45% three times, though that could’ve been a Windows issue.</p><p>When you <em>do</em> get Synapse installed, it’s slow, laggy and often takes ages to recognize the chair after booting up your PC, if it even manages to at all. Every time I rebooted, I had to un/re-plug the Soma Chroma’s 2.4G wireless dongle from/into my PC, otherwise Synapse wouldn’t recognize the chair.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="JQEfnP8sNqQUYeobpq7xDo" name="Razer_gamingchair_ 9.JPG" alt="The Razer Soma Chroma chair's 2.4G dongle, sitting on its side on the chair's arm rest." src="https://cdn.mos.cms.futurecdn.net/JQEfnP8sNqQUYeobpq7xDo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The changes I made in Synapse regularly failed to apply, despite the app saying they did — I switched the lighting to static purple, which it changed to for around 30 seconds before defaulting back to unicorn puke RGB. And to top it all off, the moment you close the Synapse app, the lighting switches back to the default rainbow effect anyway. That means you have to keep that crappy piece of bloatware running while you game, if you want RGB. </p><p>Oh, and if you want any advanced effects you then have to download Razer’s Chroma RGB controller anyway. Eurgh. It’s not worth dealing with such terrible software for a couple of measly RGB strips on a mostly uncomfortable chair.</p><h2 class="article-body__section" id="section-razer-soma-chroma-review-verdict"><span>Razer Soma Chroma review: Verdict</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="cZ8rL5Xh6EYHoftrFjGdSn" name="Razer_gamingchair_ 7.JPG" alt="The Razer Soma Chroma chair back, illuminated with a green glow" src="https://cdn.mos.cms.futurecdn.net/cZ8rL5Xh6EYHoftrFjGdSn.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>I’m pretty disappointed by the Soma Chroma. I’ve awarded credit for its premium design, comfy base and arm rests, and its ease of assembly. Unfortunately, my three pros up top are tempered by four pretty major cons, so half marks for this chair is arguably even a little generous. </p><p>The Soma Chroma is really rather uncomfortable thanks to its lack of a neck cushion and only a semblance of lumbar support. Meanwhile, the adjustability is pretty scant and the companion software, Synapse, is nothing short of terrible.</p><p>So why bother? Just buy a Secretlab Titan Evo and be slightly less uncomfortable. Or do it properly and buy an ergonomic <a href="https://www.tomsguide.com/home/home-office/best-office-chairs"><u>office chair</u></a> (guess what: you <em>can</em> game in one of those). Before long, your neck will thank you.</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/gaming-peripherals/razer-soma-chroma-review</link>
                                                                            <description>
                            <![CDATA[ The Razer Soma Chroma looks good and has some comfortable elements, but is let down by a lack of neck and lumbar support, plus poor companion software. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">Z4XSDdStwdCoL4nvBEDWSk</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/T8QCq5RtAJUsoWoUPam7gn-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Thu, 13 Aug 2026 11:39:03 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming Peripherals]]></category>
                                                    <category><![CDATA[Home Office]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                    <category><![CDATA[Home]]></category>
                                                                                                <author><![CDATA[ peter.wolinski@futurenet.com (Peter Wolinski) ]]></author>                    <dc:creator><![CDATA[ Peter Wolinski ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/stgPfXWY7ukw8J8rfC7vjg.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Peter is a Senior Editor at Tom&#039;s Guide, heading up the site&#039;s Reviews team and Cameras section. Having built gaming PCs since he was 10 (that&#039;s a while ago now) he&#039;s a bit of a nerd about components and hardware. He&#039;s also been an iPhone user since the classic iPhone 4, and a Mac user for well over a decade. Experienced in using and testing all kinds of technology — from phones through to tablets, computers, games consoles, cameras and smart home tech — helping people find the best tech for them (at the best prices) is what Peter does best. A photographer since he bought his first camera (a Fujifilm) in 2015, Peter was previously an Editor for Canon-Europe.com. He then edited the Cameras and How To sections of Tom&#039;s Guide. When he&#039;s not crafting helpful, in-depth reviews, Peter can usually be found out and about honing his architectural photography skills, riding his motorcycle around Welsh mountain roads, telling everyone about his two greyhounds, squeezing a few extra FPS out of PC games or perfecting his espresso shots.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/T8QCq5RtAJUsoWoUPam7gn-1280-80.jpg">
                                                            <media:credit><![CDATA[Future]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[The Razer Soma Chroma chair in an industrial setting, illuminated with a green glow and with a gaming setup in the background]]></media:description>                                                            <media:text><![CDATA[The Razer Soma Chroma chair in an industrial setting, illuminated with a green glow and with a gaming setup in the background]]></media:text>
                                <media:title type="plain"><![CDATA[The Razer Soma Chroma chair in an industrial setting, illuminated with a green glow and with a gaming setup in the background]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/T8QCq5RtAJUsoWoUPam7gn-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>The Razer Soma Chroma is the latest <a href="https://www.tomsguide.com/best-picks/best-gaming-chairs"><u>gaming chair</u></a> from Razer, taking up the mid-range mantle between the pricier Razer Iskur and slightly cheaper Razer Enki. The Soma Chroma has one major party trick: not satisfied with its usual black and green motif, Razer has added RGB lighting for maximum elite gamerness. The Soma Chroma also boasts Razer’s usual premium design and build quality, a super thick seat cushion and comfortable arm rests.</p><p>Unfortunately, it’s let down by a few glaring omissions. Razer seems to think a slight bend in the backrest constitutes lumbar support, and that neck support isn’t as important as RGB lighting. So while your butt might be comfy, your back and neck certainly won’t be without further purchases. There’s also very limited adjustments on offer. Oh, and the companion software, Synapse, is terrible.</p><p>All in all, if you want a gaming chair that’s all about looks, this could be the one. But if you’re planning on spending long hours in the hot seat, I’d advise you look for something with more support and adjustability.</p><p>Find out more in my full Razer Soma Chroma review.</p><h2 class="article-body__section" id="section-razer-soma-chroma-review-cheat-sheet"><span>Razer Soma Chroma review: Cheat sheet</span></h2><ul><li><strong>What is it? </strong>A mid-range gaming chair from Razer</li><li><strong>Who is it for? Gamers who want an RGB-clad chair</strong></li><li><strong>What does it cost?</strong> <a href="https://www.amazon.com/Razer-Chroma-Ergonomic-Reactive-Lighting/dp/B0H3XDND95/" target="_blank" rel="nofollow"><u>$499</u></a> / <a href="https://www.amazon.co.uk/Razer-Soma-Chroma-Built-Connection/dp/B0GX5QZ2TK" target="_blank" rel="nofollow"><u>£499</u></a></li><li><strong>What do we like? </strong>The comfy base and arm rests, premium build, attractive styling and ease of assembly</li><li><strong>What don’t we like? </strong>Virtually no lumbar support, no neck support, limited adjustability and an awful companion app</li></ul><h2 class="article-body__section" id="section-razer-soma-chroma-review-specs"><span>Razer Soma Chroma review: Specs</span></h2><div ><table><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p><a href="https://www.amazon.com/Razer-Chroma-Ergonomic-Reactive-Lighting/dp/B0H3XDND95/" target="_blank" rel="nofollow"><u>$499</u></a> / <a href="https://www.amazon.co.uk/Razer-Soma-Chroma-Built-Connection/dp/B0GX5QZ2TK" target="_blank" rel="nofollow"><u>£499</u></a></p></td></tr><tr><td class="firstcol " ><p><strong>Maximum user height</strong></p></td><td  ><p>5.3-6.6 ft</p></td></tr><tr><td class="firstcol " ><p><strong>Maximum load</strong></p></td><td  ><p>331 lbs</p></td></tr><tr><td class="firstcol " ><p><strong>Seat height</strong></p></td><td  ><p>16-20 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Backrest height</strong></p></td><td  ><p>33 inches</p></td></tr><tr><td class="firstcol " ><p><strong>Material</strong></p></td><td  ><p>Fabric (unspecified)</p></td></tr><tr><td class="firstcol " ><p><strong>Warranty</strong></p></td><td  ><p>3 years</p></td></tr></tbody></table></div><h2 class="article-body__section" id="section-razer-soma-chroma-review-the-ups"><span>Razer Soma Chroma review: The ups</span></h2><p>The Razer Soma Chroma has a few things in its favor, like premium build quality, a striking aesthetic, a comfy base and squidgy arm rests, plus a mostly cable-free design.</p><h2 id="premium-build">Premium build </h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="5P4rzXDGgx8axhjcbznDTo" name="Razer_gamingchair_ 15.JPG" alt="The Razer Soma Chroma chair in an industrial setting head rest with the RGB on and the Razer logo showing, illuminated with a green glow" src="https://cdn.mos.cms.futurecdn.net/5P4rzXDGgx8axhjcbznDTo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>There’s no denying the Soma Chroma is built well — unsurprising if you have any experience with Razer products. The fabric used is high quality and soft to the touch; there’s thick foam on the seat pad and arm rests; and there aren’t too many scratchy plastics (with the exception of the arm rest tubes. </p><p>The chair’s recline mechanism also operates with a very satisfying mechanical clunk — it feels like there’s some heavyweight machinery in there holding it together. It’s a far cry from the janky mechanism used on my <a href="https://www.tomsguide.com/home/home-office/boulies-ep460-review"><u>Boulies EP460</u></a>.</p><h2 id="easy-assembly">Easy assembly</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/4BL7SzUWji9ZfxXU8gFpVY.jpg" alt="The Razer Soma Chroma's components laid out on a concrete floor" /><figcaption><small role="credit">Future</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/NEhmYfwB3vB9LqVwFoj3PY.jpg" alt="The Razer Soma Chroma's instruction manual" /><figcaption><small role="credit">Future</small></figcaption></figure></figure><p>The Soma Chroma was pretty easy to assemble. My team reviews lots of chairs, and I’m usually the one building them — even when my colleagues are the ones reviewing them (I guess that’s one disadvantage to being handy with a wrench).</p><p>The Soma Chroma was in the average difficulty range. It was nowhere near as simple to build as the <a href="https://www.tomsguide.com/home/home-office/boulies-op180-review"><u>Boulies OP180</u></a>, which only took me 10 minutes. There were also some heavier components, like the back rest, which may necessitate a second person to help. Other than that, it’s simply a case of putting the bolts where needed, all of which is detailed in the very thorough included instruction sheet. I built the Soma Chroma on my own in about half an hour. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ZD27FxbV4TQWCQBKQUhkLY" name="Razer Soma Chroma Build_1" alt="The Razer Soma Chroma's building gloves" src="https://cdn.mos.cms.futurecdn.net/ZD27FxbV4TQWCQBKQUhkLY.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>I love that Razer supplies the Soma Chroma with a set of black gloves to  wear when building the chair. I've never seen that from other brands before, and it's a nice touch.</p><h2 id="dashing-design">Dashing design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="T8QCq5RtAJUsoWoUPam7gn" name="Razer_gamingchair_.JPG" alt="The Razer Soma Chroma chair in an industrial setting, illuminated with a green glow and with a gaming setup in the background" src="https://cdn.mos.cms.futurecdn.net/T8QCq5RtAJUsoWoUPam7gn.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Soma Chroma looks rather fetching, too. It sports the typical streamlined gamer chair design — not a million miles away from the ubiquitous <a href="https://www.tomsguide.com/gaming/gaming-peripherals/secretlab-titan-evo-2022-review"><u>Secretlab Titan Evo</u></a>. A cutout near the neck and distinctive contouring on both the back rest and seat give it a sports-car-esque vibe. It looks straight out of an esports competition.</p><p>With the lighting disabled, The Soma Chroma boasts Razer’s usual sleek, blacked out aesthetic, with striking green accents. With the lighting turned on, it looks about as sophisticated as RGB lighting ever does. If you’re after that particular aesthetic, I’m sure you’ll think it looks great. It’s not for me, but that’s down to personal preference. And besides, Razer has applied the RGB fairly sparingly around the wings.</p><h2 id="comfy-base-and-arm-rests">Comfy base and arm rests</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="dxbbgXU8sbtNfzaHPjAWVo" name="Razer_gamingchair_ 10.JPG" alt="The Razer Soma Chroma chair seat base, illuminated with a green glow" src="https://cdn.mos.cms.futurecdn.net/dxbbgXU8sbtNfzaHPjAWVo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Sitting on the Soma Chroma for the first time, I was very pleasantly surprised at the seat base. I suffer from a type of immuno-arthritis that affects, among other areas, my coccyx. In short, butt comfiness is high on my agenda. </p><p>With other foam-cushioned chairs I’ve used, like the <a href="https://www.tomsguide.com/home/home-office/autonomous-ergochair-pro-review"><u>Autonomous ErgoChair Pro</u></a>, seat pad foam usually compresses, applying too much pressure up into my lower back — I often have to use a special coccyx relief cushion with a cutout to relieve coccyx pressure. It’s for this reason I usually choose full mesh chairs like the Boulies EP460, as mesh seat pads provide the best butt support.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="sDdosCcQuscG26sXxUsppn" name="Razer_gamingchair_ 3.JPG" alt="The Razer Soma Chroma chair's armrests, illuminated with a green glow" src="https://cdn.mos.cms.futurecdn.net/sDdosCcQuscG26sXxUsppn.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The Soma Chroma, though, has probably the comfiest foam base I’ve sat on. The foam is super thick and very squishy. I haven’t had to use my coccyx cushion at all. Also impressively squishy are the arm rests. So often, manufacturers leave arm rests hard and uncomfortable, causing elbow pain. Not so here. The Soma Chroma has about an inch of foam padding on each rest.</p><p>Overall, even after longer gaming/work stints of 8 hours, I’ve had no butt and no elbow pain. Unfortunately, as I’ll cover later, I had other types of pain from the lack of back and neck support.</p><h2 id="not-fully-wireless-but-tidy">Not fully wireless, but tidy</h2><p>If you choose to use its lighting, the Soma Chroma needs to be powered via USB-C as there’s no built-in battery. You can either plug it into a wall socket or your PC, or use one of the <a href="https://www.tomsguide.com/best-picks/best-portable-chargers"><u>best power banks</u></a>.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="q3muaNAyZUSzcNCin3YKwn" name="Razer_gamingchair_ 6.JPG" alt="The Razer Soma Chroma chair with a power bank in its back pocket and plugged into its USB-C cable" src="https://cdn.mos.cms.futurecdn.net/q3muaNAyZUSzcNCin3YKwn.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The latter is the tidiest method — there’s a zip pocket at the back of the base, which will fit a small-ish power bank like my <a href="https://www.amazon.com/INIU-Portable-10000mAh-Essentials-Powerbank/dp/B0FC6D44MT"><u>Iniu Ultra Mini</u></a> ($31). That means no power banks dangling down or cables getting snagged in the wheels as you move the chair.</p><p>The RGB lights aren’t too power hungry either. We ran the RGB for 2-3 hours on our product photoshoot and the charge on my 10,000mAh Iniu only dropped by 1%.</p><p>Once powered, the Soma Chroma <em>does</em> have wireless connectivity. It comes with a USB-A Wi-Fi dongle, so you can hook the chair up to your PC and control the RGB via Razer Synapse. There are controls on the chair itself, but these are a little clunky unless you keep the instructions with you. I’m not at all keen on Synapse either, which I’ll get onto below.</p><h2 class="article-body__section" id="section-razer-soma-chroma-review-the-downs"><span>Razer Soma Chroma review: The downs</span></h2><p>Unfortunately, without buying further accessories, the Soma Chroma is downright uncomfortable thanks to no neck support, minimal lumbar support, no included support accessories and limited adjustment. Then there’s Synapse…</p><h2 id="poor-neck-and-lumbar-support">Poor neck and lumbar support</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DMZ3G8X4QGvFWzNXvd7xUo" name="Razer_gamingchair_ 12.JPG" alt="The Razer Soma Chroma back rest padding and lumbar curve, illuminated with a green glow" src="https://cdn.mos.cms.futurecdn.net/DMZ3G8X4QGvFWzNXvd7xUo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Razer claims the Soma Chroma has lumbar support. What it really means is that the Soma Chroma has a slight arch in the backrest. It provides about as much lumbar support as propping one’s self up against a plank of wood. There’s also no neck rest, and no additional neck cushion included — if you want one of those, you’ll need to pay an extra $50. </p><p>After my first testing session — about four hours of gaming — I started noticing a slight pain in my neck and upper shoulders. On day two, after another eight hours, I was experiencing full blown neck pain on both sides, up into the back of my head.</p><p>As I mentioned earlier, I have a form of immuno-arthritis, and there’s no way in hell I’d sit in this chair on a daily basis, at least not without some neck support. I have pretty good sitting posture (I have to make sure of it) but without anything to support your neck, it’s very hard to achieve that.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="NupqQyh7cY8ASG52FDFWJo" name="Razer_gamingchair_ 13.JPG" alt="The Razer Soma Chroma headrest, with the RGB on, Razer logo showing and illuminated with a green glow" src="https://cdn.mos.cms.futurecdn.net/NupqQyh7cY8ASG52FDFWJo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Admittedly, the Soma Chroma isn’t alone here. If you know anything about computing chairs, you’ll know that gaming chairs are usually designed for style over comfort. Most of them use the same flat back shaping, like the Secretlab Titan Evo and <a href="https://www.tomsguide.com/gaming/gaming-peripherals/dxracer-craft-review"><u>DXRacer Craft</u></a>, for instance — the thing is, those two chairs at least come with a neck pillow for support.</p><p>If you want proper support, though, you’re better off looking at the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/razer-iskur-v2-newgen-review"><u>Razer Iskur V2 NewGen</u></a>, with its much better (i.e. existent) lumbar support and neck pillow. Or, a hybrid mesh chair like the <a href="https://www.tomsguide.com/home/home-office/herman-miller-x-logitech-g-vantum-gaming-chair-review"><u>Herman Miller Vantum</u></a>. Or consider an office chair as, believe it or not, gaming chairs are mostly marketing. You can game just fine and much more comfortably in a mid-range mesh office chair like my Boulies EP460.</p><h2 id="limited-adjustability">Limited adjustability</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="AKuemiFQiNVu8cfge6nzNo" name="Razer_gamingchair_ 5.JPG" alt="The Razer Soma Chroma chair's recline mechanism." src="https://cdn.mos.cms.futurecdn.net/AKuemiFQiNVu8cfge6nzNo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>On top of the discomfort, the Soma Chroma offers very limited adjustability. You can do the bare minimum: recline, seat height, arm rest height and swivel. But there’s no way to slide the seat forward or back; no forward or backward arm rest sliders, and no lumbar adjustment.</p><p>You <em>can</em> set the chair into a free recline mode, but the mechanism was so stiff on my chair that I had to push off from a wall to get it to actually recline.</p><p>The Soma Chroma is also a little low, with the seat height maxing out at 16-20 inches. My Boulies EP460 maxes out at 23 inches, for comparison. A taller maximum seat height is more comfortable for those with long legs.</p><h2 id="synapse-really-really-sucks">Synapse really, really sucks</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="f9xSiLKC4VNRjhxjkLCDTo" name="Razer_gamingchair_ 8.JPG" alt="The Razer Soma Chroma chair top controls, illuminated by a green glow" src="https://cdn.mos.cms.futurecdn.net/f9xSiLKC4VNRjhxjkLCDTo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>Razer’s Synapse software is one of two ways to control the Soma Chroma’s RGB, in addition to the onboard button controls, which are a little basic. Given the RGB is such a major feature of the chair, Synapse is therefore a pretty important element. </p><p>Now, I’ve used Synapse before, so my expectations were tempered. But man oh man, I’d forgotten quite how much Synapse sucks — like, more than any other mainstream companion software I’ve ever used after testing and using dozens of peripherals. I’d honestly prefer Asus’ Armoury Crate, which is seriously saying something.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/gZPtVosuGphsNEK73352ph.jpg" alt="A screenshot of the Razer Synapse app being used to customize the Razer Soma Chroma" /><figcaption><small role="credit">Razer / Future</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/VFkeCdp2orV3TobZmSE839.jpg" alt="A screenshot of the Razer Synapse app being used to customize the Razer Soma Chroma" /><figcaption>As you can see in the pink highlighted area (top left), the Soma Chroma was often simply not recognized by Synapse, forcing me to remove the USB dongle and plug it back in each time I rebooted.<small role="credit">Razer / Future</small></figcaption></figure></figure><p>Firstly, Synapse is incredibly annoying to set up: you have to download the installer; then download Synapse (fighting off the extra bloatware it tries to download at the same time); then install Synapse; then fire up the installed app… and then <em>download Synapse again</em>. Like, what? I can’t even. It’s so needlessly complicated. It also kept failing to install, getting stuck at 45% three times, though that could’ve been a Windows issue.</p><p>When you <em>do</em> get Synapse installed, it’s slow, laggy and often takes ages to recognize the chair after booting up your PC, if it even manages to at all. Every time I rebooted, I had to un/re-plug the Soma Chroma’s 2.4G wireless dongle from/into my PC, otherwise Synapse wouldn’t recognize the chair.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="JQEfnP8sNqQUYeobpq7xDo" name="Razer_gamingchair_ 9.JPG" alt="The Razer Soma Chroma chair's 2.4G dongle, sitting on its side on the chair's arm rest." src="https://cdn.mos.cms.futurecdn.net/JQEfnP8sNqQUYeobpq7xDo.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>The changes I made in Synapse regularly failed to apply, despite the app saying they did — I switched the lighting to static purple, which it changed to for around 30 seconds before defaulting back to unicorn puke RGB. And to top it all off, the moment you close the Synapse app, the lighting switches back to the default rainbow effect anyway. That means you have to keep that crappy piece of bloatware running while you game, if you want RGB. </p><p>Oh, and if you want any advanced effects you then have to download Razer’s Chroma RGB controller anyway. Eurgh. It’s not worth dealing with such terrible software for a couple of measly RGB strips on a mostly uncomfortable chair.</p><h2 class="article-body__section" id="section-razer-soma-chroma-review-verdict"><span>Razer Soma Chroma review: Verdict</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="cZ8rL5Xh6EYHoftrFjGdSn" name="Razer_gamingchair_ 7.JPG" alt="The Razer Soma Chroma chair back, illuminated with a green glow" src="https://cdn.mos.cms.futurecdn.net/cZ8rL5Xh6EYHoftrFjGdSn.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Future)</span></figcaption></figure><p>I’m pretty disappointed by the Soma Chroma. I’ve awarded credit for its premium design, comfy base and arm rests, and its ease of assembly. Unfortunately, my three pros up top are tempered by four pretty major cons, so half marks for this chair is arguably even a little generous. </p><p>The Soma Chroma is really rather uncomfortable thanks to its lack of a neck cushion and only a semblance of lumbar support. Meanwhile, the adjustability is pretty scant and the companion software, Synapse, is nothing short of terrible.</p><p>So why bother? Just buy a Secretlab Titan Evo and be slightly less uncomfortable. Or do it properly and buy an ergonomic <a href="https://www.tomsguide.com/home/home-office/best-office-chairs"><u>office chair</u></a> (guess what: you <em>can</em> game in one of those). Before long, your neck will thank you.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ Nintendo Switch games and accessories are up to 50% off at Amazon — 15 deals I'd shop before summer is over ]]></title>
                                                                                                <dc:content><![CDATA[ <p>Don't wait any longer to pick up a Nintendo Switch 2 — the console is going to get a price increase next month. It's your very last chance to grab one at the launch price!</p><p>Even better, you can actually save money on the Switch 2 via the <a href="https://www.amazon.com/dp/B0GZ5DFHC5" target="_blank" rel="nofollow">Nintendo Switch 2 Choose Your Game bundle for $499 at Amazon</a>. This bundle comes with a Nintendo Switch 2 console and your choice of one of the system's best games — either Mario Kart World, Donkey Kong Bananza or Pokémon Pokopia. Depending on your choice, you'll save between $20 and $30.</p><p>There are also tons of discounts on games and accessories for the Nintendo Switch and Nintendo Switch 2, and I'm sharing the best of the best below.</p><h3 class="article-body__section" id="section-quick-links"><span>Quick Links</span></h3><ul><li><strong></strong><a href="https://www.amazon.com/b?node=16227133011" target="_blank" rel="nofollow"><strong>shop Nintendo Switch game deals at Amazon</strong></a></li><li><strong>Super Mario RPG: </strong><a href="https://www.walmart.com/ip/Super-Mario-RPG-Nintendo-Switch-U-S-Edition/1349013407" target="_blank" rel="nofollow"><strong>was $59 now $33</strong></a></li><li><strong>Nintendo Switch 2 Choose Your Game Bundle: </strong><a href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow"><strong>now $499</strong></a> <strong>up to $30 off!</strong></li></ul><h3 class="article-body__section" id="section-nintendo-switch-2-console-bundles"><span>Nintendo Switch 2 console bundles</span></h3><div class="product"><a data-dimension112="38529e06-9656-11f1-b778-6b4443d07af4" data-action="Deal Block" data-label="Switch 2 Choose Your Game Bundle" data-dimension48="Switch 2 Choose Your Game Bundle" data-dimension25="$499" href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:90.60%;"><img id="HFhsLDuMQr9ApbrRTkAZFi" name="Switch 2 Choose Your Game Bundle" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HFhsLDuMQr9ApbrRTkAZFi.png" mos="" align="middle" fullscreen="" width="1500" height="1359" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow" data-dimension112="38529e06-9656-11f1-b778-6b4443d07af4" data-action="Deal Block" data-label="Switch 2 Choose Your Game Bundle" data-dimension48="Switch 2 Choose Your Game Bundle" data-dimension25="$499">Switch 2 Choose Your Game Bundle: $499</a></strong><br>This Nintendo Switch 2 bundle gets you a console and a choice of one of three excellent titles. Your options are Mario Kart World, Pokémon Pokopia and Donkey Kong: Bananza. This means you can save up to $30 compared to buying one of those games separately. <br><strong>Price check: </strong><a href="https://www.bestbuy.com/product/switch-2-choose-your-game-bundle-nintendo-switch-2/J7GSL57WQR" target="_blank" rel="nofollow"><strong>$499 @ Best Buy</strong></a><strong> | </strong><a href="https://www.gamestop.com/consoles-hardware/nintendo-switch-2/products/nintendo-switch-2-choose-your-game-bundle/445803.html" target="_blank" rel="nofollow"><strong>$499 @ Gamestop</strong></a><strong> | </strong><a href="https://www.nintendo.com/us/store/products/nintendo-switch-2-choose-bundle-128060/" target="_blank" rel="nofollow"><strong>$499 @ Nintendo</strong></a><a class="view-deal button" href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow" data-dimension112="38529e06-9656-11f1-b778-6b4443d07af4" data-action="Deal Block" data-label="Switch 2 Choose Your Game Bundle" data-dimension48="Switch 2 Choose Your Game Bundle" data-dimension25="$499">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-accessory-deals"><span>Nintendo Switch accessory deals</span></h3><div class="product"><a data-dimension112="38529f5a-9656-11f1-be17-ad4c25dd6acc" data-action="Deal Block" data-label="Airlite Fit" data-dimension48="Airlite Fit" data-dimension25="$17" href="https://www.amazon.com/Turtle-Beach-Airlite-Gaming-Headset-Console/dp/B0F1R2437T" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:466px;"><p class="vanilla-image-block" style="padding-top:124.25%;"><img id="3juWaVDxW3AHhHMMSM2sjQ" name="Turtle Beach Airlite Fit" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/3juWaVDxW3AHhHMMSM2sjQ.jpg" mos="" align="middle" fullscreen="" width="466" height="579" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>In our <a href="https://www.tomsguide.com/gaming/gaming-peripherals/turtle-beach-airlite-fit-nintendo-switch-headset-review" data-dimension112="38529f5a-9656-11f1-be17-ad4c25dd6acc" data-action="Deal Block" data-label="Airlite Fit" data-dimension48="Airlite Fit" data-dimension25="$17">Turtle Beach Airlite Fit review</a>, we loved this headset's ultra-comfortable design, its great sound quality, and its flip-to-mute mic. Better yet, we loved the affordable price, which has just got even better thanks to this deal.<a class="view-deal button" href="https://www.amazon.com/Turtle-Beach-Airlite-Gaming-Headset-Console/dp/B0F1R2437T" target="_blank" rel="nofollow" data-dimension112="38529f5a-9656-11f1-be17-ad4c25dd6acc" data-action="Deal Block" data-label="Airlite Fit" data-dimension48="Airlite Fit" data-dimension25="$17">View Deal</a></p></div><div class="product"><a data-dimension112="38529fc8-9656-11f1-86fe-fdcdae238f31" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="rRmoBGCGfLKa4YNM75662m" name="rds-game-traveler-deluxe-for-switch-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/rRmoBGCGfLKa4YNM75662m.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="38529fc8-9656-11f1-86fe-fdcdae238f31" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">Game Traveler Deluxe Case: was $29 now $26</a></strong><br>The Switch 2 was made to be portable, so you'll want a case to keep it protected on your travels. This officially licensed accessory comes with space to not only sort your Switch 2, but also a Pro controller and power adapter. It also comes with 12 slots to hold Switch game cards.<a class="view-deal button" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="38529fc8-9656-11f1-86fe-fdcdae238f31" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">View Deal</a></p></div><div class="product"><a data-dimension112="3852a022-9656-11f1-bc2c-8d3e6ca01e26" data-action="Deal Block" data-label="Wireless Gaming Headset" data-dimension48="Wireless Gaming Headset" data-dimension25="$39" href="https://www.amazon.com/dp/B0GWPZFT81" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1354px;"><p class="vanilla-image-block" style="padding-top:110.78%;"><img id="pccUfGsFadUT4RgftJyeef" name="Wireless Gaming Headset" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/pccUfGsFadUT4RgftJyeef.jpg" mos="" align="middle" fullscreen="" width="1354" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Want a wireless gaming headset that works with all your devices? This one is compatible with PS5, PC, PS4 and Switch as well as Macs. You get up to 45 hours of battery life, and there's a detachable mic and physical button controls.<a class="view-deal button" href="https://www.amazon.com/dp/B0GWPZFT81" target="_blank" rel="nofollow" data-dimension112="3852a022-9656-11f1-bc2c-8d3e6ca01e26" data-action="Deal Block" data-label="Wireless Gaming Headset" data-dimension48="Wireless Gaming Headset" data-dimension25="$39">View Deal</a></p></div><div class="product"><a data-dimension112="3852a090-9656-11f1-8048-cdaa7ebc0e46" data-action="Deal Block" data-label="Ultimate 2 Bluetooth Controller" data-dimension48="Ultimate 2 Bluetooth Controller" data-dimension25="$59" href="https://www.amazon.com/dp/B0F194QFT2" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="EiaELzxguKPZpXS2WgqiHP" name="Ultimate 2 Bluetooth Controller" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/EiaELzxguKPZpXS2WgqiHP.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/dp/B0F194QFT2" target="_blank" rel="nofollow" data-dimension112="3852a090-9656-11f1-8048-cdaa7ebc0e46" data-action="Deal Block" data-label="Ultimate 2 Bluetooth Controller" data-dimension48="Ultimate 2 Bluetooth Controller" data-dimension25="$59">Ultimate 2 Bluetooth Controller: was $69 now $59</a></strong><br>We love 8BitDo controllers at Tom's Guide. The Ultimate 2 is compatible with the Switch, Switch 2 and PC. You also get hall effect triggers and an integrated charging dock.<a class="view-deal button" href="https://www.amazon.com/dp/B0F194QFT2" target="_blank" rel="nofollow" data-dimension112="3852a090-9656-11f1-8048-cdaa7ebc0e46" data-action="Deal Block" data-label="Ultimate 2 Bluetooth Controller" data-dimension48="Ultimate 2 Bluetooth Controller" data-dimension25="$59">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-game-deals"><span>Nintendo Switch game deals</span></h3><div class="product"><a data-dimension112="3852a158-9656-11f1-89b4-b7d2b695a41c" data-action="Deal Block" data-label="Horizon Adventures" data-dimension48="Horizon Adventures" data-dimension25="$19" href="https://www.amazon.com/LEGO-Horizon-Adventures-Nintendo-Switch/dp/B0DJDLS8Q1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1125px;"><p class="vanilla-image-block" style="padding-top:133.33%;"><img id="4AzebuKpUDwN63aT6nCVX5" name="lego_horizon_adventures_deal_block_nintendo_switch" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/4AzebuKpUDwN63aT6nCVX5.jpg" mos="" align="middle" fullscreen="" width="1125" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>This family-friendly Lego-fied version of Horizon Zero Dawn expertly balances the former’s adorable aesthetics and customization with the latter’s character-focused story and tactical combat. As we said in our <a href="https://www.tomsguide.com/gaming/lego-horizon-adventures-review" data-dimension112="3852a158-9656-11f1-89b4-b7d2b695a41c" data-action="Deal Block" data-label="Horizon Adventures" data-dimension48="Horizon Adventures" data-dimension25="$19">Lego Horizon Adventures review</a>, this is one of the more action-packed Lego games. But despite its greater emphasis on combat, the game never takes itself too seriously, offering the trademark comedic tone you’d expect from a Lego title.<a class="view-deal button" href="https://www.amazon.com/LEGO-Horizon-Adventures-Nintendo-Switch/dp/B0DJDLS8Q1" target="_blank" rel="nofollow" data-dimension112="3852a158-9656-11f1-89b4-b7d2b695a41c" data-action="Deal Block" data-label="Horizon Adventures" data-dimension48="Horizon Adventures" data-dimension25="$19">View Deal</a></p></div><div class="product"><a data-dimension112="3852a2a2-9656-11f1-af60-cf3c8ec15935" data-action="Deal Block" data-label="Just Dance 2026 Edition" data-dimension48="Just Dance 2026 Edition" data-dimension25="$19" href="https://www.amazon.com/Just-Dance-2026-Limited-Nintendo-Switch/dp/B0FJH3K1RW/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1238px;"><p class="vanilla-image-block" style="padding-top:112.76%;"><img id="A4gbkM2Zi6X4yuFvKW3ibQ" name="Just dance 2026 edition" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/A4gbkM2Zi6X4yuFvKW3ibQ.png" mos="" align="middle" fullscreen="" width="1238" height="1396" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/Just-Dance-2026-Limited-Nintendo-Switch/dp/B0FJH3K1RW/" target="_blank" rel="nofollow" data-dimension112="3852a2a2-9656-11f1-af60-cf3c8ec15935" data-action="Deal Block" data-label="Just Dance 2026 Edition" data-dimension48="Just Dance 2026 Edition" data-dimension25="$19">Just Dance 2026 Edition: was $49 now $19</a></strong><br>Forty tracks spanning current hits to classics, up to 6-player local multiplayer, and a new Party mode for unpredictable dance showdowns. Just Dance 2026 is perfect for gatherings where you need everyone entertained.<a class="view-deal button" href="https://www.amazon.com/Just-Dance-2026-Limited-Nintendo-Switch/dp/B0FJH3K1RW/" target="_blank" rel="nofollow" data-dimension112="3852a2a2-9656-11f1-af60-cf3c8ec15935" data-action="Deal Block" data-label="Just Dance 2026 Edition" data-dimension48="Just Dance 2026 Edition" data-dimension25="$19">View Deal</a></p></div><div class="product"><a data-dimension112="3852a310-9656-11f1-ac72-d9fc282bcb0f" data-action="Deal Block" data-label="The New Dawn" data-dimension48="The New Dawn" data-dimension25="$27" href="https://www.amazon.com/Cronos-Nintendo-Switch-2/dp/B0FKVWSM3N" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1328px;"><p class="vanilla-image-block" style="padding-top:158.43%;"><img id="jBU6gTzsJhmpjTxeGSJh9M" name="Cronos The New Dawn Nintendo Switch 2 deal block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/jBU6gTzsJhmpjTxeGSJh9M.png" mos="" align="middle" fullscreen="" width="1328" height="2104" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/cronos-the-new-dawn-is-the-spiritual-successor-to-dead-space-i-needed-this-halloween" data-dimension112="3852a310-9656-11f1-ac72-d9fc282bcb0f" data-action="Deal Block" data-label="The New Dawn" data-dimension48="The New Dawn" data-dimension25="$27">Cronos: The New Dawn</a> is a must-play for fans of Resident Evil and Dead Space. In this original survival-horror, you play a traveller in a bleak future. Your mission is to travel to the past to learn vital information that could save the future. In your way are a variety of mutated, nightmarish foes and terrifying boss battles. <a class="view-deal button" href="https://www.amazon.com/Cronos-Nintendo-Switch-2/dp/B0FKVWSM3N" target="_blank" rel="nofollow" data-dimension112="3852a310-9656-11f1-ac72-d9fc282bcb0f" data-action="Deal Block" data-label="The New Dawn" data-dimension48="The New Dawn" data-dimension25="$27">View Deal</a></p></div><div class="product"><a data-dimension112="3852a36a-9656-11f1-9271-bf88b1672efc" data-action="Deal Block" data-label="The Rogue Prince of Persia" data-dimension48="The Rogue Prince of Persia" data-dimension25="$29" href="https://www.amazon.com/Rogue-Prince-Persia-Nintendo-Switch-2/dp/B0GKGS1FSC" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:958px;"><p class="vanilla-image-block" style="padding-top:156.58%;"><img id="Ghv5FK5KM6zbSburAUtNRa" name="The Rogue Prince of Persia NS2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/Ghv5FK5KM6zbSburAUtNRa.jpg" mos="" align="middle" fullscreen="" width="958" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The clue's in the name — The Rogue Prince of Persia is a roguelike that plays extremely well on Nintendo Switch 2. Grab it on sale for challenging, addicting action gameplay abound.<a class="view-deal button" href="https://www.amazon.com/Rogue-Prince-Persia-Nintendo-Switch-2/dp/B0GKGS1FSC" target="_blank" rel="nofollow" data-dimension112="3852a36a-9656-11f1-9271-bf88b1672efc" data-action="Deal Block" data-label="The Rogue Prince of Persia" data-dimension48="The Rogue Prince of Persia" data-dimension25="$29">View Deal</a></p></div><div class="product"><a data-dimension112="3852a3ce-9656-11f1-a234-bb8e2c8ab596" data-action="Deal Block" data-label="Super Mario RPG" data-dimension48="Super Mario RPG" data-dimension25="$33" href="https://www.walmart.com/ip/Super-Mario-RPG-Nintendo-Switch-U-S-Edition/1349013407" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="4xG2wv5AUJnDubSBFjdzoJ" name="super-mario-rpg-switch-game.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/4xG2wv5AUJnDubSBFjdzoJ.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>A full remake of the original Super Mario RPG released in 1996 for the Super Nintendo Entertainment System (SNES), this role-playing game sees Mario, Bowser, Peach and some new friends embark on an adventure to repair a wish-granting star. With updated graphics, gameplay and new cinematics, Super Mario RPG has never looked (or played) this well, but the original game's charms have been carefully retained as well.<a class="view-deal button" href="https://www.walmart.com/ip/Super-Mario-RPG-Nintendo-Switch-U-S-Edition/1349013407" target="_blank" rel="nofollow" data-dimension112="3852a3ce-9656-11f1-a234-bb8e2c8ab596" data-action="Deal Block" data-label="Super Mario RPG" data-dimension48="Super Mario RPG" data-dimension25="$33">View Deal</a></p></div><div class="product"><a data-dimension112="3852a432-9656-11f1-a1df-4f3145d67bc4" data-action="Deal Block" data-label="Generation" data-dimension48="Generation" data-dimension25="$37" href="https://www.amazon.com/Sonic-Shadow-Generations-Nintendo-Switch-2/dp/B0F663CWT8/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:71.47%;"><img id="9ZrMt2Hq2yhZU6NMDPtQmc" name="sonic-x-shadow-switch-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/9ZrMt2Hq2yhZU6NMDPtQmc.jpg" mos="" align="middle" fullscreen="" width="1500" height="1072" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/sonic-x-shadow-generations-review" data-dimension112="3852a432-9656-11f1-a1df-4f3145d67bc4" data-action="Deal Block" data-label="Generation" data-dimension48="Generation" data-dimension25="$37">Sonic X Shadow Generations</a> remasters the classic game and bundles it with a new chapter where you play as beloved anti-hero Shadow. It's a fun mix of 2D and 3D Sonic, and with shorter, replayable levels, it fits perfectly on the portable Nintendo Switch 2. <a class="view-deal button" href="https://www.amazon.com/Sonic-Shadow-Generations-Nintendo-Switch-2/dp/B0F663CWT8/" target="_blank" rel="nofollow" data-dimension112="3852a432-9656-11f1-a1df-4f3145d67bc4" data-action="Deal Block" data-label="Generation" data-dimension48="Generation" data-dimension25="$37">View Deal</a></p></div><div class="product"><a data-dimension112="3852a496-9656-11f1-8efa-97e1d16f3ed6" data-action="Deal Block" data-label="Outlaws" data-dimension48="Outlaws" data-dimension25="$29" href="https://www.amazon.com/Star-Wars-Outlaws-Gold-Nintendo-Switch/dp/B0F79Z9V31/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:927px;"><p class="vanilla-image-block" style="padding-top:161.81%;"><img id="BwV6UrdZnqFU8bHcp3JcHX" name="star-wars-outlaws-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/BwV6UrdZnqFU8bHcp3JcHX.jpg" mos="" align="middle" fullscreen="" width="927" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/star-wars-outlaws-review-a-quintessential-outing-in-a-galaxy-far-far-away" data-dimension112="3852a496-9656-11f1-8efa-97e1d16f3ed6" data-action="Deal Block" data-label="Outlaws" data-dimension48="Outlaws" data-dimension25="$29">Star Wars Outlaws</a> is one of the best things to come out of the galaxy far, far away in years. You play the rogue Kay Vess, looking to make a name (and find the score of a lifetime) in a world controlled by the Galactic Empire. It's an Ubisoft game, so you can expect a large open world full of distractions and side missions.<a class="view-deal button" href="https://www.amazon.com/Star-Wars-Outlaws-Gold-Nintendo-Switch/dp/B0F79Z9V31/" target="_blank" rel="nofollow" data-dimension112="3852a496-9656-11f1-8efa-97e1d16f3ed6" data-action="Deal Block" data-label="Outlaws" data-dimension48="Outlaws" data-dimension25="$29">View Deal</a></p></div><div class="product"><a data-dimension112="3852a572-9656-11f1-8294-31b4f03c6750" data-action="Deal Block" data-label="The Legend of Zelda Breath of the Wild" data-dimension48="The Legend of Zelda Breath of the Wild" data-dimension25="$45" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-5" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="5jjqhmQeCNsYPQqLt4UrZm" name="breath-of-the-wild-case.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/5jjqhmQeCNsYPQqLt4UrZm.jpg" mos="" align="middle" fullscreen="" width="2500" height="2500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-5" target="_blank" rel="nofollow" data-dimension112="3852a572-9656-11f1-8294-31b4f03c6750" data-action="Deal Block" data-label="The Legend of Zelda Breath of the Wild" data-dimension48="The Legend of Zelda Breath of the Wild" data-dimension25="$45">The Legend of Zelda Breath of the Wild: was $59 now $45</a></strong><br>Hyrule goes open world, with Link waking up to a land stricken by Calamity — and it's up to him to save the world from Ganon and rescue Princess Zelda (again). You can do as much or as little as you like towards that goal — the world is yours to explore as you see fit.<br><strong>Price check: </strong><a href="https://www.walmart.com/ip/The-Legend-of-Zelda-Breath-of-the-Wild-Nintendo-Switch/55432568?" target="_blank" rel="nofollow"><strong>$47 @ Walmart</strong></a><a class="view-deal button" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-5" target="_blank" rel="nofollow" data-dimension112="3852a572-9656-11f1-8294-31b4f03c6750" data-action="Deal Block" data-label="The Legend of Zelda Breath of the Wild" data-dimension48="The Legend of Zelda Breath of the Wild" data-dimension25="$45">View Deal</a></p></div><div class="product"><a data-dimension112="3852a5ea-9656-11f1-8e01-3558c99b04e2" data-action="Deal Block" data-label="FINAL FANTASY I-VI Collection" data-dimension48="FINAL FANTASY I-VI Collection" data-dimension25="$49" href="https://www.amazon.com/FINAL-FANTASY-Collection-Anniversary-Nintendo-Switch/dp/B0DCKFWW1V" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:983px;"><p class="vanilla-image-block" style="padding-top:152.59%;"><img id="UShGAihp2WQpyH3N8mRUyV" name="71QWO4tJLoL._SL1500_" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/UShGAihp2WQpyH3N8mRUyV.jpg" mos="" align="middle" fullscreen="" width="983" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/FINAL-FANTASY-Collection-Anniversary-Nintendo-Switch/dp/B0DCKFWW1V" target="_blank" rel="nofollow" data-dimension112="3852a5ea-9656-11f1-8e01-3558c99b04e2" data-action="Deal Block" data-label="FINAL FANTASY I-VI Collection" data-dimension48="FINAL FANTASY I-VI Collection" data-dimension25="$49">FINAL FANTASY I-VI Collection: was $74 now $49</a></strong><br>Relive the first six chapters in the Final Fantasy story with this anniversary collection on Nintendo Switch. Each classic RPG in this remastered package includes updated pixel visuals, rearranged soundtracks and a ton of useful tweaks to game balance and UI that makes these games more fun than ever.<a class="view-deal button" href="https://www.amazon.com/FINAL-FANTASY-Collection-Anniversary-Nintendo-Switch/dp/B0DCKFWW1V" target="_blank" rel="nofollow" data-dimension112="3852a5ea-9656-11f1-8e01-3558c99b04e2" data-action="Deal Block" data-label="FINAL FANTASY I-VI Collection" data-dimension48="FINAL FANTASY I-VI Collection" data-dimension25="$49">View Deal</a></p></div><div class="product"><a data-dimension112="3852a64e-9656-11f1-93ef-7707d9760693" data-action="Deal Block" data-label="Fire Emblem Fortune's Weave" data-dimension48="Fire Emblem Fortune's Weave" data-dimension25="$69" href="https://www.amazon.com/dp/B0H4NM3QL7?" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="5EZNSYMsZaNLgQzbQQSv6H" name="Fire Emblem Fortune's Weave NS2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/5EZNSYMsZaNLgQzbQQSv6H.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/dp/B0H4NM3QL7?" target="_blank" rel="nofollow" data-dimension112="3852a64e-9656-11f1-93ef-7707d9760693" data-action="Deal Block" data-label="Fire Emblem Fortune's Weave" data-dimension48="Fire Emblem Fortune's Weave" data-dimension25="$69">Fire Emblem Fortune's Weave: was $79 now $69</a></strong><br>Nintendo's classic RPG series is back with a new entry. In Fortune's Weave, you'll compete against the kingdom's best warriors in the gladitorial Heroic Games. There are four main characters with unique stories and motivations — expect plenty of replay value. A physical copy usually costs $79, but Amazon is selling them for $69 as a hidden discount.<a class="view-deal button" href="https://www.amazon.com/dp/B0H4NM3QL7?" target="_blank" rel="nofollow" data-dimension112="3852a64e-9656-11f1-93ef-7707d9760693" data-action="Deal Block" data-label="Fire Emblem Fortune's Weave" data-dimension48="Fire Emblem Fortune's Weave" data-dimension25="$69">View Deal</a></p></div><div class="vizualizer-embed"><div class="tg-df-widget-host" data-widget-config="?search=Gaming&min_discount_ratio=0.95&offer_type=all&view_mode=carousel&widget_title=Top+Deals+Handpicked+by+Our+Editors&widget_subtitle=Discover+the+best+discounts+currently+available%2C+curated+daily+by+the+Tom%27s+Guide+Savings+Squad.&bg_color=transparent" data-vizualizer-embed="true"></div>    <script>    /**     * Tom's Guide Deals Finder - Vanilla JS Encapsulated Engine     */    (function() {      // --- Freyr Analytics Adapter ---      function initAnalytics() {        window.dataLayer = window.dataLayer || [];        window.googletag = window.googletag || {};        window.googletag.cmd = window.googletag.cmd || [];        window.hawk = window.hawk || { analytics: { freyr: [] } };        window.hawk.analytics = window.hawk.analytics || { freyr: [] };        window.hawk.analytics.freyr = window.hawk.analytics.freyr || [];        window.freyr = window.freyr || { cmd: [] };        const scriptSrc = 'https://freyr.futurecdn.net/freyr.js';        const hostname = typeof window !== 'undefined' ? window.location.hostname : '';        const isTestEnv = typeof window.navigator !== 'undefined' && (window.navigator.webdriver || window.navigator.userAgent.includes('Headless'));        const shouldSendRealAnalytics = !isTestEnv && hostname && hostname !== 'localhost' && hostname !== '127.0.0.1' && !hostname.includes('run.app');        if (shouldSendRealAnalytics && !document.querySelector(`script[src="${scriptSrc}"]`)) {          const script = document.createElement('script');          script.src = scriptSrc;          script.async = true;          document.head.appendChild(script);        }      }      function storeEventForDebug(name, data) {        if (!window.hawk || !window.hawk.analytics || !window.hawk.analytics.freyr) return;        window.hawk.analytics.freyr.push({ name, data });        try {          if (typeof window !== 'undefined' && window.localStorage) {            window.localStorage.setItem("hawk", JSON.stringify(window.hawk));          }        } catch (e) {          // Ignore storage issues        }        try {          window.dispatchEvent(new CustomEvent("hawk-analytics-update"));        } catch (e) {}      }      function sendToFreyr(eventName, data) {        if (typeof window === 'undefined') return;        window.freyr = window.freyr || { cmd: [] };        window.freyr.cmd.push(() => {          if (window.freyr && window.freyr.pushAndUpdate) {            window.freyr.pushAndUpdate(eventName, data);          }        });      }      function sendEvent(event, skip = false) {        try {          storeEventForDebug(event.name, event.data);          if (!skip) {            sendToFreyr(event.name, event.data);          }        } catch (e) {          // Ensure tracking errors don't surface to the user        }      }      function getCookie(name) {        try {          const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));          return match ? match[2] : null;        } catch (e) {          return null;        }      }      function normalizeCurrency(symbol) {        const map = {          '£': 'GBP',          '$': 'USD',          'A$': 'AUD',          'CA$': 'CAD',          '€': 'EUR'        };        return map[symbol] || symbol;      }      function trackElementInteraction(props) {        sendEvent({          name: 'elementInteraction',          data: {            element: {              action: props.action || "click",              id: props.id || undefined,              class: props.class || undefined,              name: props.name || undefined,              text: props.text || undefined,              label: props.label || undefined,              container: props.container || undefined,              url: props.url || undefined,              articleId: props.articleId || undefined            }          }        });      }      function generateRevenueId(url, productName, merchantName, modelId) {        const str = `${window.location.href}|${productName}|${merchantName}|${modelId || ''}|${new Date().toDateString()}|tomsguide`;        let hash = 0;        for (let i = 0; i < str.length; i++) {          const char = str.charCodeAt(i);          hash = ((hash << 5) - hash) + char;          hash = hash & hash;        }        let numericStr = Math.abs(hash).toString();        while (numericStr.length < 19) {          numericStr += Math.floor(Math.random() * 10).toString();        }        return numericStr.substring(0, 19);      }      function rewriteAffiliateLink(url, territory, revenueId) {        if (!url) return url;        const t = (territory || 'gb').toLowerCase();        return url.replace(/hawk-custom-tracking/g, `tomsguide-${t}-${revenueId}`);      }      function trackHawkEvent(params) {        const { clickType, widgetId, productCategoryName, product, productsArray, zeroBasedProductIndexOrNull, totalDealsOrProducts, areaClicked, merchant, revenueId, isoCurrencyCode, queryName, widgetTypeName } = params;        const data = {          event: "hawkEvent",          category: "Affiliates",          affiliate: {            action: {              type: clickType,              id: widgetId,              event: clickType === "appeared" ? "viewed" : "Click from",              timestamp: Date.now()            },            component: {              flag: "Editor",              product: productCategoryName || "deals",              category: `Signal Deal Finder ${widgetTypeName || "Carousel"} widget`,              type: clickType === "appeared" ? "review" : "signal product",              label: queryName || (product ? (product.name || "") : ""),              index: zeroBasedProductIndexOrNull === null || zeroBasedProductIndexOrNull === undefined ? -1 : zeroBasedProductIndexOrNull,              linkCount: totalDealsOrProducts || 0,              blockLayout: "",              areaClicked: areaClicked || ""            }          },          products: productsArray || (product && merchant ? [            {              product: {                primary: {                  id: product.id || product.matchId || null,                  name: product.name,                  type: "deal",                  price: product.price,                  previousPrice: product.previousPrice || null,                  currency: isoCurrencyCode || "USD",                  preorder: false,                  labels: [],                  link: product.link,                  originalLink: product.originalLink || null,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: null,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: product.globalId || null,                  inStock: product.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: isoCurrencyCode || "USD"                }              },              merchant: {                id: merchant.id || null,                name: merchant.name,                url: merchant.url || null,                network: merchant.network || null              },              model: {                id: product.modelId || null,                brand: product.brand || null,                name: product.name,                parent: product.parent || null              }            }          ] : []),          reviews: [],          _clear: true,          "gtm.uniqueEventId": Date.now() % 10000        };        sendEvent({ name: 'hawkEvent', data });      }      function trackDealClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card" });      }      function trackViewSimilarClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card View Similar" });      }      function trackPriceComparisonClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Price Comparison" });      }      function trackReviewClick(params) {        trackHawkEvent({ ...params, clickType: "review", areaClicked: "Signal Product Card Review Link" });      }      function trackShare(params) {        trackHawkEvent({ ...params, clickType: "share", areaClicked: "Signal Product Card Share" });      }      function trackDealsAppeared(widgetId, deals, revenueId, currency, queryName, widgetTypeName) {         if (!deals || deals.length === 0) return;                  const productsArray = deals.slice(0, 50).map((deal) => {            let voucherPct = null;            let rawPrice = parseFloat(deal.rawPrice) || parseFloat(deal.price) || null;            let rawMsrp = parseFloat(deal.rawMsrp) || parseFloat(deal.msrp) || null;            if (rawMsrp > rawPrice && rawPrice > 0) {              voucherPct = Math.round((1 - (rawPrice / rawMsrp)) * 100);            }            let numId = null;            if (deal.externalProductId && !isNaN(parseInt(deal.externalProductId))) {              numId = parseInt(deal.externalProductId);            } else if (deal.id && !isNaN(parseInt(deal.id))) {              numId = parseInt(deal.id);            } else {              numId = deal.matchId || null;            }            return {              product: {                primary: {                  id: numId,                  name: deal.productName || deal.title || "",                  type: "deal",                  price: rawPrice,                  previousPrice: rawMsrp,                  currency: currency || 'USD',                  preorder: false,                  labels: deal.modelBrand || deal.brand ? [                     { type: "brand", value: deal.modelBrand || deal.brand }                  ] : [],                  link: deal.url,                  originalLink: deal.url,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: voucherPct,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: deal.productKey || null,                  inStock: deal.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: currency || 'USD'                }              },              merchant: {                id: deal.merchantId ? parseInt(deal.merchantId) : null,                name: deal.merchant || "Retailer",                url: deal.merchantUrl || null,                network: deal.merchantNetwork || null              },              model: {                id: deal.modelId ? parseInt(deal.modelId) : null,                brand: deal.modelBrand || deal.brand || null,                name: deal.productName || deal.title || "",                parent: deal.modelParent || null              }            };         });                  trackHawkEvent({             clickType: "appeared",             widgetId: widgetId,             productCategoryName: "deals",             zeroBasedProductIndexOrNull: null,             totalDealsOrProducts: deals.length,             productsArray: productsArray,             queryName: queryName,             widgetTypeName: widgetTypeName         });      }      // 1. Setup Shadow DOM Sandbox      const currentScript = document.currentScript;      let hostContainer = null;      let template = null;            if (currentScript) {        let prev = currentScript.previousElementSibling;        while (prev) {          if (prev.tagName === 'TEMPLATE' && prev.classList.contains('tg-df-widget-template')) {            template = prev;          } else if (prev.tagName === 'DIV' && prev.classList.contains('tg-df-widget-host') && !prev.hasAttribute('data-initialized')) {            hostContainer = prev;            break;          }          prev = prev.previousElementSibling;        }      }            // Fallbacks in case script is deferred      if (!hostContainer) {        const hosts = document.querySelectorAll('.tg-df-widget-host:not([data-initialized])');        if (hosts.length > 0) hostContainer = hosts[0];      }            // Safely embedded template for CMS environments      const rawTemplate = `  \x3Cstyle>    /* --- Shadow DOM Base Reset --- */    *, *::before, *::after {      box-sizing: border-box;    }    img, picture, svg, video {      max-width: 100%;      height: auto;      display: block;    }    /*       1. Scoped CSS for Tom's Guide Deals Widget       All classes are prefixed with \`tg-df-\` to prevent CMS style leakage.    */    .tg-df-container {      container-type: inline-size;      container-name: tg-df;      --tg-df-blue: #1F69FF;      --tg-df-blue-hover: #004d8c;      --tg-df-text: #222222;      --tg-df-text-muted: #555555;      --tg-df-bg: #ffffff;      --tg-df-bg-secondary: #f4f4f4;      --tg-df-border: #e2e8f0;      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;      color: var(--tg-df-text);      background-color: transparent;       width: 100%;      max-width: 1200px;      margin: 0 auto;      padding-bottom: 24px;    }    .tg-df-container *, .tg-df-container *::before, .tg-df-container *::after {      margin: 0;      padding: 0;      box-sizing: border-box;    }    .tg-df-container img {      border: none;      margin: 0;      padding: 0;    }    .tg-df-container a {      text-decoration: none;      color: inherit;    }    /*       2. Search & Filter Bar    */    .tg-df-controls {      display: flex;      flex-direction: column;      align-items: center;      gap: 20px;      margin-bottom: 32px;      width: 100%;    }    .tg-df-top-bar {      display: flex;      width: 100%;      max-width: 760px;      gap: 12px;      align-items: center;    }    .tg-df-search-wrapper {      position: relative;      flex: 1;      width: 100%;      box-shadow: 0 8px 24px rgba(0,0,0,0.06);      border-radius: 40px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      z-index: 100;    }    .tg-df-autocomplete-dropdown {      position: absolute;      top: calc(100% + 4px);      left: 0;      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      max-height: 300px;      overflow-y: auto;      z-index: 200;      display: none;    }    .tg-df-autocomplete-dropdown.active {      display: block;    }    .tg-df-autocomplete-item {      padding: 12px 24px;      cursor: pointer;      font-size: 14px;      color: var(--tg-df-text);      transition: background 0.1s ease;    }    .tg-df-autocomplete-item:hover {      background: var(--tg-df-bg-secondary);    }    .tg-df-search-input {      width: 100%;      padding: 16px 64px 16px 24px;      font-size: 16px;      border: 2px solid transparent;      border-radius: 40px;      outline: none;      transition: border-color 0.2s ease, box-shadow 0.2s ease;      color: var(--tg-df-text);      background: transparent;    }    .tg-df-search-input:focus {      border-color: transparent;      box-shadow: 0 0 0 3px rgba(0, 108, 196, 0.15);    }    .tg-df-search-input::placeholder {      color: #999999;    }        .tg-df-search-btn {      position: absolute;      right: 8px;      top: 50%;      transform: translateY(-50%);      width: 40px;      height: 40px;      border-radius: 50%;      background: #222;      border: none;      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: background 0.2s ease;    }        .tg-df-search-btn:hover {      background: #000;    }    .tg-df-search-icon {      width: 16px;      height: 16px;      fill: #fff;    }    .tg-df-settings-wrapper {      position: relative;    }        .tg-df-settings-btn {      width: 48px;      height: 48px;      border-radius: 50%;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      box-shadow: 0 4px 12px rgba(0,0,0,0.04);      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: all 0.2s ease;      color: var(--tg-df-text-muted);      flex-shrink: 0;    }    .tg-df-settings-btn:hover {      background: var(--tg-df-bg-secondary);      border-color: #0000ff;      color: var(--tg-df-text);    }    .tg-df-settings-btn svg {      width: 24px;      height: 24px;      fill: currentColor;    }    .tg-df-settings-dropdown {      position: absolute;      top: calc(100% + 8px);      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      width: 280px;      padding: 20px;      display: none;      z-index: 100;      flex-direction: column;      gap: 20px;    }    .tg-df-settings-dropdown.active {      display: flex;    }        .tg-df-settings-dropdown-backdrop {      display: none;      position: fixed;      inset: 0;      z-index: 99;    }        .tg-df-settings-dropdown-backdrop.active {      display: block;    }    .tg-df-setting-item {      display: flex;      flex-direction: column;      gap: 10px;    }    .tg-df-setting-label {      font-size: 11px;      font-weight: 700;      color: var(--tg-df-text-muted);      text-transform: uppercase;      letter-spacing: 0.5px;    }        .tg-df-region-select {        padding: 10px 12px;        border-radius: 8px;        border: 1px solid var(--tg-df-border);        font-size: 15px;        outline: none;        background: var(--tg-df-bg-secondary);        color: var(--tg-df-text);        cursor: pointer;        width: 100%;    }    .tg-df-toggle {        position: relative;        display: inline-block;        width: 44px;        height: 24px;        flex-shrink: 0;    }    .tg-df-toggle input {        opacity: 0;        width: 0;        height: 0;    }    .tg-df-slider {        position: absolute;        cursor: pointer;        top: 0; left: 0; right: 0; bottom: 0;        background-color: #ccc;        transition: .2s;        border-radius: 24px;    }    .tg-df-slider:before {        position: absolute;        content: "";        height: 18px;        width: 18px;        left: 3px;        bottom: 3px;        background-color: white;        transition: .2s;        border-radius: 50%;    }    .tg-df-toggle input:checked + .tg-df-slider {        background-color: #1F69FF;    }    .tg-df-toggle input:checked + .tg-df-slider:before {        transform: translateX(20px);    }    .tg-df-dl-row {        flex-direction: row;        align-items: center;        justify-content: space-between;    }    .tg-df-dl-row-text {        font-size: 14px;        font-weight: 600;        color: var(--tg-df-text);    }    .tg-df-dl-row-subtext {        font-size: 12px;        font-weight: 400;        line-height: 1.3;        color: var(--tg-df-text-muted);        margin-top: 4px;        display: block;    }    .tg-df-filters {      display: flex;      gap: 12px;      justify-content: center;      flex-wrap: wrap;    }    .tg-df-sort-wrapper {      position: relative;      display: flex;      align-items: center;    }        .tg-df-sort-icon {      position: absolute;      left: 14px;      width: 14px;      height: 14px;      fill: var(--tg-df-text-muted);      pointer-events: none;    }    .tg-df-sort-select, .tg-df-filter-select {      padding: 10px 36px 10px 38px;      font-size: 14px;      border: 1px solid var(--tg-df-border);      border-radius: 100px;      outline: none;      appearance: none;      background-color: var(--tg-df-bg-secondary);      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");      background-repeat: no-repeat;      background-position: right 14px center;      color: var(--tg-df-text);      cursor: pointer;      font-weight: 500;      transition: all 0.2s ease;    }        .tg-df-price-input::-webkit-outer-spin-button,    .tg-df-price-input::-webkit-inner-spin-button {      -webkit-appearance: none;      margin: 0;    }    .tg-df-price-input {      -moz-appearance: textfield;    }    .tg-df-sort-select:hover, .tg-df-filter-select:hover {      background-color: #e2e8f0;    }    .tg-df-multiselect-container {      position: relative;    }        .tg-df-multiselect-trigger {      display: block;      background: #fff;      user-select: none;      width: 100%;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis;    }        .tg-df-multiselect-dropdown {      display: none;      position: absolute;      top: calc(100% + 4px);      left: 0;      width: 100%;      min-width: 220px;      max-height: 300px;      overflow-y: auto;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);      z-index: 100;      padding: 8px 0;    }    .tg-df-multiselect-dropdown.active {      display: block;    }    .tg-df-ms-option {      padding: 8px 16px;      display: flex;      align-items: center;      gap: 8px;      cursor: pointer;      font-size: 14px;    }    .tg-df-ms-option:hover {      background-color: var(--tg-df-bg-secondary);    }        .tg-df-ms-option input {      cursor: pointer;      accent-color: #1f69ff;    }    .tg-df-sort-select:focus, .tg-df-filter-select:focus {      border-color: #0000ff;      box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.2);      background-color: var(--tg-df-bg);    }    /*       3. Deal Grid Layout    */    .tg-df-grid.tg-df-grid-auto {      padding-top: 24px;    }    .tg-df-grid, .tg-df-grid.layout-grid {      display: grid;      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      gap: 10px;    }    .tg-df-grid.layout-row {      grid-template-columns: 1fr;      gap: 16px;    }        .tg-df-grid.layout-row .tg-df-card {      flex-direction: row;      align-items: stretch;      height: auto;      box-shadow: none;      border-bottom: 1px solid var(--tg-df-border);    }    .tg-df-grid.layout-row .tg-df-card:hover {      box-shadow: none;    }    .tg-df-grid.layout-row .tg-df-card-image-box {      width: 140px;      min-width: 140px;      aspect-ratio: 3/4;      border-right: none;      padding: 16px 16px 16px 32px;    }    .tg-df-grid.layout-row .tg-df-card-body {      padding: 16px;      justify-content: space-between;    }    .tg-df-grid.layout-row .tg-df-card-title {      font-size: 15px;      margin-bottom: 16px;    }    .tg-df-grid.layout-row .tg-df-card-stars { margin-bottom: 8px; }    .tg-df-grid.layout-row .tg-df-card-footer {      flex-direction: column;      align-items: flex-start;      gap: 0;    }    .tg-df-grid.layout-row .tg-df-card-merchant-pill {      margin-bottom: 4px;    }    .tg-df-grid.layout-row .tg-df-card-price-group {      margin-bottom: 8px;    }    .tg-df-grid.layout-row .tg-df-price-group {      width: auto;    }    .tg-df-grid.layout-row .tg-df-card-cta {      width: 100%;      max-width: 200px;      padding: 10px 24px;      font-size: 13px;      flex-shrink: 0;      text-align: center;      justify-content: center;    }    /*       4. Deal Card Design    */    .tg-df-card {      position: relative;      display: flex;      flex-direction: column;      background-color: #ffffff;      border-radius: 0;      overflow: hidden;      transition: transform 0.2s ease, box-shadow 0.2s ease;      text-decoration: none;      color: inherit;      height: 100%;      box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);      border: 1px solid var(--tg-df-border);    }    .tg-df-card:hover {      box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);    }    .tg-df-card-image-box {      width: 100%;      aspect-ratio: 3/4;      background-color: #f8f8f8;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      padding: 32px;      flex: 0 0 auto;    }    .tg-df-card-image {      max-width: 100%;      max-height: 100%;      width: auto;      height: auto;      object-fit: contain;      mix-blend-mode: multiply; /* Helps white background images blend into secondary bg */      transition: transform 0.3s ease;    }    .tg-df-card:hover .tg-df-card-image {      transform: scale(1.05); /* Zoom in on hover */    }    .tg-df-card-discount-badge {      position: absolute;      top: 12px;      left: 12px;      background: #dc2626; /* Red */      color: #ffffff;      padding: 6px 8px;      font-size: 11px;      font-weight: 500;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      z-index: 10;    }        .tg-df-card-merchant-pill {      display: block;      padding: 0;      font-size: 11px;      font-weight: 600;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      color: var(--tg-df-text-muted);      margin-bottom: 8px;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }    .tg-df-card-body {      padding: 16px;      display: flex;      flex-direction: column;      flex-grow: 1;      min-width: 0;    }    .tg-df-card-badges {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-bottom: 8px;    }    .tg-df-tag {      display: inline-flex;      align-items: center;      padding: 4px 6px;      font-size: 11px;      font-weight: 700;      text-transform: uppercase;      border-radius: 4px;      gap: 4px;    }    .tg-df-tag-prime {      background-color: #00A8E1;      color: #fff;    }    .tg-df-tag-coupons {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-coupons:hover {      background-color: #e2e8f0;    }        .tg-df-tag-outline {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-outline:hover {      background-color: #e2e8f0;    }        @keyframes tg-df-spin {      0% { transform: rotate(0deg); }      100% { transform: rotate(360deg); }    }    .tg-df-coupon-spinner {      border: 2px solid #e2e8f0;      border-top: 2px solid #3b82f6;      border-radius: 50%;      width: 14px;      height: 14px;      animation: tg-df-spin 1s linear infinite;      margin: 4px 8px;      display: inline-block;    }        /* Vouchers Modal */    .tg-df-modal-backdrop {      position: fixed;      top: 0; left: 0; right: 0; bottom: 0;      background: rgba(0,0,0,0.5);      z-index: 10000;      display: flex;      align-items: center;      justify-content: center;      opacity: 0;      pointer-events: none;      transition: opacity 0.3s;    }    .tg-df-modal-backdrop.active {      opacity: 1;      pointer-events: auto;    }    .tg-df-modal {      background: #fff;      border-radius: 12px;      width: 90%;      max-width: 400px;      max-height: 80vh;      display: flex;      flex-direction: column;      box-shadow: 0 10px 40px rgba(0,0,0,0.2);      transform: translateY(20px);      transition: transform 0.3s;    }    .tg-df-modal-backdrop.active .tg-df-modal {      transform: translateY(0);    }    .tg-df-modal-header {      padding: 16px;      border-bottom: 1px solid #e2e8f0;      display: flex;      align-items: center;      justify-content: space-between;    }    .tg-df-modal-title {      font-size: 16px;      font-weight: 600;      margin: 0;    }    .tg-df-modal-close {      background: none;      border: none;      cursor: pointer;      padding: 4px;      color: #64748b;    }    .tg-df-modal-body {      padding: 16px;      overflow-y: auto;    }    .tg-df-voucher-item {      padding: 12px;      border: 1px dashed #cbd5e1;      border-radius: 8px;      margin-bottom: 10px;      background: #f8fafc;      display: flex;      align-items: center;      gap: 12px;      text-decoration: none;      color: inherit;      transition: background-color 0.2s, border-color 0.2s;    }    .tg-df-voucher-item:hover {      background: #f1f5f9;      border-color: #94a3b8;    }    .tg-df-voucher-item:last-child {      margin-bottom: 0;    }    .tg-df-voucher-logo {      width: 48px;      height: 48px;      object-fit: contain;      border-radius: 4px;      background: #fff;      border: 1px solid #e2e8f0;      flex-shrink: 0;    }    .tg-df-voucher-content {      flex: 1;      min-width: 0;    }    .tg-df-voucher-title {      font-size: 14px;      font-weight: 600;      margin: 0 0 4px 0;      line-height: 1.3;      color: #0f172a;    }    .tg-df-voucher-expiry {      font-size: 12px;      color: #64748b;      display: flex;      align-items: center;      gap: 4px;      margin-top: 6px;    }    .tg-df-voucher-code {      display: inline-flex;      align-items: center;      background: #f1f5f9;      border: 1px dashed #cbd5e1;      padding: 6px 10px;      font-family: monospace;      font-weight: 700;      font-size: 14px;      color: #0f172a;      border-radius: 4px;      margin-top: 8px;      cursor: pointer;      transition: all 0.2s ease;    }    .tg-df-voucher-code:hover {      background: #e2e8f0;      border-color: #94a3b8;    }    .tg-df-voucher-code.copied {      background: #ecfdf5;      border-color: #10b981;      color: #10b981;    }    .tg-df-voucher-cta {      display: inline-block;      margin-top: 8px;      font-size: 13px;      font-weight: 600;      color: #2563eb;      text-decoration: none;    }    .tg-df-card-title {      font-size: 15px;      font-weight: 400;      line-height: 1.4;      margin: 0 0 12px 0;      color: var(--tg-df-text);      display: -webkit-box;      -webkit-line-clamp: 2;      -webkit-box-orient: vertical;      overflow: hidden;    }    .tg-df-card-footer {      margin-top: auto;      display: flex;      flex-direction: column;      width: 100%;    }    .tg-df-card-price-group {      display: flex;      flex-direction: row;      align-items: center;      gap: 8px;      margin-bottom: 12px;    }    .tg-df-card-price {      font-size: 16px;      font-weight: 700;      color: #dc2626; /* Red price */      line-height: 1;    }        .tg-df-card-msrp {      font-size: 13px;      color: var(--tg-df-text-muted);      text-decoration: line-through;    }    .tg-df-container .tg-df-card-cta {      display: flex;      align-items: center;      justify-content: center;      width: 100%;      box-sizing: border-box;      background-color: #1f69ff;      color: #ffffff;      font-size: 12px;      font-weight: 700;      text-transform: uppercase;      letter-spacing: 0.5px;      padding: 12px 16px;      border-radius: 0;      border: none;      cursor: pointer;      transition: background-color 0.2s ease;    }    .tg-df-card:hover .tg-df-card-cta,    .tg-df-card-cta:hover {      background-color: #1555cc;    }    .tg-df-container .tg-df-card-cta.tg-df-cta-savings-squad {      background-color: #3c8d0d;    }    .tg-df-card:hover .tg-df-card-cta.tg-df-cta-savings-squad,    .tg-df-card-cta.tg-df-cta-savings-squad:hover {      background-color: #2b6509;    }    /*       5. State & Skeleton Styles    */    .tg-df-message {      grid-column: 1 / -1;      text-align: center;      padding: 48px 24px;      color: var(--tg-df-text-muted);      font-size: 16px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;    }    @keyframes tg-df-shimmer {      0% { background-position: -200% 0; }      100% { background-position: 200% 0; }    }    .tg-df-skeleton {      background: linear-gradient(90deg, var(--tg-df-bg-secondary) 25%, #e2e8f0 50%, var(--tg-df-bg-secondary) 75%);      background-size: 200% 100%;      animation: tg-df-shimmer 1.5s infinite;      border-radius: 4px;    }    .tg-df-skeleton-img {      width: 100%;      height: 100%;      position: absolute;      top: 0; left: 0;    }        .tg-df-skeleton-text {      height: 16px;      margin-bottom: 8px;      width: 100%;    }    .tg-df-skeleton-text.short { width: 40%; }    .tg-df-skeleton-text.title { height: 20px; margin-bottom: 16px; }    /* Editor Floating Bar & Elements */    .tg-df-editor-bar {      position: sticky;      top: 0;      z-index: 1000;      background: #111827;      color: #fff;      padding: 12px 16px;      border-radius: 8px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: space-between;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);    }    .tg-df-editor-bar-text {      font-weight: 600;      font-size: 14px;    }    .tg-df-editor-copy-btn {      background: #10b981;      color: #fff;      padding: 6px 16px;      border: none;      border-radius: 4px;      font-weight: 600;      cursor: pointer;      display: flex;      align-items: center;      font-size: 13px;    }    .tg-df-editor-copy-btn:hover { background: #059669; }        .tg-df-deal-checkbox {      position: absolute;      top: 12px;      right: 12px;      z-index: 10;      width: 20px;      height: 20px;      cursor: pointer;      pointer-events: auto;    }    /*       6. Mobile List View (Stacks into a cleaner horizontal row/list)    */    @container tg-df (max-width: 599px) {      .tg-df-controls {        padding: 0 16px;      }            .tg-df-top-bar {        width: 100%;      }            .tg-df-settings-dropdown {        position: fixed;        top: auto;        bottom: 0;        left: 0;        right: 0;        width: 100%;        border-radius: 20px 20px 0 0;        padding: 24px;        box-shadow: 0 -8px 32px rgba(0,0,0,0.15);        z-index: 1000;        border: none;        border-top: 1px solid var(--tg-df-border);      }            .tg-df-settings-dropdown-backdrop.active {        background: rgba(0,0,0,0.4);      }            .tg-df-search-wrapper {        box-shadow: 0 0 16px rgba(0,0,0,0.08);      }            .tg-df-filters {        width: calc(100% + 32px);        margin: 0 -16px;        padding: 0 16px 4px 16px;        display: flex;        justify-content: flex-start;        gap: 8px;        flex-wrap: nowrap;        overflow-x: auto;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;      }      .tg-df-filters::after {        content: "";        display: block;        flex: 0 0 8px;      }      .tg-df-filters::-webkit-scrollbar {        display: none;      }            .tg-df-sort-wrapper {        flex: 0 0 max(42%, 130px);        min-width: 0;      }      .tg-df-sort-wrapper.tg-df-price-range-wrapper {        flex: 0 0 auto;        min-width: max-content;      }            .tg-df-sort-select, .tg-df-filter-select {        width: 100%;        text-align: left;        padding: 10px 24px 10px 32px;        background-position: right 8px center;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;      }      .tg-df-sort-icon {        left: 10px;      }      .tg-df-grid:not(.layout-grid):not(.layout-row),      .tg-df-grid.layout-row {        grid-template-columns: 1fr;        gap: 16px;      }            .tg-df-grid.tg-df-grid-auto {        padding-top: 24px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card,      .tg-df-grid.layout-row .tg-df-card {        flex-direction: row;        align-items: stretch;        height: auto;        box-shadow: none; /* simple line on mobile if preferred, or keep */        border-bottom: 1px solid var(--tg-df-border);      }      .tg-df-grid.tg-df-grid-auto .tg-df-card:hover,      .tg-df-grid.layout-row .tg-df-card:hover {        box-shadow: none;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-image-box,      .tg-df-grid.layout-row .tg-df-card-image-box {        width: 120px;        min-width: 120px;        aspect-ratio: 3/4;        border-right: none;        padding: 12px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-body,      .tg-df-grid.layout-row .tg-df-card-body {        padding: 12px;        justify-content: space-between;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-title,      .tg-df-grid.layout-row .tg-df-card-title {        font-size: 14px;        margin-bottom: 12px;        -webkit-line-clamp: 3;      }      /* Single column mobile grid override */      .tg-df-grid.layout-grid {        grid-template-columns: 1fr;        gap: 16px;      }      .tg-df-grid.layout-grid .tg-df-card-image-box {        padding: 12px;      }      .tg-df-grid.layout-grid .tg-df-card-body {        padding: 10px;      }      .tg-df-grid.layout-grid .tg-df-card-title {        font-size: 13px;        -webkit-line-clamp: 3;        margin-bottom: 8px;      }      .tg-df-grid.layout-grid .tg-df-card-price {        font-size: 14px;      }            .tg-df-card-footer {        flex-direction: column;        align-items: stretch;        gap: 0;        width: 100%;        min-width: 0;      }      .tg-df-card-merchant-pill {        margin-bottom: 4px;      }      .tg-df-card-price-group {        flex: 1 1 auto;        margin-bottom: 8px;      }      .tg-df-card-price {        font-size: 16px;      }      .tg-df-card-msrp {        display: block;       }      .tg-df-grid.layout-row .tg-df-card-cta,      .tg-df-container .tg-df-card-cta {        width: 100%;        max-width: none;        min-width: 0;        box-sizing: border-box;        padding: 8px 16px;        font-size: 12px;        flex: 0 0 auto;        text-align: center;        white-space: normal;        line-height: 1.2;      }    }    .tg-df-container.is-carousel {      min-height: 760px;      background-color: #E7F0FF;      padding: 0 0 24px 0;      border-radius: 24px;    }    .tg-df-container.is-carousel.hide-header-details {      min-height: 480px;    }    /*       7. Carousel View Mode    */    .tg-df-container .tg-df-carousel-host {      /* Layout is now handled by container wrapper */    }    .tg-df-container .tg-df-carousel-eyebrow {      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      padding: 24px 16px 0 16px;      display: none;    }    .tg-df-container .tg-df-carousel-query-title {      color: #011535;      font-size: 28px;      font-weight: 600;      padding: 0 16px 24px 16px;      line-height: 1.2;      display: none;    }    .tg-df-container .tg-df-carousel-blue-box {      background-color: transparent;      border-radius: 0;      padding: 24px 24px 0 24px;      margin: 0;      color: #1F69FF;          position: relative;      overflow: hidden;    }    .tg-df-container .tg-df-carousel-bg-circle-1 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-2 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-3 {      display: none;    }    .tg-df-container .tg-df-carousel-box-content {      position: relative;      z-index: 10;    }    .tg-df-container .tg-df-carousel-box-eyebrow {      background-color: transparent;      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      display: inline-block;      padding: 0;      border-radius: 0;    }    .tg-df-container .tg-df-carousel-box-title {      font-size: 28px;      font-weight: 600;      line-height: 1.2;      margin-top: 8px;      color: #1e293b;    }    .tg-df-container .tg-df-countdown-wrapper {      position: absolute;      top: 0;      right: 0;      display: flex;      flex-direction: column;      align-items: flex-end;      gap: 12px;      transform: scale(0.67);      transform-origin: top right;    }    .tg-df-container .tg-df-countdown-title {      font-size: 16px;      text-align: center;      width: 100%;      font-weight: 600;      color: #011535;      margin: 0;    }    .tg-df-container .tg-df-countdown-blocks {      display: flex;      gap: 16px;    }    .tg-df-container .tg-df-countdown-item {      display: flex;      flex-direction: column;      align-items: center;      gap: 4px;    }    .tg-df-container .tg-df-countdown-box {      width: 59px;      height: 59px;      background: #03FE9E;      border-radius: 15px;      display: flex;      align-items: center;      justify-content: center;    }    .tg-df-container .tg-df-countdown-num {      font-family: 'Inter', sans-serif;      font-weight: 700;      font-size: 20px;      line-height: normal;      color: #011535;    }    .tg-df-container .tg-df-countdown-label {      font-family: 'Inter', sans-serif;      font-weight: 500;      font-size: 16px;      line-height: normal;      color: #1e293b;      text-transform: uppercase;    }    .tg-df-container .tg-df-carousel-box-subtitle {      font-size: 16px;      margin-top: 8px;      font-weight: 300;      color: #1e293b;      line-height: 24px;    }    .tg-df-container .tg-df-carousel-roundels-wrapper {      position: relative;      margin-top: 24px;      margin-left: -24px;      margin-right: -24px;    }    .tg-df-container .tg-df-carousel-roundels {      display: flex;      gap: 16px;      overflow-x: auto;            scrollbar-width: none;      padding-top: 12px;      padding-bottom: 24px;      padding-left: 24px;      padding-right: 24px;      margin-left: 0;      margin-right: 0;    }        .tg-df-container .tg-df-carousel-scroll-left,    .tg-df-container .tg-df-carousel-scroll-right {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 36px;      width: 36px;      display: flex;      align-items: center;      justify-content: center;      border-radius: 50%;      background-color: #ffffff;      border: 1px solid #e2e8f0;      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);      color: #1F69FF;      cursor: pointer;      transition: all 0.2s;      margin-top: -4px;      z-index: 20;    }    .tg-df-container .tg-df-carousel-scroll-left { left: 8px; }    .tg-df-container .tg-df-carousel-scroll-right { right: 8px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left { left: 0px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right { right: 0px; }    .tg-df-carousel-filters-outer { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }    @container tg-df (max-width: 599px) { .tg-df-carousel-filters-outer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } }        .tg-df-container .tg-df-carousel-scroll-left:hover,    .tg-df-container .tg-df-carousel-scroll-right:hover {      background-color: #f8fafc;      border-color: #cbd5e1;    }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right {      background-color: rgba(255, 255, 255, 0.4);      border: none;      box-shadow: none;      backdrop-filter: blur(4px);      -webkit-backdrop-filter: blur(4px);    }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right { right: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-right { right: 0; }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left:hover,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right:hover {      background-color: rgba(255, 255, 255, 0.6);      border: none;    }    .tg-df-container .tg-df-carousel-roundels::-webkit-scrollbar {      display: none;    }    .tg-df-container .tg-df-carousel-roundels::after {      content: "";      flex: 0 0 32px;    }    .tg-df-container .tg-df-roundel {      display: flex;      flex-direction: column;      align-items: center;      gap: 8px;      cursor: pointer;      min-width: 120px;      flex-shrink: 0;    }    .tg-df-container .tg-df-roundel-img-box {      width: 120px;      height: 120px;      border-radius: 50%;      background: white;      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: 0px 3px 14px 0px rgba(30, 41, 59, 0.08);      transition: box-shadow 0.2s;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box img {      transform: scale(1.08);    }    .tg-df-container .tg-df-roundel-img-box img {      width: 100%;      height: 100%;      object-fit: contain;      padding: 10px;      box-sizing: border-box;      transition: transform 0.3s ease;    }    .tg-df-container .tg-df-roundel-label {      font-size: 13px;      font-weight: 400;      color: #1e293b;      text-align: center;      transition: font-weight 0.2s;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-label {      font-weight: 700;    }    .tg-df-container .tg-df-carousel-filters-label {      font-size: 16px;      font-weight: 400;      color: #1e293b;      white-space: nowrap;      margin-right: 4px;    }    .tg-df-container .tg-df-carousel-filters-wrap {      display: flex;      align-items: center;      flex-wrap: nowrap;      gap: 8px;      margin-top: 8px;      overflow-x: auto;      scrollbar-width: none;      -webkit-overflow-scrolling: touch;      padding-bottom: 8px;      margin-left: -24px;      margin-right: -24px;      padding-left: 24px;      padding-right: 24px;    }    .tg-df-container .tg-df-carousel-filters-wrap::-webkit-scrollbar {      display: none;    }        .tg-df-container .tg-df-carousel-filter-btn img,    .tg-df-container .tg-df-carousel-filter-btn picture {      height: 20px;      width: 20px;      object-fit: contain;      object-position: center;      display: inline-flex;      align-items: center;      justify-content: center;      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn picture img {      margin-right: 0;      height: 100%;      width: 100%;    }    .tg-df-container .tg-df-carousel-filter-btn img.active-img,    .tg-df-container .tg-df-carousel-filter-btn picture:has(.active-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.inactive-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.inactive-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.active-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.active-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.active-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.active-img) {      display: inline-flex;    }    .tg-df-container .tg-df-carousel-filter-btn {      background: #ffffff;      border: 2px solid #1e293b;      color: #1e293b;      border-radius: 24px;      padding: 6px 16px;      font-size: 14px;      font-weight: 600;      cursor: pointer;      transition: all 0.2s;      flex-shrink: 0;      white-space: nowrap;      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 36px;      box-sizing: border-box;    }    .tg-df-container .tg-df-carousel-filter-btn svg {      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn:hover {      background: #1e293b;      color: white;      border-color: #1e293b;    }    .tg-df-container .tg-df-carousel-filter-btn.active {      background: #1e293b;      color: white;      border-color: #1e293b;    }        .tg-df-grid.carousel-compact {      display: flex;      flex-wrap: nowrap;      overflow-x: auto;      gap: 16px;      padding: 16px 24px;      align-items: stretch;      scrollbar-width: none;    }    .tg-df-grid.carousel-compact::after {      content: "";      flex: 0 0 32px;    }    .tg-df-grid-wrapper {      position: relative;    }    .tg-df-grid.carousel-compact::-webkit-scrollbar {      display: none;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card {      flex: 0 0 auto;      width: 100px;      border-radius: 15px;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      border: 2px solid #1e293b;      background: white;      color: #1e293b;      display: flex;      flex-direction: column;      justify-content: center;      align-items: center;      font-weight: 600;      font-size: 14px;      cursor: pointer;      padding: 16px;      text-align: center;      transition: all 0.2s;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card:hover {      background: #1e293b;      color: white;    }    .tg-df-grid.carousel-compact .tg-df-card {      flex: 0 0 auto;      width: 200px;      min-height: auto;      height: auto;      display: flex;      flex-direction: column;      border-radius: 15px;      border: none;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      overflow: visible;    }    .tg-df-grid.carousel-compact .tg-df-card-image-box {      padding: 12px;      background-color: transparent;      border-radius: 15px 15px 0 0;      height: 130px;    }    .tg-df-grid.carousel-compact .tg-df-card-image {      mix-blend-mode: normal;    }    .tg-df-grid.carousel-compact .tg-df-card-discount-badge {      border-radius: 0;      top: 0px;      left: 0px;      padding: 4px 8px;      font-size: 11px;    }    .tg-df-grid.carousel-compact .tg-df-card-body {      padding: 8px 12px 12px 12px;    }    .tg-df-grid.carousel-compact .tg-df-card-title {      font-size: 14px;      font-weight: 400;      -webkit-line-clamp: 2;      margin-bottom: 8px;      color: #011535;    }    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):not(:has(.tg-df-tag-prime)):not(:has(.tg-df-coupon-wrapper:not([style*="none"]))) > .tg-df-card-title,    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):has(> .tg-df-card-title:first-child) > .tg-df-card-title {      -webkit-line-clamp: 3;    }    .tg-df-grid.carousel-compact .tg-df-card-cta {      border-radius: 5px;      padding: 8px 10px;      margin-top: 4px;      background-color: #1F69FF;    }    .tg-df-grid.carousel-compact .tg-df-card-price-group {      margin-bottom: 2px;    }    .tg-df-grid.carousel-compact .tg-df-card-merchant-pill {      margin-bottom: 2px;    }    @container tg-df (max-width: 599px) {      .tg-df-container .tg-df-carousel-blue-box-title {        font-size: 24px;      }      .tg-df-container .tg-df-countdown-title {        display: none;      }      .tg-df-container .tg-df-countdown-wrapper {        position: absolute;        top: 0;        right: 0;        align-items: flex-end;        transform: scale(0.45);        transform-origin: top right;      }      .tg-df-container .tg-df-roundel {        min-width: 88px;      }      .tg-df-container .tg-df-roundel-img-box {        width: 88px;        height: 88px;      }    }    /* REPLICA BLOCK STYLES */    .tg-df-grid.layout-replica-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px; }    .tg-df-grid.layout-replica-1 { grid-template-columns: 1fr !important; gap: 20px; }        .tg-df-container .hawk-deal-widget-container { border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: inherit; }    .tg-df-container .hawk-deal-widget-wrap { display: flex; flex-direction: row; align-items: flex-start; width: 100%; gap: 24px; }    .tg-df-container .hawk-deal-widget-image-container { display: flex; flex-shrink: 0; justify-content: center; width: 160px; height: 160px; align-items: center; background: white; margin-bottom: 0px; }    .tg-df-container .hawk-deal-widget-title-product-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.4; display: inline; }    .tg-df-container .hawk-deal-widget-title-price { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-price-now { font-weight: 700; }    .tg-df-container .hawk-deal-widget-title-retailer-price:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-title-retailer { font-size: 18px; font-weight: 700; line-height: 1.4; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-was-price { color: #dc2626; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: line-through; white-space: nowrap; margin-left: 8px; margin-right: 8px; }    .tg-df-container .hawk-deal-widget-text-body-container { position: relative; width: 100%; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-text-body-main { font-size: 16px; width: 100%; margin-bottom: 12px; }    .tg-df-container .hawk-deal-widget-text-body-description { display: block; font-size: 15px; margin-top: 12px; color: #4b5563; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-body-description p { margin: 0; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-cta-container { display: flex; flex-direction: column; gap: 12px; width: 100%; flex: 1; min-width: 0; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-footer { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }    .tg-df-container .hawk-deal-widget-button-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; }    .tg-df-container .hawk-deal-widget-preferred-partner-wrapper { display: flex; flex-direction: row; }        @container tg-df (min-width: 600px) {      .tg-df-mobile-only { display: none !important; }    }    @container tg-df (max-width: 599px) {      .tg-df-desktop-only { display: none !important; }      .tg-df-grid.layout-replica-2 { grid-template-columns: 1fr !important; }      .tg-df-grid.savings-squad-cards { grid-template-columns: 1fr !important; display: flex; flex-direction: column; }    }    .tg-df-grid.savings-squad-cards .tg-df-card-title {      -webkit-line-clamp: unset !important;      display: block !important;      overflow: visible !important;    }    @container tg-df (max-width: 500px) {      .tg-df-container .hawk-deal-widget-wrap { display: block; }      .tg-df-container .hawk-deal-widget-image-container { display: block; float: left; margin: 0 16px 8px 0; width: 120px; max-width: 120px; height: auto; align-items: normal; justify-content: normal; }      .tg-df-container .hawk-deal-widget-text-cta-container { display: block; text-align: left; }      .tg-df-container .hawk-deal-widget-footer { display: block; margin-top: 16px; clear: both; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper .hawk-deal-widget-preferred-partner-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-affiliate-link-deal-button { box-sizing: border-box !important; display: flex !important; max-width: none !important; width: 100% !important; margin: 0 !important; }    }        .tg-df-container .hawk-affiliate-link-deal-button {       align-items: center; background-color: #5aaf0b; box-sizing: border-box; color: #ffffff !important; display: flex; font-size: 14px; font-weight: 700; justify-content: center; letter-spacing: 0.5px; line-height: 1; min-width: 160px; padding: 14px 24px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; word-break: normal; border-radius: 4px; border: 0; transition: background-color 0.2s;     }    .tg-df-container .hawk-affiliate-link-deal-button:hover { background-color: #4a9109; text-decoration: none; }    .tg-df-container .hawk-lazy-image-deal-widget { display: block; height: auto; margin: auto; max-height: 160px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; }    .tg-df-container .hawk-deal-widget-text-cta-container a { color: #2563eb; text-decoration: none; display: inline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:has(.hawk-deal-widget-title-product-title) { color: #111827; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-product-title,    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-retailer-price { text-decoration: underline; }  \x3C/style>  \x3C!-- Widget Container --\x3E  \x3Cdiv class="tg-df-container" id="signal-deals-finder-root">    \x3C!-- Editor Floating Bar --\x3E    \x3Cdiv class="tg-df-editor-bar" id="tg-df-editor-bar" style="display:none;">      \x3Cdiv class="tg-df-editor-bar-text" style="display: flex; align-items: center;">        \x3Cspan id="tg-df-selected-count">0\x3C/span>\x26nbsp;Deals Selected        \x3Cbutton class="tg-df-editor-clear-btn" id="tg-df-editor-clear" type="button" style="margin-left: 12px; font-size: 13px; color: #9ca3af; background: none; border: none; cursor: pointer; text-decoration: underline;">Clear All\x3C/button>      \x3C/div>      \x3Cbutton class="tg-df-editor-copy-btn" id="tg-df-editor-copy" type="button">        \x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">\x3C/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">\x3C/path>\x3C/svg>        Copy to CMS      \x3C/button>    \x3C/div>    \x3Cdiv class="tg-df-carousel-host" id="tg-df-carousel-host" style="display: none;">      \x3Cdiv class="tg-df-carousel-eyebrow">DEAL FINDER\x3C/div>      \x3Cdiv class="tg-df-carousel-query-title" id="tg-df-carousel-title-label">Best Deals\x3C/div>            \x3Cdiv class="tg-df-carousel-blue-box">        \x3Cdiv class="tg-df-carousel-bg-circle-1" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-2" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-3" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-box-content">          \x3Cdiv class="tg-df-countdown-wrapper" id="tg-df-countdown-wrapper" style="display:none;">            \x3Cdiv class="tg-df-countdown-title" id="tg-df-countdown-title">Prime Day starts in\x3C/div>            \x3Cdiv class="tg-df-countdown-blocks">              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-days">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">DAYS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-hrs">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">HRS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-min">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">MIN\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-sec">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">SEC\x3C/div>\x3C/div>            \x3C/div>          \x3C/div>          \x3Cdiv class="tg-df-carousel-box-eyebrow">DEAL FINDER\x3C/div>          \x3Cdiv class="tg-df-carousel-box-title">Find Deals Fast\x3C/div>          \x3Cdiv class="tg-df-carousel-box-subtitle">The latest deals from the biggest retailers, all in one place\x3C/div>                    \x3Cdiv class="tg-df-carousel-roundels-wrapper">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-roundels">            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>          \x3C/div>          \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-carousel-filters-outer" style="position: relative;">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-filters-wrap">                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="0">All\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_lightning">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_prime">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-d="10">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 10% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="15">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 15% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="25">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 25% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-pr="under50">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>            Under $50\x3C/button>        \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3C/div>    \x3C/div>    \x3C/div>      \x3C!-- Search & Filter Controls --\x3E    \x3Cdiv class="tg-df-controls" id="tg-df-controls" style="display:flex;">      \x3Cdiv class="tg-df-top-bar">        \x3Cdiv class="tg-df-search-wrapper">          \x3Cinput type="text" class="tg-df-search-input" placeholder="Search for deals, products, or brands...">          \x3Cbutton type="button" class="tg-df-search-btn" aria-label="Search">              \x3Csvg class="tg-df-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">                \x3Cpath d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-autocomplete-dropdown" id="tg-df-autocomplete">\x3C/div>        \x3C/div>                \x3Cdiv class="tg-df-settings-wrapper">          \x3Cbutton type="button" class="tg-df-settings-btn" aria-label="Settings" id="tg-df-settings-toggle">            \x3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20">                \x3Cpath d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.73 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.49-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>            \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-settings-dropdown-backdrop" id="tg-df-settings-backdrop">\x3C/div>          \x3Cdiv class="tg-df-settings-dropdown" id="tg-df-settings-panel">            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Search Region\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-region-select">                \x3Coption value="auto">🌍 Auto-detect\x3C/option>                \x3Coption value="US">🇺🇸 United States (US)\x3C/option>                \x3Coption value="GB">🇬🇧 United Kingdom (UK)\x3C/option>                \x3Coption value="CA">🇨🇦 Canada (CA)\x3C/option>                \x3Coption value="AU">🇦🇺 Australia (AU)\x3C/option>                \x3Coption value="DE">🇩🇪 Germany (DE)\x3C/option>                \x3Coption value="FR">🇫🇷 France (FR)\x3C/option>                \x3Coption value="IT">🇮🇹 Italy (IT)\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Retailer\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-retailer-select">                \x3Coption value="">All Retailers\x3C/option>                \x3Coption value="Amazon">Amazon\x3C/option>                \x3Coption value="Walmart">Walmart\x3C/option>                \x3Coption value="Best Buy">Best Buy\x3C/option>                \x3Coption value="Target">Target\x3C/option>                \x3Coption value="John Lewis">John Lewis\x3C/option>                \x3Coption value="Currys">Currys\x3C/option>                \x3Coption value="Argos">Argos\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Offer Type\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-offer-type-select">                \x3Coption value="">All Offers\x3C/option>                \x3Coption value="amazon_prime">Amazon Prime\x3C/option>                \x3Coption value="recommended_promo">Recommended Promo\x3C/option>                \x3Coption value="amazon_lightning">Amazon Lightning Deal\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Result Count\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-rows-select">                \x3Coption value="3">3 Items\x3C/option>                \x3Coption value="4">4 Items\x3C/option>                \x3Coption value="6">6 Items\x3C/option>                \x3Coption value="12" selected>12 Items\x3C/option>                \x3Coption value="24">24 Items\x3C/option>                \x3Coption value="48">48 Items\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Deal Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Only show products with active offers or previous prices (was_price)\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-deal-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Editor Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Enable multi-select to copy deals to CMS\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-editor-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">View Mode\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-view-mode-select">                \x3Coption value="auto">Auto Collection\x3C/option>                \x3Coption value="carousel">Carousel\x3C/option>                \x3Coption value="savings_squad">Savings Squad\x3C/option>                \x3Coption value="grid">Grid (Columns)\x3C/option>                \x3Coption value="row">Row (List)\x3C/option>              \x3C/select>            \x3C/div>          \x3C/div>        \x3C/div>      \x3C/div>      \x3Cdiv class="tg-df-filters">        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-category-filter-wrapper" style="display: none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-category-filter" aria-label="Category">            \x3Coption value="all">All Categories\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-multiselect-container" id="tg-df-brand-filter-wrapper" style="display:none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/>          \x3C/svg>          \x3Cdiv class="tg-df-filter-select tg-df-multiselect-trigger" id="tg-df-brand-trigger" tabindex="0">            Any Brand          \x3C/div>          \x3Cdiv class="tg-df-multiselect-dropdown" id="tg-df-brand-dropdown">            \x3C!-- Populated via script --\x3E          \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>          \x3C/svg>          \x3Cselect class="tg-df-sort-select" aria-label="Sort Deals">            \x3Coption value="date_desc">Newest First\x3C/option>            \x3Coption value="best_match">Sort by: Match\x3C/option>            \x3Coption value="price_asc">Price Low to High\x3C/option>            \x3Coption value="price_desc">Price High to Low\x3C/option>            \x3Coption value="discount_desc">Biggest Discount\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-price-range-wrapper" id="tg-df-custom-price-wrapper" style="display: flex; align-items:center; justify-content:center; padding: 10px 20px; gap: 8px; border: 1px solid var(--tg-df-border); border-radius: 100px; background-color: var(--tg-df-bg);">          \x3Cspan style="font-size:14px; font-weight:500; color:var(--tg-df-text-primary);">Price\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-min" placeholder="Min" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">          \x3Cspan style="color:var(--tg-df-text-muted)">-\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-max" placeholder="Max" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-legacy-price-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-price-filter" aria-label="Filter Prices">            \x3Coption value="all">All Prices\x3C/option>            \x3Coption value="under50">Under $50\x3C/option>            \x3Coption value="50_100">$50 - $100\x3C/option>            \x3Coption value="100_200">$100 - $200\x3C/option>            \x3Coption value="200_500">$200 - $500\x3C/option>            \x3Coption value="over500">Over $500\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-discount-filter-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-discount-filter" aria-label="Discount Amount">            \x3Coption value="all">Any discount\x3C/option>            \x3Coption value="5">Min 5%\x3C/option>            \x3Coption value="10">Min 10%\x3C/option>            \x3Coption value="15">Min 15%\x3C/option>            \x3Coption value="20">Min 20%\x3C/option>            \x3Coption value="25">Min 25%\x3C/option>            \x3Coption value="30">Min 30%\x3C/option>            \x3Coption value="40">Min 40%\x3C/option>            \x3Coption value="50">Min 50%\x3C/option>            \x3Coption value="60">Min 60%\x3C/option>            \x3Coption value="70">Min 70%\x3C/option>          \x3C/select>        \x3C/div>      \x3C/div>    \x3C/div>    \x3C!-- Deals Grid Wrapper --\x3E    \x3Cdiv class="tg-df-grid-wrapper tg-df-carousel-cards-wrapper" id="tg-df-grid-wrapper">      \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3Cdiv class="tg-df-grid" id="tg-df-grid">        \x3C!-- Content populated by JavaScript --\x3E      \x3C/div>      \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>    \x3C/div>        \x3C!-- Vouchers Modal --\x3E    \x3Cdiv class="tg-df-modal-backdrop" id="tg-df-vouchers-modal">      \x3Cdiv class="tg-df-modal">        \x3Cdiv class="tg-df-modal-header">          \x3Ch3 class="tg-df-modal-title" id="tg-df-vouchers-title">Available Coupons & Deals\x3C/h3>          \x3Cbutton class="tg-df-modal-close" id="tg-df-vouchers-close">            \x3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">              \x3Cline x1="18" y1="6" x2="6" y2="18">\x3C/line>              \x3Cline x1="6" y1="6" x2="18" y2="18">\x3C/line>            \x3C/svg>          \x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-modal-body" id="tg-df-vouchers-content">          \x3C!-- Vouchers injected here --\x3E        \x3C/div>      \x3C/div>    \x3C/div>  \x3C/div>`;      if (!template) {        template = document.createElement('template');        template.innerHTML = rawTemplate;      }      let shadowRoot = null;      if (hostContainer && template) {        hostContainer.setAttribute('data-initialized', 'true');        shadowRoot = hostContainer.attachShadow({ mode: 'open' });        shadowRoot.appendChild(template.content.cloneNode(true));      }      class DealsFinderWidget {        constructor(config) {          this.rootNode = config.rootNode || document;          this.hostContainer = config.hostContainer || null;          this.rootId = config.rootId || 'signal-deals-finder-root';          this.root = this.rootNode.querySelector('#' + this.rootId);          if (!this.root) return;          this.widgetId = (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'widget-' + Date.now() + '-' + Math.random().toString(36).slice(2);          this.grid = this.root.querySelector('#tg-df-grid');          this.tagsContainer = this.root.querySelector('#tg-df-tags-container');          this.categoryFilter = this.root.querySelector('#tg-df-category-filter');          this.categoryFilterWrapper = this.root.querySelector('#tg-df-category-filter-wrapper');          this.searchInput = this.root.querySelector('.tg-df-search-input');          this.autocompleteDropdown = this.root.querySelector('#tg-df-autocomplete');          this.sortSelect = this.root.querySelector('.tg-df-sort-select');          this.searchBtn = this.root.querySelector('.tg-df-search-btn');                    this.settingsToggle = this.root.querySelector('#tg-df-settings-toggle');          this.settingsPanel = this.root.querySelector('#tg-df-settings-panel');          this.settingsBackdrop = this.root.querySelector('#tg-df-settings-backdrop');          this.regionSelect = this.root.querySelector('#tg-df-region-select');          this.retailerSelect = this.root.querySelector('#tg-df-retailer-select');          this.offerTypeSelect = this.root.querySelector('#tg-df-offer-type-select');          this.viewModeSelect = this.root.querySelector('#tg-df-view-mode-select');          this.rowsSelect = this.root.querySelector('#tg-df-rows-select');          this.dealModeToggle = this.root.querySelector('#tg-df-deal-mode');          this.editorModeToggle = this.root.querySelector('#tg-df-editor-mode');          this.priceFilter = this.root.querySelector('#tg-df-price-filter');          this.discountFilter = this.root.querySelector('#tg-df-discount-filter');                    this.editorBar = this.root.querySelector('#tg-df-editor-bar');          this.editorSelectedCount = this.root.querySelector('#tg-df-selected-count');          this.editorCopyBtn = this.root.querySelector('#tg-df-editor-copy');          this.editorClearBtn = this.root.querySelector('#tg-df-editor-clear');                    this.apiUrl = 'https://search-api.fie.future.net.uk/widget.php';          this.deals = [];          this.displayLimit = 12;          this.airedaleArticles = null;          this.airedaleTags = [];          this.airedaleTagCounts = {};          this.activeDealTag = null;          this.selectedBrands = [];          this.currentQuery = '';          this.editorMode = this.hostContainer ? this.hostContainer.hasAttribute('data-editor-mode') : false;          this.viewModeOverride = this.hostContainer ? this.hostContainer.getAttribute('data-view-mode') : null;          this.selectedDeals = new Map();                    this.brandFilterWrapper = this.root.querySelector('#tg-df-brand-filter-wrapper');          this.brandTrigger = this.root.querySelector('#tg-df-brand-trigger');          this.brandDropdown = this.root.querySelector('#tg-df-brand-dropdown');                    this.customPriceWrapper = this.root.querySelector('#tg-df-custom-price-wrapper');          this.customPriceMin = this.root.querySelector('#tg-df-custom-price-min');          this.customPriceMax = this.root.querySelector('#tg-df-custom-price-max');          this.legacyPriceWrapper = this.root.querySelector('#tg-df-legacy-price-wrapper');          this.discountFilterWrapper = this.root.querySelector('#tg-df-discount-filter-wrapper');          this.initResizeObserver();          this.init();            if (['carousel', 'carousel-compact', 'auto', 'grid', 'row'].includes(this.getViewMode())) { this.loadCarouselSpreadsheet(); }        }        getViewMode() {          if (this.viewModeOverride && (!this.editorMode || !this.viewModeSelect)) {            return this.viewModeOverride;          }          return (this.viewModeSelect && this.viewModeSelect.value) ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');        }        applyLayoutMode() {          if (!this.grid) return;          const mode = this.getViewMode();          this.grid.classList.remove('layout-row', 'layout-grid', 'tg-df-grid-auto', 'carousel-compact', 'layout-replica-1', 'layout-replica-2');                    const carouselHost = this.root.querySelector('#tg-df-carousel-host');          const controlsDiv = this.root.querySelector('#tg-df-controls');          if (mode === 'carousel' || mode === 'auto' || mode === 'grid' || mode === 'row') {             if (mode === 'carousel') this.grid.classList.add('carousel-compact');             if (carouselHost) carouselHost.style.display = 'block';             if (controlsDiv) controlsDiv.style.display = 'none';             if (this.root.classList.contains('tg-df-container') && mode === 'carousel') {               this.root.classList.add('is-carousel');             } else if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          } else {             if (carouselHost) carouselHost.style.display = 'none';             if (controlsDiv) controlsDiv.style.display = 'flex';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          }          if (mode === 'grid') {            this.grid.classList.add('layout-grid');          } else if (mode === 'row') {            this.grid.classList.add('layout-row');          } else if (mode === 'savings_squad') {            this.grid.classList.add('tg-df-grid-auto', 'savings-squad-cards');          } else if (mode !== 'carousel') {            this.grid.classList.add('tg-df-grid-auto');          }                    const settingsWrapper = this.root.querySelector('.tg-df-settings-wrapper');          if (settingsWrapper) {            settingsWrapper.style.display = mode === 'auto' ? 'none' : 'block';          }          if (this.customPriceWrapper) {             this.customPriceWrapper.style.display = mode === 'auto' ? 'flex' : 'none';          }          if (this.legacyPriceWrapper) {             this.legacyPriceWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }          if (this.discountFilterWrapper) {             this.discountFilterWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }        }        initResizeObserver() {          try {            if (window.parent === window) return;          } catch (e) {            // cross origin frame check threw          }          const emitHeight = () => {            try {              const height = document.documentElement.scrollHeight || document.body.scrollHeight;              const msg = { type: 'embed-size', height: height };              if (window.parent && window.parent !== window) {                window.parent.postMessage(msg, '*');                window.parent.postMessage(JSON.stringify({ ...msg, sentinel: 'amp' }), '*');              }            } catch (e) {}          };                    if (window.ResizeObserver) {            try {              const ro = new ResizeObserver(() => emitHeight());              ro.observe(document.body);              if (this.root) ro.observe(this.root);            } catch(e){ console.warn(e); }          }          window.addEventListener('resize', emitHeight);          setTimeout(emitHeight, 300);        }        initCountdown() {          this.cdWrapper = this.root.querySelector('#tg-df-countdown-wrapper');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          this.showCountdown = params.get('show_countdown') === 'true';          const showHeaderDetails = params.get('show_header_details') !== 'false';          const eyebrow = this.root.querySelector('.tg-df-carousel-box-eyebrow');          const title = this.root.querySelector('.tg-df-carousel-box-title');          const subtitle = this.root.querySelector('.tg-df-carousel-box-subtitle');          if (!showHeaderDetails) {            let containerElement = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (containerElement) containerElement.classList.add('hide-header-details');            if (eyebrow) eyebrow.style.display = 'none';            if (title) title.style.display = 'none';            if (subtitle) subtitle.style.display = 'none';          }          if (!this.cdWrapper) return;          this.cdTitle = this.root.querySelector('#tg-df-countdown-title');          this.cdDays = this.root.querySelector('#tg-df-cd-days');          this.cdHrs = this.root.querySelector('#tg-df-cd-hrs');          this.cdMin = this.root.querySelector('#tg-df-cd-min');          this.cdSec = this.root.querySelector('#tg-df-cd-sec');          this.updateCountdown();          this.cdInterval = setInterval(() => this.updateCountdown(), 1000);        }        updateCountdown() {          if (!this.cdWrapper) return;          if (!this.showCountdown) {            this.cdWrapper.style.display = 'none';            return;          }          const area = this.getAreaCode();          let offset = '-04:00';          if (['DE', 'FR', 'IT', 'ES', 'NL'].includes(area)) {             offset = '+02:00';          } else if (['GB', 'IE', 'UK'].includes(area)) {             offset = '+01:00';          }          const startTime = new Date('2026-06-23T00:00:00' + offset).getTime();          const endTime = new Date('2026-06-26T00:00:00' + offset).getTime();          const now = Date.now();          let targetTime = 0;          if (now < startTime) {             targetTime = startTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day starts in';             this.cdWrapper.style.display = 'flex';          } else if (now < endTime) {             targetTime = endTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day ends in';             this.cdWrapper.style.display = 'flex';          } else {             this.cdWrapper.style.display = 'none';             if (this.cdInterval) clearInterval(this.cdInterval);             return;          }          const diff = Math.max(0, targetTime - now);          const d = Math.floor(diff / (1000 * 60 * 60 * 24));          const h = Math.floor((diff / (1000 * 60 * 60)) % 24);          const m = Math.floor((diff / 1000 / 60) % 60);          const s = Math.floor((diff / 1000) % 60);          if (this.cdDays) this.cdDays.textContent = d;          if (this.cdHrs) this.cdHrs.textContent = h;          if (this.cdMin) this.cdMin.textContent = m;          if (this.cdSec) this.cdSec.textContent = s;        }        init() {          this.initCountdown();          try {            initAnalytics();          } catch (e) {            console.warn('Deals Widget Analytics Error:', e);          }                    this.bindEvents();                    let initialQuery = '';                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          let initialViewMode = params.get('view_mode');          if (!params.has('search') && !params.has('q') && !params.has('query') && initialViewMode !== 'savings_squad') {             initialQuery = 'Everything';             if (this.discountFilter && !params.has('min_discount_ratio')) {               this.discountFilter.value = '5';             }          }          const website = params.get('website') || 'tomsguide';          this.website = website;          if (website === 'techradar') {            const squadHeader = this.root.querySelector('.tg-df-savings-squad-header');            if (squadHeader) {               const pic = squadHeader.querySelector('picture');               if (pic) pic.style.display = 'none';            }            const style = document.createElement('style');            style.innerHTML = `              .tg-df-container .hawk-affiliate-link-deal-button, .tg-df-container .tg-df-card-cta { background-color: #5DAF08 !important; }              .tg-df-container .hawk-affiliate-link-deal-button:hover, .tg-df-container .tg-df-card-cta:hover { background-color: #4a8c06 !important; }            `;            this.root.appendChild(style);          }                    if (this.regionSelect) {            this.regionSelect.value = params.get('region') || 'auto';            this.updatePriceDropdownCurrency();          }                    if (this.retailerSelect && params.has('retailer')) {            this.retailerSelect.value = params.get('retailer');          }                    if (params.has('brands')) {            const b = params.get('brands');            if (b) {              this.selectedBrands = b.split(',');            }          }                    if (this.offerTypeSelect && params.has('offer_type')) {            this.offerTypeSelect.value = params.get('offer_type');          }          if (params.has('bg_color')) {            const bg = params.get('bg_color');            if (bg === 'white') {              this.root.style.setProperty('background-color', '#ffffff', 'important');            } else if (bg === 'transparent') {              this.root.style.setProperty('background-color', 'transparent', 'important');            } else if (bg === 'light_blue') {              this.root.style.setProperty('background-color', '#E7F0FF', 'important');            }          } else {             this.root.style.removeProperty('background-color');          }                    if (params.has('view_mode')) {            if (this.viewModeSelect) {              this.viewModeSelect.value = params.get('view_mode');            } else {              this.viewModeOverride = params.get('view_mode');            }          }          if (this.rowsSelect && params.has('rows')) {            this.rowsSelect.value = params.get('rows');          }          if (params.has('price')) {            const priceVal = params.get('price');            if (this.priceFilter) {               // Try assigning it directly to select. If it's not present implicitly ignores               this.priceFilter.value = priceVal;            }            if (priceVal.includes('_')) {               const parts = priceVal.split('_');               if (this.customPriceMin && parts[0]) this.customPriceMin.value = parts[0];               if (this.customPriceMax && parts[1]) this.customPriceMax.value = parts[1];            }          }          if (this.discountFilter && params.has('min_discount_ratio')) {            // Need to convert back from ratio (e.g. 0.8) to select value (e.g. "20")            const ratioStr = params.get('min_discount_ratio');            const ratioFloat = parseFloat(ratioStr);            if (!isNaN(ratioFloat)) {               const percentage = Math.round((1 - ratioFloat) * 100);               this.discountFilter.value = percentage.toString();            }          }          if (this.sortSelect) {            this.sortSelect.value = params.get('sort') || 'discount_desc';          }          if (this.dealModeToggle && params.has('deal_mode')) {            this.dealModeToggle.checked = params.get('deal_mode') === 'true' || params.get('deal_mode') === '1';          }                    // Re-apply layout after params have updated control values          this.applyLayoutMode();                    if (params.get('search')) {            initialQuery = params.get('search');          } else if (params.get('q')) {            initialQuery = params.get('q');          } else if (params.get('query')) {            initialQuery = params.get('query');          }                    this.currentQuery = initialQuery;          if (this.searchInput) {            this.searchInput.value = this.currentQuery;          }                    if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {            this.fetchDeals(this.currentQuery);          } else {            this.render();          }        }        updatePriceDropdownCurrency() {          if (!this.priceFilter || !this.regionSelect) return;          const currencySymbols = {            'US': '$',            'GB': '£',            'CA': '$CA',            'AU': '$AU',            'DE': '€',            'FR': '€',            'IT': '€',          };          const area = this.getAreaCode();          const cur = currencySymbols[area || 'US'] || '$';                    const options = this.priceFilter.options;          for (let i = 0; i < options.length; i++) {            const opt = options[i];            if (opt.value === 'all') {              opt.innerText = 'All Prices';            } else if (opt.value === 'under50') {              opt.innerText = `Under ${cur}50`;            } else if (opt.value === '50_100') {              opt.innerText = `${cur}50 - ${cur}100`;            } else if (opt.value === '100_200') {              opt.innerText = `${cur}100 - ${cur}200`;            } else if (opt.value === '200_500') {              opt.innerText = `${cur}200 - ${cur}500`;            } else if (opt.value === 'over500') {              opt.innerText = `Over ${cur}500`;            }          }        }        populateBrandDropdown(values) {          if (!this.brandDropdown || !this.brandFilterWrapper) return;          this.brandFilterWrapper.style.display = 'flex'; // show the wrapper                    let html = '';          const allChecked = this.selectedBrands.length === 0 ? 'checked' : '';          const _div = '<' + '/div>';          const _span = '<' + '/span>';          html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="" ${allChecked} class="tg-df-brand-chk"> Any Brand${_div}`;                    values.forEach(v => {             if (!v.formatted_value || v.formatted_value === 'Any Brand') return;             const isChecked = this.selectedBrands.includes(v.formatted_value) ? 'checked' : '';             html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="${this.escapeHTML(v.formatted_value)}" ${isChecked} class="tg-df-brand-chk"> ${this.escapeHTML(v.formatted_value)} \x3Cspan style="color:var(--tg-df-text-muted);font-size:12px">(${v.count || 0})${_span}${_div}`;          });                    this.brandDropdown.innerHTML = html;                    // Re-bind listeners          const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');          chks.forEach(chk => {            chk.addEventListener('change', (e) => {              const val = e.target.value;              if (val === '') {                this.selectedBrands = [];              } else {                if (e.target.checked) {                   if (!this.selectedBrands.includes(val)) this.selectedBrands.push(val);                } else {                   this.selectedBrands = this.selectedBrands.filter(b => b !== val);                }              }                            if (this.selectedBrands.length === 0) {                 this.brandTrigger.innerText = 'Any Brand';              } else if (this.selectedBrands.length === 1) {                 this.brandTrigger.innerText = this.selectedBrands[0];              } else {                 this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;              }                            // Only call API if changed from UI interactions              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.updateURLParams();                 this.fetchDeals(this.currentQuery);              }            });          });                    // Update button text on load          if (this.selectedBrands.length === 0) {             this.brandTrigger.innerText = 'Any Brand';          } else if (this.selectedBrands.length === 1) {             this.brandTrigger.innerText = this.selectedBrands[0];          } else {             this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;          }        }        updateURLParams() {          const url = new URL(window.location);          if (this.currentQuery && this.currentQuery !== 'Gaming laptops') {            url.searchParams.set('q', this.currentQuery);          } else {            url.searchParams.delete('q');            url.searchParams.delete('search');            url.searchParams.delete('query');          }                    if (this.regionSelect && this.regionSelect.value !== 'auto') {            url.searchParams.set('region', this.regionSelect.value);          } else {            url.searchParams.delete('region');          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.set('retailer', this.retailerSelect.value);          } else {            url.searchParams.delete('retailer');          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.set('brands', this.selectedBrands.join(','));          } else {            url.searchParams.delete('brands');          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.set('offer_type', this.offerTypeSelect.value);          } else {            url.searchParams.delete('offer_type');          }                    if (this.viewModeSelect && this.viewModeSelect.value !== 'auto') {            url.searchParams.set('view_mode', this.viewModeSelect.value);          } else {            url.searchParams.delete('view_mode');          }                    if (this.rowsSelect && this.rowsSelect.value !== '12') {            url.searchParams.set('rows', this.rowsSelect.value);          } else {            url.searchParams.delete('rows');          }                    const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             url.searchParams.set('price', `${min}_${max}`);          } else if (this.priceFilter && this.priceFilter.value !== 'all') {            url.searchParams.set('price', this.priceFilter.value);          } else {            url.searchParams.delete('price');          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {               const ratio = (100 - v) / 100;               url.searchParams.set('min_discount_ratio', ratio.toString());            }          } else {            url.searchParams.delete('min_discount_ratio');          }                    if (this.sortSelect && this.sortSelect.value !== 'discount_desc') {            url.searchParams.set('sort', this.sortSelect.value);          } else {            url.searchParams.delete('sort');          }                    if (this.dealModeToggle && this.dealModeToggle.checked) {            url.searchParams.set('deal_mode', 'true');          } else {            url.searchParams.delete('deal_mode');          }                    window.history.replaceState({}, '', url);        }        bindEvents() {          const roundels = this.root.querySelectorAll('.tg-df-carousel-cat.original-hardcoded');          roundels.forEach(r => {             r.addEventListener('click', () => {                const q = r.getAttribute('data-query');                const pr = r.getAttribute('data-pr');                if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: q,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = q;                const label = this.root.querySelector('#tg-df-carousel-title-label');                if (label) label.textContent = 'Best ' + q;                if (this.priceFilter) this.priceFilter.value = pr || 'all';                if (this.discountFilter) this.discountFilter.value = '5';                if (this.searchInput) this.searchInput.value = q;                                roundels.forEach(ro => ro.classList.remove('active'));                r.classList.add('active');                this.fetchDeals(this.currentQuery);             });          });          const discBtns = this.root.querySelectorAll('.tg-df-carousel-filter-btn');          discBtns.forEach(b => {             b.addEventListener('click', () => {                const d = b.getAttribute('data-d');                const pr = b.getAttribute('data-pr');                const ot = b.getAttribute('data-ot');                let label = b.innerText ? b.innerText.trim() : '';                let filterType = 'unknown';                let filterVal = 'unknown';                if (d !== null) { filterType = 'discount'; filterVal = d; }                else if (pr !== null) { filterType = 'price'; filterVal = pr; }                else if (ot !== null) { filterType = 'offertype'; filterVal = ot; }                if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-${filterType}-${filterVal}`, name: 'Filter Button', label: label });                                if (d !== null) {                   if (this.discountFilter) this.discountFilter.value = this.discountFilter.value === d ? '0' : d;                } else if (pr !== null) {                   if (this.priceFilter) this.priceFilter.value = this.priceFilter.value === pr ? 'all' : pr;                } else if (ot !== null) {                   if (this.offerTypeSelect) this.offerTypeSelect.value = this.offerTypeSelect.value === ot ? 'all' : ot;                } else {                   if (this.discountFilter) this.discountFilter.value = '0';                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.offerTypeSelect) this.offerTypeSelect.value = 'all';                }                if (d === null && pr === null && ot === null && b.getAttribute("data-type") !== "custom") {                   discBtns.forEach(ro => ro.classList.remove('active'));                   b.classList.add('active');                } else if (b.getAttribute("data-type") !== "custom") {                   // Only operate on hardcoded buttons (those without data-type)                   discBtns.forEach(ro => {                      if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active');                   });                                      let makeActive = true;                   if (d !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-d') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (pr !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-pr') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (ot !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-ot') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   }                                      if (makeActive) b.classList.add('active');                                      // Check if anything is active, if not activate "All"                   let anyActive = false;                   discBtns.forEach(ro => { if (ro.classList.contains('active') && ro.getAttribute('data-type') !== 'custom') anyActive = true; });                   if (!anyActive) {                       discBtns.forEach(ro => { if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.add('active'); });                   }                }                                this.fetchDeals(this.currentQuery);             });          });          if (this.brandTrigger && this.brandDropdown) {            this.brandTrigger.addEventListener('click', () => {              this.brandDropdown.classList.toggle('active');            });            document.addEventListener('click', (e) => {              if (this.brandFilterWrapper && !e.composedPath().includes(this.brandFilterWrapper)) {                this.brandDropdown.classList.remove('active');              }            });          }          let debounceTimer;          if(this.searchInput) {            this.searchInput.addEventListener('input', (e) => {              clearTimeout(debounceTimer);              const query = e.target.value.trim();              this.currentQuery = query;              if (this.getViewMode() === 'savings_squad' && this.autocompleteDropdown && this.airedaleTags && query.length > 0) {                 const matches = this.airedaleTags.filter(t => t.toLowerCase().includes(query.toLowerCase()) && t.toLowerCase() !== query.toLowerCase()).slice(0, 5);                 if (matches.length > 0) {                    this.autocompleteDropdown.innerHTML = matches.map(m => `\x3Cdiv class="tg-df-autocomplete-item" data-tag="${this.escapeHTML(m)}">${this.escapeHTML(m)}<` + `/div>`).join('');                    this.autocompleteDropdown.classList.add('active');                 } else {                    this.autocompleteDropdown.classList.remove('active');                 }              } else if (this.autocompleteDropdown) {                 this.autocompleteDropdown.classList.remove('active');              }              debounceTimer = setTimeout(() => {                this.updateURLParams();                if (query.length > 2) {                  this.fetchDeals(query);                } else if (query.length === 0) {                  this.deals = [];                  this.render();                }              }, 400);            });            this.searchInput.addEventListener('keypress', (e) => {              if (e.key === 'Enter') {                if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');                clearTimeout(debounceTimer);                const query = e.target.value.trim();                this.currentQuery = query;                this.activeDealTag = null;                trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                this.updateURLParams();                if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                   this.fetchDeals(query);                }              }            });          }          if (this.autocompleteDropdown) {             this.autocompleteDropdown.addEventListener('click', (e) => {                const item = e.target.closest('.tg-df-autocomplete-item');                if (item) {                   const tag = item.getAttribute('data-tag');                   this.currentQuery = tag;                   if (this.searchInput) this.searchInput.value = tag;                   this.activeDealTag = tag;                   this.autocompleteDropdown.classList.remove('active');                   this.updateURLParams();                   this.fetchDeals(tag);                }             });             document.addEventListener('click', (e) => {               if (this.autocompleteDropdown && this.searchInput && !e.composedPath().includes(this.searchInput) && !e.composedPath().includes(this.autocompleteDropdown)) {                 this.autocompleteDropdown.classList.remove('active');               }             });          }          if (this.searchBtn) {            this.searchBtn.addEventListener('click', () => {              if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');              clearTimeout(debounceTimer);              const query = this.searchInput.value.trim();              trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });              this.activeDealTag = null;              this.currentQuery = query;              this.updateURLParams();              if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.fetchDeals(query);              }            });          }          if(this.sortSelect) this.sortSelect.addEventListener('change', () => {            trackElementInteraction({ id: `sort-option-${this.sortSelect.value}`, name: 'Sort', label: `Sort: ${this.sortSelect.options[this.sortSelect.selectedIndex].text}` });            this.updateURLParams();            if (this.deals.length > 0) {              this.sortData();              this.render();            }          });                    const priceFilter = this.root.querySelector('#tg-df-price-filter');          if (priceFilter) {            this.priceFilter = priceFilter;            this.priceFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-price-${this.priceFilter.value}`, name: 'Price', label: this.priceFilter.options[this.priceFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          const updateCustomPrice = () => {             this.updateURLParams();             if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);             } else {                this.render();             }          };          if (this.customPriceMin) {             this.customPriceMin.addEventListener('change', updateCustomPrice);             this.customPriceMin.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          if (this.customPriceMax) {             this.customPriceMax.addEventListener('change', updateCustomPrice);             this.customPriceMax.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          const discountFilter = this.root.querySelector('#tg-df-discount-filter');          if (discountFilter) {            this.discountFilter = discountFilter;            this.discountFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-discount-${this.discountFilter.value}`, name: 'Discount', label: this.discountFilter.options[this.discountFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          if (this.categoryFilter) {            this.categoryFilter.addEventListener('change', (e) => {               const val = e.target.value === 'all' ? null : e.target.value;               this.activeDealTag = val;               this.fetchSavingsSquad();            });          }                    if (this.settingsToggle) {            this.settingsToggle.addEventListener('click', () => {              const o = this.settingsPanel.classList.toggle('active');              this.settingsBackdrop.classList.toggle('active');              if (o) trackElementInteraction({ id: 'filter-open', name: 'Filters', label: 'Open filters' });            });          }                    if (this.settingsBackdrop) {            this.settingsBackdrop.addEventListener('click', () => {              this.settingsPanel.classList.remove('active');              this.settingsBackdrop.classList.remove('active');            });          }                    if (this.regionSelect) {            this.regionSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-region-${this.regionSelect.value}`, name: 'Region', label: this.regionSelect.options[this.regionSelect.selectedIndex].text });              this.updateURLParams();              this.updatePriceDropdownCurrency();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.retailerSelect) {            this.retailerSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-merchant-${this.retailerSelect.value}`, name: 'Retailer', label: this.retailerSelect.options[this.retailerSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.offerTypeSelect) {            this.offerTypeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-offertype-${this.offerTypeSelect.value}`, name: 'Offer Type', label: this.offerTypeSelect.options[this.offerTypeSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.viewModeSelect) {            this._prevViewMode = this.viewModeSelect.value;            this.viewModeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-viewmode-${this.viewModeSelect.value}`, name: 'View Mode', label: this.viewModeSelect.options[this.viewModeSelect.selectedIndex].text });                            // Reset all active toggles and filters to prevent config carry-over              this.selectedBrands = [];              if (this.brandTrigger) this.brandTrigger.innerText = 'Select Brands';              if (this.brandDropdown) {                const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                chks.forEach(chk => { chk.checked = false; });              }              if (this.priceFilter) this.priceFilter.value = 'all';              if (this.customPriceMin) this.customPriceMin.value = '';              if (this.customPriceMax) this.customPriceMax.value = '';              if (this.sortSelect) this.sortSelect.value = this.viewModeSelect.value === 'savings_squad' ? 'date_desc' : 'discount_desc';              if (this.discountFilter) this.discountFilter.value = '0';              if (this.retailerSelect) this.retailerSelect.value = '';              if (this.offerTypeSelect) this.offerTypeSelect.value = '';              if (this.rowsSelect) this.rowsSelect.value = '12';              if (this.categoryFilter) this.categoryFilter.value = 'all';              this.activeDealTag = null;              this.updateURLParams();              this.applyLayoutMode();                            if (this.getViewMode() === 'savings_squad' || this._prevViewMode === 'savings_squad') {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }              this._prevViewMode = this.viewModeSelect.value;            });          }                    if (this.rowsSelect) {            this.rowsSelect.addEventListener('change', () => {              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.dealModeToggle) {            this.dealModeToggle.addEventListener('change', () => {              this.updateURLParams();              this.render();            });          }          if (this.editorModeToggle) {             this.editorModeToggle.addEventListener('change', (e) => {                this.editorMode = e.target.checked;                this.render();                this.updateFloatingCopyBar();             });          }          if (this.editorCopyBtn) {             this.editorCopyBtn.addEventListener('click', () => {                this.copySelectedDealsToCMS();             });          }          if (this.editorClearBtn) {             this.editorClearBtn.addEventListener('click', () => {                this.selectedDeals.clear();                this.render();                this.updateFloatingCopyBar();             });          }          if (this.grid) {            this.grid.addEventListener('change', (e) => {               if (e.target.classList.contains('tg-df-deal-checkbox')) {                  const dealId = e.target.getAttribute('data-id');                  if (e.target.checked) {                     const dealObj = this.deals.find(d => d.id === dealId);                     if (dealObj) this.selectedDeals.set(dealId, dealObj);                  } else {                     this.selectedDeals.delete(dealId);                  }                  this.updateFloatingCopyBar();               }            });            this.grid.addEventListener('click', (e) => {              const dealCard = e.target.closest('[data-action="deal-click"]');              const similarCard = e.target.closest('[data-action="view-similar-click"]');              const cardLink = dealCard || similarCard;              if (cardLink) {                const productName = cardLink.getAttribute('data-product-name');                const merchantName = cardLink.getAttribute('data-merchant-name');                const productId = cardLink.getAttribute('data-analytics-id');                const price = parseFloat(cardLink.getAttribute('data-price')) || null;                const prevPriceStr = cardLink.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = cardLink.getAttribute('data-original-link');                const rewrittenLink = cardLink.getAttribute('href');                const revenueId = cardLink.getAttribute('data-revenue-id');                const index = parseInt(cardLink.getAttribute('data-index'), 10) || 0;                const inStock = cardLink.getAttribute('data-in-stock') === 'true';                const totalText = cardLink.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: cardLink.getAttribute('data-model-id') || null,                    matchId: cardLink.getAttribute('data-match-id') || null,                    brand: cardLink.getAttribute('data-model-brand') || null,                    parent: cardLink.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: cardLink.getAttribute('data-merchant-id') || null,                    network: cardLink.getAttribute('data-merchant-network') || null,                    url: cardLink.getAttribute('data-merchant-url') || null,                    name: merchantName                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: normalizeCurrency(this.escapeHTML(cardLink.getAttribute('data-currency') || '$'))                };                if (dealCard) {                  trackDealClick(trackingParams);                } else {                  trackViewSimilarClick(trackingParams);                }              }              const couponsBtn = e.target.closest('[data-action="coupons-click"]');              if (couponsBtn) {                trackElementInteraction({                  id: 'product-card-show-coupons',                  name: 'Coupons',                  label: `Product card coupons: ${couponsBtn.getAttribute('data-merchant')}`                });              }            });          }          this.setupScrollListeners();        }        setupScrollListeners() {          const containers = [             this.root.querySelector('.tg-df-carousel-roundels'),             this.root.querySelector('.tg-df-carousel-filters-wrap'),             this.root.querySelector('#tg-df-grid')          ];                    containers.forEach(container => {             if (!container) return;                          const checkScroll = () => {                if (!container.parentElement) return;                const leftBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-left');                const rightBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-right');                                if (leftBtn) {                   if (container.scrollLeft <= 5) leftBtn.style.display = 'none';                   else leftBtn.style.display = 'flex';                }                                if (rightBtn) {                   if (container.scrollWidth <= container.clientWidth) {                       rightBtn.style.display = 'none';                   } else if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 5) {                       rightBtn.style.display = 'none';                   } else {                       rightBtn.style.display = 'flex';                   }                }             };                          container.addEventListener('scroll', checkScroll);             checkScroll();                          window.addEventListener('resize', checkScroll);                          const observer = new MutationObserver(checkScroll);             observer.observe(container, { childList: true, subtree: true, characterData: false });          });        }        get widgetTypeName() {          const mode = this.viewModeSelect ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');          switch(mode) {              case 'carousel': return 'Carousel';              case 'savings_squad': return 'Savings Squad';              case 'grid': return 'Grid';              case 'row': return 'Row';              default: return 'Auto Collection';          }        }        getRowsLimit() {          if (this.rowsSelect && this.rowsSelect.value) return parseInt(this.rowsSelect.value, 10);          let configSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {             configSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {             configSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(configSource);          if (params.has('rows')) return parseInt(params.get('rows'), 10) || 12;          return 12;        }        getAreaCode() {          if (this.regionSelect && this.regionSelect.value) {            if (this.regionSelect.value === 'auto') return null;            return this.regionSelect.value;          }          let area = null;          try {            const locale = window.navigator.language || window.navigator.userLanguage;            if (locale && locale.includes('-')) {              area = locale.split('-')[1].toUpperCase();            } else if (locale && locale.length === 2) {              if (locale.toUpperCase() === 'EN') { area = 'US'; }              else { area = locale.toUpperCase(); }            }          } catch (e) { /* Ignore */ }                    // Map to known valid options or fallback to US          const valid = ['US', 'GB', 'CA', 'AU', 'DE', 'FR', 'IT'];          if (area === 'UK') area = 'GB';          if (valid.includes(area)) {             return area;          }          return 'US';        }                async loadCarouselSpreadsheet() {          try {              const parseCSVRow = (str) => {                  let result = [], cur = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (inQuotes) {                          if (char === '"') {                              if (str[i + 1] === '"') { cur += '"'; i++; }                              else { inQuotes = false; }                          } else { cur += char; }                      } else {                          if (char === '"') { inQuotes = true; }                          else if (char === ',') { result.push(cur); cur = ''; }                          else { cur += char; }                      }                  }                  result.push(cur); return result;              };              const parseCSV = (str) => {                  const rows = []; let curRow = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (char === '"') inQuotes = !inQuotes;                      if ((char === '\n' || char === '\r') && !inQuotes) {                          if (char === '\r' && str[i+1] === '\n') i++;                          if (curRow) rows.push(parseCSVRow(curRow));                          curRow = '';                      } else { curRow += char; }                  }                  if (curRow) rows.push(parseCSVRow(curRow));                  return rows;              };              const preloadedCSV = decodeURIComponent(escape(atob("LCwxLDIsMyw0LDUsNiw3LDgsOSwxMCwxMSwxMiwxMywxNCwxNQ0KUm91bmRlbCB0ZXh0LEFsbCxUVnMsRm9vdHdlYXIsQXBwYXJlbCxNYXR0cmVzZXMsQXBwbGlhbmNlcyxXZWFyYWJsZSB0ZWNoLEhlYWRwaG9uZXMsU21hcnQgSG9tZSxTcGVha2VycyxMYXB0b3BzLFRhYmxldHMsQ29tcHV0aW5nLFBob25lcyxHYW1pbmcsTGVnbw0KUm91bmRlbCBpbWFnZSxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL2FpLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3R2cy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvN2IzYTIyNGIwNzk2M2M2MjdiNmI5MDliZDc4MzM4MzZlMDJmZjgxOS5qcGcud2VicCxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy84NGRhYzVkNDhlZDJkNDQ4NTU5ZWJhNjdhY2U4MzE0Y2M2N2NjZDk0LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vcHJvZHVjdHMvY2Fyb3VzZWwvbWF0dHJlc3Nlcy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvNzY4ZTk3Y2ViMDcxODAxZmFlMjA5MTBkMDgyMGIxNmY3NDdhZjkzOS5qcGcud2VicCxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3dlbGxuZXNzLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL2hlYWRwaG9uZXMuanBnLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzg5NTM1YmVlYmUyMGRiYmQ0YTM0NmQ2ZDZiZGZlOTFkOGE4ODRhMjEuanBnLndlYnAsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9hdWRpby5qcGcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9sYXB0b3BzLmpwZyxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy8yMzk3NTY0ZWQ3YTVmZjk0N2U5YjZiMzBlNTRmNDc0OTRiODQxZjg5LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vcHJvZHVjdHMvY2Fyb3VzZWwvY29tcHV0aW5nLmpwZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3Bob25lcy5wbmcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9nYW1pbmcucG5nLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzRmNmM2MjFjYWMwYmMxYTg1ZDU5M2UzNTk0YmE1YjM0OWVmZmQyOTIuanBnLndlYnANClNlYXJjaCBRdWVyeSxFdmVyeXRoaW5nLFRlbGV2aXNpb25zLCJTbmVha2VycywgcnVubmluZyBzaG9lcywgc2FuZGFscyIsQ2xvdGhpbmcsTWF0dHJlc3NlcyxIb21lIEFwcGxpYW5jZXMsV2VhcmFibGVzICYgRml0bmVzcyBUZWNoLEhlYWRwaG9uZXMsSG9tZSBUZWNoLFNwZWFrZXJzLExhcHRvcHMsVGFibGV0cyxDb21wdXRpbmcsUGhvbmVzLEdhbWluZyxDb25zdHJ1Y3Rpb24gVG95cw0KRGlzY291bnQgQW1vdW50LG1pbiA1JSxtaW4gMTAlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUNClByaWNlIFJhbmdlLCwsLCxtaW4gJDQwMCwsLCxtaW4gJDI1LCxtaW4gJDMwMCwsLG1pbiAkMTAwLCwNCkJyYW5kIFNlbGVjdGlvbiwsLCwsLCwsLCwsLCwsLCwNCkZpbHRlciBidXR0b25zLCwsLCwsLCwsLCwsLCwsLA0KMSxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMNCjIsQW1hem9uIGRlYWxzLFVuZGVyICQxMDAwLDUwJSBvZmYsQWRpZGFzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsNTAlIG9mZixBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscw0KMyxPdmVyICQ0MDAsVW5kZXIgJDUwMCxIb2thLE5pa2UsU2FhdHZhLE5pbmphLDQwJSBvZmYsSkxhYiwsSkJMLERlbGwsLEFzdXMsQXBwbGUsQ29uc29sZXMsU3RhciBXYXJzDQo0LFVuZGVyICQxMDAwLDUwJSBvZmYsU2tlY2hlcnMsVW5kZXIgQXJtb3VyLEhlbGl4LFNoYXJrLEdhcm1pbixBbmtlciBTb3VuZGNvcmUsUmluZyxTb25vcyxBcHBsZSxBcHBsZSxUUC1saW5rLFNhbXN1bmcsQWNjZXNzb3JpZXMsVW5kZXIgJDI1DQo1LFVuZGVyICQ1MDAsTEcsQXNpY3MsQ29sdW1iaWEsRHJlYW1DbG91ZCxLZXVyaWcsQXBwbGUsU29ueSxHb3ZlZSxUcmliaXQsTGVub3ZvLFNhbXN1bmcsRWVybyxHb29nbGUsR2FtZXMsVW5kZXIgJDUwDQo2LDUwJSBvZmYsU2Ftc3VuZyxOaWtlLFBhdGFnb25pYSxOZWN0YXIsRGUnTG9uZ2hpLEFtYXpmaXQsQXBwbGUsS2FzYSBzbWFydCxTb255LEFsaWVud2FyZSxUQ0wsTmV0Z2VhcixNb3Rvcm9sYSxOaW50ZW5kbyxCb3RhbmljYWxzDQo3LEFtYXpvbixIaXNlbnNlLE5ldyBCYWxhbmNlLEFyYyd0ZXJ5eCxUZW1wdXItcGVkaWMsRHlzb24sRml0Yml0LEJlYXRzLFBoaWxpcHMgSHVlLEFua2VyLEFjZXIsT25lUGx1cyxEZWxsLE9uZVBsdXMsU29ueSxEaXNuZXkNCjgsQXBwbGUsVENMLEFkaWRhcyxDYXJoYXJ0dCxCZWFyLEJpc3NlbGwsU2Ftc3VuZyxFYXJmdW4sQmxpbmssQmVhdHMsTVNJLE1pY3Jvc29mdCxBY2VyLE5vdGhpbmcsWGJveCxNYXJ2ZWwNCjksLFNvbnksU2F1Y29ueSxUaGUgTm9ydGggRmFjZSxTaWVuYSxOdXRyaWJ1bGxldCxPdXJhLFNhbXN1bmcsR29vZ2xlIE5lc3QgLE1hcnNoYWxsLFNhbXN1bmcsTGVub3ZvLExlbm92bywsLFBva2Vtb24NCjEwLCxSb2t1LEJpcmtlbnN0b2NrLENSWiBZb2dhLFdpbmtCZWRzLEJsYWNrIGFuZCBEZWNrZXIsUmluZ2Nvbm4sQ01GLEV1ZnksU2Ftc3VuZyxNaWNyb3NvZnQsUmVNYXJrYWJsZSxBbGllbndhcmUsLCwNCjExLCwsQnJvb2tzLFRoZSBHeW0gUGVvcGxlLEJyb29rbHluIGJlZGRpbmcsTmVzcHJlc3NvLCwxTW9yZSxBcmxvLCxSYXplciwsQ29yc2FpciwsLA0KMTIsLCxDcm9jcywsRWlnaHQgU2xlZXAsQ3Vpc2luYXJ0LCxKQkwsLCwsLEhQLCwsDQpOb3RlcywsLCwsLCwsLCwsLCwsLCwNCiwsIlByaW9yaXRpc2UgYmlnZ2VzdCAlLyQgZGlzY291bnQsIFR2cyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiB0aGUgbW9zdCBwb3B1bGFyIGV2ZW4gaWYgdGhleSBhcmUgc3RpbGwgZXhwZW5zaXZlIiwiTm8gcGF0dGVybiB0byBwcmljaW5nL2Rpc2NvdW50LCByZWFkZXJzIG1haW5seSBzaG9wIGJ5IGJyYW5kL3JlY29nbmlzYWJsZSBzaG9lcyIsIk5vIHBhdHRlcm4gdG8gcHJpY2luZy9kaXNjb3VudCwgcmVhZGVycyBtYWlubHkgc2hvcCBieSBicmFuZCIsIkEgbGFiZWwgd2lsbCBkZWZpbml0ZWx5IGhlbHAgaGVyZSBlLmcuIGJlc3QgZm9yIHNpZGUgc2xlZXBlciwgYmVzdCBtZW1vcnkgZm9hbSIsIkFwcGxpYW5jZXMgaXMgYSBiaWcgY2F0ZWdvcnksIGlzIGl0IHBvc3NpYmxlIHRvIHNwbGl0IGludG8ga2l0Y2hlbiBhcHBsaWFuY2VzLCBmbG9vcmNhcmUsIGFpciBoZWFsdGgvY29vbGluZz8gT3Igc2ltaWxhciIsIkZvY3VzIG9uIHZhbHVlIGZvciBtb25leSwgR2FybWlucyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiBwb3B1bGFyIGV2ZW4gdGhvdWdoIHRoZXkgYXJlIHN0aWxsICQ1MDAiLCwsLCxJbmNsdWRlIEtpbmRsZXMsSSB3b3VsZCBpbmNsdWRlIHdpZmkgcm91dGVycyBoZXJlIGluc3RlYWQgb2Ygc21hcnQgaG9tZSxDYW4gd2Ugc3VyZmFjZSBwaG9uZSBwcm92aWRlciBkZWFscz8gVC1tb2JpbGUgYW5kIHZlcml6b24gd291bGQgbWFrZSBhIGxvdCBtb3JlIG1vbmV5IHRoYW4gQW1hem9uLCwNCiwsaGF2aW5nIGEgJ2Jlc3QgZm9yJyBsYWJlbCB3b3VsZCBiZSBoZWxwZnVsIGUuZy4gYmVzdCBmb3IgYnJpZ2h0IHJvb20sQ2FuIHdlIHN0b3Aga2lkcyBzaG9lcyBmcm9tIHB1bGxpbmcgdGhyb3VnaD8sIldpbGwgdGhpcyBpbmNsdWRlIGFjY2Vzc29yaWVzIGUuZy4gY2FwcywgYmFncywgaWYgc28gbWFrZSBzdXJlIHRoZXNlIGFyZSBtaXhlZCB0aHJvdWdob3V0IGNsb3RoaW5nIGRlYWxzIixXaWxsIHRoaXMgaW5jbHVkZSB0b3BwZXJzIGFuZCBwaWxsb3dzPyBTZWVpbmcgbW9yZSBtb21lbnR1bSB3aXRoIHRoaXMgY2F0ZWdvcnkgcmVjZW50bHkgc28gYSBiZWRkaW5nIHRhYiBtaWdodCB3b3JrLCwiTmVlZCB0byBtYWtlIHN1cmUgYmFuZHMsIHNjcmVlbiBwcm90ZWN0b3JzIGV0Yy4gZG9uJ3QgcHVsbCBpbnRvIGhlcmUiLCwsLCwsLCwsDQosLCJQcmlvcml0aXNlIDY1JycgYW5kIDU1JyBpbmNoIFRWcywgdGhlbiBiaWdnZXIgc2NyZWVucyBiZWZvcmUgdGhlIHNtYWxsZXIgc2l6ZXMiLCwsUXVlZW4gaXMgdGhlIG1vc3QgcG9wdWxhciBzaXplIGluIHRoZSBVUyAtIHByaW9yaXRpc2UgZGVhbHMgZm9yIHRoaXMgc2l6ZSwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpDYXRlZ29yaWVzIHRvIGNvbnNpZGVyLCxQcm9kdWN0cyBpbmNsdWRlZCwsLCwsLCwsLCwsLCwsDQpVbmRlciAkNTA/LCxBaXIgdGFncywsLCwsLCwsLCwsLCwsDQosLFBvcnRhYmxlIGNoYXJnZXJzL3dpcmVsZXNzIGNoYXJnZXJzLCwsLCwsLCwsLCwsLCwNCiwsIldhdGVyIGJvdHRsZXMgKHN0YW5sZXlzLCBPd2FsYSwgSHlkcm8gZmxhc2ssIFlldGkpIiwsLCwsLCwsLCwsLCwsDQosLEhhbmQgaGVsZCBmYW5zLCwsLCwsLCwsLCwsLCwNCiwsLCwsLCwsLCwsLCwsLCwNCmhvbWUgb2ZmaWNlLCxvZmZpY2UgY2hhaXJzLCwsLCwsLCwsLCwsLCwNCiwsc3RhbmRpbmcgZGVza3MsLCwsLCwsLCwsLCwsLA0KLCxtb25pdG9ycywsLCwsLCwsLCwsLCwsDQosLEtleWJvYXJkcywsLCwsLCwsLCwsLCwsDQosLGRvY2tpbmcgc3RhdGlvbiwsLCwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpHYW1pbmcsLENvbnNvbGVzLCwsLCwsLCwsLCwsLCwNCiwsQWNjZXNzb3JpZXMsLCwsLCwsLCwsLCwsLA0KLCxHYW1lcywsLCwsLCwsLCwsLCwsDQosLENvdWxkIGluY2x1ZGUgTGVnbz8sLCwsLCwsLCwsLCwsLA==")));              const text = preloadedCSV;              const parsed = parseCSV(text);                            const rowsByName = {};              let filterStart = -1;              parsed.forEach((rc, i) => {                 if (rc && rc.length > 0 && rc[0]) rowsByName[rc[0]] = rc;                 if (rc && rc.length > 0 && rc[0] === 'Filter buttons') filterStart = i;              });                            const cols = [];              if(rowsByName['Roundel text']) {                const headerRow = rowsByName['Roundel text'];                for(let col = 1; col < headerRow.length; col++) {                   let label = headerRow[col];                   if (!label) continue;                                      let q = rowsByName['Search Query'] && rowsByName['Search Query'][col] ? rowsByName['Search Query'][col] : '';                   let img = rowsByName['Roundel image'] && rowsByName['Roundel image'][col] ? rowsByName['Roundel image'][col] : '';                   let ds = rowsByName['Discount Amount'] && rowsByName['Discount Amount'][col] ? rowsByName['Discount Amount'][col] : '';                   let pr = rowsByName['Price Range'] && rowsByName['Price Range'][col] ? rowsByName['Price Range'][col] : '';                   let rt = rowsByName['Retailer'] && rowsByName['Retailer'][col] ? rowsByName['Retailer'][col] : '';                   let ot = rowsByName['Offer Type'] && rowsByName['Offer Type'][col] ? rowsByName['Offer Type'][col] : '';                                      let filters = [];                   if(filterStart > 0) {                     for(let r = filterStart + 1; r < parsed.length; r++) {                         if(!parsed[r] || parsed[r][0] === 'Notes' || parsed[r][0] === 'Categories to consider') break;                         let f = parsed[r][col];                         if(f) filters.push(f);                     }                   }                   cols.push({ label, img, q, ds, pr, rt, ot, filters });                }              }              this.carouselData = cols;              if (this.carouselData && this.carouselData.length > 0) {                 const isMatched = this.carouselData.some(c => c.q === this.currentQuery || c.label === this.currentQuery);                 if (!isMatched) {                    const first = this.carouselData[0];                    this.currentQuery = first.q || first.label;                    if (this.priceFilter) this.priceFilter.value = 'all';                    if (this.customPriceMin) this.customPriceMin.value = '';                    if (this.customPriceMax) this.customPriceMax.value = '';                    let dPr = first.pr || 'all';                    if (typeof dPr === 'string' && dPr !== 'all') {                       let prLower = dPr.toLowerCase();                       if (prLower.includes('min') || prLower.includes('over')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else if (prLower.includes('max') || prLower.includes('under')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       }                    }                    let dAm = '0';                    if(first.ds && typeof first.ds === 'string') {                       let m = first.ds.match(/(\d+)/);                       if(m) dAm = m[1];                    }                    if (this.discountFilter) this.discountFilter.value = dAm;                    if (this.offerTypeSelect) this.offerTypeSelect.value = first.ot || '';                    if (this.retailerSelect) this.retailerSelect.value = first.rt || '';                    this.selectedBrands = [];                    if (this.brandDropdown) {                        const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                        chks.forEach(chk => chk.checked = false);                    }                    if (this.searchInput) this.searchInput.value = this.currentQuery;                 }              }              this.renderCarouselUI();          } catch(e){ console.warn(e); }        }                renderCarouselUI() {           const roundelWrapper = this.root.querySelector('.tg-df-carousel-roundels');           if(!roundelWrapper || !this.carouselData) return;                      let html = '';           this.carouselData.forEach(r => {              const q = r.q || r.label;              const isActive = (this.currentQuery === q || this.currentQuery === r.label) ? 'active' : '';              const imgHtml = r.img ? `\x3Cimg src="${r.img}" alt="${r.label}" />` : `\x3Csvg width="32" height="32" fill="#1F69FF" viewBox="0 0 24 24">\x3Cpath d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\x3C/svg>`;              html += `                \x3Cdiv class="tg-df-roundel tg-df-carousel-cat ${isActive}" data-label="${this.escapeHTML(r.label)}">                  \x3Cdiv class="tg-df-roundel-img-box">${imgHtml}\x3C/div>                  \x3Cspan class="tg-df-roundel-label">${this.escapeHTML(r.label)}\x3C/span>                \x3C/div>              `;           });           roundelWrapper.innerHTML = html;                      // Rebind clicks           const roundels = this.root.querySelectorAll('.tg-df-carousel-cat');           roundels.forEach(rNode => {             rNode.addEventListener('click', () => {                const r = this.carouselData.find(c => c.label === rNode.getAttribute('data-label'));                 if(!r) return;                                  if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: r.label,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = r.q || r.label;                const labelTitle = this.root.querySelector('#tg-df-carousel-title-label');                if (labelTitle) labelTitle.textContent = 'Best ' + this.currentQuery;                if (this.priceFilter) this.priceFilter.value = 'all';                if (this.customPriceMin) this.customPriceMin.value = '';                if (this.customPriceMax) this.customPriceMax.value = '';                let dPr = r.pr || 'all';                if (typeof dPr === 'string' && dPr !== 'all') {                   let prLower = dPr.toLowerCase();                   if (prLower.includes('min') || prLower.includes('over')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMin) this.customPriceMin.value = m[1];                   } else if (prLower.includes('max') || prLower.includes('under')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMax) this.customPriceMax.value = m[1];                   }                }                                let discountAmount = '0';                if(r.ds && typeof r.ds === 'string') {                   let m = r.ds.match(/(\d+)/);                   if(m) discountAmount = m[1];                }                if (this.discountFilter) this.discountFilter.value = discountAmount;                if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                                // Clear brands                    this.selectedBrands = [];                    if (this.brandDropdown) {                    const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                    chks.forEach(chk => chk.checked = false);                }                                if (this.searchInput) this.searchInput.value = this.currentQuery;                                roundels.forEach(ro => ro.classList.remove('active'));                if (rNode) rNode.classList.add('active');                                this.renderCarouselFilters(r);                this.fetchDeals(this.currentQuery);             });           });                      // Auto-highlight active           const activeR = this.carouselData.find(c => c.q === this.currentQuery || c.label === this.currentQuery);           if(activeR) this.renderCarouselFilters(activeR);        }                renderCarouselFilters(r) {           const filtersWrap = this.root.querySelector('.tg-df-carousel-filters-wrap');           if(!filtersWrap) return;                      let html = `\x3Cbutton class="tg-df-carousel-filter-btn" data-type="all">All\x3C/button>`;                      r.filters.forEach(f => {              let fL = f.toLowerCase();              let icon = '';              let logic = `data-type="custom" data-v="${this.escapeHTML(f)}"`;              if (fL === 'amazon deals' || fL === 'prime deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>`;              } else if (fL === 'lightning deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>`;              } else {                 if (fL.includes('lightning')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap">\x3Cpolygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2">\x3C/polygon>\x3C/svg>`;                 } else if (fL.includes('% off')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>`;                 } else if (fL.includes('under') || fL.includes('min ')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>`;                 }                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>${icon} ${this.escapeHTML(f)}\x3C/button>`;              }           });                      filtersWrap.innerHTML = html;                      const btns = filtersWrap.querySelectorAll('button');           btns.forEach(b => {             b.addEventListener('click', () => {                const type = b.getAttribute('data-type');                if (type === 'custom') {                   const v = b.getAttribute('data-v');                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-custom-${(v||'').toLowerCase().replace(/[^a-z0-9]+/g, '-')}`, name: 'Custom Filter', label: v });                }                if (type === 'all') {                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: 'filter-clear-all', name: 'Clear all', label: 'Clear all filters' });                   // reset everything                   btns.forEach(btn => btn.classList.remove('active'));                   b.classList.add('active');                                      // Reset prices                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   if (this.brandDropdown) {                     const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                     chks.forEach(chk => chk.checked = false);                   }                } else {                   const v = b.getAttribute('data-v');                   const fL = v.toLowerCase();                                      let mapRet = ['amazon', 'walmart', 'best buy', 'target', 'john lewis', 'currys', 'argos'];                   const getCategory = (s) => {                      if (s === 'lightning deals' || s === 'amazon deals' || s === 'prime deals') return 'offer';                      if (s.includes('% off')) return 'discount';                      if (s.includes('under') || s.includes('over') || s.includes('min') || s.includes('max')) return 'price';                      if (mapRet.includes(s)) return 'retailer';                      return 'brand';                   };                   const cat = getCategory(fL);                   const wasActive = b.classList.contains('active');                   if (cat !== 'brand') {                      btns.forEach(btn => {                          if (btn === b) return;                          if (btn.getAttribute('data-type') === 'all') return;                          const bV = btn.getAttribute('data-v');                          if (!bV) return;                          if (getCategory(bV.toLowerCase()) === cat) btn.classList.remove('active');                      });                   }                   if (wasActive) b.classList.remove('active');                   else b.classList.add('active');                   let anyActive = Array.from(btns).some(btn => btn !== btns[0] && btn.classList.contains('active'));                   if (!anyActive) {                       btns[0].click();                       return;                   } else {                       btns[0].classList.remove('active');                   }                                      if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   btns.forEach(btn => {                       if (!btn.classList.contains('active') || btn.getAttribute('data-type') === 'all') return;                       const vv = btn.getAttribute('data-v');                       const vl = vv.toLowerCase();                                              if (vl === 'lightning deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_lightning';                       } else if (vl === 'amazon deals' || vl === 'prime deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_prime';                       } else if (vl.includes('% off')) {                          let m = vl.match(/(\d+)%/);                          if (m && this.discountFilter) this.discountFilter.value = m[1];                       } else if (vl.includes('under') || vl.includes('max')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       } else if (vl.includes('min') || vl.includes('over')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else {                          let foundR = mapRet.find(x => x === vl);                          if (foundR) {                             let realR = ['Amazon', 'Walmart', 'Best Buy', 'Target', 'John Lewis', 'Currys', 'Argos'].find(x => x.toLowerCase() === vl);                             if (this.retailerSelect) this.retailerSelect.value = realR;                          } else {                             this.selectedBrands.push(vv);                          }                       }                   });                                      if (this.brandDropdown) {                       const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                       chks.forEach(c => c.checked = this.selectedBrands.includes(c.value));                   }                                      if (r.pr && typeof r.pr === 'string') {                       let prL = r.pr.toLowerCase();                       if (prL.includes('under $')) {                           let m = prL.match(/under \$(\d+)/i);                           if (m && this.customPriceMax && !this.customPriceMax.value) this.customPriceMax.value = m[1];                       }                   }                }                                this.fetchDeals(this.currentQuery);             });           });                      // default to highlighting first           btns[0].classList.add('active');        }async fetchDeals(query, append = false) {          if (!append) {             this.showLoading();             this.deals = [];             this.displayLimit = this.getRowsLimit();          } else {             this.displayLimit += this.getRowsLimit();          }                    try {            if (this.getViewMode() === 'savings_squad') {               await this.fetchSavingsSquad(append);            } else {               if (this.isBroadQuery(query)) {                 await this.fetchAdviserDeals(query, append);               } else {                 await this.fetchHawkDeals(query, append);                 if (this.deals.length === 0) {                   await this.fetchAdviserDeals(query, append);                 }               }            }          } catch (error) {            console.warn("[Tom's Guide Widget] Fetch error:", error);            this.showError();          }        }        async fetchSavingsSquad() {          let topArticles = this.airedaleArticles;          if (!topArticles) {            const airedaleUrl = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`;            let res;            try {               res = await fetch(airedaleUrl);            } catch(e) {               try { res = await fetch(`https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`); } catch (err) { console.warn("Fallback fetch failed", err); return; }            }            if (!res.ok) throw new Error('Airedale API Error');            const articles = await res.json();            topArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);            this.airedaleArticles = topArticles;                        let tagCounts = {};            topArticles.forEach((a) => {              let articleTags = new Set();              if (a.articlecategory && Array.isArray(a.articlecategory)) {                 a.articlecategory.forEach((t) => articleTags.add(t));              }              articleTags.forEach(t => {                 tagCounts[t] = (tagCounts[t] || 0) + 1;              });            });                        this.airedaleTags = Object.keys(tagCounts).sort((a, b) => tagCounts[b] - tagCounts[a]);            this.airedaleTagCounts = tagCounts;          }                    let targetArticles = topArticles;          if (this.activeDealTag) {             const cleanTag = this.activeDealTag.toLowerCase().replace(/&/g, '').replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');             const encodedTag = encodeURIComponent(cleanTag);             const url = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50&articleCategoryHandle=${encodedTag}`;             try {                const res = await fetch(url);                if (res.ok) {                   const articles = await res.json();                   targetArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);                }             } catch(e) {                console.warn("Failed to fetch by activeDealTag", e);             }          }          let extractedDeals = [];          let dynamicBrandsCounts = {};                    targetArticles.forEach((article) => {             if (!article.articlepage) return;                          let pageData = [];             try {                pageData = JSON.parse(article.articlepage[0]);             } catch(e){ console.warn(e); }                          const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');                          savingsSquad.forEach((block, idx) => {                const data = block.data || {};                const isFeatured = block.type === 'featured-product';                                const link = data.link || {};                const priceObj = data.price || {};                const image = data.image || {};                                if (data.brand) {                   data.brand = data.brand.replace(/^\d+\.\s*/, '').trim();                   dynamicBrandsCounts[data.brand] = (dynamicBrandsCounts[data.brand] || 0) + 1;                }                const externalUrl = isFeatured ? data.url : (link.href || null);                let summaryTitle = isFeatured ? (data.name || data.brand) : (data.productName || link.label || article.articlename);                let description = isFeatured ? (data.strapline || '') : (data.text || '');                                if (!isFeatured && !data.productName && data.text) {                   const brSplit = data.text.split(new RegExp('\x3Cbr\\s*\\/?\\x3E', 'i'));                   if (brSplit.length > 1) {                     summaryTitle = brSplit[0].replace(/<[^>]+>/g, '').trim();                     description = brSplit.slice(1).join(' ').replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();                   } else {                     const match = data.text.match(/\x3Cstrong>(.*?)<\/strong>/);                     if (match) {                       summaryTitle = match[1].replace(/<[^>]+>/g, '').trim();                       if (summaryTitle.endsWith(':')) summaryTitle = summaryTitle.slice(0, -1);                     }                   }                }                                let imageUrl = isFeatured ? image.mos : (image.src || null);                if (imageUrl && imageUrl.startsWith('//')) imageUrl = 'https:' + imageUrl;                                description = description.replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').replace(/View Deal$/i, '').trim();                                let merchantName = data.retailer || '';                if (!merchantName && externalUrl) {                   try {                     merchantName = new URL(externalUrl).hostname.replace('www.', '').split('.')[0];                     merchantName = merchantName.charAt(0).toUpperCase() + merchantName.slice(1);                   }catch(e){ console.warn(e); }                }                if (!merchantName) merchantName = 'Retailer';                const q = (this.currentQuery || '').toLowerCase();                const activeTagLogic = (this.activeDealTag || '').toLowerCase();                if (q.length > 2 && q !== activeTagLogic) {                   const searchTarget = `${summaryTitle || ''} ${description || ''}`.toLowerCase();                   if (!searchTarget.includes(q)) return;                }                let rawPrice = 0;                let rawMsrp = 0;                let currencyStr = '$';                if (isFeatured) {                   rawPrice = typeof data.salePrice === 'number' && data.salePrice > 0 ? data.salePrice : (typeof data.price === 'number' ? data.price : 0);                   rawMsrp = typeof data.salePrice === 'number' && typeof data.price === 'number' && data.price > data.salePrice ? data.price : 0;                   currencyStr = data.currency === 'GBP' ? '£' : '$';                } else {                   rawPrice = priceObj.amount ? parseFloat(priceObj.amount) : 0;                   rawMsrp = priceObj.amountWas ? parseFloat(priceObj.amountWas) : 0;                   currencyStr = priceObj.currency === 'GBP' ? '£' : '$';                }                                let savingAmt = 0;                let savingLabel = '';                if (rawPrice > 0 && rawMsrp > rawPrice) {                   savingAmt = parseFloat((rawMsrp - rawPrice).toFixed(2));                   savingLabel = `Save ${currencyStr}${savingAmt}`;                }                                // Apply Brand filter                if (this.selectedBrands && this.selectedBrands.length > 0) {                   const itemBrand = (data.brand || '').toLowerCase();                   const hasMatch = this.selectedBrands.some(sb => sb.toLowerCase() === itemBrand);                   if (!hasMatch) return;                }                // Apply Price filter                let priceFilterVal = null;                const min = this.customPriceMin ? this.customPriceMin.value : '';                const max = this.customPriceMax ? this.customPriceMax.value : '';                if (min || max) {                   priceFilterVal = `${min}_${max}`;                } else if (this.priceFilter && this.priceFilter.value !== 'all') {                   priceFilterVal = this.priceFilter.value;                }                if (priceFilterVal && rawPrice > 0) {                   if (priceFilterVal === 'under50' && rawPrice >= 50) return;                   if (priceFilterVal === 'over50' && rawPrice <= 50) return;                   if (priceFilterVal === 'over30' && rawPrice <= 30) return;                   if (priceFilterVal === 'over500' && rawPrice <= 500) return;                   if (priceFilterVal.includes('_')) {                      const parts = priceFilterVal.split('_');                      const min = parseFloat(parts[0]);                      const max = parseFloat(parts[1]);                      if (!isNaN(min) && rawPrice < min) return;                      if (!isNaN(max) && rawPrice > max) return;                   }                }                // Apply Discount filter                if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {                   const requiredDiscount = parseInt(this.discountFilter.value);                   if (!isNaN(requiredDiscount) && requiredDiscount > 0) {                      if (!rawMsrp || rawMsrp <= rawPrice) return;                      const ratio = Math.round((1 - (rawPrice / rawMsrp)) * 100);                      if (ratio < requiredDiscount) return;                   }                }                                extractedDeals.push({                   id: `airedale-${article.id || Math.random()}-${idx}`,                   url: externalUrl,                   image: imageUrl,                   fallbackImage: imageUrl,                   title: summaryTitle,                   brand: data.brand || '',                   productName: data.productName || '',                   merchant: merchantName,                   rawPrice: rawPrice,                   rawMsrp: rawMsrp,                   price: rawPrice > 0 ? rawPrice.toString() : '',                   msrp: rawMsrp > 0 ? rawMsrp.toString() : '',                   currency: currencyStr,                   isCheckPrice: !rawPrice,                   savingLabel: savingLabel,                   savingType: rawMsrp > rawPrice ? 'amount' : 'none',                   isPrime: false,                   starRating: null,                   description: description,                   text: data.text || ''                });             });          });                    const airedaleBrandsList = Object.keys(dynamicBrandsCounts).map(b => ({              formatted_value: b,              count: dynamicBrandsCounts[b]          })).sort((a,b) => b.count - a.count);                    if (this.getViewMode() === 'savings_squad') {             this.populateBrandDropdown(airedaleBrandsList.slice(0, 15));             if (this.brandFilterWrapper) {                if (airedaleBrandsList.length === 0) {                    this.brandFilterWrapper.style.display = 'none';                } else {                    this.brandFilterWrapper.style.display = 'flex';                }             }          }                    this.deals = extractedDeals;          this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        isBroadQuery(query) {          const q = query.toLowerCase();          const intentModifiers = ['deals', 'best', 'sale', 'under', 'cheap', 'offers', 'discount'];          return intentModifiers.some(term => q.includes(term));        }        async fetchHawkDeals(query, append = false) {          const url = new URL(this.apiUrl);          url.searchParams.append('model_name', query);          const areaCode = this.getAreaCode();          if (areaCode) {            url.searchParams.append('area', areaCode);          }                    if (append && this.deals.length > 0) {            url.searchParams.append('offset', this.deals.length.toString());          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.append('filter_merchant_name', this.retailerSelect.value);          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.append('filter_label[text_brand]', this.selectedBrands.join(','));          }                    let priceVal = null;          const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             priceVal = `${min}_${max}`;          } else if (this.priceFilter && this.priceFilter.value !== 'all') {             priceVal = this.priceFilter.value;          }          if (priceVal) {            if (priceVal === 'under50') {              url.searchParams.append('filter_max_price', '50');            } else if (priceVal === 'over50') {              url.searchParams.append('filter_min_price', '50');            } else if (priceVal === 'over30') {              url.searchParams.append('filter_min_price', '30');            } else if (priceVal === 'over500') {              url.searchParams.append('filter_min_price', '500');            } else if (priceVal.includes('_')) {              const parts = priceVal.split('_');              if (parts[0]) url.searchParams.append('filter_min_price', parts[0]);              if (parts[1]) url.searchParams.append('filter_max_price', parts[1]);            }          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {              const ratio = (100 - v) / 100;              url.searchParams.append('min_discount_ratio', ratio.toString());            }          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.append('offer', this.offerTypeSelect.value);          }                    url.searchParams.append('filter_product_types', 'deals');                    url.searchParams.append('rows', this.getRowsLimit().toString());          let response;          try {             response = await fetch(url.toString());          } catch(e) {             if (window.location.protocol === 'file:') {                console.warn("[Tom's Guide Widget] fetch from file:// blocked by local CORS policy, falling back to Adviser mock.");                await this.fetchAdviserDeals(query);                return;             }             console.warn("Hawk fetch failed", e);             this.deals = [];             this.render();             return;          }          if (!response.ok) {            throw new Error('Hawk API Response Error');          }          const rawData = await response.json();          // Safely locate data array from potentially wrapped response          let offers = [];          let modelInfoArray = [];                    let brandFilterData = null;          if (rawData && rawData.widget && rawData.widget.data && Array.isArray(rawData.widget.data.filters)) {             brandFilterData = rawData.widget.data.filters.find(f => f.type === 'label_text_brand');          } else if (rawData && rawData.data && Array.isArray(rawData.data.filters)) {             brandFilterData = rawData.data.filters.find(f => f.type === 'label_text_brand');          }          if (brandFilterData && Array.isArray(brandFilterData.values) && brandFilterData.values.length > 0) {             this.populateBrandDropdown(brandFilterData.values);          } else {             if (this.brandFilterWrapper && this.selectedBrands.length === 0) {                this.brandFilterWrapper.style.display = 'none';             }          }                    if (rawData && rawData.widget && rawData.widget.data) {            if (Array.isArray(rawData.widget.data.offers)) offers = rawData.widget.data.offers;            if (rawData.widget.data.model_info && typeof rawData.widget.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.widget.data.model_info) ? rawData.widget.data.model_info : Object.values(rawData.widget.data.model_info);            }          } else if (rawData && rawData.data) {            if (Array.isArray(rawData.data.offers)) offers = rawData.data.offers;            if (rawData.data.model_info && typeof rawData.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.data.model_info) ? rawData.data.model_info : Object.values(rawData.data.model_info);            }          } else {            if (Array.isArray(rawData)) offers = rawData;            else if (rawData && Array.isArray(rawData.offers)) offers = rawData.offers;            else if (rawData && rawData.offers && Array.isArray(rawData.offers.offer)) offers = rawData.offers.offer;            else if (rawData && rawData.offers) offers = [].concat(rawData.offers);                        if (rawData && rawData.model_info && typeof rawData.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.model_info) ? rawData.model_info : Object.values(rawData.model_info);            }          }          let modelDetails = {};          modelInfoArray.forEach(m => {            const mId = m.model_id || m.id;            if (mId) {              modelDetails[mId] = {                score: m.score != null ? parseFloat(m.score) : null,                brand: m.brand || null,                parent: (m.parents && Array.isArray(m.parents) && m.parents.length > 0) ? m.parents[0].name : null              };            }          });          offers.forEach(item => {            let data = { ...item };            const mId = data.model_id;            if (mId && modelDetails[mId]) {              data.review_score = modelDetails[mId].score;              data.model_brand = modelDetails[mId].brand;              data.model_parent = modelDetails[mId].parent;            } else {              data.review_score = null;            }                        let itemOffers = [];            if (Array.isArray(item.offers)) itemOffers = item.offers;            else if (Array.isArray(item.offer)) itemOffers = item.offer;            else if (item.offers && typeof item.offers === 'object') itemOffers = [item.offers];            else if (item.offer && typeof item.offer === 'object') itemOffers = [item.offer];            if (itemOffers.length > 0) {              itemOffers.forEach(subItem => {                let subData = { ...item, ...subItem };                const subId = subData.model_id;                if (subId && modelDetails[subId]) {                  subData.review_score = modelDetails[subId].score;                  subData.model_brand = modelDetails[subId].brand;                  subData.model_parent = modelDetails[subId].parent;                } else if (data.review_score != null) {                  subData.review_score = data.review_score;                }                if (subData.merchant && typeof subData.merchant === 'object') {                  subData.merchant_name = subData.merchant.name;                }                this.deals.push(this.extractDealData(subData));              });              return;            }                        if (item.merchant && typeof item.merchant === 'object') {              data.merchant_name = item.merchant.name;            }                        this.deals.push(this.extractDealData(data));          });                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        async fetchAdviserDeals(query) {          // ======================================================================          // TODO: ADVISER API REPLACEMENT          // The code below simulates the Adviser API response using mock data.          // Once the real endpoint is ready, remove getAdviserMockData() and           // perform an actual fetch() request similar to fetchHawkDeals().          // Example:          // const area = this.getAreaCode();          // let apiUrl = `https://your-adviser-api.com/search?q=${query}&area=${area}`;          // if (this.priceFilter && this.priceFilter.value !== 'all') {          //   const val = this.priceFilter.value;          //   if (val === 'under50') apiUrl += '&filter_max_price=50';          //   else if (val === '50_100') apiUrl += '&filter_max_price=100';          //   else if (val === '100_200') apiUrl += '&filter_max_price=200';          //   else if (val === '200_500') apiUrl += '&filter_max_price=500';          // }          // const res = await fetch(apiUrl);          // const rawData = await res.json();          // ======================================================================          // Simulating network latency          await new Promise(resolve => setTimeout(resolve, 400));                    const rawData = this.getAdviserMockData();          let offers = [];                    if (rawData && rawData.data && rawData.data.Get && Array.isArray(rawData.data.Get.Deal)) {            offers = rawData.data.Get.Deal;          }                    // Basic client-side filtering for the mock if we want it to react to the query          const q = query.toLowerCase();          const selectedRetailer = (this.retailerSelect && this.retailerSelect.value) ? this.retailerSelect.value.toLowerCase() : null;                    offers.forEach(item => {            const dataObj = item;                        // Apply retailer filter            const itemRetailer = (dataObj.dataRetailer || '').toLowerCase();            if (selectedRetailer && itemRetailer !== selectedRetailer && !itemRetailer.includes(selectedRetailer)) {              return;            }                        // Apply mock price filter            let price = dataObj.dataDiscountedPrice || 0;            if (typeof price === 'string') {              price = parseFloat(price.replace(/[^0-9.]/g, ''));            }            let priceVal = null;            const min = this.customPriceMin ? this.customPriceMin.value : '';            const max = this.customPriceMax ? this.customPriceMax.value : '';            if (min || max) {               priceVal = `${min}_${max}`;            } else if (this.priceFilter && this.priceFilter.value !== 'all') {               priceVal = this.priceFilter.value;            }            if (priceVal) {              if (priceVal === 'under50' && price >= 50) return;              if (priceVal === 'over50' && price <= 50) return;              if (priceVal === 'over30' && price <= 30) return;              if (priceVal === 'over500' && price <= 500) return;              if (priceVal.includes('_')) {                 const parts = priceVal.split('_');                 if (parts[0] && price < parseFloat(parts[0])) return;                 if (parts[1] && price > parseFloat(parts[1])) return;              }            }                        // Map Adviser schema to our widget's expected schema            const mappedData = {              url: dataObj.linkHREF || dataObj.dataLink || '#',              image: dataObj.imageURL || (dataObj.image && dataObj.image.src) || '',              title: dataObj.dataProduct || (dataObj.product && dataObj.product.name) || 'Product Deal',              merchant: dataObj.dataRetailer || 'Retailer',              price: dataObj.dataDiscountedPrice || 0,              currency: dataObj.dataCurrency === 'USD' ? '$' : (dataObj.dataCurrency || '$'),              msrp: dataObj.dataOriginalPrice || null            };                        const titleLow = mappedData.title.toLowerCase();            const merchLow = mappedData.merchant.toLowerCase();                        // Smarter mock filtering            let isMatch = false;            if (q === '' || this.isBroadQuery(q)) {              isMatch = true;            } else if (titleLow.includes(q) || merchLow.includes(q)) {              isMatch = true;            } else if ((q.includes('laptop') || q.includes('mac') || q.includes('pc')) && (titleLow.includes('macbook') || titleLow.includes('laptop'))) {              isMatch = true;            } else if ((q.includes('tv') || q.includes('television')) && (titleLow.includes('tv') || titleLow.includes('oled') || titleLow.includes('qled'))) {              isMatch = true;            } else if ((q.includes('phone') || q.includes('smartphone')) && (titleLow.includes('galaxy') || titleLow.includes('phone'))) {              isMatch = true;            } else if ((q.match(/watch|fitness|run|shoe/)) && (titleLow.includes('forerunner') || titleLow.includes('saucony') || titleLow.includes('watch'))) {              isMatch = true;            }                        if (isMatch) {               this.deals.push(this.extractDealData(mappedData));            }          });                    let rowLimit = this.getRowsLimit();          // Intentionally omitting the slice here to allow "Load More" to work if the API returns more                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        getAdviserMockData() {          return {            "data": {              "Get": {                "Deal": [                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 300,                    "dataOriginalPrice": 399,                    "dataProduct": "Samsung Galaxy A36",                    "dataRetailer": "Samsung",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/MqDYsukV3JBG54te6dEs7j.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 14,                    "dataOriginalPrice": 24,                    "dataProduct": "Blink Mini",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/3JurmAjHsDa5tPdaHAwEV8.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 59,                    "dataOriginalPrice": 99,                    "dataProduct": "Ring Video Doorbell",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/rAh4uR7AsAsALCCLTXnLNJ.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 10,                    "dataOriginalPrice": 599,                    "dataProduct": "MacBook Neo",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/Lg4Dvg68j9SbB5CPNrTEpH.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 749,                    "dataOriginalPrice": 849,                    "dataProduct": "65\\\" Fire TV Omni 4K QLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/SG34ZWodUkLTxJvMTbjPYR.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 71,                    "dataOriginalPrice": 160,                    "dataProduct": "Saucony Hurricane 24",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/vxf7UD5T2Am7guVzFoFcZ4.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 649,                    "dataOriginalPrice": 749,                    "dataProduct": "Garmin Forerunner 970",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/3GKnEu7CdhtxPMfnPCMCiA.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1049,                    "dataOriginalPrice": 1499,                    "dataProduct": "LG 48\\\" C4 4K OLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/imvwZV9zoMD6fn9Afuge35.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1499,                    "dataOriginalPrice": 2199,                    "dataProduct": "Samsung 49\\\" Odyssey Neo G9 4K Gaming Monitor",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/XWDEJ5dUAE2nhK8k3Jk7k7.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 299,                    "dataOriginalPrice": 699,                    "dataProduct": "EGOHOME Black Memory Foam Mattress (queen)",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/hMUemtAejNETLVYxNrktzm.jpg"                  }                ]              }            }          };        }        decodeHTML(html) {          if (!html) return '';          const txt = document.createElement("textarea");          txt.innerHTML = String(html);          return txt.value;        }        extractDealData(item) {          const priceRawStr = String(item.price || item.current_price || '0');          const msrpRawStr = String(item.was_price || item.msrp || item.original_price || '0');          const rawPrice = parseFloat(priceRawStr.replace(/[^\d.]/g, '')) || 0;          const rawMsrp = parseFloat(msrpRawStr.replace(/[^\d.]/g, '')) || 0;          const isCheckPrice = rawPrice === 0 || priceRawStr === '0.00' || priceRawStr === '0';                    let originalImageUrl = item.image || item.image_url || item.product_image || '';          let imageUrl = originalImageUrl;          if ((!imageUrl || isCheckPrice) && item.model_image_url) {             imageUrl = item.model_image_url;             originalImageUrl = imageUrl;          } else if ((!imageUrl || isCheckPrice) && item.model_image) {             imageUrl = item.model_image;             originalImageUrl = imageUrl;          }                    if (imageUrl) {            imageUrl = imageUrl.replace(/-(\d+)-(\d+)(\.[a-z.]+)$/i, '$3');          }                    let fallbackImage = '';          if (originalImageUrl && originalImageUrl !== imageUrl) {             fallbackImage = originalImageUrl;          } else if (item.model_image && item.model_image !== imageUrl) {             fallbackImage = item.model_image;          } else if (item.model_image_url && item.model_image_url !== imageUrl) {             fallbackImage = item.model_image_url;          }                    const rawCurrency = item.currency || item.currency_symbol || '$';                    let savingLabel = item.percentage_saving_label || '';          if (!savingLabel && rawMsrp > rawPrice && rawPrice > 0) {            const pct = Math.round(((rawMsrp - rawPrice) / rawMsrp) * 100);            if (pct > 0) {              savingLabel = `${pct}% OFF`;            }          }                    const isPrime = item.shipping && item.shipping.prime === true;                    let scoreRaw = (item.review_score !== undefined && item.review_score !== null && item.review_score > 0) ? parseFloat(item.review_score) : null;          let starRating = 0;          if (scoreRaw !== null) {            starRating = Math.round((scoreRaw > 10 ? scoreRaw / 20 : scoreRaw / 2) * 2) / 2;          }                    return {            id: item.offer_id || item.link || item.url || item.offer_link || Math.random().toString(),            url: item.link || item.url || item.offer_link || '#',            image: imageUrl,            fallbackImage: fallbackImage,            title: item.name || item.title || item.model_name || item.product_name || 'Unknown Product',            brand: item.brand || '',            productName: item.model_name || item.product_name || item.name || '',            merchant: item.merchant_name || item.merchant || item.retailer || 'Retailer',            price: item.price !== undefined ? String(item.price) : '0.00',            currency: this.decodeHTML(rawCurrency),            msrp: item.was_price || item.msrp || item.original_price || null,            rawPrice: rawPrice,            rawMsrp: rawMsrp,            hasWasPrice: (item.was_price !== undefined && item.was_price !== null),            isCheckPrice: isCheckPrice,            savingLabel: savingLabel,            isPrime: isPrime,            starRating: starRating > 0 ? starRating : null,            modelId: item.model_id || '',            productKey: item.product_key || '',            merchantId: (item.merchant && typeof item.merchant === 'object') ? item.merchant.id || '' : '',            matchId: item.match_id || '',            merchantNetwork: (item.merchant && typeof item.merchant === 'object') ? item.merchant.an || '' : '',            merchantUrl: (item.merchant && typeof item.merchant === 'object') ? item.merchant.url || '' : '',            modelBrand: item.model_brand || item.brand || '',            modelParent: item.model_parent || ''          };        }        sortData() {          const sortVal = this.sortSelect ? this.sortSelect.value : (this.getViewMode() === 'savings_squad' ? 'date_desc' : 'discount_desc');          if (sortVal === 'price_asc') {            this.deals.sort((a, b) => a.rawPrice - b.rawPrice);          } else if (sortVal === 'price_desc') {            this.deals.sort((a, b) => b.rawPrice - a.rawPrice);          } else if (sortVal === 'discount_desc') {            this.deals.sort((a, b) => {              const aDiscount = a.rawMsrp > a.rawPrice ? (a.rawMsrp - a.rawPrice) : 0;              const bDiscount = b.rawMsrp > b.rawPrice ? (b.rawMsrp - b.rawPrice) : 0;              return bDiscount - aDiscount;            });          } else if (sortVal === 'date_desc') {             this.deals.sort((a, b) => {                let dateA = 0;                let dateB = 0;                if (a && a.modifiedDate) {                   const valA = Array.isArray(a.modifiedDate) ? a.modifiedDate[0] : a.modifiedDate;                   dateA = new Date(valA).getTime();                   if (isNaN(dateA)) dateA = 0;                }                if (b && b.modifiedDate) {                   const valB = Array.isArray(b.modifiedDate) ? b.modifiedDate[0] : b.modifiedDate;                   dateB = new Date(valB).getTime();                   if (isNaN(dateB)) dateB = 0;                }                return dateB - dateA;             });          }        }        getFilteredDeals() {          let filteredDeals = [...this.deals];                    if (this.dealModeToggle && this.dealModeToggle.checked) {            filteredDeals = filteredDeals.filter(d => d.hasWasPrice || (d.msrp && d.rawMsrp > d.rawPrice));          }                    return filteredDeals;        }        showLoading() {          const _div = '<' + '/div>';          const skeletonCardHtml = `            \x3Cdiv class="tg-df-card">              \x3Cdiv class="tg-df-card-image-box">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-img">${_div}              ${_div}              \x3Cdiv class="tg-df-card-body">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-card-footer mt-auto">                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="height:24px;">${_div}                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text" style="height:44px; margin-top:8px;">${_div}                ${_div}              ${_div}            ${_div}`;          this.grid.innerHTML = Array(4).fill(skeletonCardHtml).join('');        }        showError() {          const _div = '<' + '/div>';          this.grid.innerHTML = `\x3Cdiv class="tg-df-message">            An error occurred while finding deals. Please check your connection and try again.          ${_div}`;        }        escapeHTML(str) {          if (!str) return '';          return String(str).replace(/[&<>'"]/g, tag => ({              '&': '&', '<': '<', '>': '>', "'": ''', '"': '"'          }[tag] || tag));        }                bindCouponButtons() {          const btns = this.root.querySelectorAll('.tg-df-tag-coupons');          btns.forEach(btn => {            btn.addEventListener('click', (e) => {              e.preventDefault();              e.stopPropagation();              const merchant = btn.getAttribute('data-merchant');              this.openVouchersModal(merchant);            });          });                    const closeBtn = this.root.querySelector('#tg-df-vouchers-close');          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (closeBtn) {            closeBtn.onclick = () => this.closeVouchersModal();          }          if (backdrop) {            backdrop.onclick = (e) => {              if (e.target === backdrop) this.closeVouchersModal();            };          }        }                closeVouchersModal() {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (backdrop) backdrop.classList.remove('active');        }                async checkMerchantsCouponsBulk(merchants) {          if (!merchants || merchants.length === 0) return {};          const controller = new AbortController();          const timeoutId = setTimeout(() => controller.abort(), 4000);          try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchants.join(','));            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '120');            url.searchParams.append('origin', 'widgets-clientside');                        let res; try { res = await fetch(url.toString(), { signal: controller.signal }); } catch (e) { return {}; }            clearTimeout(timeoutId);            if (!res.ok) return {};            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        const foundMerchants = new Set();            offers.forEach(o => {              let mName = o.merchant_name || o.merchant || o.retailer;              if (mName && typeof mName === 'object') mName = mName.name;              if (mName) foundMerchants.add(String(mName).toLowerCase());            });            const resultMap = {};            merchants.forEach(m => {              if (m) resultMap[m] = foundMerchants.has(String(m).toLowerCase());            });            return resultMap;          } catch (e) {            return {};          }        }                async openVouchersModal(merchantName) {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          const title = this.root.querySelector('#tg-df-vouchers-title');          const content = this.root.querySelector('#tg-df-vouchers-content');                    if (!backdrop || !content) return;                    // HACK: Hide closing tags          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h4 = '<' + '/h4>';          const _svg = '<' + '/svg>';          const _circle = '<' + '/circle>';          const _polyline = '<' + '/polyline>';          const _rect = '<' + '/rect>';          const _path = '<' + '/path>';                    title.innerText = `${merchantName} Coupons & Deals`;          content.innerHTML = `\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}                               \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}`;          backdrop.classList.add('active');                    try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchantName);            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '50');            url.searchParams.append('origin', 'widgets-clientside');                        const res = await fetch(url.toString());            if (!res.ok) throw new Error('API Error');            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        if (offers.length === 0) {              content.innerHTML = `\x3Cdiv class="tg-df-message">No vouchers currently available for ${this.escapeHTML(merchantName)}.${_div}`;              return;            }                        content.innerHTML = offers.map((v, idx) => {              let offerObj = v;              if (v.offers && v.offers.offer) {                offerObj = Array.isArray(v.offers.offer) ? v.offers.offer[0] : v.offers.offer;              } else if (v.offer) {                offerObj = Array.isArray(v.offer) ? v.offer[0] : v.offer;              }              let logoUrl = v.logo_url || offerObj.logo_url || '';              if (!logoUrl && v.merchant) {                if (Array.isArray(v.merchant) && v.merchant.length > 0) logoUrl = v.merchant[0].logo_url || '';                else logoUrl = v.merchant.logo_url || '';              }                            const offerName = offerObj.name || offerObj.title || v.name || v.title || 'Special Offer';              const endTime = offerObj.end_time || v.end_time || '';              const linkUrl = offerObj.link || offerObj.url || v.link || v.url || '#';                            let foundVoucherCode = '';              const findVoucherCode = (obj) => {                if (!obj || typeof obj !== 'object') return;                if (obj.type === 'voucher_code' && obj.display_value) {                  foundVoucherCode = obj.display_value;                  return;                }                if (Array.isArray(obj)) {                  for (const item of obj) {                    findVoucherCode(item);                    if (foundVoucherCode) return;                  }                } else {                  for (const k in obj) {                    if (Object.prototype.hasOwnProperty.call(obj, k)) {                      findVoucherCode(obj[k]);                      if (foundVoucherCode) return;                    }                  }                }              };              findVoucherCode(offerObj);              if (!foundVoucherCode) findVoucherCode(v);                            const voucherCode = foundVoucherCode || offerObj.voucher_code || v.voucher_code || '';              const codeHtml = voucherCode ? `\x3Cspan class="tg-df-voucher-code" data-action="copy-code" data-code="${this.escapeHTML(voucherCode)}" title="Copy to clipboard">                \x3Cspan class="tg-df-voucher-code-text">${this.escapeHTML(voucherCode)}${_span}                \x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:6px;flex-shrink:0;" class="tg-df-voucher-copy-icon">                  \x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">${_rect}                  \x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">${_path}                ${_svg}              ${_span}` : '';                            const logoHtml = logoUrl                 ? `\x3Cimg src="${this.escapeHTML(logoUrl)}" alt="${this.escapeHTML(offerName)}" class="tg-df-voucher-logo" />`                 : `\x3Cdiv class="tg-df-voucher-logo" style="background:#e2e8f0;">${_div}`;                            let expiryHtml = '';              if (endTime) {                let dStr = endTime;                if (!isNaN(dStr) && String(dStr).length === 10) dStr = Number(dStr) * 1000;                const d = new Date(dStr);                if (!isNaN(d.getTime())) {                  const options = { year: 'numeric', month: 'short', day: 'numeric' };                  expiryHtml = `                    \x3Cdiv class="tg-df-voucher-expiry">                      \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                        \x3Ccircle cx="12" cy="12" r="10">${_circle}                        \x3Cpolyline points="12 6 12 12 16 14">${_polyline}                      ${_svg}                      Expires ${d.toLocaleDateString(undefined, options)}                    ${_div}`;                }              }              const revenueIdVal = generateRevenueId(linkUrl, offerName, merchantName, null);              const rewrittenLinkUrl = rewriteAffiliateLink(linkUrl, area, revenueIdVal);              return `                \x3Ca href="${this.escapeHTML(rewrittenLinkUrl)}" target="_blank" rel="noopener nofollow" class="tg-df-voucher-item"                  data-action="voucher-click"                  data-product-name="${this.escapeHTML(offerName)}"                  data-merchant-name="${this.escapeHTML(merchantName)}"                  data-analytics-id="${this.escapeHTML(offerObj.offer_id || offerObj.id || v.id || '')}"                  data-price=""                  data-previous-price=""                  data-original-link="${this.escapeHTML(linkUrl)}"                  data-revenue-id="${revenueIdVal}"                  data-index="${idx}"                  data-total="${offers.length}"                  data-in-stock="true"                  data-currency="USD"                  data-model-id="${this.escapeHTML(offerObj.model_id || v.model_id || offerObj.id || v.id || '')}"                  data-merchant-id="${this.escapeHTML(offerObj.merchant_id || offerObj.merchant?.id || '')}"                >                  ${logoHtml}                  \x3Cdiv class="tg-df-voucher-content">                    \x3Ch4 class="tg-df-voucher-title">${this.escapeHTML(offerName)}${_h4}                    ${codeHtml}                    ${expiryHtml}                  ${_div}                ${_a}              `;            }).join('');                        // Attach copy functionality            const copyBtns = content.querySelectorAll('[data-action="copy-code"]');            copyBtns.forEach(btn => {              btn.addEventListener('click', async (e) => {                e.preventDefault();                e.stopPropagation();                                const code = btn.getAttribute('data-code');                if (!code) return;                                try {                  const copyToClipboard = async (text) => {                     if (window.navigator.clipboard && window.isSecureContext) {                        try { await window.navigator.clipboard.writeText(text); return; } catch (e) {}                     }                     const textArea = document.createElement("textarea");                     textArea.value = text;                     textArea.style.position = "fixed";                     document.body.appendChild(textArea);                     textArea.focus();                     textArea.select();                     document.execCommand('copy');                     textArea.remove();                  };                  await copyToClipboard(code);                                    // Visual feedback                  btn.classList.add('copied');                  const textSpan = btn.querySelector('.tg-df-voucher-code-text');                  const iconSvg = btn.querySelector('.tg-df-voucher-copy-icon');                                    const origText = textSpan.innerText;                  const origIcon = iconSvg.innerHTML;                                    textSpan.innerText = 'Copied!';                  iconSvg.innerHTML = `\x3Cpolyline points="20 6 9 17 4 12">${_polyline}`;                                    setTimeout(() => {                    if (btn) {                      btn.classList.remove('copied');                      if (textSpan) textSpan.innerText = origText;                      if (iconSvg) iconSvg.innerHTML = origIcon;                    }                  }, 2000);                                    trackElementInteraction({                    id: 'voucher-code-copy',                    name: 'Copy Voucher Code',                    label: `Copied ${code} for ${merchantName}`                  });                } catch (err) {                  console.warn('Failed to copy text: ', err);                }              });            });            // Attach voucher click tracking            const voucherBtns = content.querySelectorAll('[data-action="voucher-click"]');            voucherBtns.forEach(btn => {              btn.addEventListener('click', (e) => {                if (e.target.closest('[data-action="copy-code"]')) return;                                const productName = btn.getAttribute('data-product-name');                const merchantNameAttr = btn.getAttribute('data-merchant-name');                const productId = btn.getAttribute('data-analytics-id');                const price = parseFloat(btn.getAttribute('data-price')) || null;                const prevPriceStr = btn.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = btn.getAttribute('data-original-link');                const rewrittenLink = btn.getAttribute('href');                const revenueId = btn.getAttribute('data-revenue-id');                const index = parseInt(btn.getAttribute('data-index'), 10) || 0;                const inStock = btn.getAttribute('data-in-stock') === 'true';                const totalText = btn.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: btn.getAttribute('data-model-id') || null,                    matchId: btn.getAttribute('data-match-id') || null,                    brand: btn.getAttribute('data-model-brand') || null,                    parent: btn.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: btn.getAttribute('data-merchant-id') || null,                    network: btn.getAttribute('data-merchant-network') || null,                    url: btn.getAttribute('data-merchant-url') || null,                    name: merchantNameAttr                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: btn.getAttribute('data-currency') || 'USD'                };                if (typeof trackDealClick === 'function') {                  trackDealClick(trackingParams);                }              });            });                                  } catch (e) {            console.warn(e);            content.innerHTML = `\x3Cdiv class="tg-df-message">Failed to load vouchers.${_div}`;          }        }        render() {          try {            if (this.getViewMode() === 'savings_squad' && this.airedaleTags.length > 0) {              if (this.categoryFilterWrapper) {                 this.categoryFilterWrapper.style.display = 'flex';              }              if (this.categoryFilter) {                 const _option = '<' + '/option>';                 let optionsHtml = `\x3Coption value="all">All Categories${_option}`;                 this.airedaleTags.forEach(tag => {                    const isSelected = this.activeDealTag === tag ? 'selected' : '';                    optionsHtml += `\x3Coption value="${this.escapeHTML(tag)}" ${isSelected}>${this.escapeHTML(tag)} (${this.airedaleTagCounts[tag] || 0})${_option}`;                 });                 this.categoryFilter.innerHTML = optionsHtml;                 this.categoryFilter.value = this.activeDealTag || 'all';              }            } else {               if (this.categoryFilterWrapper) {                  this.categoryFilterWrapper.style.display = 'none';               }            }            const displayDeals = this.getFilteredDeals();          // HACK: Hide closing tags from the CMS HTML sanitizer so it doesn't strip them during in-page injection          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h3 = '<' + '/h3>';          const _p = '<' + '/p>';          const _strong = '<' + '/strong>';          const _sup = '<' + '/sup>';          const _button = '<' + '/button>';          if (displayDeals.length === 0) {            if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {              if (this.deals.length > 0) {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No deals match your selected filters.                ${_div}`;              } else if (this.getViewMode() === 'savings_squad' && this.currentQuery.length <= 2) {                 // Do not show "no exact matches" if query is empty for savings_squad                 this.grid.innerHTML = '';              } else {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No exact matches found for "\x3Cstrong>${this.escapeHTML(this.currentQuery)}${_strong}". Try adjusting your search term.                ${_div}`;              }            } else {              this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                Search product or category names to discover the best deals from across the web.              ${_div}`;            }            return;          }          let dealsHtml = displayDeals.slice(0, this.displayLimit).map((deal, index) => {            try {               const currencySym = this.escapeHTML(deal.currency);               const isoCurrencyCode = normalizeCurrency(currencySym);               const escapedPrice = this.escapeHTML(deal.price);               const escapedMsrp = this.escapeHTML(deal.msrp);               const areaCode = this.getAreaCode();                              const revenueId = generateRevenueId(deal.url, deal.title, deal.merchant, null);               const originalLink = deal.url;               const rewrittenLink = rewriteAffiliateLink(deal.url, areaCode, revenueId);                        const productCategoryName = 'deals';            const dataAttr = `              data-action="${deal.isCheckPrice ? 'view-similar-click' : 'deal-click'}"              data-analytics-id="${this.escapeHTML(deal.externalProductId || deal.id || '')}"              data-product-name="${this.escapeHTML(deal.title)}"              data-merchant-name="${this.escapeHTML(deal.merchant)}"              data-price="${deal.rawPrice || ''}"              data-previous-price="${deal.rawMsrp || ''}"              data-original-link="${this.escapeHTML(originalLink)}"              data-revenue-id="${revenueId}"              data-index="${index}"              data-total="${displayDeals.length}"              data-in-stock="${deal.inStock !== false}"              data-currency="${this.escapeHTML(isoCurrencyCode)}"              data-model-id="${this.escapeHTML(deal.modelId || '')}"              data-product-key="${this.escapeHTML(deal.productKey || '')}"              data-merchant-id="${this.escapeHTML(deal.merchantId || '')}"            `;                        let priceGroupHtml = '';            let isSavingsSquadMode = this.getViewMode() === 'savings_squad';            let ctaText = 'View Deal';            let formattedPrice = '';            let msrpHtml = '';                        if (deal.isCheckPrice) {              ctaText = isSavingsSquadMode ? 'View Deal' : 'Check Price';              if (isSavingsSquadMode) {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                  ${_div}                `;              } else {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                    \x3Cspan class="tg-df-card-price" style="font-size: 15px; font-weight: 500; font-style: italic;">See price at retailer${_span}                  ${_div}                `;              }            } else {              // Format Price              formattedPrice = escapedPrice.includes(currencySym)                 ? escapedPrice                 : `${currencySym}${escapedPrice}`;                              // Format MSRP              msrpHtml = deal.msrp && deal.rawMsrp > deal.rawPrice                ? `\x3Cspan class="tg-df-card-msrp">${escapedMsrp.includes(currencySym) ? escapedMsrp : currencySym + escapedMsrp}${_span}`                : '';                              priceGroupHtml = `                \x3Cdiv class="tg-df-card-merchant-wrapper">                  \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                ${_div}                \x3Cdiv class="tg-df-card-price-group">                  ${isSavingsSquadMode ? '' : `                  \x3Cspan class="tg-df-card-price">${formattedPrice}${_span}                  ${msrpHtml}                  `}                ${_div}              `;            }                        const discountBadgeHtml = deal.savingLabel && !deal.isCheckPrice              ? `\x3Cspan class="tg-df-card-discount-badge">${this.escapeHTML(deal.savingLabel)}${_span}`              : '';                          // HACK for CMS            const _button = '<' + '/button>';            const _svg = '<' + '/svg>';            const _path = '<' + '/path>';            const _rect = '<' + '/rect>';            const _circle = '<' + '/circle>';            const _polyline = '<' + '/polyline>';            const _line = '<' + '/line>';                        let badgesHtml = '';            const primeBadge = deal.isPrime ? `              \x3Cspan class="tg-df-tag tg-df-tag-prime">                \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="currentColor">                  \x3Cpath d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">${_path}                ${_svg} Prime              ${_span}            ` : '';                        const couponsBadge = deal.merchant && deal.merchant.toLowerCase().includes('amazon') ? '' : `              \x3Cdiv class="tg-df-coupon-wrapper" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:inline-flex; align-items:center;">                \x3Cdiv class="tg-df-coupon-spinner">${_div}                \x3Cbutton type="button" class="tg-df-tag tg-df-tag-coupons" data-action="coupons-click" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:none;">                  \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                    \x3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z">${_path}                    \x3Cline x1="7" y1="7" x2="7.01" y2="7">${_line}                  ${_svg} Coupons                ${_button}              ${_div}            `;                        // Note: We always add coupons badge if there's a chance, but to allow 3-line titles we check wrapper display state            badgesHtml = `              \x3Cdiv class="tg-df-card-badges">                ${primeBadge}                ${couponsBadge}              ${_div}            `;            const _linearGradient = '<' + '/linearGradient>';            const _polygon = '<' + '/polygon>';            const _stop = '<' + '/stop>';            const _defs = '<' + '/defs>';                        let starHtml = '';            if (deal.starRating) {              let rating = deal.starRating;                            if (rating > 0) {                const fullStars = Math.floor(rating);                const halfStar = (rating - fullStars) >= 0.5 ? 1 : 0;                const emptyStars = Math.max(0, 5 - fullStars - halfStar);                const blue = '#1f69ff'; // Tom's guide brand color from VIEW DEAL button                const gray = '#cbd5e1';                                const starSvgFull = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="${blue}" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                const gradId = 'half_grad_' + Math.floor(Math.random()*1000000);                const starSvgHalf = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cdefs>\x3ClinearGradient id="${gradId}" x1="0" x2="1" y1="0" y2="0">\x3Cstop offset="50%" stop-color="${blue}">${_stop}\x3Cstop offset="50%" stop-color="transparent">${_stop}${_linearGradient}${_defs}                  \x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26" fill="url(#${gradId})">${_polygon}${_svg}`;                                  const starSvgEmpty = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${gray}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                let stars = [];                for (let i=0; i<fullStars; i++) stars.push(starSvgFull);                if (halfStar) stars.push(starSvgHalf);                for (let i=0; i<emptyStars; i++) stars.push(starSvgEmpty);                                starHtml = `\x3Cdiv class="tg-df-card-stars" style="display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--tg-df-text-muted);">                  \x3Cspan style="margin-right:6px;">Tom's Guide:${_span}                  \x3Cdiv style="display:flex;gap:2px;">                    ${stars.join('')}                  ${_div}                ${_div}`;              }            }            let htmlOutput = '';            if (isSavingsSquadMode) {              htmlOutput += `              \x3Cdiv class="hawk-deal-widget-container tg-df-mobile-only" data-collapsible="true">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''} style="margin-bottom: 10px;">` : ''}                \x3Cdiv class="hawk-deal-widget-wrap">                  \x3Cdiv class="hawk-deal-widget-image-container">                    \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" rel="sponsored noopener" target="_blank" class="hawk-affiliate-link-deal-widget" ${dataAttr}>                      \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="hawk-lazy-image-deal-widget" loading="lazy" width="140" height="160" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                    ${_a}                  ${_div}                  \x3Cdiv class="hawk-deal-widget-text-cta-container">                    \x3Cdiv class="hawk-deal-widget-text-body-container">                      \x3Cdiv class="hawk-deal-widget-text-body-main">                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          ${deal.isCheckPrice ? `                            \x3Cspan class="hawk-deal-widget-title-product-title">${this.escapeHTML(deal.title)}${_span}                          ` : `                            \x3Cspan class="hawk-deal-widget-title-product-title">${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_span}                          `}                        ${_a}                        ${!deal.isCheckPrice && deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan class="hawk-deal-widget-title-was-price">was ${currencySym}${escapedMsrp}${_span}                          ${_a}                        ` : ''}                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          \x3Cspan class="hawk-deal-widget-title-retailer-price">                            ${!deal.isCheckPrice ? `                              \x3Cspan class="hawk-deal-widget-title-price">now ${formattedPrice}${_span}                              \x3Cspan class="hawk-deal-widget-title-retailer"> at ${this.escapeHTML(deal.merchant)}${_span}                            ` : `                              \x3Cspan class="hawk-deal-widget-title-price">See price at ${this.escapeHTML(deal.merchant)}${_span}                            `}                          ${_span}                        ${_a}                        ${deal.description ? `\x3Cdiv class="hawk-deal-widget-text-body-description">\x3Cp>${this.escapeHTML(deal.description)}${_p}${_div}` : ''}                      ${_div}                    ${_div}                    \x3Cdiv class="hawk-deal-widget-footer">                      \x3Cdiv class="hawk-deal-widget-button-wrapper">                        \x3Cdiv class="hawk-deal-widget-preferred-partner-wrapper">                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-deal-button" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan>${deal.isCheckPrice ? 'Check Price' : 'View Deal'}${_span}                          ${_a}                        ${_div}                      ${_div}                    ${_div}                  ${_div}                ${_div}              ${_div}              `;            }            htmlOutput += `              \x3Cdiv class="tg-df-card ${isSavingsSquadMode ? 'tg-df-desktop-only' : ''}">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''}>` : ''}                \x3Cdiv class="tg-df-card-image-box">                  ${discountBadgeHtml}                  \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">                    \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="tg-df-card-image" loading="lazy" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                  ${_a}                ${_div}                \x3Cdiv class="tg-df-card-body">                  ${starHtml}                  ${badgesHtml}                  \x3Ch3 class="tg-df-card-title tg-df-custom-savings-squad-title" title="${this.escapeHTML(deal.title)}">                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" disable-tracking="true" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit;">                      ${isSavingsSquadMode                         ? (deal.isCheckPrice                             ? (deal.title && deal.title.includes(':')                                 ? `\x3Cstrong>${this.escapeHTML(deal.title.substring(0, deal.title.indexOf(':') + 1))}${_strong}\x3Cspan style="color: #1f69ff; font-weight: normal;">${this.escapeHTML(deal.title.substring(deal.title.indexOf(':') + 1))}${_span}`                                : this.escapeHTML(deal.title)                              )                             : `\x3Cstrong>${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_strong} ${deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `\x3Cspan style="color: #d0021b; text-decoration: line-through; font-weight: normal; margin-right: 4px;">was ${currencySym}${escapedMsrp}${_span} ` : ''}\x3Cspan style="color: #1f69ff; font-weight: normal;">now ${formattedPrice} at ${this.escapeHTML(deal.merchant)}${_span}`                          )                        : this.escapeHTML(deal.title)                      }                    ${_a}                  ${_h3}                  ${deal.description ? `\x3Cp style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 12px; line-height: 1.4;">${this.escapeHTML(deal.description)}${_p}` : ''}                  \x3Cdiv class="tg-df-card-footer">                    ${priceGroupHtml}                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" class="tg-df-card-cta ${isSavingsSquadMode ? 'tg-df-cta-savings-squad' : ''}" style="text-decoration: none;">${ctaText}${_a}                  ${_div}                ${_div}              ${_div}            `;                        return htmlOutput;            } catch (e) {               console.log("Error rendering deal in map for index", index, typeof deal === 'object' ? JSON.stringify(deal) : deal, "MSG:", e.message);               return '';            }          }).join('');                    if (displayDeals.length > this.displayLimit || ((this.getViewMode() === 'carousel' || this.getViewMode() === 'auto') && displayDeals.length > 0 && displayDeals.length % ((this.rowsSelect && this.rowsSelect.value) ? parseInt(this.rowsSelect.value, 10) : 12) === 0)) {            if (this.getViewMode() === 'carousel') {               dealsHtml += `                 \x3Cbutton type="button" class="tg-df-load-more-card tg-df-load-more">                   \x3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 8px;">\x3Cpath d="M5 12h14">\x3C/path>\x3Cpath d="m12 5 7 7-7 7">\x3C/path>\x3C/svg>                   Load More                 ${_button}               `;            } else {               dealsHtml += `                 \x3Cdiv style="width: 100%; display: flex; justify-content: center; margin-top: 16px; grid-column: 1 / -1;">                   \x3Cbutton type="button" class="tg-df-tag-outline tg-df-load-more" style="padding: 8px 24px; border-radius: 100px; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center;">Load More${_button}                 ${_div}               `;            }          }                    this.grid.innerHTML = dealsHtml;          // Inject JSON-LD          try {            let targetNode = this.hostContainer || document.head;            let jsonLdScript = targetNode.querySelector('#tg-df-json-ld-' + this.widgetId);            if (!jsonLdScript) {                jsonLdScript = document.createElement('script');                jsonLdScript.type = 'application/ld+json';                jsonLdScript.id = 'tg-df-json-ld-' + this.widgetId;                targetNode.appendChild(jsonLdScript);            }            const jsonLdData = {              "@context": "https://schema.org",              "@type": "ItemList",              "itemListElement": displayDeals.slice(0, this.displayLimit).map((deal, index) => {                 let isoCurrency = "USD";                 if (deal.currency === '£') isoCurrency = "GBP";                 else if (deal.currency === '€') isoCurrency = "EUR";                 else if (deal.currency === 'A$') isoCurrency = "AUD";                 else if (deal.currency === 'CA$') isoCurrency = "CAD";                 const areaCode = typeof this.getAreaCode === 'function' ? this.getAreaCode() : 'US';                 const revenueId = typeof generateRevenueId === 'function' ? generateRevenueId(deal.url, deal.title, deal.merchant, null) : '';                 const rewrittenLink = typeof rewriteAffiliateLink === 'function' ? rewriteAffiliateLink(deal.url, areaCode, revenueId) : deal.url;                 return {                   "@type": "ListItem",                   "position": index + 1,                   "item": {                     "@type": "Product",                     "name": deal.title,                     "image": deal.image || "",                     "description": deal.description || "",                     "brand": {                       "@type": "Brand",                       "name": deal.brand || ""                     },                     "offers": {                       "@type": "Offer",                       "priceCurrency": isoCurrency,                       "price": deal.rawPrice || 0,                       "url": rewrittenLink,                       "seller": {                         "@type": "Organization",                         "name": deal.merchant || ""                       }                     }                   }                 };              }).filter(item => item.item.name)            };            jsonLdScript.textContent = JSON.stringify(jsonLdData);          } catch(e) { console.warn("JSON-LD generation failed", e); }                    let gridWrapper = this.grid.parentElement;          if (gridWrapper && gridWrapper.classList.contains('tg-df-grid-wrapper')) {             let rightChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-right');             let leftChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-left');             if (this.getViewMode() === 'carousel') {                 // The observer set up in setupScrollListeners handles visibility.                 if (rightChevron) rightChevron.style.display = 'flex';                 if (leftChevron) leftChevron.style.display = 'none'; // reset correctly             } else {                 if (rightChevron) rightChevron.style.display = 'none';                 if (leftChevron) leftChevron.style.display = 'none';             }          }                    const loadMoreBtn = this.grid.querySelector('.tg-df-load-more');          if (loadMoreBtn) {            loadMoreBtn.addEventListener('click', async () => {              if (typeof trackElementInteraction === 'function') {                trackElementInteraction({ id: 'load-more', name: 'Load more', label: 'Load More Results' });              }              if (displayDeals.length <= this.displayLimit) {                 loadMoreBtn.innerHTML = `                  <svg class="tg-df-spinner" style="width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83"/></svg>                  Loading...                 `;                 loadMoreBtn.disabled = true;                 await this.fetchDeals(this.currentQuery, true);              } else {                 this.displayLimit += this.getRowsLimit();                 this.render();              }            });          }                      this.bindCouponButtons();            this.checkAndUpdateCoupons();                        // Allow hawklinks.js to discover and rewrite our widget links             // by appending the .article-body class and manually triggering processArticle.            let container = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (container && !container.classList.contains('article-body')) {               container.classList.add('article-body');            }            setTimeout(() => {               if (this.grid && !this.grid.classList.contains('article-body')) this.grid.classList.add('article-body');               document.dispatchEvent(new CustomEvent('processArticle', { detail: { element: this.root } }));            }, 50);          } catch(e) {            console.warn("Widget render error", e);          }        }                async checkAndUpdateCoupons() {          const wrappers = Array.from(this.root.querySelectorAll('.tg-df-coupon-wrapper'));          if (wrappers.length === 0) return;                    const merchants = [...new Set(wrappers.map(w => w.getAttribute('data-merchant')).filter(Boolean))];          if (merchants.length === 0) return;          const couponResultsMap = await this.checkMerchantsCouponsBulk(merchants);                    for (const merchant of merchants) {            const hasCoupons = !!couponResultsMap[merchant];            const merchantWrappers = wrappers.filter(w => w.getAttribute('data-merchant') === merchant);            merchantWrappers.forEach(wrapper => {              const spinner = wrapper.querySelector('.tg-df-coupon-spinner');              const btn = wrapper.querySelector('.tg-df-tag-coupons');                            if (spinner) spinner.style.display = 'none';                            if (hasCoupons && btn) {                btn.style.display = 'inline-flex';              } else if (!hasCoupons) {                wrapper.style.display = 'none';              }            });          }        }        updateFloatingCopyBar() {          if (!this.editorBar || !this.editorSelectedCount) return;          if (this.editorMode && this.selectedDeals.size > 0) {            this.editorBar.style.display = 'flex';            this.editorSelectedCount.innerText = this.selectedDeals.size;          } else {            this.editorBar.style.display = 'none';          }        }        async copySelectedDealsToCMS() {           function htmlToSlate(htmlString) {              if (!htmlString) return [{ type: 'paragraph', children: [{ text: '' }] }];              let doc;              if (typeof window !== 'undefined' && window.DOMParser) {                 doc = new DOMParser().parseFromString(htmlString, 'text/html');              } else {                 doc = document.implementation.createHTMLDocument('');                 doc.body.innerHTML = htmlString;              }                            function parseNode(node, marks = {}) {                  if (node.nodeType === 3) {                      const text = node.textContent;                      if (!text) return null;                      return { text: text, ...marks };                  }                  if (node.nodeType === 1) {                      const tagName = node.tagName.toLowerCase();                      if (tagName === 'br') {                          return { type: 'line-break', children: [{ text: '' }] };                      }                      if (tagName === 'p') {                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return { type: 'paragraph', children };                      }                      if (tagName === 'strong' || tagName === 'b') {                          const newMarks = { ...marks, bold: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'em' || tagName === 'i') {                          const newMarks = { ...marks, italic: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'a') {                          const href = node.getAttribute('href') || '';                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return {                              type: 'link',                              url: href,                              isNoFollow: (node.getAttribute('rel') || '').includes('nofollow'),                              isSponsored: (node.getAttribute('rel') || '').includes('sponsored'),                              isOpenNewTab: node.getAttribute('target') === '_blank',                              isPreventDataRewrite: false,                              children: children                          };                      }                      return Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                  }                  return null;              }                            let blocksArray = [];              let currentParagraphChildren = [];              function flushParagraph() {                  if (currentParagraphChildren.length > 0) {                      blocksArray.push({ type: 'paragraph', children: currentParagraphChildren });                      currentParagraphChildren = [];                  }              }              Array.from(doc.body.childNodes).forEach(node => {                  const parsed = parseNode(node, {});                  const parsedItems = Array.isArray(parsed) ? parsed : (parsed ? [parsed] : []);                  parsedItems.forEach(item => {                      if (item.type === 'paragraph') {                          flushParagraph();                          blocksArray.push(item);                      } else {                          currentParagraphChildren.push(item);                      }                  });              });              flushParagraph();              if (blocksArray.length === 0) {                  blocksArray = [{ type: 'paragraph', children: [{ text: '' }] }];              }              return blocksArray;           }           const blocks = [];                      this.editorCopyBtn.innerHTML = '\x3Cspan class="tg-df-coupon-spinner" style="display:inline-block; margin-right:8px; border-top-color:#fff;">' + '<' + '/span> Copying...';           for (const deal of Array.from(this.selectedDeals.values())) {              const url = deal.url;              const merchant = deal.merchant;              const title = deal.title;              const image = deal.image;              const currentPrice = deal.currency + deal.rawPrice;              const wasPrice = deal.hasWasPrice && deal.rawMsrp > deal.rawPrice ? deal.currency + deal.rawMsrp : '';                            let couponsChildren = [];              try {                  const area = this.getAreaCode();                  const apiUrl = new URL('https://search-api.fie.future.net.uk/widget.php');                  apiUrl.searchParams.append('model_name', 'Everything');                  apiUrl.searchParams.append('language', 'en-GB');                  apiUrl.searchParams.append('area', area);                  apiUrl.searchParams.append('combine_product_types', '1');                  apiUrl.searchParams.append('filter_merchant_name', merchant);                  apiUrl.searchParams.append('all_filters', 'false');                  apiUrl.searchParams.append('exclude_unlabelled', 'false');                  apiUrl.searchParams.append('include_specs', 'false');                  apiUrl.searchParams.append('sort', 'voucher');                  apiUrl.searchParams.append('distinct_merchants', 'natural');                  apiUrl.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');                  apiUrl.searchParams.append('rows', '3');                  apiUrl.searchParams.append('origin', 'widgets-clientside');                                    let res; try { res = await fetch(apiUrl.toString()); } catch (e) { return; }                  if (res.ok) {                      const data = await res.json();                      let offers = [];                      if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {                        offers = data.widget.data.offers;                      } else if (data && data.data && Array.isArray(data.data.offers)) {                        offers = data.data.offers;                      }                                            if (offers.length > 0) {                          couponsChildren.push({ text: "Also check out these coupons: ", bold: true });                          offers.slice(0, 3).forEach((offer, idx) => {                              const actualOffer = offer.offer || offer;                              const offerName = actualOffer.name || actualOffer.title || offer.model_name || offer.title || offer.name || 'Coupon';                              const linkUrl = actualOffer.link || actualOffer.url || actualOffer.offer_link || '#';                              couponsChildren.push({ type: "line-break", children: [{ text: "" }] });                              couponsChildren.push({ text: "🎟️ " });                              couponsChildren.push({                                  type: "link",                                  url: linkUrl,                                  isNoFollow: true,                                  isSponsored: false,                                  isOpenNewTab: true,                                  isPreventDataRewrite: false,                                  children: [{ text: offerName, bold: true }]                              });                          });                      }                  }              } catch (err) {                  console.warn('Failed to fetch coupons for', merchant, err);              }              let descriptionValue = [];              if (deal.text) {                 descriptionValue = htmlToSlate(deal.text);              } else {                 const dealDescriptions = [                   `Don't miss out on this fantastic deal for the ${title}. It is currently available at ${merchant} for a highly competitive price.`,                   `We've spotted an excellent price drop on the ${title}. Grab it now at ${merchant} before it's gone.`,                   `The ${title} is currently seeing a generous discount over at ${merchant}. This is a perfect time to buy if you've been holding out.`,                   `If you're in the market for the ${title}, ${merchant} has just the deal for you.`,                   `Score the ${title} for less at ${merchant} right now. This is a rare chance to save big.`,                   `Upgrade your setup with the ${title}, now available at a stellar price via ${merchant}.`                 ];                 const randomDescription = dealDescriptions[Math.floor(Math.random() * dealDescriptions.length)];                 descriptionValue = [                    { type: "paragraph", children: [{ text: randomDescription }] }                 ];              }                            if (couponsChildren.length > 0) {                 let lastBlock = descriptionValue[descriptionValue.length - 1];                 if (lastBlock && lastBlock.type === 'paragraph') {                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ text: "Also check out these coupons: ", bold: true });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children = lastBlock.children.concat(couponsChildren);                 } else {                     descriptionValue.push({                         type: "paragraph",                         children: [                             { type: "line-break", children: [{ text: "" }] },                             { type: "line-break", children: [{ text: "" }] },                             { text: "Also check out these coupons: ", bold: true },                             { type: "line-break", children: [{ text: "" }] },                             ...couponsChildren                         ]                     });                 }              }              function normalizeCurrencyToISO(symbol) {                const map = { '£': 'GBP', '$': 'USD', 'A$': 'AUD', 'CA$': 'CAD', '€': 'EUR' };                return map[symbol] || symbol;              }              const isoCurrency = normalizeCurrencyToISO(deal.currency);              blocks.push({                 id: (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'cms-' + Date.now() + Math.random(),                 blockTypeName: "deal",                 excludeFrom: [],                 collapsible: false,                 props: {                    description: {                       value: descriptionValue,                       touched: false,                       validationMessage: ""                    },                    image: {                       value: {                          credit: [{ type: "paragraph", children: [{ text: merchant }] }],                          dateCreated: Date.now(),                          dateModified: Date.now(),                          distribution: [],                          fileSize: 0,                          height: 1000,                          id: deal.id,                          imageRights: "",                          src: image,                          name: title + ".jpg",                          tags: [],                          width: 1000                       },                       touched: false,                       validationMessage: ""                    },                    showDealButton: { value: true, touched: false, validationMessage: "" },                    isPreferredPartner: { value: false, touched: false, validationMessage: "" },                    linkHref: { value: url, touched: false, validationMessage: "" },                    linkLabel: { value: "", touched: false, validationMessage: "" },                    linkIsNoFollow: { value: true, touched: false, validationMessage: "" },                    linkIsSponsored: { value: false, touched: false, validationMessage: "" },                    linkIsOpenNewWindow: { value: true, touched: false, validationMessage: "" },                    customPromoFlags: { value: [], touched: false, validationMessage: "" },                    showStarDeal: { value: false, touched: false, validationMessage: "" },                    savingType: { value: "none", touched: false, validationMessage: "" },                    starDealPromoFlag: { value: "", touched: false, validationMessage: "" },                    showEditorsChoice: { value: false, touched: false, validationMessage: "" },                    editorsChoiceTitle: { value: "", touched: false, validationMessage: "" },                    hawkPriceCurrency: { value: { value: isoCurrency, label: isoCurrency }, touched: false, validationMessage: "" },                    hawkPrice: { value: deal.hasWasPrice ? String(deal.rawMsrp) : String(deal.rawPrice), touched: false, validationMessage: "" },                    hawkSalePrice: { value: String(deal.rawPrice), touched: false, validationMessage: "" },                    lastCheckedPriceDate: { value: "", touched: false, validationMessage: "" },                    hawkModel: { touched: false, validationMessage: "" },                    productId: { value: "", touched: false, validationMessage: "" },                    voucherId: { value: "", touched: false, validationMessage: "" },                    brand: { value: deal.brand || merchant, touched: false, validationMessage: "" },                    productName: { value: title, touched: false, validationMessage: "" },                    label: { value: "", touched: false, validationMessage: "" },                    retailer: { value: merchant, touched: false, validationMessage: "" },                    priceCheckError: false                 },                 failedFetchError: ""              });           }           const payload = {              type: "articleBuilderPages",              data: blocks           };           const jsonStr = JSON.stringify(payload);                      if (navigator.clipboard && navigator.clipboard.writeText) {              navigator.clipboard.writeText(jsonStr).then(() => {                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              }).catch(err => {                 console.warn('Failed to copy text: ', err);                 alert('Failed to copy deals to clipboard. See console.');              });           } else {              // Fallback              const textArea = document.createElement("textarea");              textArea.value = jsonStr;              document.body.appendChild(textArea);              textArea.focus();              textArea.select();              try {                 document.execCommand('copy');                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              } catch (err) {                 console.warn('Fallback: Oops, unable to copy', err);                 alert('Fallback: Failed to copy deals to clipboard.');              }              document.body.removeChild(textArea);           }        }      }      // Initialize the Widget      if (document.readyState === 'loading') {        document.addEventListener('DOMContentLoaded', () => new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer }));      } else {        new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer });      }    })();  </script></div> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/nintendo/nintendo-switch-games-and-accessories-are-up-to-50-percent-off-at-amazon-15-deals-id-shop-before-summer-is-over</link>
                                                                            <description>
                            <![CDATA[ Amazon is offering the best Nintendo Switch deals to close out summer — check out the best savings right now. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">C4bhxbE9m7enkWYxYjfK3C</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/QH3F8td8J6DaFqfa7sZHi6-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Wed, 12 Aug 2026 14:41:38 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Nintendo]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ millie.daviswilliams@futurenet.com (Millie Davis-Williams) ]]></author>                    <dc:creator><![CDATA[ Millie Davis-Williams ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/WU6pa7hKuxs5ScCoqcXYWA.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Millie is a Deals Editor at Tom&#039;s Guide specializing in tech deals content. Based in London, Millie has spent a lifetime stubbornly refusing to pay full price on any possible purchase. She has years of searching for the best discounts on the latest and greatest phones, TVs and gadgets under her belt, and knows how to sort the best deals from the rest. Helping readers save on the products they want is her mission, whether it’s an Apple Watch or a new tablet.&lt;/p&gt;&lt;p&gt;Since working at Tom’s Guide, Millie has covered retail events like Prime Day, Black Friday and Cyber Monday extensively, meaning she knows the products readers are looking for and the best times of year to hit “purchase.”&lt;/p&gt;&lt;p&gt;When she’s not looking for discounts, Millie covers news and writes how-to articles about everything from phones, streaming devices, and headphones to apps and video games.&lt;/p&gt;&lt;p&gt;In her spare time, Millie enjoys reading, gaming on her Nintendo Switch and creating digital art. She’s also a fan of watching Disney movies and collecting plush (the latter having totally taken over her bedroom.)&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/QH3F8td8J6DaFqfa7sZHi6-1280-80.jpg">
                                                            <media:credit><![CDATA[Nintendo]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Mario Kart World screenshot]]></media:description>                                                            <media:text><![CDATA[Mario Kart World screenshot]]></media:text>
                                <media:title type="plain"><![CDATA[Mario Kart World screenshot]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/QH3F8td8J6DaFqfa7sZHi6-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Don't wait any longer to pick up a Nintendo Switch 2 — the console is going to get a price increase next month. It's your very last chance to grab one at the launch price!</p><p>Even better, you can actually save money on the Switch 2 via the <a href="https://www.amazon.com/dp/B0GZ5DFHC5" target="_blank" rel="nofollow">Nintendo Switch 2 Choose Your Game bundle for $499 at Amazon</a>. This bundle comes with a Nintendo Switch 2 console and your choice of one of the system's best games — either Mario Kart World, Donkey Kong Bananza or Pokémon Pokopia. Depending on your choice, you'll save between $20 and $30.</p><p>There are also tons of discounts on games and accessories for the Nintendo Switch and Nintendo Switch 2, and I'm sharing the best of the best below.</p><h3 class="article-body__section" id="section-quick-links"><span>Quick Links</span></h3><ul><li><strong></strong><a href="https://www.amazon.com/b?node=16227133011" target="_blank" rel="nofollow"><strong>shop Nintendo Switch game deals at Amazon</strong></a></li><li><strong>Super Mario RPG: </strong><a href="https://www.walmart.com/ip/Super-Mario-RPG-Nintendo-Switch-U-S-Edition/1349013407" target="_blank" rel="nofollow"><strong>was $59 now $33</strong></a></li><li><strong>Nintendo Switch 2 Choose Your Game Bundle: </strong><a href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow"><strong>now $499</strong></a> <strong>up to $30 off!</strong></li></ul><h3 class="article-body__section" id="section-nintendo-switch-2-console-bundles"><span>Nintendo Switch 2 console bundles</span></h3><div class="product"><a data-dimension112="38529e06-9656-11f1-b778-6b4443d07af4" data-action="Deal Block" data-label="Switch 2 Choose Your Game Bundle" data-dimension48="Switch 2 Choose Your Game Bundle" data-dimension25="$499" href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:90.60%;"><img id="HFhsLDuMQr9ApbrRTkAZFi" name="Switch 2 Choose Your Game Bundle" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/HFhsLDuMQr9ApbrRTkAZFi.png" mos="" align="middle" fullscreen="" width="1500" height="1359" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow" data-dimension112="38529e06-9656-11f1-b778-6b4443d07af4" data-action="Deal Block" data-label="Switch 2 Choose Your Game Bundle" data-dimension48="Switch 2 Choose Your Game Bundle" data-dimension25="$499">Switch 2 Choose Your Game Bundle: $499</a></strong><br>This Nintendo Switch 2 bundle gets you a console and a choice of one of three excellent titles. Your options are Mario Kart World, Pokémon Pokopia and Donkey Kong: Bananza. This means you can save up to $30 compared to buying one of those games separately. <br><strong>Price check: </strong><a href="https://www.bestbuy.com/product/switch-2-choose-your-game-bundle-nintendo-switch-2/J7GSL57WQR" target="_blank" rel="nofollow"><strong>$499 @ Best Buy</strong></a><strong> | </strong><a href="https://www.gamestop.com/consoles-hardware/nintendo-switch-2/products/nintendo-switch-2-choose-your-game-bundle/445803.html" target="_blank" rel="nofollow"><strong>$499 @ Gamestop</strong></a><strong> | </strong><a href="https://www.nintendo.com/us/store/products/nintendo-switch-2-choose-bundle-128060/" target="_blank" rel="nofollow"><strong>$499 @ Nintendo</strong></a><a class="view-deal button" href="https://www.amazon.com/dp/B0GZ5DFHC5/" target="_blank" rel="nofollow" data-dimension112="38529e06-9656-11f1-b778-6b4443d07af4" data-action="Deal Block" data-label="Switch 2 Choose Your Game Bundle" data-dimension48="Switch 2 Choose Your Game Bundle" data-dimension25="$499">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-accessory-deals"><span>Nintendo Switch accessory deals</span></h3><div class="product"><a data-dimension112="38529f5a-9656-11f1-be17-ad4c25dd6acc" data-action="Deal Block" data-label="Airlite Fit" data-dimension48="Airlite Fit" data-dimension25="$17" href="https://www.amazon.com/Turtle-Beach-Airlite-Gaming-Headset-Console/dp/B0F1R2437T" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:466px;"><p class="vanilla-image-block" style="padding-top:124.25%;"><img id="3juWaVDxW3AHhHMMSM2sjQ" name="Turtle Beach Airlite Fit" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/3juWaVDxW3AHhHMMSM2sjQ.jpg" mos="" align="middle" fullscreen="" width="466" height="579" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>In our <a href="https://www.tomsguide.com/gaming/gaming-peripherals/turtle-beach-airlite-fit-nintendo-switch-headset-review" data-dimension112="38529f5a-9656-11f1-be17-ad4c25dd6acc" data-action="Deal Block" data-label="Airlite Fit" data-dimension48="Airlite Fit" data-dimension25="$17">Turtle Beach Airlite Fit review</a>, we loved this headset's ultra-comfortable design, its great sound quality, and its flip-to-mute mic. Better yet, we loved the affordable price, which has just got even better thanks to this deal.<a class="view-deal button" href="https://www.amazon.com/Turtle-Beach-Airlite-Gaming-Headset-Console/dp/B0F1R2437T" target="_blank" rel="nofollow" data-dimension112="38529f5a-9656-11f1-be17-ad4c25dd6acc" data-action="Deal Block" data-label="Airlite Fit" data-dimension48="Airlite Fit" data-dimension25="$17">View Deal</a></p></div><div class="product"><a data-dimension112="38529fc8-9656-11f1-86fe-fdcdae238f31" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="rRmoBGCGfLKa4YNM75662m" name="rds-game-traveler-deluxe-for-switch-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/rRmoBGCGfLKa4YNM75662m.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="38529fc8-9656-11f1-86fe-fdcdae238f31" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">Game Traveler Deluxe Case: was $29 now $26</a></strong><br>The Switch 2 was made to be portable, so you'll want a case to keep it protected on your travels. This officially licensed accessory comes with space to not only sort your Switch 2, but also a Pro controller and power adapter. It also comes with 12 slots to hold Switch game cards.<a class="view-deal button" href="https://www.amazon.com/R-D-S-Industries-Inc-Licensed-Nintendo-Traveler/dp/B0F3YXTMPF/" target="_blank" rel="nofollow" data-dimension112="38529fc8-9656-11f1-86fe-fdcdae238f31" data-action="Deal Block" data-label="Game Traveler Deluxe Case" data-dimension48="Game Traveler Deluxe Case" data-dimension25="$26">View Deal</a></p></div><div class="product"><a data-dimension112="3852a022-9656-11f1-bc2c-8d3e6ca01e26" data-action="Deal Block" data-label="Wireless Gaming Headset" data-dimension48="Wireless Gaming Headset" data-dimension25="$39" href="https://www.amazon.com/dp/B0GWPZFT81" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1354px;"><p class="vanilla-image-block" style="padding-top:110.78%;"><img id="pccUfGsFadUT4RgftJyeef" name="Wireless Gaming Headset" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/pccUfGsFadUT4RgftJyeef.jpg" mos="" align="middle" fullscreen="" width="1354" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Want a wireless gaming headset that works with all your devices? This one is compatible with PS5, PC, PS4 and Switch as well as Macs. You get up to 45 hours of battery life, and there's a detachable mic and physical button controls.<a class="view-deal button" href="https://www.amazon.com/dp/B0GWPZFT81" target="_blank" rel="nofollow" data-dimension112="3852a022-9656-11f1-bc2c-8d3e6ca01e26" data-action="Deal Block" data-label="Wireless Gaming Headset" data-dimension48="Wireless Gaming Headset" data-dimension25="$39">View Deal</a></p></div><div class="product"><a data-dimension112="3852a090-9656-11f1-8048-cdaa7ebc0e46" data-action="Deal Block" data-label="Ultimate 2 Bluetooth Controller" data-dimension48="Ultimate 2 Bluetooth Controller" data-dimension25="$59" href="https://www.amazon.com/dp/B0F194QFT2" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="EiaELzxguKPZpXS2WgqiHP" name="Ultimate 2 Bluetooth Controller" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/EiaELzxguKPZpXS2WgqiHP.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/dp/B0F194QFT2" target="_blank" rel="nofollow" data-dimension112="3852a090-9656-11f1-8048-cdaa7ebc0e46" data-action="Deal Block" data-label="Ultimate 2 Bluetooth Controller" data-dimension48="Ultimate 2 Bluetooth Controller" data-dimension25="$59">Ultimate 2 Bluetooth Controller: was $69 now $59</a></strong><br>We love 8BitDo controllers at Tom's Guide. The Ultimate 2 is compatible with the Switch, Switch 2 and PC. You also get hall effect triggers and an integrated charging dock.<a class="view-deal button" href="https://www.amazon.com/dp/B0F194QFT2" target="_blank" rel="nofollow" data-dimension112="3852a090-9656-11f1-8048-cdaa7ebc0e46" data-action="Deal Block" data-label="Ultimate 2 Bluetooth Controller" data-dimension48="Ultimate 2 Bluetooth Controller" data-dimension25="$59">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-game-deals"><span>Nintendo Switch game deals</span></h3><div class="product"><a data-dimension112="3852a158-9656-11f1-89b4-b7d2b695a41c" data-action="Deal Block" data-label="Horizon Adventures" data-dimension48="Horizon Adventures" data-dimension25="$19" href="https://www.amazon.com/LEGO-Horizon-Adventures-Nintendo-Switch/dp/B0DJDLS8Q1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1125px;"><p class="vanilla-image-block" style="padding-top:133.33%;"><img id="4AzebuKpUDwN63aT6nCVX5" name="lego_horizon_adventures_deal_block_nintendo_switch" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/4AzebuKpUDwN63aT6nCVX5.jpg" mos="" align="middle" fullscreen="" width="1125" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>This family-friendly Lego-fied version of Horizon Zero Dawn expertly balances the former’s adorable aesthetics and customization with the latter’s character-focused story and tactical combat. As we said in our <a href="https://www.tomsguide.com/gaming/lego-horizon-adventures-review" data-dimension112="3852a158-9656-11f1-89b4-b7d2b695a41c" data-action="Deal Block" data-label="Horizon Adventures" data-dimension48="Horizon Adventures" data-dimension25="$19">Lego Horizon Adventures review</a>, this is one of the more action-packed Lego games. But despite its greater emphasis on combat, the game never takes itself too seriously, offering the trademark comedic tone you’d expect from a Lego title.<a class="view-deal button" href="https://www.amazon.com/LEGO-Horizon-Adventures-Nintendo-Switch/dp/B0DJDLS8Q1" target="_blank" rel="nofollow" data-dimension112="3852a158-9656-11f1-89b4-b7d2b695a41c" data-action="Deal Block" data-label="Horizon Adventures" data-dimension48="Horizon Adventures" data-dimension25="$19">View Deal</a></p></div><div class="product"><a data-dimension112="3852a2a2-9656-11f1-af60-cf3c8ec15935" data-action="Deal Block" data-label="Just Dance 2026 Edition" data-dimension48="Just Dance 2026 Edition" data-dimension25="$19" href="https://www.amazon.com/Just-Dance-2026-Limited-Nintendo-Switch/dp/B0FJH3K1RW/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1238px;"><p class="vanilla-image-block" style="padding-top:112.76%;"><img id="A4gbkM2Zi6X4yuFvKW3ibQ" name="Just dance 2026 edition" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/A4gbkM2Zi6X4yuFvKW3ibQ.png" mos="" align="middle" fullscreen="" width="1238" height="1396" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/Just-Dance-2026-Limited-Nintendo-Switch/dp/B0FJH3K1RW/" target="_blank" rel="nofollow" data-dimension112="3852a2a2-9656-11f1-af60-cf3c8ec15935" data-action="Deal Block" data-label="Just Dance 2026 Edition" data-dimension48="Just Dance 2026 Edition" data-dimension25="$19">Just Dance 2026 Edition: was $49 now $19</a></strong><br>Forty tracks spanning current hits to classics, up to 6-player local multiplayer, and a new Party mode for unpredictable dance showdowns. Just Dance 2026 is perfect for gatherings where you need everyone entertained.<a class="view-deal button" href="https://www.amazon.com/Just-Dance-2026-Limited-Nintendo-Switch/dp/B0FJH3K1RW/" target="_blank" rel="nofollow" data-dimension112="3852a2a2-9656-11f1-af60-cf3c8ec15935" data-action="Deal Block" data-label="Just Dance 2026 Edition" data-dimension48="Just Dance 2026 Edition" data-dimension25="$19">View Deal</a></p></div><div class="product"><a data-dimension112="3852a310-9656-11f1-ac72-d9fc282bcb0f" data-action="Deal Block" data-label="The New Dawn" data-dimension48="The New Dawn" data-dimension25="$27" href="https://www.amazon.com/Cronos-Nintendo-Switch-2/dp/B0FKVWSM3N" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1328px;"><p class="vanilla-image-block" style="padding-top:158.43%;"><img id="jBU6gTzsJhmpjTxeGSJh9M" name="Cronos The New Dawn Nintendo Switch 2 deal block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/jBU6gTzsJhmpjTxeGSJh9M.png" mos="" align="middle" fullscreen="" width="1328" height="2104" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/cronos-the-new-dawn-is-the-spiritual-successor-to-dead-space-i-needed-this-halloween" data-dimension112="3852a310-9656-11f1-ac72-d9fc282bcb0f" data-action="Deal Block" data-label="The New Dawn" data-dimension48="The New Dawn" data-dimension25="$27">Cronos: The New Dawn</a> is a must-play for fans of Resident Evil and Dead Space. In this original survival-horror, you play a traveller in a bleak future. Your mission is to travel to the past to learn vital information that could save the future. In your way are a variety of mutated, nightmarish foes and terrifying boss battles. <a class="view-deal button" href="https://www.amazon.com/Cronos-Nintendo-Switch-2/dp/B0FKVWSM3N" target="_blank" rel="nofollow" data-dimension112="3852a310-9656-11f1-ac72-d9fc282bcb0f" data-action="Deal Block" data-label="The New Dawn" data-dimension48="The New Dawn" data-dimension25="$27">View Deal</a></p></div><div class="product"><a data-dimension112="3852a36a-9656-11f1-9271-bf88b1672efc" data-action="Deal Block" data-label="The Rogue Prince of Persia" data-dimension48="The Rogue Prince of Persia" data-dimension25="$29" href="https://www.amazon.com/Rogue-Prince-Persia-Nintendo-Switch-2/dp/B0GKGS1FSC" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:958px;"><p class="vanilla-image-block" style="padding-top:156.58%;"><img id="Ghv5FK5KM6zbSburAUtNRa" name="The Rogue Prince of Persia NS2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/Ghv5FK5KM6zbSburAUtNRa.jpg" mos="" align="middle" fullscreen="" width="958" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The clue's in the name — The Rogue Prince of Persia is a roguelike that plays extremely well on Nintendo Switch 2. Grab it on sale for challenging, addicting action gameplay abound.<a class="view-deal button" href="https://www.amazon.com/Rogue-Prince-Persia-Nintendo-Switch-2/dp/B0GKGS1FSC" target="_blank" rel="nofollow" data-dimension112="3852a36a-9656-11f1-9271-bf88b1672efc" data-action="Deal Block" data-label="The Rogue Prince of Persia" data-dimension48="The Rogue Prince of Persia" data-dimension25="$29">View Deal</a></p></div><div class="product"><a data-dimension112="3852a3ce-9656-11f1-a234-bb8e2c8ab596" data-action="Deal Block" data-label="Super Mario RPG" data-dimension48="Super Mario RPG" data-dimension25="$33" href="https://www.walmart.com/ip/Super-Mario-RPG-Nintendo-Switch-U-S-Edition/1349013407" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="4xG2wv5AUJnDubSBFjdzoJ" name="super-mario-rpg-switch-game.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/4xG2wv5AUJnDubSBFjdzoJ.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>A full remake of the original Super Mario RPG released in 1996 for the Super Nintendo Entertainment System (SNES), this role-playing game sees Mario, Bowser, Peach and some new friends embark on an adventure to repair a wish-granting star. With updated graphics, gameplay and new cinematics, Super Mario RPG has never looked (or played) this well, but the original game's charms have been carefully retained as well.<a class="view-deal button" href="https://www.walmart.com/ip/Super-Mario-RPG-Nintendo-Switch-U-S-Edition/1349013407" target="_blank" rel="nofollow" data-dimension112="3852a3ce-9656-11f1-a234-bb8e2c8ab596" data-action="Deal Block" data-label="Super Mario RPG" data-dimension48="Super Mario RPG" data-dimension25="$33">View Deal</a></p></div><div class="product"><a data-dimension112="3852a432-9656-11f1-a1df-4f3145d67bc4" data-action="Deal Block" data-label="Generation" data-dimension48="Generation" data-dimension25="$37" href="https://www.amazon.com/Sonic-Shadow-Generations-Nintendo-Switch-2/dp/B0F663CWT8/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:71.47%;"><img id="9ZrMt2Hq2yhZU6NMDPtQmc" name="sonic-x-shadow-switch-2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/9ZrMt2Hq2yhZU6NMDPtQmc.jpg" mos="" align="middle" fullscreen="" width="1500" height="1072" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/sonic-x-shadow-generations-review" data-dimension112="3852a432-9656-11f1-a1df-4f3145d67bc4" data-action="Deal Block" data-label="Generation" data-dimension48="Generation" data-dimension25="$37">Sonic X Shadow Generations</a> remasters the classic game and bundles it with a new chapter where you play as beloved anti-hero Shadow. It's a fun mix of 2D and 3D Sonic, and with shorter, replayable levels, it fits perfectly on the portable Nintendo Switch 2. <a class="view-deal button" href="https://www.amazon.com/Sonic-Shadow-Generations-Nintendo-Switch-2/dp/B0F663CWT8/" target="_blank" rel="nofollow" data-dimension112="3852a432-9656-11f1-a1df-4f3145d67bc4" data-action="Deal Block" data-label="Generation" data-dimension48="Generation" data-dimension25="$37">View Deal</a></p></div><div class="product"><a data-dimension112="3852a496-9656-11f1-8efa-97e1d16f3ed6" data-action="Deal Block" data-label="Outlaws" data-dimension48="Outlaws" data-dimension25="$29" href="https://www.amazon.com/Star-Wars-Outlaws-Gold-Nintendo-Switch/dp/B0F79Z9V31/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:927px;"><p class="vanilla-image-block" style="padding-top:161.81%;"><img id="BwV6UrdZnqFU8bHcp3JcHX" name="star-wars-outlaws-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/BwV6UrdZnqFU8bHcp3JcHX.jpg" mos="" align="middle" fullscreen="" width="927" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><a href="https://www.tomsguide.com/gaming/star-wars-outlaws-review-a-quintessential-outing-in-a-galaxy-far-far-away" data-dimension112="3852a496-9656-11f1-8efa-97e1d16f3ed6" data-action="Deal Block" data-label="Outlaws" data-dimension48="Outlaws" data-dimension25="$29">Star Wars Outlaws</a> is one of the best things to come out of the galaxy far, far away in years. You play the rogue Kay Vess, looking to make a name (and find the score of a lifetime) in a world controlled by the Galactic Empire. It's an Ubisoft game, so you can expect a large open world full of distractions and side missions.<a class="view-deal button" href="https://www.amazon.com/Star-Wars-Outlaws-Gold-Nintendo-Switch/dp/B0F79Z9V31/" target="_blank" rel="nofollow" data-dimension112="3852a496-9656-11f1-8efa-97e1d16f3ed6" data-action="Deal Block" data-label="Outlaws" data-dimension48="Outlaws" data-dimension25="$29">View Deal</a></p></div><div class="product"><a data-dimension112="3852a572-9656-11f1-8294-31b4f03c6750" data-action="Deal Block" data-label="The Legend of Zelda Breath of the Wild" data-dimension48="The Legend of Zelda Breath of the Wild" data-dimension25="$45" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-5" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="5jjqhmQeCNsYPQqLt4UrZm" name="breath-of-the-wild-case.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/5jjqhmQeCNsYPQqLt4UrZm.jpg" mos="" align="middle" fullscreen="" width="2500" height="2500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-5" target="_blank" rel="nofollow" data-dimension112="3852a572-9656-11f1-8294-31b4f03c6750" data-action="Deal Block" data-label="The Legend of Zelda Breath of the Wild" data-dimension48="The Legend of Zelda Breath of the Wild" data-dimension25="$45">The Legend of Zelda Breath of the Wild: was $59 now $45</a></strong><br>Hyrule goes open world, with Link waking up to a land stricken by Calamity — and it's up to him to save the world from Ganon and rescue Princess Zelda (again). You can do as much or as little as you like towards that goal — the world is yours to explore as you see fit.<br><strong>Price check: </strong><a href="https://www.walmart.com/ip/The-Legend-of-Zelda-Breath-of-the-Wild-Nintendo-Switch/55432568?" target="_blank" rel="nofollow"><strong>$47 @ Walmart</strong></a><a class="view-deal button" href="https://electronics.woot.com/offers/the-legend-of-zelda-breath-of-the-wild-nintendo-switch-5" target="_blank" rel="nofollow" data-dimension112="3852a572-9656-11f1-8294-31b4f03c6750" data-action="Deal Block" data-label="The Legend of Zelda Breath of the Wild" data-dimension48="The Legend of Zelda Breath of the Wild" data-dimension25="$45">View Deal</a></p></div><div class="product"><a data-dimension112="3852a5ea-9656-11f1-8e01-3558c99b04e2" data-action="Deal Block" data-label="FINAL FANTASY I-VI Collection" data-dimension48="FINAL FANTASY I-VI Collection" data-dimension25="$49" href="https://www.amazon.com/FINAL-FANTASY-Collection-Anniversary-Nintendo-Switch/dp/B0DCKFWW1V" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:983px;"><p class="vanilla-image-block" style="padding-top:152.59%;"><img id="UShGAihp2WQpyH3N8mRUyV" name="71QWO4tJLoL._SL1500_" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/UShGAihp2WQpyH3N8mRUyV.jpg" mos="" align="middle" fullscreen="" width="983" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/FINAL-FANTASY-Collection-Anniversary-Nintendo-Switch/dp/B0DCKFWW1V" target="_blank" rel="nofollow" data-dimension112="3852a5ea-9656-11f1-8e01-3558c99b04e2" data-action="Deal Block" data-label="FINAL FANTASY I-VI Collection" data-dimension48="FINAL FANTASY I-VI Collection" data-dimension25="$49">FINAL FANTASY I-VI Collection: was $74 now $49</a></strong><br>Relive the first six chapters in the Final Fantasy story with this anniversary collection on Nintendo Switch. Each classic RPG in this remastered package includes updated pixel visuals, rearranged soundtracks and a ton of useful tweaks to game balance and UI that makes these games more fun than ever.<a class="view-deal button" href="https://www.amazon.com/FINAL-FANTASY-Collection-Anniversary-Nintendo-Switch/dp/B0DCKFWW1V" target="_blank" rel="nofollow" data-dimension112="3852a5ea-9656-11f1-8e01-3558c99b04e2" data-action="Deal Block" data-label="FINAL FANTASY I-VI Collection" data-dimension48="FINAL FANTASY I-VI Collection" data-dimension25="$49">View Deal</a></p></div><div class="product"><a data-dimension112="3852a64e-9656-11f1-93ef-7707d9760693" data-action="Deal Block" data-label="Fire Emblem Fortune's Weave" data-dimension48="Fire Emblem Fortune's Weave" data-dimension25="$69" href="https://www.amazon.com/dp/B0H4NM3QL7?" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="5EZNSYMsZaNLgQzbQQSv6H" name="Fire Emblem Fortune's Weave NS2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/5EZNSYMsZaNLgQzbQQSv6H.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/dp/B0H4NM3QL7?" target="_blank" rel="nofollow" data-dimension112="3852a64e-9656-11f1-93ef-7707d9760693" data-action="Deal Block" data-label="Fire Emblem Fortune's Weave" data-dimension48="Fire Emblem Fortune's Weave" data-dimension25="$69">Fire Emblem Fortune's Weave: was $79 now $69</a></strong><br>Nintendo's classic RPG series is back with a new entry. In Fortune's Weave, you'll compete against the kingdom's best warriors in the gladitorial Heroic Games. There are four main characters with unique stories and motivations — expect plenty of replay value. A physical copy usually costs $79, but Amazon is selling them for $69 as a hidden discount.<a class="view-deal button" href="https://www.amazon.com/dp/B0H4NM3QL7?" target="_blank" rel="nofollow" data-dimension112="3852a64e-9656-11f1-93ef-7707d9760693" data-action="Deal Block" data-label="Fire Emblem Fortune's Weave" data-dimension48="Fire Emblem Fortune's Weave" data-dimension25="$69">View Deal</a></p></div><div class="vizualizer-embed"><div class="tg-df-widget-host" data-widget-config="?search=Gaming&min_discount_ratio=0.95&offer_type=all&view_mode=carousel&widget_title=Top+Deals+Handpicked+by+Our+Editors&widget_subtitle=Discover+the+best+discounts+currently+available%2C+curated+daily+by+the+Tom%27s+Guide+Savings+Squad.&bg_color=transparent" data-vizualizer-embed="true"></div>    <script>    /**     * Tom's Guide Deals Finder - Vanilla JS Encapsulated Engine     */    (function() {      // --- Freyr Analytics Adapter ---      function initAnalytics() {        window.dataLayer = window.dataLayer || [];        window.googletag = window.googletag || {};        window.googletag.cmd = window.googletag.cmd || [];        window.hawk = window.hawk || { analytics: { freyr: [] } };        window.hawk.analytics = window.hawk.analytics || { freyr: [] };        window.hawk.analytics.freyr = window.hawk.analytics.freyr || [];        window.freyr = window.freyr || { cmd: [] };        const scriptSrc = 'https://freyr.futurecdn.net/freyr.js';        const hostname = typeof window !== 'undefined' ? window.location.hostname : '';        const isTestEnv = typeof window.navigator !== 'undefined' && (window.navigator.webdriver || window.navigator.userAgent.includes('Headless'));        const shouldSendRealAnalytics = !isTestEnv && hostname && hostname !== 'localhost' && hostname !== '127.0.0.1' && !hostname.includes('run.app');        if (shouldSendRealAnalytics && !document.querySelector(`script[src="${scriptSrc}"]`)) {          const script = document.createElement('script');          script.src = scriptSrc;          script.async = true;          document.head.appendChild(script);        }      }      function storeEventForDebug(name, data) {        if (!window.hawk || !window.hawk.analytics || !window.hawk.analytics.freyr) return;        window.hawk.analytics.freyr.push({ name, data });        try {          if (typeof window !== 'undefined' && window.localStorage) {            window.localStorage.setItem("hawk", JSON.stringify(window.hawk));          }        } catch (e) {          // Ignore storage issues        }        try {          window.dispatchEvent(new CustomEvent("hawk-analytics-update"));        } catch (e) {}      }      function sendToFreyr(eventName, data) {        if (typeof window === 'undefined') return;        window.freyr = window.freyr || { cmd: [] };        window.freyr.cmd.push(() => {          if (window.freyr && window.freyr.pushAndUpdate) {            window.freyr.pushAndUpdate(eventName, data);          }        });      }      function sendEvent(event, skip = false) {        try {          storeEventForDebug(event.name, event.data);          if (!skip) {            sendToFreyr(event.name, event.data);          }        } catch (e) {          // Ensure tracking errors don't surface to the user        }      }      function getCookie(name) {        try {          const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));          return match ? match[2] : null;        } catch (e) {          return null;        }      }      function normalizeCurrency(symbol) {        const map = {          '£': 'GBP',          '$': 'USD',          'A$': 'AUD',          'CA$': 'CAD',          '€': 'EUR'        };        return map[symbol] || symbol;      }      function trackElementInteraction(props) {        sendEvent({          name: 'elementInteraction',          data: {            element: {              action: props.action || "click",              id: props.id || undefined,              class: props.class || undefined,              name: props.name || undefined,              text: props.text || undefined,              label: props.label || undefined,              container: props.container || undefined,              url: props.url || undefined,              articleId: props.articleId || undefined            }          }        });      }      function generateRevenueId(url, productName, merchantName, modelId) {        const str = `${window.location.href}|${productName}|${merchantName}|${modelId || ''}|${new Date().toDateString()}|tomsguide`;        let hash = 0;        for (let i = 0; i < str.length; i++) {          const char = str.charCodeAt(i);          hash = ((hash << 5) - hash) + char;          hash = hash & hash;        }        let numericStr = Math.abs(hash).toString();        while (numericStr.length < 19) {          numericStr += Math.floor(Math.random() * 10).toString();        }        return numericStr.substring(0, 19);      }      function rewriteAffiliateLink(url, territory, revenueId) {        if (!url) return url;        const t = (territory || 'gb').toLowerCase();        return url.replace(/hawk-custom-tracking/g, `tomsguide-${t}-${revenueId}`);      }      function trackHawkEvent(params) {        const { clickType, widgetId, productCategoryName, product, productsArray, zeroBasedProductIndexOrNull, totalDealsOrProducts, areaClicked, merchant, revenueId, isoCurrencyCode, queryName, widgetTypeName } = params;        const data = {          event: "hawkEvent",          category: "Affiliates",          affiliate: {            action: {              type: clickType,              id: widgetId,              event: clickType === "appeared" ? "viewed" : "Click from",              timestamp: Date.now()            },            component: {              flag: "Editor",              product: productCategoryName || "deals",              category: `Signal Deal Finder ${widgetTypeName || "Carousel"} widget`,              type: clickType === "appeared" ? "review" : "signal product",              label: queryName || (product ? (product.name || "") : ""),              index: zeroBasedProductIndexOrNull === null || zeroBasedProductIndexOrNull === undefined ? -1 : zeroBasedProductIndexOrNull,              linkCount: totalDealsOrProducts || 0,              blockLayout: "",              areaClicked: areaClicked || ""            }          },          products: productsArray || (product && merchant ? [            {              product: {                primary: {                  id: product.id || product.matchId || null,                  name: product.name,                  type: "deal",                  price: product.price,                  previousPrice: product.previousPrice || null,                  currency: isoCurrencyCode || "USD",                  preorder: false,                  labels: [],                  link: product.link,                  originalLink: product.originalLink || null,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: null,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: product.globalId || null,                  inStock: product.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: isoCurrencyCode || "USD"                }              },              merchant: {                id: merchant.id || null,                name: merchant.name,                url: merchant.url || null,                network: merchant.network || null              },              model: {                id: product.modelId || null,                brand: product.brand || null,                name: product.name,                parent: product.parent || null              }            }          ] : []),          reviews: [],          _clear: true,          "gtm.uniqueEventId": Date.now() % 10000        };        sendEvent({ name: 'hawkEvent', data });      }      function trackDealClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card" });      }      function trackViewSimilarClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Product Card View Similar" });      }      function trackPriceComparisonClick(params) {        trackHawkEvent({ ...params, clickType: "retailer", areaClicked: "Signal Price Comparison" });      }      function trackReviewClick(params) {        trackHawkEvent({ ...params, clickType: "review", areaClicked: "Signal Product Card Review Link" });      }      function trackShare(params) {        trackHawkEvent({ ...params, clickType: "share", areaClicked: "Signal Product Card Share" });      }      function trackDealsAppeared(widgetId, deals, revenueId, currency, queryName, widgetTypeName) {         if (!deals || deals.length === 0) return;                  const productsArray = deals.slice(0, 50).map((deal) => {            let voucherPct = null;            let rawPrice = parseFloat(deal.rawPrice) || parseFloat(deal.price) || null;            let rawMsrp = parseFloat(deal.rawMsrp) || parseFloat(deal.msrp) || null;            if (rawMsrp > rawPrice && rawPrice > 0) {              voucherPct = Math.round((1 - (rawPrice / rawMsrp)) * 100);            }            let numId = null;            if (deal.externalProductId && !isNaN(parseInt(deal.externalProductId))) {              numId = parseInt(deal.externalProductId);            } else if (deal.id && !isNaN(parseInt(deal.id))) {              numId = parseInt(deal.id);            } else {              numId = deal.matchId || null;            }            return {              product: {                primary: {                  id: numId,                  name: deal.productName || deal.title || "",                  type: "deal",                  price: rawPrice,                  previousPrice: rawMsrp,                  currency: currency || 'USD',                  preorder: false,                  labels: deal.modelBrand || deal.brand ? [                     { type: "brand", value: deal.modelBrand || deal.brand }                  ] : [],                  link: deal.url,                  originalLink: deal.url,                  revenueId: revenueId || null,                  startTime: null,                  endTime: null,                  voucherCode: null,                  voucherAudience: null,                  voucherPercentageSaving: voucherPct,                  voucherMoneySaving: null,                  voucherType: null,                  offerExclusive: false,                  offerScope: null,                  globalId: deal.productKey || null,                  inStock: deal.inStock !== false,                  contractProvider: null,                  contractMinutes: null,                  contractTexts: null,                  contractData: null,                  contractLength: null,                  contractMonthlyPrice: null,                  contractCurrency: currency || 'USD'                }              },              merchant: {                id: deal.merchantId ? parseInt(deal.merchantId) : null,                name: deal.merchant || "Retailer",                url: deal.merchantUrl || null,                network: deal.merchantNetwork || null              },              model: {                id: deal.modelId ? parseInt(deal.modelId) : null,                brand: deal.modelBrand || deal.brand || null,                name: deal.productName || deal.title || "",                parent: deal.modelParent || null              }            };         });                  trackHawkEvent({             clickType: "appeared",             widgetId: widgetId,             productCategoryName: "deals",             zeroBasedProductIndexOrNull: null,             totalDealsOrProducts: deals.length,             productsArray: productsArray,             queryName: queryName,             widgetTypeName: widgetTypeName         });      }      // 1. Setup Shadow DOM Sandbox      const currentScript = document.currentScript;      let hostContainer = null;      let template = null;            if (currentScript) {        let prev = currentScript.previousElementSibling;        while (prev) {          if (prev.tagName === 'TEMPLATE' && prev.classList.contains('tg-df-widget-template')) {            template = prev;          } else if (prev.tagName === 'DIV' && prev.classList.contains('tg-df-widget-host') && !prev.hasAttribute('data-initialized')) {            hostContainer = prev;            break;          }          prev = prev.previousElementSibling;        }      }            // Fallbacks in case script is deferred      if (!hostContainer) {        const hosts = document.querySelectorAll('.tg-df-widget-host:not([data-initialized])');        if (hosts.length > 0) hostContainer = hosts[0];      }            // Safely embedded template for CMS environments      const rawTemplate = `  \x3Cstyle>    /* --- Shadow DOM Base Reset --- */    *, *::before, *::after {      box-sizing: border-box;    }    img, picture, svg, video {      max-width: 100%;      height: auto;      display: block;    }    /*       1. Scoped CSS for Tom's Guide Deals Widget       All classes are prefixed with \`tg-df-\` to prevent CMS style leakage.    */    .tg-df-container {      container-type: inline-size;      container-name: tg-df;      --tg-df-blue: #1F69FF;      --tg-df-blue-hover: #004d8c;      --tg-df-text: #222222;      --tg-df-text-muted: #555555;      --tg-df-bg: #ffffff;      --tg-df-bg-secondary: #f4f4f4;      --tg-df-border: #e2e8f0;      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;      color: var(--tg-df-text);      background-color: transparent;       width: 100%;      max-width: 1200px;      margin: 0 auto;      padding-bottom: 24px;    }    .tg-df-container *, .tg-df-container *::before, .tg-df-container *::after {      margin: 0;      padding: 0;      box-sizing: border-box;    }    .tg-df-container img {      border: none;      margin: 0;      padding: 0;    }    .tg-df-container a {      text-decoration: none;      color: inherit;    }    /*       2. Search & Filter Bar    */    .tg-df-controls {      display: flex;      flex-direction: column;      align-items: center;      gap: 20px;      margin-bottom: 32px;      width: 100%;    }    .tg-df-top-bar {      display: flex;      width: 100%;      max-width: 760px;      gap: 12px;      align-items: center;    }    .tg-df-search-wrapper {      position: relative;      flex: 1;      width: 100%;      box-shadow: 0 8px 24px rgba(0,0,0,0.06);      border-radius: 40px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      z-index: 100;    }    .tg-df-autocomplete-dropdown {      position: absolute;      top: calc(100% + 4px);      left: 0;      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      max-height: 300px;      overflow-y: auto;      z-index: 200;      display: none;    }    .tg-df-autocomplete-dropdown.active {      display: block;    }    .tg-df-autocomplete-item {      padding: 12px 24px;      cursor: pointer;      font-size: 14px;      color: var(--tg-df-text);      transition: background 0.1s ease;    }    .tg-df-autocomplete-item:hover {      background: var(--tg-df-bg-secondary);    }    .tg-df-search-input {      width: 100%;      padding: 16px 64px 16px 24px;      font-size: 16px;      border: 2px solid transparent;      border-radius: 40px;      outline: none;      transition: border-color 0.2s ease, box-shadow 0.2s ease;      color: var(--tg-df-text);      background: transparent;    }    .tg-df-search-input:focus {      border-color: transparent;      box-shadow: 0 0 0 3px rgba(0, 108, 196, 0.15);    }    .tg-df-search-input::placeholder {      color: #999999;    }        .tg-df-search-btn {      position: absolute;      right: 8px;      top: 50%;      transform: translateY(-50%);      width: 40px;      height: 40px;      border-radius: 50%;      background: #222;      border: none;      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: background 0.2s ease;    }        .tg-df-search-btn:hover {      background: #000;    }    .tg-df-search-icon {      width: 16px;      height: 16px;      fill: #fff;    }    .tg-df-settings-wrapper {      position: relative;    }        .tg-df-settings-btn {      width: 48px;      height: 48px;      border-radius: 50%;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      box-shadow: 0 4px 12px rgba(0,0,0,0.04);      display: flex;      align-items: center;      justify-content: center;      cursor: pointer;      transition: all 0.2s ease;      color: var(--tg-df-text-muted);      flex-shrink: 0;    }    .tg-df-settings-btn:hover {      background: var(--tg-df-bg-secondary);      border-color: #0000ff;      color: var(--tg-df-text);    }    .tg-df-settings-btn svg {      width: 24px;      height: 24px;      fill: currentColor;    }    .tg-df-settings-dropdown {      position: absolute;      top: calc(100% + 8px);      right: 0;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 12px;      box-shadow: 0 8px 32px rgba(0,0,0,0.12);      width: 280px;      padding: 20px;      display: none;      z-index: 100;      flex-direction: column;      gap: 20px;    }    .tg-df-settings-dropdown.active {      display: flex;    }        .tg-df-settings-dropdown-backdrop {      display: none;      position: fixed;      inset: 0;      z-index: 99;    }        .tg-df-settings-dropdown-backdrop.active {      display: block;    }    .tg-df-setting-item {      display: flex;      flex-direction: column;      gap: 10px;    }    .tg-df-setting-label {      font-size: 11px;      font-weight: 700;      color: var(--tg-df-text-muted);      text-transform: uppercase;      letter-spacing: 0.5px;    }        .tg-df-region-select {        padding: 10px 12px;        border-radius: 8px;        border: 1px solid var(--tg-df-border);        font-size: 15px;        outline: none;        background: var(--tg-df-bg-secondary);        color: var(--tg-df-text);        cursor: pointer;        width: 100%;    }    .tg-df-toggle {        position: relative;        display: inline-block;        width: 44px;        height: 24px;        flex-shrink: 0;    }    .tg-df-toggle input {        opacity: 0;        width: 0;        height: 0;    }    .tg-df-slider {        position: absolute;        cursor: pointer;        top: 0; left: 0; right: 0; bottom: 0;        background-color: #ccc;        transition: .2s;        border-radius: 24px;    }    .tg-df-slider:before {        position: absolute;        content: "";        height: 18px;        width: 18px;        left: 3px;        bottom: 3px;        background-color: white;        transition: .2s;        border-radius: 50%;    }    .tg-df-toggle input:checked + .tg-df-slider {        background-color: #1F69FF;    }    .tg-df-toggle input:checked + .tg-df-slider:before {        transform: translateX(20px);    }    .tg-df-dl-row {        flex-direction: row;        align-items: center;        justify-content: space-between;    }    .tg-df-dl-row-text {        font-size: 14px;        font-weight: 600;        color: var(--tg-df-text);    }    .tg-df-dl-row-subtext {        font-size: 12px;        font-weight: 400;        line-height: 1.3;        color: var(--tg-df-text-muted);        margin-top: 4px;        display: block;    }    .tg-df-filters {      display: flex;      gap: 12px;      justify-content: center;      flex-wrap: wrap;    }    .tg-df-sort-wrapper {      position: relative;      display: flex;      align-items: center;    }        .tg-df-sort-icon {      position: absolute;      left: 14px;      width: 14px;      height: 14px;      fill: var(--tg-df-text-muted);      pointer-events: none;    }    .tg-df-sort-select, .tg-df-filter-select {      padding: 10px 36px 10px 38px;      font-size: 14px;      border: 1px solid var(--tg-df-border);      border-radius: 100px;      outline: none;      appearance: none;      background-color: var(--tg-df-bg-secondary);      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");      background-repeat: no-repeat;      background-position: right 14px center;      color: var(--tg-df-text);      cursor: pointer;      font-weight: 500;      transition: all 0.2s ease;    }        .tg-df-price-input::-webkit-outer-spin-button,    .tg-df-price-input::-webkit-inner-spin-button {      -webkit-appearance: none;      margin: 0;    }    .tg-df-price-input {      -moz-appearance: textfield;    }    .tg-df-sort-select:hover, .tg-df-filter-select:hover {      background-color: #e2e8f0;    }    .tg-df-multiselect-container {      position: relative;    }        .tg-df-multiselect-trigger {      display: block;      background: #fff;      user-select: none;      width: 100%;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis;    }        .tg-df-multiselect-dropdown {      display: none;      position: absolute;      top: calc(100% + 4px);      left: 0;      width: 100%;      min-width: 220px;      max-height: 300px;      overflow-y: auto;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);      z-index: 100;      padding: 8px 0;    }    .tg-df-multiselect-dropdown.active {      display: block;    }    .tg-df-ms-option {      padding: 8px 16px;      display: flex;      align-items: center;      gap: 8px;      cursor: pointer;      font-size: 14px;    }    .tg-df-ms-option:hover {      background-color: var(--tg-df-bg-secondary);    }        .tg-df-ms-option input {      cursor: pointer;      accent-color: #1f69ff;    }    .tg-df-sort-select:focus, .tg-df-filter-select:focus {      border-color: #0000ff;      box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.2);      background-color: var(--tg-df-bg);    }    /*       3. Deal Grid Layout    */    .tg-df-grid.tg-df-grid-auto {      padding-top: 24px;    }    .tg-df-grid, .tg-df-grid.layout-grid {      display: grid;      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));      gap: 10px;    }    .tg-df-grid.layout-row {      grid-template-columns: 1fr;      gap: 16px;    }        .tg-df-grid.layout-row .tg-df-card {      flex-direction: row;      align-items: stretch;      height: auto;      box-shadow: none;      border-bottom: 1px solid var(--tg-df-border);    }    .tg-df-grid.layout-row .tg-df-card:hover {      box-shadow: none;    }    .tg-df-grid.layout-row .tg-df-card-image-box {      width: 140px;      min-width: 140px;      aspect-ratio: 3/4;      border-right: none;      padding: 16px 16px 16px 32px;    }    .tg-df-grid.layout-row .tg-df-card-body {      padding: 16px;      justify-content: space-between;    }    .tg-df-grid.layout-row .tg-df-card-title {      font-size: 15px;      margin-bottom: 16px;    }    .tg-df-grid.layout-row .tg-df-card-stars { margin-bottom: 8px; }    .tg-df-grid.layout-row .tg-df-card-footer {      flex-direction: column;      align-items: flex-start;      gap: 0;    }    .tg-df-grid.layout-row .tg-df-card-merchant-pill {      margin-bottom: 4px;    }    .tg-df-grid.layout-row .tg-df-card-price-group {      margin-bottom: 8px;    }    .tg-df-grid.layout-row .tg-df-price-group {      width: auto;    }    .tg-df-grid.layout-row .tg-df-card-cta {      width: 100%;      max-width: 200px;      padding: 10px 24px;      font-size: 13px;      flex-shrink: 0;      text-align: center;      justify-content: center;    }    /*       4. Deal Card Design    */    .tg-df-card {      position: relative;      display: flex;      flex-direction: column;      background-color: #ffffff;      border-radius: 0;      overflow: hidden;      transition: transform 0.2s ease, box-shadow 0.2s ease;      text-decoration: none;      color: inherit;      height: 100%;      box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);      border: 1px solid var(--tg-df-border);    }    .tg-df-card:hover {      box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);    }    .tg-df-card-image-box {      width: 100%;      aspect-ratio: 3/4;      background-color: #f8f8f8;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      padding: 32px;      flex: 0 0 auto;    }    .tg-df-card-image {      max-width: 100%;      max-height: 100%;      width: auto;      height: auto;      object-fit: contain;      mix-blend-mode: multiply; /* Helps white background images blend into secondary bg */      transition: transform 0.3s ease;    }    .tg-df-card:hover .tg-df-card-image {      transform: scale(1.05); /* Zoom in on hover */    }    .tg-df-card-discount-badge {      position: absolute;      top: 12px;      left: 12px;      background: #dc2626; /* Red */      color: #ffffff;      padding: 6px 8px;      font-size: 11px;      font-weight: 500;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      z-index: 10;    }        .tg-df-card-merchant-pill {      display: block;      padding: 0;      font-size: 11px;      font-weight: 600;      text-transform: uppercase;      letter-spacing: 0.5px;      border-radius: 0;      color: var(--tg-df-text-muted);      margin-bottom: 8px;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }    .tg-df-card-body {      padding: 16px;      display: flex;      flex-direction: column;      flex-grow: 1;      min-width: 0;    }    .tg-df-card-badges {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-bottom: 8px;    }    .tg-df-tag {      display: inline-flex;      align-items: center;      padding: 4px 6px;      font-size: 11px;      font-weight: 700;      text-transform: uppercase;      border-radius: 4px;      gap: 4px;    }    .tg-df-tag-prime {      background-color: #00A8E1;      color: #fff;    }    .tg-df-tag-coupons {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-coupons:hover {      background-color: #e2e8f0;    }        .tg-df-tag-outline {      background-color: #f1f5f9;      color: #334155;      border: 1px solid #cbd5e1;      cursor: pointer;      transition: background-color 0.2s;    }    .tg-df-tag-outline:hover {      background-color: #e2e8f0;    }        @keyframes tg-df-spin {      0% { transform: rotate(0deg); }      100% { transform: rotate(360deg); }    }    .tg-df-coupon-spinner {      border: 2px solid #e2e8f0;      border-top: 2px solid #3b82f6;      border-radius: 50%;      width: 14px;      height: 14px;      animation: tg-df-spin 1s linear infinite;      margin: 4px 8px;      display: inline-block;    }        /* Vouchers Modal */    .tg-df-modal-backdrop {      position: fixed;      top: 0; left: 0; right: 0; bottom: 0;      background: rgba(0,0,0,0.5);      z-index: 10000;      display: flex;      align-items: center;      justify-content: center;      opacity: 0;      pointer-events: none;      transition: opacity 0.3s;    }    .tg-df-modal-backdrop.active {      opacity: 1;      pointer-events: auto;    }    .tg-df-modal {      background: #fff;      border-radius: 12px;      width: 90%;      max-width: 400px;      max-height: 80vh;      display: flex;      flex-direction: column;      box-shadow: 0 10px 40px rgba(0,0,0,0.2);      transform: translateY(20px);      transition: transform 0.3s;    }    .tg-df-modal-backdrop.active .tg-df-modal {      transform: translateY(0);    }    .tg-df-modal-header {      padding: 16px;      border-bottom: 1px solid #e2e8f0;      display: flex;      align-items: center;      justify-content: space-between;    }    .tg-df-modal-title {      font-size: 16px;      font-weight: 600;      margin: 0;    }    .tg-df-modal-close {      background: none;      border: none;      cursor: pointer;      padding: 4px;      color: #64748b;    }    .tg-df-modal-body {      padding: 16px;      overflow-y: auto;    }    .tg-df-voucher-item {      padding: 12px;      border: 1px dashed #cbd5e1;      border-radius: 8px;      margin-bottom: 10px;      background: #f8fafc;      display: flex;      align-items: center;      gap: 12px;      text-decoration: none;      color: inherit;      transition: background-color 0.2s, border-color 0.2s;    }    .tg-df-voucher-item:hover {      background: #f1f5f9;      border-color: #94a3b8;    }    .tg-df-voucher-item:last-child {      margin-bottom: 0;    }    .tg-df-voucher-logo {      width: 48px;      height: 48px;      object-fit: contain;      border-radius: 4px;      background: #fff;      border: 1px solid #e2e8f0;      flex-shrink: 0;    }    .tg-df-voucher-content {      flex: 1;      min-width: 0;    }    .tg-df-voucher-title {      font-size: 14px;      font-weight: 600;      margin: 0 0 4px 0;      line-height: 1.3;      color: #0f172a;    }    .tg-df-voucher-expiry {      font-size: 12px;      color: #64748b;      display: flex;      align-items: center;      gap: 4px;      margin-top: 6px;    }    .tg-df-voucher-code {      display: inline-flex;      align-items: center;      background: #f1f5f9;      border: 1px dashed #cbd5e1;      padding: 6px 10px;      font-family: monospace;      font-weight: 700;      font-size: 14px;      color: #0f172a;      border-radius: 4px;      margin-top: 8px;      cursor: pointer;      transition: all 0.2s ease;    }    .tg-df-voucher-code:hover {      background: #e2e8f0;      border-color: #94a3b8;    }    .tg-df-voucher-code.copied {      background: #ecfdf5;      border-color: #10b981;      color: #10b981;    }    .tg-df-voucher-cta {      display: inline-block;      margin-top: 8px;      font-size: 13px;      font-weight: 600;      color: #2563eb;      text-decoration: none;    }    .tg-df-card-title {      font-size: 15px;      font-weight: 400;      line-height: 1.4;      margin: 0 0 12px 0;      color: var(--tg-df-text);      display: -webkit-box;      -webkit-line-clamp: 2;      -webkit-box-orient: vertical;      overflow: hidden;    }    .tg-df-card-footer {      margin-top: auto;      display: flex;      flex-direction: column;      width: 100%;    }    .tg-df-card-price-group {      display: flex;      flex-direction: row;      align-items: center;      gap: 8px;      margin-bottom: 12px;    }    .tg-df-card-price {      font-size: 16px;      font-weight: 700;      color: #dc2626; /* Red price */      line-height: 1;    }        .tg-df-card-msrp {      font-size: 13px;      color: var(--tg-df-text-muted);      text-decoration: line-through;    }    .tg-df-container .tg-df-card-cta {      display: flex;      align-items: center;      justify-content: center;      width: 100%;      box-sizing: border-box;      background-color: #1f69ff;      color: #ffffff;      font-size: 12px;      font-weight: 700;      text-transform: uppercase;      letter-spacing: 0.5px;      padding: 12px 16px;      border-radius: 0;      border: none;      cursor: pointer;      transition: background-color 0.2s ease;    }    .tg-df-card:hover .tg-df-card-cta,    .tg-df-card-cta:hover {      background-color: #1555cc;    }    .tg-df-container .tg-df-card-cta.tg-df-cta-savings-squad {      background-color: #3c8d0d;    }    .tg-df-card:hover .tg-df-card-cta.tg-df-cta-savings-squad,    .tg-df-card-cta.tg-df-cta-savings-squad:hover {      background-color: #2b6509;    }    /*       5. State & Skeleton Styles    */    .tg-df-message {      grid-column: 1 / -1;      text-align: center;      padding: 48px 24px;      color: var(--tg-df-text-muted);      font-size: 16px;      background: var(--tg-df-bg);      border: 1px solid var(--tg-df-border);      border-radius: 8px;    }    @keyframes tg-df-shimmer {      0% { background-position: -200% 0; }      100% { background-position: 200% 0; }    }    .tg-df-skeleton {      background: linear-gradient(90deg, var(--tg-df-bg-secondary) 25%, #e2e8f0 50%, var(--tg-df-bg-secondary) 75%);      background-size: 200% 100%;      animation: tg-df-shimmer 1.5s infinite;      border-radius: 4px;    }    .tg-df-skeleton-img {      width: 100%;      height: 100%;      position: absolute;      top: 0; left: 0;    }        .tg-df-skeleton-text {      height: 16px;      margin-bottom: 8px;      width: 100%;    }    .tg-df-skeleton-text.short { width: 40%; }    .tg-df-skeleton-text.title { height: 20px; margin-bottom: 16px; }    /* Editor Floating Bar & Elements */    .tg-df-editor-bar {      position: sticky;      top: 0;      z-index: 1000;      background: #111827;      color: #fff;      padding: 12px 16px;      border-radius: 8px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: space-between;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);    }    .tg-df-editor-bar-text {      font-weight: 600;      font-size: 14px;    }    .tg-df-editor-copy-btn {      background: #10b981;      color: #fff;      padding: 6px 16px;      border: none;      border-radius: 4px;      font-weight: 600;      cursor: pointer;      display: flex;      align-items: center;      font-size: 13px;    }    .tg-df-editor-copy-btn:hover { background: #059669; }        .tg-df-deal-checkbox {      position: absolute;      top: 12px;      right: 12px;      z-index: 10;      width: 20px;      height: 20px;      cursor: pointer;      pointer-events: auto;    }    /*       6. Mobile List View (Stacks into a cleaner horizontal row/list)    */    @container tg-df (max-width: 599px) {      .tg-df-controls {        padding: 0 16px;      }            .tg-df-top-bar {        width: 100%;      }            .tg-df-settings-dropdown {        position: fixed;        top: auto;        bottom: 0;        left: 0;        right: 0;        width: 100%;        border-radius: 20px 20px 0 0;        padding: 24px;        box-shadow: 0 -8px 32px rgba(0,0,0,0.15);        z-index: 1000;        border: none;        border-top: 1px solid var(--tg-df-border);      }            .tg-df-settings-dropdown-backdrop.active {        background: rgba(0,0,0,0.4);      }            .tg-df-search-wrapper {        box-shadow: 0 0 16px rgba(0,0,0,0.08);      }            .tg-df-filters {        width: calc(100% + 32px);        margin: 0 -16px;        padding: 0 16px 4px 16px;        display: flex;        justify-content: flex-start;        gap: 8px;        flex-wrap: nowrap;        overflow-x: auto;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;      }      .tg-df-filters::after {        content: "";        display: block;        flex: 0 0 8px;      }      .tg-df-filters::-webkit-scrollbar {        display: none;      }            .tg-df-sort-wrapper {        flex: 0 0 max(42%, 130px);        min-width: 0;      }      .tg-df-sort-wrapper.tg-df-price-range-wrapper {        flex: 0 0 auto;        min-width: max-content;      }            .tg-df-sort-select, .tg-df-filter-select {        width: 100%;        text-align: left;        padding: 10px 24px 10px 32px;        background-position: right 8px center;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;      }      .tg-df-sort-icon {        left: 10px;      }      .tg-df-grid:not(.layout-grid):not(.layout-row),      .tg-df-grid.layout-row {        grid-template-columns: 1fr;        gap: 16px;      }            .tg-df-grid.tg-df-grid-auto {        padding-top: 24px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card,      .tg-df-grid.layout-row .tg-df-card {        flex-direction: row;        align-items: stretch;        height: auto;        box-shadow: none; /* simple line on mobile if preferred, or keep */        border-bottom: 1px solid var(--tg-df-border);      }      .tg-df-grid.tg-df-grid-auto .tg-df-card:hover,      .tg-df-grid.layout-row .tg-df-card:hover {        box-shadow: none;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-image-box,      .tg-df-grid.layout-row .tg-df-card-image-box {        width: 120px;        min-width: 120px;        aspect-ratio: 3/4;        border-right: none;        padding: 12px;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-body,      .tg-df-grid.layout-row .tg-df-card-body {        padding: 12px;        justify-content: space-between;      }      .tg-df-grid.tg-df-grid-auto .tg-df-card-title,      .tg-df-grid.layout-row .tg-df-card-title {        font-size: 14px;        margin-bottom: 12px;        -webkit-line-clamp: 3;      }      /* Single column mobile grid override */      .tg-df-grid.layout-grid {        grid-template-columns: 1fr;        gap: 16px;      }      .tg-df-grid.layout-grid .tg-df-card-image-box {        padding: 12px;      }      .tg-df-grid.layout-grid .tg-df-card-body {        padding: 10px;      }      .tg-df-grid.layout-grid .tg-df-card-title {        font-size: 13px;        -webkit-line-clamp: 3;        margin-bottom: 8px;      }      .tg-df-grid.layout-grid .tg-df-card-price {        font-size: 14px;      }            .tg-df-card-footer {        flex-direction: column;        align-items: stretch;        gap: 0;        width: 100%;        min-width: 0;      }      .tg-df-card-merchant-pill {        margin-bottom: 4px;      }      .tg-df-card-price-group {        flex: 1 1 auto;        margin-bottom: 8px;      }      .tg-df-card-price {        font-size: 16px;      }      .tg-df-card-msrp {        display: block;       }      .tg-df-grid.layout-row .tg-df-card-cta,      .tg-df-container .tg-df-card-cta {        width: 100%;        max-width: none;        min-width: 0;        box-sizing: border-box;        padding: 8px 16px;        font-size: 12px;        flex: 0 0 auto;        text-align: center;        white-space: normal;        line-height: 1.2;      }    }    .tg-df-container.is-carousel {      min-height: 760px;      background-color: #E7F0FF;      padding: 0 0 24px 0;      border-radius: 24px;    }    .tg-df-container.is-carousel.hide-header-details {      min-height: 480px;    }    /*       7. Carousel View Mode    */    .tg-df-container .tg-df-carousel-host {      /* Layout is now handled by container wrapper */    }    .tg-df-container .tg-df-carousel-eyebrow {      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      padding: 24px 16px 0 16px;      display: none;    }    .tg-df-container .tg-df-carousel-query-title {      color: #011535;      font-size: 28px;      font-weight: 600;      padding: 0 16px 24px 16px;      line-height: 1.2;      display: none;    }    .tg-df-container .tg-df-carousel-blue-box {      background-color: transparent;      border-radius: 0;      padding: 24px 24px 0 24px;      margin: 0;      color: #1F69FF;          position: relative;      overflow: hidden;    }    .tg-df-container .tg-df-carousel-bg-circle-1 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-2 {      display: none;    }    .tg-df-container .tg-df-carousel-bg-circle-3 {      display: none;    }    .tg-df-container .tg-df-carousel-box-content {      position: relative;      z-index: 10;    }    .tg-df-container .tg-df-carousel-box-eyebrow {      background-color: transparent;      color: #1F69FF;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      letter-spacing: 1px;      display: inline-block;      padding: 0;      border-radius: 0;    }    .tg-df-container .tg-df-carousel-box-title {      font-size: 28px;      font-weight: 600;      line-height: 1.2;      margin-top: 8px;      color: #1e293b;    }    .tg-df-container .tg-df-countdown-wrapper {      position: absolute;      top: 0;      right: 0;      display: flex;      flex-direction: column;      align-items: flex-end;      gap: 12px;      transform: scale(0.67);      transform-origin: top right;    }    .tg-df-container .tg-df-countdown-title {      font-size: 16px;      text-align: center;      width: 100%;      font-weight: 600;      color: #011535;      margin: 0;    }    .tg-df-container .tg-df-countdown-blocks {      display: flex;      gap: 16px;    }    .tg-df-container .tg-df-countdown-item {      display: flex;      flex-direction: column;      align-items: center;      gap: 4px;    }    .tg-df-container .tg-df-countdown-box {      width: 59px;      height: 59px;      background: #03FE9E;      border-radius: 15px;      display: flex;      align-items: center;      justify-content: center;    }    .tg-df-container .tg-df-countdown-num {      font-family: 'Inter', sans-serif;      font-weight: 700;      font-size: 20px;      line-height: normal;      color: #011535;    }    .tg-df-container .tg-df-countdown-label {      font-family: 'Inter', sans-serif;      font-weight: 500;      font-size: 16px;      line-height: normal;      color: #1e293b;      text-transform: uppercase;    }    .tg-df-container .tg-df-carousel-box-subtitle {      font-size: 16px;      margin-top: 8px;      font-weight: 300;      color: #1e293b;      line-height: 24px;    }    .tg-df-container .tg-df-carousel-roundels-wrapper {      position: relative;      margin-top: 24px;      margin-left: -24px;      margin-right: -24px;    }    .tg-df-container .tg-df-carousel-roundels {      display: flex;      gap: 16px;      overflow-x: auto;            scrollbar-width: none;      padding-top: 12px;      padding-bottom: 24px;      padding-left: 24px;      padding-right: 24px;      margin-left: 0;      margin-right: 0;    }        .tg-df-container .tg-df-carousel-scroll-left,    .tg-df-container .tg-df-carousel-scroll-right {      position: absolute;      top: 50%;      transform: translateY(-50%);      height: 36px;      width: 36px;      display: flex;      align-items: center;      justify-content: center;      border-radius: 50%;      background-color: #ffffff;      border: 1px solid #e2e8f0;      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);      color: #1F69FF;      cursor: pointer;      transition: all 0.2s;      margin-top: -4px;      z-index: 20;    }    .tg-df-container .tg-df-carousel-scroll-left { left: 8px; }    .tg-df-container .tg-df-carousel-scroll-right { right: 8px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left { left: 0px; }    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right { right: 0px; }    .tg-df-carousel-filters-outer { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }    @container tg-df (max-width: 599px) { .tg-df-carousel-filters-outer { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } }        .tg-df-container .tg-df-carousel-scroll-left:hover,    .tg-df-container .tg-df-carousel-scroll-right:hover {      background-color: #f8fafc;      border-color: #cbd5e1;    }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-left,    .tg-df-carousel-filters-outer .tg-df-carousel-scroll-right {      background-color: rgba(255, 255, 255, 0.4);      border: none;      box-shadow: none;      backdrop-filter: blur(4px);      -webkit-backdrop-filter: blur(4px);    }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right { right: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-left { left: 0; }    .tg-df-grid-wrapper .tg-df-carousel-scroll-right { right: 0; }        .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-left:hover,    .tg-df-carousel-roundels-wrapper .tg-df-carousel-scroll-right:hover {      background-color: rgba(255, 255, 255, 0.6);      border: none;    }    .tg-df-container .tg-df-carousel-roundels::-webkit-scrollbar {      display: none;    }    .tg-df-container .tg-df-carousel-roundels::after {      content: "";      flex: 0 0 32px;    }    .tg-df-container .tg-df-roundel {      display: flex;      flex-direction: column;      align-items: center;      gap: 8px;      cursor: pointer;      min-width: 120px;      flex-shrink: 0;    }    .tg-df-container .tg-df-roundel-img-box {      width: 120px;      height: 120px;      border-radius: 50%;      background: white;      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: 0px 3px 14px 0px rgba(30, 41, 59, 0.08);      transition: box-shadow 0.2s;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-img-box {      box-shadow: 0 0 0 2px #E7F0FF, 0 0 0 4px #1F69FF;    }    .tg-df-container .tg-df-roundel:hover .tg-df-roundel-img-box img {      transform: scale(1.08);    }    .tg-df-container .tg-df-roundel-img-box img {      width: 100%;      height: 100%;      object-fit: contain;      padding: 10px;      box-sizing: border-box;      transition: transform 0.3s ease;    }    .tg-df-container .tg-df-roundel-label {      font-size: 13px;      font-weight: 400;      color: #1e293b;      text-align: center;      transition: font-weight 0.2s;    }    .tg-df-container .tg-df-roundel.active .tg-df-roundel-label {      font-weight: 700;    }    .tg-df-container .tg-df-carousel-filters-label {      font-size: 16px;      font-weight: 400;      color: #1e293b;      white-space: nowrap;      margin-right: 4px;    }    .tg-df-container .tg-df-carousel-filters-wrap {      display: flex;      align-items: center;      flex-wrap: nowrap;      gap: 8px;      margin-top: 8px;      overflow-x: auto;      scrollbar-width: none;      -webkit-overflow-scrolling: touch;      padding-bottom: 8px;      margin-left: -24px;      margin-right: -24px;      padding-left: 24px;      padding-right: 24px;    }    .tg-df-container .tg-df-carousel-filters-wrap::-webkit-scrollbar {      display: none;    }        .tg-df-container .tg-df-carousel-filter-btn img,    .tg-df-container .tg-df-carousel-filter-btn picture {      height: 20px;      width: 20px;      object-fit: contain;      object-position: center;      display: inline-flex;      align-items: center;      justify-content: center;      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn picture img {      margin-right: 0;      height: 100%;      width: 100%;    }    .tg-df-container .tg-df-carousel-filter-btn img.active-img,    .tg-df-container .tg-df-carousel-filter-btn picture:has(.active-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.inactive-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.inactive-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.inactive-img) {      display: none;    }    .tg-df-container .tg-df-carousel-filter-btn:hover img.active-img,    .tg-df-container .tg-df-carousel-filter-btn.active img.active-img,    .tg-df-container .tg-df-carousel-filter-btn:hover picture:has(.active-img),    .tg-df-container .tg-df-carousel-filter-btn.active picture:has(.active-img) {      display: inline-flex;    }    .tg-df-container .tg-df-carousel-filter-btn {      background: #ffffff;      border: 2px solid #1e293b;      color: #1e293b;      border-radius: 24px;      padding: 6px 16px;      font-size: 14px;      font-weight: 600;      cursor: pointer;      transition: all 0.2s;      flex-shrink: 0;      white-space: nowrap;      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 36px;      box-sizing: border-box;    }    .tg-df-container .tg-df-carousel-filter-btn svg {      margin-right: 6px;    }    .tg-df-container .tg-df-carousel-filter-btn:hover {      background: #1e293b;      color: white;      border-color: #1e293b;    }    .tg-df-container .tg-df-carousel-filter-btn.active {      background: #1e293b;      color: white;      border-color: #1e293b;    }        .tg-df-grid.carousel-compact {      display: flex;      flex-wrap: nowrap;      overflow-x: auto;      gap: 16px;      padding: 16px 24px;      align-items: stretch;      scrollbar-width: none;    }    .tg-df-grid.carousel-compact::after {      content: "";      flex: 0 0 32px;    }    .tg-df-grid-wrapper {      position: relative;    }    .tg-df-grid.carousel-compact::-webkit-scrollbar {      display: none;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card {      flex: 0 0 auto;      width: 100px;      border-radius: 15px;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      border: 2px solid #1e293b;      background: white;      color: #1e293b;      display: flex;      flex-direction: column;      justify-content: center;      align-items: center;      font-weight: 600;      font-size: 14px;      cursor: pointer;      padding: 16px;      text-align: center;      transition: all 0.2s;    }    .tg-df-grid.carousel-compact .tg-df-load-more-card:hover {      background: #1e293b;      color: white;    }    .tg-df-grid.carousel-compact .tg-df-card {      flex: 0 0 auto;      width: 200px;      min-height: auto;      height: auto;      display: flex;      flex-direction: column;      border-radius: 15px;      border: none;      box-shadow: 0 0 16px rgba(0,0,0,0.08);      overflow: visible;    }    .tg-df-grid.carousel-compact .tg-df-card-image-box {      padding: 12px;      background-color: transparent;      border-radius: 15px 15px 0 0;      height: 130px;    }    .tg-df-grid.carousel-compact .tg-df-card-image {      mix-blend-mode: normal;    }    .tg-df-grid.carousel-compact .tg-df-card-discount-badge {      border-radius: 0;      top: 0px;      left: 0px;      padding: 4px 8px;      font-size: 11px;    }    .tg-df-grid.carousel-compact .tg-df-card-body {      padding: 8px 12px 12px 12px;    }    .tg-df-grid.carousel-compact .tg-df-card-title {      font-size: 14px;      font-weight: 400;      -webkit-line-clamp: 2;      margin-bottom: 8px;      color: #011535;    }    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):not(:has(.tg-df-tag-prime)):not(:has(.tg-df-coupon-wrapper:not([style*="none"]))) > .tg-df-card-title,    .tg-df-grid.carousel-compact .tg-df-card-body:not(:has(.tg-df-card-stars)):has(> .tg-df-card-title:first-child) > .tg-df-card-title {      -webkit-line-clamp: 3;    }    .tg-df-grid.carousel-compact .tg-df-card-cta {      border-radius: 5px;      padding: 8px 10px;      margin-top: 4px;      background-color: #1F69FF;    }    .tg-df-grid.carousel-compact .tg-df-card-price-group {      margin-bottom: 2px;    }    .tg-df-grid.carousel-compact .tg-df-card-merchant-pill {      margin-bottom: 2px;    }    @container tg-df (max-width: 599px) {      .tg-df-container .tg-df-carousel-blue-box-title {        font-size: 24px;      }      .tg-df-container .tg-df-countdown-title {        display: none;      }      .tg-df-container .tg-df-countdown-wrapper {        position: absolute;        top: 0;        right: 0;        align-items: flex-end;        transform: scale(0.45);        transform-origin: top right;      }      .tg-df-container .tg-df-roundel {        min-width: 88px;      }      .tg-df-container .tg-df-roundel-img-box {        width: 88px;        height: 88px;      }    }    /* REPLICA BLOCK STYLES */    .tg-df-grid.layout-replica-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 20px; }    .tg-df-grid.layout-replica-1 { grid-template-columns: 1fr !important; gap: 20px; }        .tg-df-container .hawk-deal-widget-container { border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: inherit; }    .tg-df-container .hawk-deal-widget-wrap { display: flex; flex-direction: row; align-items: flex-start; width: 100%; gap: 24px; }    .tg-df-container .hawk-deal-widget-image-container { display: flex; flex-shrink: 0; justify-content: center; width: 160px; height: 160px; align-items: center; background: white; margin-bottom: 0px; }    .tg-df-container .hawk-deal-widget-title-product-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.4; display: inline; }    .tg-df-container .hawk-deal-widget-title-price { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: nowrap; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-price-now { font-weight: 700; }    .tg-df-container .hawk-deal-widget-title-retailer-price:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-title-retailer { font-size: 18px; font-weight: 700; line-height: 1.4; color: #2563eb; }    .tg-df-container .hawk-deal-widget-title-was-price { color: #dc2626; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: line-through; white-space: nowrap; margin-left: 8px; margin-right: 8px; }    .tg-df-container .hawk-deal-widget-text-body-container { position: relative; width: 100%; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-text-body-main { font-size: 16px; width: 100%; margin-bottom: 12px; }    .tg-df-container .hawk-deal-widget-text-body-description { display: block; font-size: 15px; margin-top: 12px; color: #4b5563; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-body-description p { margin: 0; line-height: 1.6; }    .tg-df-container .hawk-deal-widget-text-cta-container { display: flex; flex-direction: column; gap: 12px; width: 100%; flex: 1; min-width: 0; box-sizing: border-box; }    .tg-df-container .hawk-deal-widget-footer { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }    .tg-df-container .hawk-deal-widget-button-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; }    .tg-df-container .hawk-deal-widget-preferred-partner-wrapper { display: flex; flex-direction: row; }        @container tg-df (min-width: 600px) {      .tg-df-mobile-only { display: none !important; }    }    @container tg-df (max-width: 599px) {      .tg-df-desktop-only { display: none !important; }      .tg-df-grid.layout-replica-2 { grid-template-columns: 1fr !important; }      .tg-df-grid.savings-squad-cards { grid-template-columns: 1fr !important; display: flex; flex-direction: column; }    }    .tg-df-grid.savings-squad-cards .tg-df-card-title {      -webkit-line-clamp: unset !important;      display: block !important;      overflow: visible !important;    }    @container tg-df (max-width: 500px) {      .tg-df-container .hawk-deal-widget-wrap { display: block; }      .tg-df-container .hawk-deal-widget-image-container { display: block; float: left; margin: 0 16px 8px 0; width: 120px; max-width: 120px; height: auto; align-items: normal; justify-content: normal; }      .tg-df-container .hawk-deal-widget-text-cta-container { display: block; text-align: left; }      .tg-df-container .hawk-deal-widget-footer { display: block; margin-top: 16px; clear: both; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-deal-widget-button-wrapper .hawk-deal-widget-preferred-partner-wrapper { display: block; width: 100%; }      .tg-df-container .hawk-affiliate-link-deal-button { box-sizing: border-box !important; display: flex !important; max-width: none !important; width: 100% !important; margin: 0 !important; }    }        .tg-df-container .hawk-affiliate-link-deal-button {       align-items: center; background-color: #5aaf0b; box-sizing: border-box; color: #ffffff !important; display: flex; font-size: 14px; font-weight: 700; justify-content: center; letter-spacing: 0.5px; line-height: 1; min-width: 160px; padding: 14px 24px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; word-break: normal; border-radius: 4px; border: 0; transition: background-color 0.2s;     }    .tg-df-container .hawk-affiliate-link-deal-button:hover { background-color: #4a9109; text-decoration: none; }    .tg-df-container .hawk-lazy-image-deal-widget { display: block; height: auto; margin: auto; max-height: 160px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; }    .tg-df-container .hawk-deal-widget-text-cta-container a { color: #2563eb; text-decoration: none; display: inline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover { text-decoration: underline; }    .tg-df-container .hawk-deal-widget-text-cta-container a:has(.hawk-deal-widget-title-product-title) { color: #111827; }    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-product-title,    .tg-df-container .hawk-deal-widget-text-cta-container a:hover .hawk-deal-widget-title-retailer-price { text-decoration: underline; }  \x3C/style>  \x3C!-- Widget Container --\x3E  \x3Cdiv class="tg-df-container" id="signal-deals-finder-root">    \x3C!-- Editor Floating Bar --\x3E    \x3Cdiv class="tg-df-editor-bar" id="tg-df-editor-bar" style="display:none;">      \x3Cdiv class="tg-df-editor-bar-text" style="display: flex; align-items: center;">        \x3Cspan id="tg-df-selected-count">0\x3C/span>\x26nbsp;Deals Selected        \x3Cbutton class="tg-df-editor-clear-btn" id="tg-df-editor-clear" type="button" style="margin-left: 12px; font-size: 13px; color: #9ca3af; background: none; border: none; cursor: pointer; text-decoration: underline;">Clear All\x3C/button>      \x3C/div>      \x3Cbutton class="tg-df-editor-copy-btn" id="tg-df-editor-copy" type="button">        \x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">\x3C/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">\x3C/path>\x3C/svg>        Copy to CMS      \x3C/button>    \x3C/div>    \x3Cdiv class="tg-df-carousel-host" id="tg-df-carousel-host" style="display: none;">      \x3Cdiv class="tg-df-carousel-eyebrow">DEAL FINDER\x3C/div>      \x3Cdiv class="tg-df-carousel-query-title" id="tg-df-carousel-title-label">Best Deals\x3C/div>            \x3Cdiv class="tg-df-carousel-blue-box">        \x3Cdiv class="tg-df-carousel-bg-circle-1" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-2" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-bg-circle-3" aria-hidden="true">\x26nbsp;\x3C/div>        \x3Cdiv class="tg-df-carousel-box-content">          \x3Cdiv class="tg-df-countdown-wrapper" id="tg-df-countdown-wrapper" style="display:none;">            \x3Cdiv class="tg-df-countdown-title" id="tg-df-countdown-title">Prime Day starts in\x3C/div>            \x3Cdiv class="tg-df-countdown-blocks">              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-days">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">DAYS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-hrs">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">HRS\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-min">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">MIN\x3C/div>\x3C/div>              \x3Cdiv class="tg-df-countdown-item">\x3Cdiv class="tg-df-countdown-box">\x3Cdiv class="tg-df-countdown-num" id="tg-df-cd-sec">0\x3C/div>\x3C/div>\x3Cdiv class="tg-df-countdown-label">SEC\x3C/div>\x3C/div>            \x3C/div>          \x3C/div>          \x3Cdiv class="tg-df-carousel-box-eyebrow">DEAL FINDER\x3C/div>          \x3Cdiv class="tg-df-carousel-box-title">Find Deals Fast\x3C/div>          \x3Cdiv class="tg-df-carousel-box-subtitle">The latest deals from the biggest retailers, all in one place\x3C/div>                    \x3Cdiv class="tg-df-carousel-roundels-wrapper">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-roundels">            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>            \x3Cdiv class="tg-df-roundel tg-df-roundel-skeleton">\x3Cdiv class="tg-df-roundel-img-box tg-df-skeleton">\x3C/div>\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="margin: 4px auto 0 auto; height: 13px; width: 48px;">\x3C/div>\x3C/div>          \x3C/div>          \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" onclick="this.parentElement.querySelector('.tg-df-carousel-roundels').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-carousel-filters-outer" style="position: relative;">          \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>          \x3Cdiv class="tg-df-carousel-filters-wrap">                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="0">All\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_lightning">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-ot="amazon_prime">              \x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>            \x3Cbutton class="tg-df-carousel-filter-btn" data-d="10">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 10% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="15">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 15% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-d="25">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>            Min 25% off\x3C/button>                      \x3Cbutton class="tg-df-carousel-filter-btn" data-pr="under50">              \x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>            Under $50\x3C/button>        \x3C/div>        \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('.tg-df-carousel-filters-wrap').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3C/div>    \x3C/div>    \x3C/div>      \x3C!-- Search & Filter Controls --\x3E    \x3Cdiv class="tg-df-controls" id="tg-df-controls" style="display:flex;">      \x3Cdiv class="tg-df-top-bar">        \x3Cdiv class="tg-df-search-wrapper">          \x3Cinput type="text" class="tg-df-search-input" placeholder="Search for deals, products, or brands...">          \x3Cbutton type="button" class="tg-df-search-btn" aria-label="Search">              \x3Csvg class="tg-df-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">                \x3Cpath d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-autocomplete-dropdown" id="tg-df-autocomplete">\x3C/div>        \x3C/div>                \x3Cdiv class="tg-df-settings-wrapper">          \x3Cbutton type="button" class="tg-df-settings-btn" aria-label="Settings" id="tg-df-settings-toggle">            \x3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20">                \x3Cpath d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.73 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.49-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>            \x3C/svg>          \x3C/button>          \x3Cdiv class="tg-df-settings-dropdown-backdrop" id="tg-df-settings-backdrop">\x3C/div>          \x3Cdiv class="tg-df-settings-dropdown" id="tg-df-settings-panel">            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Search Region\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-region-select">                \x3Coption value="auto">🌍 Auto-detect\x3C/option>                \x3Coption value="US">🇺🇸 United States (US)\x3C/option>                \x3Coption value="GB">🇬🇧 United Kingdom (UK)\x3C/option>                \x3Coption value="CA">🇨🇦 Canada (CA)\x3C/option>                \x3Coption value="AU">🇦🇺 Australia (AU)\x3C/option>                \x3Coption value="DE">🇩🇪 Germany (DE)\x3C/option>                \x3Coption value="FR">🇫🇷 France (FR)\x3C/option>                \x3Coption value="IT">🇮🇹 Italy (IT)\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Retailer\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-retailer-select">                \x3Coption value="">All Retailers\x3C/option>                \x3Coption value="Amazon">Amazon\x3C/option>                \x3Coption value="Walmart">Walmart\x3C/option>                \x3Coption value="Best Buy">Best Buy\x3C/option>                \x3Coption value="Target">Target\x3C/option>                \x3Coption value="John Lewis">John Lewis\x3C/option>                \x3Coption value="Currys">Currys\x3C/option>                \x3Coption value="Argos">Argos\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Offer Type\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-offer-type-select">                \x3Coption value="">All Offers\x3C/option>                \x3Coption value="amazon_prime">Amazon Prime\x3C/option>                \x3Coption value="recommended_promo">Recommended Promo\x3C/option>                \x3Coption value="amazon_lightning">Amazon Lightning Deal\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">Result Count\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-rows-select">                \x3Coption value="3">3 Items\x3C/option>                \x3Coption value="4">4 Items\x3C/option>                \x3Coption value="6">6 Items\x3C/option>                \x3Coption value="12" selected>12 Items\x3C/option>                \x3Coption value="24">24 Items\x3C/option>                \x3Coption value="48">48 Items\x3C/option>              \x3C/select>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Deal Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Only show products with active offers or previous prices (was_price)\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-deal-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item tg-df-dl-row">              \x3Cdiv>                \x3Cspan class="tg-df-dl-row-text">Editor Mode\x3C/span>                \x3Cspan class="tg-df-dl-row-subtext">Enable multi-select to copy deals to CMS\x3C/span>              \x3C/div>              \x3Clabel class="tg-df-toggle">                \x3Cinput type="checkbox" id="tg-df-editor-mode">                \x3Cspan class="tg-df-slider">\x3C/span>              \x3C/label>            \x3C/div>            \x3Cdiv class="tg-df-setting-item">              \x3Clabel class="tg-df-setting-label">View Mode\x3C/label>              \x3Cselect class="tg-df-region-select" id="tg-df-view-mode-select">                \x3Coption value="auto">Auto Collection\x3C/option>                \x3Coption value="carousel">Carousel\x3C/option>                \x3Coption value="savings_squad">Savings Squad\x3C/option>                \x3Coption value="grid">Grid (Columns)\x3C/option>                \x3Coption value="row">Row (List)\x3C/option>              \x3C/select>            \x3C/div>          \x3C/div>        \x3C/div>      \x3C/div>      \x3Cdiv class="tg-df-filters">        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-category-filter-wrapper" style="display: none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-category-filter" aria-label="Category">            \x3Coption value="all">All Categories\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-multiselect-container" id="tg-df-brand-filter-wrapper" style="display:none;">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/>          \x3C/svg>          \x3Cdiv class="tg-df-filter-select tg-df-multiselect-trigger" id="tg-df-brand-trigger" tabindex="0">            Any Brand          \x3C/div>          \x3Cdiv class="tg-df-multiselect-dropdown" id="tg-df-brand-dropdown">            \x3C!-- Populated via script --\x3E          \x3C/div>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>          \x3C/svg>          \x3Cselect class="tg-df-sort-select" aria-label="Sort Deals">            \x3Coption value="date_desc">Newest First\x3C/option>            \x3Coption value="best_match">Sort by: Match\x3C/option>            \x3Coption value="price_asc">Price Low to High\x3C/option>            \x3Coption value="price_desc">Price High to Low\x3C/option>            \x3Coption value="discount_desc">Biggest Discount\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper tg-df-price-range-wrapper" id="tg-df-custom-price-wrapper" style="display: flex; align-items:center; justify-content:center; padding: 10px 20px; gap: 8px; border: 1px solid var(--tg-df-border); border-radius: 100px; background-color: var(--tg-df-bg);">          \x3Cspan style="font-size:14px; font-weight:500; color:var(--tg-df-text-primary);">Price\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-min" placeholder="Min" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">          \x3Cspan style="color:var(--tg-df-text-muted)">-\x3C/span>          \x3Cinput type="number" class="tg-df-price-input" id="tg-df-custom-price-max" placeholder="Max" style="width: 48px; background: transparent; border: none; color: var(--tg-df-text-primary); outline: none; font-size: 14px; text-align: center; padding: 0;">        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-legacy-price-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-price-filter" aria-label="Filter Prices">            \x3Coption value="all">All Prices\x3C/option>            \x3Coption value="under50">Under $50\x3C/option>            \x3Coption value="50_100">$50 - $100\x3C/option>            \x3Coption value="100_200">$100 - $200\x3C/option>            \x3Coption value="200_500">$200 - $500\x3C/option>            \x3Coption value="over500">Over $500\x3C/option>          \x3C/select>        \x3C/div>        \x3Cdiv class="tg-df-sort-wrapper" id="tg-df-discount-filter-wrapper">          \x3Csvg class="tg-df-sort-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            \x3Cpath d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>          \x3C/svg>          \x3Cselect class="tg-df-filter-select" id="tg-df-discount-filter" aria-label="Discount Amount">            \x3Coption value="all">Any discount\x3C/option>            \x3Coption value="5">Min 5%\x3C/option>            \x3Coption value="10">Min 10%\x3C/option>            \x3Coption value="15">Min 15%\x3C/option>            \x3Coption value="20">Min 20%\x3C/option>            \x3Coption value="25">Min 25%\x3C/option>            \x3Coption value="30">Min 30%\x3C/option>            \x3Coption value="40">Min 40%\x3C/option>            \x3Coption value="50">Min 50%\x3C/option>            \x3Coption value="60">Min 60%\x3C/option>            \x3Coption value="70">Min 70%\x3C/option>          \x3C/select>        \x3C/div>      \x3C/div>    \x3C/div>    \x3C!-- Deals Grid Wrapper --\x3E    \x3Cdiv class="tg-df-grid-wrapper tg-df-carousel-cards-wrapper" id="tg-df-grid-wrapper">      \x3Cbutton class="tg-df-carousel-scroll-left" type="button" aria-label="Scroll left" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: -200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m15 18-6-6 6-6">\x3C/path>\x3C/svg>\x3C/button>      \x3Cdiv class="tg-df-grid" id="tg-df-grid">        \x3C!-- Content populated by JavaScript --\x3E      \x3C/div>      \x3Cbutton class="tg-df-carousel-scroll-right" type="button" aria-label="Scroll right" style="display:none;" onclick="this.parentElement.querySelector('#tg-df-grid').scrollBy({left: 200, behavior: 'smooth'})">\x3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="m9 18 6-6-6-6">\x3C/path>\x3C/svg>\x3C/button>    \x3C/div>        \x3C!-- Vouchers Modal --\x3E    \x3Cdiv class="tg-df-modal-backdrop" id="tg-df-vouchers-modal">      \x3Cdiv class="tg-df-modal">        \x3Cdiv class="tg-df-modal-header">          \x3Ch3 class="tg-df-modal-title" id="tg-df-vouchers-title">Available Coupons & Deals\x3C/h3>          \x3Cbutton class="tg-df-modal-close" id="tg-df-vouchers-close">            \x3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">              \x3Cline x1="18" y1="6" x2="6" y2="18">\x3C/line>              \x3Cline x1="6" y1="6" x2="18" y2="18">\x3C/line>            \x3C/svg>          \x3C/button>        \x3C/div>        \x3Cdiv class="tg-df-modal-body" id="tg-df-vouchers-content">          \x3C!-- Vouchers injected here --\x3E        \x3C/div>      \x3C/div>    \x3C/div>  \x3C/div>`;      if (!template) {        template = document.createElement('template');        template.innerHTML = rawTemplate;      }      let shadowRoot = null;      if (hostContainer && template) {        hostContainer.setAttribute('data-initialized', 'true');        shadowRoot = hostContainer.attachShadow({ mode: 'open' });        shadowRoot.appendChild(template.content.cloneNode(true));      }      class DealsFinderWidget {        constructor(config) {          this.rootNode = config.rootNode || document;          this.hostContainer = config.hostContainer || null;          this.rootId = config.rootId || 'signal-deals-finder-root';          this.root = this.rootNode.querySelector('#' + this.rootId);          if (!this.root) return;          this.widgetId = (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'widget-' + Date.now() + '-' + Math.random().toString(36).slice(2);          this.grid = this.root.querySelector('#tg-df-grid');          this.tagsContainer = this.root.querySelector('#tg-df-tags-container');          this.categoryFilter = this.root.querySelector('#tg-df-category-filter');          this.categoryFilterWrapper = this.root.querySelector('#tg-df-category-filter-wrapper');          this.searchInput = this.root.querySelector('.tg-df-search-input');          this.autocompleteDropdown = this.root.querySelector('#tg-df-autocomplete');          this.sortSelect = this.root.querySelector('.tg-df-sort-select');          this.searchBtn = this.root.querySelector('.tg-df-search-btn');                    this.settingsToggle = this.root.querySelector('#tg-df-settings-toggle');          this.settingsPanel = this.root.querySelector('#tg-df-settings-panel');          this.settingsBackdrop = this.root.querySelector('#tg-df-settings-backdrop');          this.regionSelect = this.root.querySelector('#tg-df-region-select');          this.retailerSelect = this.root.querySelector('#tg-df-retailer-select');          this.offerTypeSelect = this.root.querySelector('#tg-df-offer-type-select');          this.viewModeSelect = this.root.querySelector('#tg-df-view-mode-select');          this.rowsSelect = this.root.querySelector('#tg-df-rows-select');          this.dealModeToggle = this.root.querySelector('#tg-df-deal-mode');          this.editorModeToggle = this.root.querySelector('#tg-df-editor-mode');          this.priceFilter = this.root.querySelector('#tg-df-price-filter');          this.discountFilter = this.root.querySelector('#tg-df-discount-filter');                    this.editorBar = this.root.querySelector('#tg-df-editor-bar');          this.editorSelectedCount = this.root.querySelector('#tg-df-selected-count');          this.editorCopyBtn = this.root.querySelector('#tg-df-editor-copy');          this.editorClearBtn = this.root.querySelector('#tg-df-editor-clear');                    this.apiUrl = 'https://search-api.fie.future.net.uk/widget.php';          this.deals = [];          this.displayLimit = 12;          this.airedaleArticles = null;          this.airedaleTags = [];          this.airedaleTagCounts = {};          this.activeDealTag = null;          this.selectedBrands = [];          this.currentQuery = '';          this.editorMode = this.hostContainer ? this.hostContainer.hasAttribute('data-editor-mode') : false;          this.viewModeOverride = this.hostContainer ? this.hostContainer.getAttribute('data-view-mode') : null;          this.selectedDeals = new Map();                    this.brandFilterWrapper = this.root.querySelector('#tg-df-brand-filter-wrapper');          this.brandTrigger = this.root.querySelector('#tg-df-brand-trigger');          this.brandDropdown = this.root.querySelector('#tg-df-brand-dropdown');                    this.customPriceWrapper = this.root.querySelector('#tg-df-custom-price-wrapper');          this.customPriceMin = this.root.querySelector('#tg-df-custom-price-min');          this.customPriceMax = this.root.querySelector('#tg-df-custom-price-max');          this.legacyPriceWrapper = this.root.querySelector('#tg-df-legacy-price-wrapper');          this.discountFilterWrapper = this.root.querySelector('#tg-df-discount-filter-wrapper');          this.initResizeObserver();          this.init();            if (['carousel', 'carousel-compact', 'auto', 'grid', 'row'].includes(this.getViewMode())) { this.loadCarouselSpreadsheet(); }        }        getViewMode() {          if (this.viewModeOverride && (!this.editorMode || !this.viewModeSelect)) {            return this.viewModeOverride;          }          return (this.viewModeSelect && this.viewModeSelect.value) ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');        }        applyLayoutMode() {          if (!this.grid) return;          const mode = this.getViewMode();          this.grid.classList.remove('layout-row', 'layout-grid', 'tg-df-grid-auto', 'carousel-compact', 'layout-replica-1', 'layout-replica-2');                    const carouselHost = this.root.querySelector('#tg-df-carousel-host');          const controlsDiv = this.root.querySelector('#tg-df-controls');          if (mode === 'carousel' || mode === 'auto' || mode === 'grid' || mode === 'row') {             if (mode === 'carousel') this.grid.classList.add('carousel-compact');             if (carouselHost) carouselHost.style.display = 'block';             if (controlsDiv) controlsDiv.style.display = 'none';             if (this.root.classList.contains('tg-df-container') && mode === 'carousel') {               this.root.classList.add('is-carousel');             } else if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          } else {             if (carouselHost) carouselHost.style.display = 'none';             if (controlsDiv) controlsDiv.style.display = 'flex';             if (this.root.classList.contains('tg-df-container')) {               this.root.classList.remove('is-carousel');             }          }          if (mode === 'grid') {            this.grid.classList.add('layout-grid');          } else if (mode === 'row') {            this.grid.classList.add('layout-row');          } else if (mode === 'savings_squad') {            this.grid.classList.add('tg-df-grid-auto', 'savings-squad-cards');          } else if (mode !== 'carousel') {            this.grid.classList.add('tg-df-grid-auto');          }                    const settingsWrapper = this.root.querySelector('.tg-df-settings-wrapper');          if (settingsWrapper) {            settingsWrapper.style.display = mode === 'auto' ? 'none' : 'block';          }          if (this.customPriceWrapper) {             this.customPriceWrapper.style.display = mode === 'auto' ? 'flex' : 'none';          }          if (this.legacyPriceWrapper) {             this.legacyPriceWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }          if (this.discountFilterWrapper) {             this.discountFilterWrapper.style.display = mode === 'auto' ? 'none' : 'flex';          }        }        initResizeObserver() {          try {            if (window.parent === window) return;          } catch (e) {            // cross origin frame check threw          }          const emitHeight = () => {            try {              const height = document.documentElement.scrollHeight || document.body.scrollHeight;              const msg = { type: 'embed-size', height: height };              if (window.parent && window.parent !== window) {                window.parent.postMessage(msg, '*');                window.parent.postMessage(JSON.stringify({ ...msg, sentinel: 'amp' }), '*');              }            } catch (e) {}          };                    if (window.ResizeObserver) {            try {              const ro = new ResizeObserver(() => emitHeight());              ro.observe(document.body);              if (this.root) ro.observe(this.root);            } catch(e){ console.warn(e); }          }          window.addEventListener('resize', emitHeight);          setTimeout(emitHeight, 300);        }        initCountdown() {          this.cdWrapper = this.root.querySelector('#tg-df-countdown-wrapper');                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          this.showCountdown = params.get('show_countdown') === 'true';          const showHeaderDetails = params.get('show_header_details') !== 'false';          const eyebrow = this.root.querySelector('.tg-df-carousel-box-eyebrow');          const title = this.root.querySelector('.tg-df-carousel-box-title');          const subtitle = this.root.querySelector('.tg-df-carousel-box-subtitle');          if (!showHeaderDetails) {            let containerElement = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (containerElement) containerElement.classList.add('hide-header-details');            if (eyebrow) eyebrow.style.display = 'none';            if (title) title.style.display = 'none';            if (subtitle) subtitle.style.display = 'none';          }          if (!this.cdWrapper) return;          this.cdTitle = this.root.querySelector('#tg-df-countdown-title');          this.cdDays = this.root.querySelector('#tg-df-cd-days');          this.cdHrs = this.root.querySelector('#tg-df-cd-hrs');          this.cdMin = this.root.querySelector('#tg-df-cd-min');          this.cdSec = this.root.querySelector('#tg-df-cd-sec');          this.updateCountdown();          this.cdInterval = setInterval(() => this.updateCountdown(), 1000);        }        updateCountdown() {          if (!this.cdWrapper) return;          if (!this.showCountdown) {            this.cdWrapper.style.display = 'none';            return;          }          const area = this.getAreaCode();          let offset = '-04:00';          if (['DE', 'FR', 'IT', 'ES', 'NL'].includes(area)) {             offset = '+02:00';          } else if (['GB', 'IE', 'UK'].includes(area)) {             offset = '+01:00';          }          const startTime = new Date('2026-06-23T00:00:00' + offset).getTime();          const endTime = new Date('2026-06-26T00:00:00' + offset).getTime();          const now = Date.now();          let targetTime = 0;          if (now < startTime) {             targetTime = startTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day starts in';             this.cdWrapper.style.display = 'flex';          } else if (now < endTime) {             targetTime = endTime;             if (this.cdTitle) this.cdTitle.textContent = 'Prime Day ends in';             this.cdWrapper.style.display = 'flex';          } else {             this.cdWrapper.style.display = 'none';             if (this.cdInterval) clearInterval(this.cdInterval);             return;          }          const diff = Math.max(0, targetTime - now);          const d = Math.floor(diff / (1000 * 60 * 60 * 24));          const h = Math.floor((diff / (1000 * 60 * 60)) % 24);          const m = Math.floor((diff / 1000 / 60) % 60);          const s = Math.floor((diff / 1000) % 60);          if (this.cdDays) this.cdDays.textContent = d;          if (this.cdHrs) this.cdHrs.textContent = h;          if (this.cdMin) this.cdMin.textContent = m;          if (this.cdSec) this.cdSec.textContent = s;        }        init() {          this.initCountdown();          try {            initAnalytics();          } catch (e) {            console.warn('Deals Widget Analytics Error:', e);          }                    this.bindEvents();                    let initialQuery = '';                    let searchSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {            searchSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {            searchSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(searchSource);          let initialViewMode = params.get('view_mode');          if (!params.has('search') && !params.has('q') && !params.has('query') && initialViewMode !== 'savings_squad') {             initialQuery = 'Everything';             if (this.discountFilter && !params.has('min_discount_ratio')) {               this.discountFilter.value = '5';             }          }          const website = params.get('website') || 'tomsguide';          this.website = website;          if (website === 'techradar') {            const squadHeader = this.root.querySelector('.tg-df-savings-squad-header');            if (squadHeader) {               const pic = squadHeader.querySelector('picture');               if (pic) pic.style.display = 'none';            }            const style = document.createElement('style');            style.innerHTML = `              .tg-df-container .hawk-affiliate-link-deal-button, .tg-df-container .tg-df-card-cta { background-color: #5DAF08 !important; }              .tg-df-container .hawk-affiliate-link-deal-button:hover, .tg-df-container .tg-df-card-cta:hover { background-color: #4a8c06 !important; }            `;            this.root.appendChild(style);          }                    if (this.regionSelect) {            this.regionSelect.value = params.get('region') || 'auto';            this.updatePriceDropdownCurrency();          }                    if (this.retailerSelect && params.has('retailer')) {            this.retailerSelect.value = params.get('retailer');          }                    if (params.has('brands')) {            const b = params.get('brands');            if (b) {              this.selectedBrands = b.split(',');            }          }                    if (this.offerTypeSelect && params.has('offer_type')) {            this.offerTypeSelect.value = params.get('offer_type');          }          if (params.has('bg_color')) {            const bg = params.get('bg_color');            if (bg === 'white') {              this.root.style.setProperty('background-color', '#ffffff', 'important');            } else if (bg === 'transparent') {              this.root.style.setProperty('background-color', 'transparent', 'important');            } else if (bg === 'light_blue') {              this.root.style.setProperty('background-color', '#E7F0FF', 'important');            }          } else {             this.root.style.removeProperty('background-color');          }                    if (params.has('view_mode')) {            if (this.viewModeSelect) {              this.viewModeSelect.value = params.get('view_mode');            } else {              this.viewModeOverride = params.get('view_mode');            }          }          if (this.rowsSelect && params.has('rows')) {            this.rowsSelect.value = params.get('rows');          }          if (params.has('price')) {            const priceVal = params.get('price');            if (this.priceFilter) {               // Try assigning it directly to select. If it's not present implicitly ignores               this.priceFilter.value = priceVal;            }            if (priceVal.includes('_')) {               const parts = priceVal.split('_');               if (this.customPriceMin && parts[0]) this.customPriceMin.value = parts[0];               if (this.customPriceMax && parts[1]) this.customPriceMax.value = parts[1];            }          }          if (this.discountFilter && params.has('min_discount_ratio')) {            // Need to convert back from ratio (e.g. 0.8) to select value (e.g. "20")            const ratioStr = params.get('min_discount_ratio');            const ratioFloat = parseFloat(ratioStr);            if (!isNaN(ratioFloat)) {               const percentage = Math.round((1 - ratioFloat) * 100);               this.discountFilter.value = percentage.toString();            }          }          if (this.sortSelect) {            this.sortSelect.value = params.get('sort') || 'discount_desc';          }          if (this.dealModeToggle && params.has('deal_mode')) {            this.dealModeToggle.checked = params.get('deal_mode') === 'true' || params.get('deal_mode') === '1';          }                    // Re-apply layout after params have updated control values          this.applyLayoutMode();                    if (params.get('search')) {            initialQuery = params.get('search');          } else if (params.get('q')) {            initialQuery = params.get('q');          } else if (params.get('query')) {            initialQuery = params.get('query');          }                    this.currentQuery = initialQuery;          if (this.searchInput) {            this.searchInput.value = this.currentQuery;          }                    if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {            this.fetchDeals(this.currentQuery);          } else {            this.render();          }        }        updatePriceDropdownCurrency() {          if (!this.priceFilter || !this.regionSelect) return;          const currencySymbols = {            'US': '$',            'GB': '£',            'CA': '$CA',            'AU': '$AU',            'DE': '€',            'FR': '€',            'IT': '€',          };          const area = this.getAreaCode();          const cur = currencySymbols[area || 'US'] || '$';                    const options = this.priceFilter.options;          for (let i = 0; i < options.length; i++) {            const opt = options[i];            if (opt.value === 'all') {              opt.innerText = 'All Prices';            } else if (opt.value === 'under50') {              opt.innerText = `Under ${cur}50`;            } else if (opt.value === '50_100') {              opt.innerText = `${cur}50 - ${cur}100`;            } else if (opt.value === '100_200') {              opt.innerText = `${cur}100 - ${cur}200`;            } else if (opt.value === '200_500') {              opt.innerText = `${cur}200 - ${cur}500`;            } else if (opt.value === 'over500') {              opt.innerText = `Over ${cur}500`;            }          }        }        populateBrandDropdown(values) {          if (!this.brandDropdown || !this.brandFilterWrapper) return;          this.brandFilterWrapper.style.display = 'flex'; // show the wrapper                    let html = '';          const allChecked = this.selectedBrands.length === 0 ? 'checked' : '';          const _div = '<' + '/div>';          const _span = '<' + '/span>';          html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="" ${allChecked} class="tg-df-brand-chk"> Any Brand${_div}`;                    values.forEach(v => {             if (!v.formatted_value || v.formatted_value === 'Any Brand') return;             const isChecked = this.selectedBrands.includes(v.formatted_value) ? 'checked' : '';             html += `\x3Cdiv class="tg-df-ms-option">\x3Cinput type="checkbox" value="${this.escapeHTML(v.formatted_value)}" ${isChecked} class="tg-df-brand-chk"> ${this.escapeHTML(v.formatted_value)} \x3Cspan style="color:var(--tg-df-text-muted);font-size:12px">(${v.count || 0})${_span}${_div}`;          });                    this.brandDropdown.innerHTML = html;                    // Re-bind listeners          const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');          chks.forEach(chk => {            chk.addEventListener('change', (e) => {              const val = e.target.value;              if (val === '') {                this.selectedBrands = [];              } else {                if (e.target.checked) {                   if (!this.selectedBrands.includes(val)) this.selectedBrands.push(val);                } else {                   this.selectedBrands = this.selectedBrands.filter(b => b !== val);                }              }                            if (this.selectedBrands.length === 0) {                 this.brandTrigger.innerText = 'Any Brand';              } else if (this.selectedBrands.length === 1) {                 this.brandTrigger.innerText = this.selectedBrands[0];              } else {                 this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;              }                            // Only call API if changed from UI interactions              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.updateURLParams();                 this.fetchDeals(this.currentQuery);              }            });          });                    // Update button text on load          if (this.selectedBrands.length === 0) {             this.brandTrigger.innerText = 'Any Brand';          } else if (this.selectedBrands.length === 1) {             this.brandTrigger.innerText = this.selectedBrands[0];          } else {             this.brandTrigger.innerText = `${this.selectedBrands.length} Brands selected`;          }        }        updateURLParams() {          const url = new URL(window.location);          if (this.currentQuery && this.currentQuery !== 'Gaming laptops') {            url.searchParams.set('q', this.currentQuery);          } else {            url.searchParams.delete('q');            url.searchParams.delete('search');            url.searchParams.delete('query');          }                    if (this.regionSelect && this.regionSelect.value !== 'auto') {            url.searchParams.set('region', this.regionSelect.value);          } else {            url.searchParams.delete('region');          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.set('retailer', this.retailerSelect.value);          } else {            url.searchParams.delete('retailer');          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.set('brands', this.selectedBrands.join(','));          } else {            url.searchParams.delete('brands');          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.set('offer_type', this.offerTypeSelect.value);          } else {            url.searchParams.delete('offer_type');          }                    if (this.viewModeSelect && this.viewModeSelect.value !== 'auto') {            url.searchParams.set('view_mode', this.viewModeSelect.value);          } else {            url.searchParams.delete('view_mode');          }                    if (this.rowsSelect && this.rowsSelect.value !== '12') {            url.searchParams.set('rows', this.rowsSelect.value);          } else {            url.searchParams.delete('rows');          }                    const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             url.searchParams.set('price', `${min}_${max}`);          } else if (this.priceFilter && this.priceFilter.value !== 'all') {            url.searchParams.set('price', this.priceFilter.value);          } else {            url.searchParams.delete('price');          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {               const ratio = (100 - v) / 100;               url.searchParams.set('min_discount_ratio', ratio.toString());            }          } else {            url.searchParams.delete('min_discount_ratio');          }                    if (this.sortSelect && this.sortSelect.value !== 'discount_desc') {            url.searchParams.set('sort', this.sortSelect.value);          } else {            url.searchParams.delete('sort');          }                    if (this.dealModeToggle && this.dealModeToggle.checked) {            url.searchParams.set('deal_mode', 'true');          } else {            url.searchParams.delete('deal_mode');          }                    window.history.replaceState({}, '', url);        }        bindEvents() {          const roundels = this.root.querySelectorAll('.tg-df-carousel-cat.original-hardcoded');          roundels.forEach(r => {             r.addEventListener('click', () => {                const q = r.getAttribute('data-query');                const pr = r.getAttribute('data-pr');                if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: q,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = q;                const label = this.root.querySelector('#tg-df-carousel-title-label');                if (label) label.textContent = 'Best ' + q;                if (this.priceFilter) this.priceFilter.value = pr || 'all';                if (this.discountFilter) this.discountFilter.value = '5';                if (this.searchInput) this.searchInput.value = q;                                roundels.forEach(ro => ro.classList.remove('active'));                r.classList.add('active');                this.fetchDeals(this.currentQuery);             });          });          const discBtns = this.root.querySelectorAll('.tg-df-carousel-filter-btn');          discBtns.forEach(b => {             b.addEventListener('click', () => {                const d = b.getAttribute('data-d');                const pr = b.getAttribute('data-pr');                const ot = b.getAttribute('data-ot');                let label = b.innerText ? b.innerText.trim() : '';                let filterType = 'unknown';                let filterVal = 'unknown';                if (d !== null) { filterType = 'discount'; filterVal = d; }                else if (pr !== null) { filterType = 'price'; filterVal = pr; }                else if (ot !== null) { filterType = 'offertype'; filterVal = ot; }                if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-${filterType}-${filterVal}`, name: 'Filter Button', label: label });                                if (d !== null) {                   if (this.discountFilter) this.discountFilter.value = this.discountFilter.value === d ? '0' : d;                } else if (pr !== null) {                   if (this.priceFilter) this.priceFilter.value = this.priceFilter.value === pr ? 'all' : pr;                } else if (ot !== null) {                   if (this.offerTypeSelect) this.offerTypeSelect.value = this.offerTypeSelect.value === ot ? 'all' : ot;                } else {                   if (this.discountFilter) this.discountFilter.value = '0';                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.offerTypeSelect) this.offerTypeSelect.value = 'all';                }                if (d === null && pr === null && ot === null && b.getAttribute("data-type") !== "custom") {                   discBtns.forEach(ro => ro.classList.remove('active'));                   b.classList.add('active');                } else if (b.getAttribute("data-type") !== "custom") {                   // Only operate on hardcoded buttons (those without data-type)                   discBtns.forEach(ro => {                      if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active');                   });                                      let makeActive = true;                   if (d !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-d') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (pr !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-pr') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   } else if (ot !== null) {                       if (b.classList.contains('active')) makeActive = false;                       discBtns.forEach(ro => { if (ro.getAttribute('data-ot') !== null && ro.getAttribute('data-type') !== 'custom') ro.classList.remove('active') });                   }                                      if (makeActive) b.classList.add('active');                                      // Check if anything is active, if not activate "All"                   let anyActive = false;                   discBtns.forEach(ro => { if (ro.classList.contains('active') && ro.getAttribute('data-type') !== 'custom') anyActive = true; });                   if (!anyActive) {                       discBtns.forEach(ro => { if (!ro.getAttribute('data-d') && !ro.getAttribute('data-pr') && !ro.getAttribute('data-ot') && ro.getAttribute('data-type') !== 'custom') ro.classList.add('active'); });                   }                }                                this.fetchDeals(this.currentQuery);             });          });          if (this.brandTrigger && this.brandDropdown) {            this.brandTrigger.addEventListener('click', () => {              this.brandDropdown.classList.toggle('active');            });            document.addEventListener('click', (e) => {              if (this.brandFilterWrapper && !e.composedPath().includes(this.brandFilterWrapper)) {                this.brandDropdown.classList.remove('active');              }            });          }          let debounceTimer;          if(this.searchInput) {            this.searchInput.addEventListener('input', (e) => {              clearTimeout(debounceTimer);              const query = e.target.value.trim();              this.currentQuery = query;              if (this.getViewMode() === 'savings_squad' && this.autocompleteDropdown && this.airedaleTags && query.length > 0) {                 const matches = this.airedaleTags.filter(t => t.toLowerCase().includes(query.toLowerCase()) && t.toLowerCase() !== query.toLowerCase()).slice(0, 5);                 if (matches.length > 0) {                    this.autocompleteDropdown.innerHTML = matches.map(m => `\x3Cdiv class="tg-df-autocomplete-item" data-tag="${this.escapeHTML(m)}">${this.escapeHTML(m)}<` + `/div>`).join('');                    this.autocompleteDropdown.classList.add('active');                 } else {                    this.autocompleteDropdown.classList.remove('active');                 }              } else if (this.autocompleteDropdown) {                 this.autocompleteDropdown.classList.remove('active');              }              debounceTimer = setTimeout(() => {                this.updateURLParams();                if (query.length > 2) {                  this.fetchDeals(query);                } else if (query.length === 0) {                  this.deals = [];                  this.render();                }              }, 400);            });            this.searchInput.addEventListener('keypress', (e) => {              if (e.key === 'Enter') {                if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');                clearTimeout(debounceTimer);                const query = e.target.value.trim();                this.currentQuery = query;                this.activeDealTag = null;                trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });                this.updateURLParams();                if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                   this.fetchDeals(query);                }              }            });          }          if (this.autocompleteDropdown) {             this.autocompleteDropdown.addEventListener('click', (e) => {                const item = e.target.closest('.tg-df-autocomplete-item');                if (item) {                   const tag = item.getAttribute('data-tag');                   this.currentQuery = tag;                   if (this.searchInput) this.searchInput.value = tag;                   this.activeDealTag = tag;                   this.autocompleteDropdown.classList.remove('active');                   this.updateURLParams();                   this.fetchDeals(tag);                }             });             document.addEventListener('click', (e) => {               if (this.autocompleteDropdown && this.searchInput && !e.composedPath().includes(this.searchInput) && !e.composedPath().includes(this.autocompleteDropdown)) {                 this.autocompleteDropdown.classList.remove('active');               }             });          }          if (this.searchBtn) {            this.searchBtn.addEventListener('click', () => {              if (this.autocompleteDropdown) this.autocompleteDropdown.classList.remove('active');              clearTimeout(debounceTimer);              const query = this.searchInput.value.trim();              trackElementInteraction({ id: 'search-submit', name: 'Ask', label: 'Ask (main search)', text: query });              this.activeDealTag = null;              this.currentQuery = query;              this.updateURLParams();              if (query.length > 2 || (this.getViewMode() === 'savings_squad')) {                 this.fetchDeals(query);              }            });          }          if(this.sortSelect) this.sortSelect.addEventListener('change', () => {            trackElementInteraction({ id: `sort-option-${this.sortSelect.value}`, name: 'Sort', label: `Sort: ${this.sortSelect.options[this.sortSelect.selectedIndex].text}` });            this.updateURLParams();            if (this.deals.length > 0) {              this.sortData();              this.render();            }          });                    const priceFilter = this.root.querySelector('#tg-df-price-filter');          if (priceFilter) {            this.priceFilter = priceFilter;            this.priceFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-price-${this.priceFilter.value}`, name: 'Price', label: this.priceFilter.options[this.priceFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          const updateCustomPrice = () => {             this.updateURLParams();             if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);             } else {                this.render();             }          };          if (this.customPriceMin) {             this.customPriceMin.addEventListener('change', updateCustomPrice);             this.customPriceMin.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          if (this.customPriceMax) {             this.customPriceMax.addEventListener('change', updateCustomPrice);             this.customPriceMax.addEventListener('keypress', (e) => {                if (e.key === 'Enter') updateCustomPrice();             });          }          const discountFilter = this.root.querySelector('#tg-df-discount-filter');          if (discountFilter) {            this.discountFilter = discountFilter;            this.discountFilter.addEventListener('change', () => {              trackElementInteraction({ id: `filter-discount-${this.discountFilter.value}`, name: 'Discount', label: this.discountFilter.options[this.discountFilter.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }            });          }          if (this.categoryFilter) {            this.categoryFilter.addEventListener('change', (e) => {               const val = e.target.value === 'all' ? null : e.target.value;               this.activeDealTag = val;               this.fetchSavingsSquad();            });          }                    if (this.settingsToggle) {            this.settingsToggle.addEventListener('click', () => {              const o = this.settingsPanel.classList.toggle('active');              this.settingsBackdrop.classList.toggle('active');              if (o) trackElementInteraction({ id: 'filter-open', name: 'Filters', label: 'Open filters' });            });          }                    if (this.settingsBackdrop) {            this.settingsBackdrop.addEventListener('click', () => {              this.settingsPanel.classList.remove('active');              this.settingsBackdrop.classList.remove('active');            });          }                    if (this.regionSelect) {            this.regionSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-region-${this.regionSelect.value}`, name: 'Region', label: this.regionSelect.options[this.regionSelect.selectedIndex].text });              this.updateURLParams();              this.updatePriceDropdownCurrency();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.retailerSelect) {            this.retailerSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-merchant-${this.retailerSelect.value}`, name: 'Retailer', label: this.retailerSelect.options[this.retailerSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.offerTypeSelect) {            this.offerTypeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-offertype-${this.offerTypeSelect.value}`, name: 'Offer Type', label: this.offerTypeSelect.options[this.offerTypeSelect.selectedIndex].text });              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.viewModeSelect) {            this._prevViewMode = this.viewModeSelect.value;            this.viewModeSelect.addEventListener('change', () => {              trackElementInteraction({ id: `filter-viewmode-${this.viewModeSelect.value}`, name: 'View Mode', label: this.viewModeSelect.options[this.viewModeSelect.selectedIndex].text });                            // Reset all active toggles and filters to prevent config carry-over              this.selectedBrands = [];              if (this.brandTrigger) this.brandTrigger.innerText = 'Select Brands';              if (this.brandDropdown) {                const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                chks.forEach(chk => { chk.checked = false; });              }              if (this.priceFilter) this.priceFilter.value = 'all';              if (this.customPriceMin) this.customPriceMin.value = '';              if (this.customPriceMax) this.customPriceMax.value = '';              if (this.sortSelect) this.sortSelect.value = this.viewModeSelect.value === 'savings_squad' ? 'date_desc' : 'discount_desc';              if (this.discountFilter) this.discountFilter.value = '0';              if (this.retailerSelect) this.retailerSelect.value = '';              if (this.offerTypeSelect) this.offerTypeSelect.value = '';              if (this.rowsSelect) this.rowsSelect.value = '12';              if (this.categoryFilter) this.categoryFilter.value = 'all';              this.activeDealTag = null;              this.updateURLParams();              this.applyLayoutMode();                            if (this.getViewMode() === 'savings_squad' || this._prevViewMode === 'savings_squad') {                this.fetchDeals(this.currentQuery);              } else {                this.render();              }              this._prevViewMode = this.viewModeSelect.value;            });          }                    if (this.rowsSelect) {            this.rowsSelect.addEventListener('change', () => {              this.updateURLParams();              if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {                this.fetchDeals(this.currentQuery);              }            });          }                    if (this.dealModeToggle) {            this.dealModeToggle.addEventListener('change', () => {              this.updateURLParams();              this.render();            });          }          if (this.editorModeToggle) {             this.editorModeToggle.addEventListener('change', (e) => {                this.editorMode = e.target.checked;                this.render();                this.updateFloatingCopyBar();             });          }          if (this.editorCopyBtn) {             this.editorCopyBtn.addEventListener('click', () => {                this.copySelectedDealsToCMS();             });          }          if (this.editorClearBtn) {             this.editorClearBtn.addEventListener('click', () => {                this.selectedDeals.clear();                this.render();                this.updateFloatingCopyBar();             });          }          if (this.grid) {            this.grid.addEventListener('change', (e) => {               if (e.target.classList.contains('tg-df-deal-checkbox')) {                  const dealId = e.target.getAttribute('data-id');                  if (e.target.checked) {                     const dealObj = this.deals.find(d => d.id === dealId);                     if (dealObj) this.selectedDeals.set(dealId, dealObj);                  } else {                     this.selectedDeals.delete(dealId);                  }                  this.updateFloatingCopyBar();               }            });            this.grid.addEventListener('click', (e) => {              const dealCard = e.target.closest('[data-action="deal-click"]');              const similarCard = e.target.closest('[data-action="view-similar-click"]');              const cardLink = dealCard || similarCard;              if (cardLink) {                const productName = cardLink.getAttribute('data-product-name');                const merchantName = cardLink.getAttribute('data-merchant-name');                const productId = cardLink.getAttribute('data-analytics-id');                const price = parseFloat(cardLink.getAttribute('data-price')) || null;                const prevPriceStr = cardLink.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = cardLink.getAttribute('data-original-link');                const rewrittenLink = cardLink.getAttribute('href');                const revenueId = cardLink.getAttribute('data-revenue-id');                const index = parseInt(cardLink.getAttribute('data-index'), 10) || 0;                const inStock = cardLink.getAttribute('data-in-stock') === 'true';                const totalText = cardLink.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: cardLink.getAttribute('data-model-id') || null,                    matchId: cardLink.getAttribute('data-match-id') || null,                    brand: cardLink.getAttribute('data-model-brand') || null,                    parent: cardLink.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: cardLink.getAttribute('data-merchant-id') || null,                    network: cardLink.getAttribute('data-merchant-network') || null,                    url: cardLink.getAttribute('data-merchant-url') || null,                    name: merchantName                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: normalizeCurrency(this.escapeHTML(cardLink.getAttribute('data-currency') || '$'))                };                if (dealCard) {                  trackDealClick(trackingParams);                } else {                  trackViewSimilarClick(trackingParams);                }              }              const couponsBtn = e.target.closest('[data-action="coupons-click"]');              if (couponsBtn) {                trackElementInteraction({                  id: 'product-card-show-coupons',                  name: 'Coupons',                  label: `Product card coupons: ${couponsBtn.getAttribute('data-merchant')}`                });              }            });          }          this.setupScrollListeners();        }        setupScrollListeners() {          const containers = [             this.root.querySelector('.tg-df-carousel-roundels'),             this.root.querySelector('.tg-df-carousel-filters-wrap'),             this.root.querySelector('#tg-df-grid')          ];                    containers.forEach(container => {             if (!container) return;                          const checkScroll = () => {                if (!container.parentElement) return;                const leftBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-left');                const rightBtn = container.parentElement.querySelector('.tg-df-carousel-scroll-right');                                if (leftBtn) {                   if (container.scrollLeft <= 5) leftBtn.style.display = 'none';                   else leftBtn.style.display = 'flex';                }                                if (rightBtn) {                   if (container.scrollWidth <= container.clientWidth) {                       rightBtn.style.display = 'none';                   } else if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 5) {                       rightBtn.style.display = 'none';                   } else {                       rightBtn.style.display = 'flex';                   }                }             };                          container.addEventListener('scroll', checkScroll);             checkScroll();                          window.addEventListener('resize', checkScroll);                          const observer = new MutationObserver(checkScroll);             observer.observe(container, { childList: true, subtree: true, characterData: false });          });        }        get widgetTypeName() {          const mode = this.viewModeSelect ? this.viewModeSelect.value : (this.viewModeOverride || 'auto');          switch(mode) {              case 'carousel': return 'Carousel';              case 'savings_squad': return 'Savings Squad';              case 'grid': return 'Grid';              case 'row': return 'Row';              default: return 'Auto Collection';          }        }        getRowsLimit() {          if (this.rowsSelect && this.rowsSelect.value) return parseInt(this.rowsSelect.value, 10);          let configSource = window.location.search;          if (this.hostContainer && this.hostContainer.hasAttribute('data-widget-config')) {             configSource = this.hostContainer.getAttribute('data-widget-config');          } else if (typeof window !== 'undefined' && window.__WIDGET_CONFIG__) {             configSource = window.__WIDGET_CONFIG__;          }          const params = new URLSearchParams(configSource);          if (params.has('rows')) return parseInt(params.get('rows'), 10) || 12;          return 12;        }        getAreaCode() {          if (this.regionSelect && this.regionSelect.value) {            if (this.regionSelect.value === 'auto') return null;            return this.regionSelect.value;          }          let area = null;          try {            const locale = window.navigator.language || window.navigator.userLanguage;            if (locale && locale.includes('-')) {              area = locale.split('-')[1].toUpperCase();            } else if (locale && locale.length === 2) {              if (locale.toUpperCase() === 'EN') { area = 'US'; }              else { area = locale.toUpperCase(); }            }          } catch (e) { /* Ignore */ }                    // Map to known valid options or fallback to US          const valid = ['US', 'GB', 'CA', 'AU', 'DE', 'FR', 'IT'];          if (area === 'UK') area = 'GB';          if (valid.includes(area)) {             return area;          }          return 'US';        }                async loadCarouselSpreadsheet() {          try {              const parseCSVRow = (str) => {                  let result = [], cur = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (inQuotes) {                          if (char === '"') {                              if (str[i + 1] === '"') { cur += '"'; i++; }                              else { inQuotes = false; }                          } else { cur += char; }                      } else {                          if (char === '"') { inQuotes = true; }                          else if (char === ',') { result.push(cur); cur = ''; }                          else { cur += char; }                      }                  }                  result.push(cur); return result;              };              const parseCSV = (str) => {                  const rows = []; let curRow = '', inQuotes = false;                  for (let i = 0; i < str.length; i++) {                      let char = str[i];                      if (char === '"') inQuotes = !inQuotes;                      if ((char === '\n' || char === '\r') && !inQuotes) {                          if (char === '\r' && str[i+1] === '\n') i++;                          if (curRow) rows.push(parseCSVRow(curRow));                          curRow = '';                      } else { curRow += char; }                  }                  if (curRow) rows.push(parseCSVRow(curRow));                  return rows;              };              const preloadedCSV = decodeURIComponent(escape(atob("LCwxLDIsMyw0LDUsNiw3LDgsOSwxMCwxMSwxMiwxMywxNCwxNQ0KUm91bmRlbCB0ZXh0LEFsbCxUVnMsRm9vdHdlYXIsQXBwYXJlbCxNYXR0cmVzZXMsQXBwbGlhbmNlcyxXZWFyYWJsZSB0ZWNoLEhlYWRwaG9uZXMsU21hcnQgSG9tZSxTcGVha2VycyxMYXB0b3BzLFRhYmxldHMsQ29tcHV0aW5nLFBob25lcyxHYW1pbmcsTGVnbw0KUm91bmRlbCBpbWFnZSxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL2FpLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3R2cy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvN2IzYTIyNGIwNzk2M2M2MjdiNmI5MDliZDc4MzM4MzZlMDJmZjgxOS5qcGcud2VicCxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy84NGRhYzVkNDhlZDJkNDQ4NTU5ZWJhNjdhY2U4MzE0Y2M2N2NjZDk0LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vcHJvZHVjdHMvY2Fyb3VzZWwvbWF0dHJlc3Nlcy5wbmcsaHR0cHM6Ly9pbWFnZXMuZmllLmZ1dHVyZWNkbi5uZXQvcHJvZHVjdHMvNzY4ZTk3Y2ViMDcxODAxZmFlMjA5MTBkMDgyMGIxNmY3NDdhZjkzOS5qcGcud2VicCxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3dlbGxuZXNzLnBuZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL2hlYWRwaG9uZXMuanBnLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzg5NTM1YmVlYmUyMGRiYmQ0YTM0NmQ2ZDZiZGZlOTFkOGE4ODRhMjEuanBnLndlYnAsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9hdWRpby5qcGcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9sYXB0b3BzLmpwZyxodHRwczovL2ltYWdlcy5maWUuZnV0dXJlY2RuLm5ldC9wcm9kdWN0cy8yMzk3NTY0ZWQ3YTVmZjk0N2U5YjZiMzBlNTRmNDc0OTRiODQxZjg5LmpwZy53ZWJwLGh0dHBzOi8vd3d3LnRvbXNndWlkZS5jb20vcHJvZHVjdHMvY2Fyb3VzZWwvY29tcHV0aW5nLmpwZyxodHRwczovL3d3dy50b21zZ3VpZGUuY29tL3Byb2R1Y3RzL2Nhcm91c2VsL3Bob25lcy5wbmcsaHR0cHM6Ly93d3cudG9tc2d1aWRlLmNvbS9wcm9kdWN0cy9jYXJvdXNlbC9nYW1pbmcucG5nLGh0dHBzOi8vaW1hZ2VzLmZpZS5mdXR1cmVjZG4ubmV0L3Byb2R1Y3RzLzRmNmM2MjFjYWMwYmMxYTg1ZDU5M2UzNTk0YmE1YjM0OWVmZmQyOTIuanBnLndlYnANClNlYXJjaCBRdWVyeSxFdmVyeXRoaW5nLFRlbGV2aXNpb25zLCJTbmVha2VycywgcnVubmluZyBzaG9lcywgc2FuZGFscyIsQ2xvdGhpbmcsTWF0dHJlc3NlcyxIb21lIEFwcGxpYW5jZXMsV2VhcmFibGVzICYgRml0bmVzcyBUZWNoLEhlYWRwaG9uZXMsSG9tZSBUZWNoLFNwZWFrZXJzLExhcHRvcHMsVGFibGV0cyxDb21wdXRpbmcsUGhvbmVzLEdhbWluZyxDb25zdHJ1Y3Rpb24gVG95cw0KRGlzY291bnQgQW1vdW50LG1pbiA1JSxtaW4gMTAlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUsbWluIDUlLG1pbiA1JSxtaW4gNSUNClByaWNlIFJhbmdlLCwsLCxtaW4gJDQwMCwsLCxtaW4gJDI1LCxtaW4gJDMwMCwsLG1pbiAkMTAwLCwNCkJyYW5kIFNlbGVjdGlvbiwsLCwsLCwsLCwsLCwsLCwNCkZpbHRlciBidXR0b25zLCwsLCwsLCwsLCwsLCwsLA0KMSxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMsTGlnaHRuaW5nIGRlYWxzLExpZ2h0bmluZyBkZWFscyxMaWdodG5pbmcgZGVhbHMNCjIsQW1hem9uIGRlYWxzLFVuZGVyICQxMDAwLDUwJSBvZmYsQWRpZGFzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsNTAlIG9mZixBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscyxBbWF6b24gZGVhbHMsQW1hem9uIGRlYWxzLEFtYXpvbiBkZWFscw0KMyxPdmVyICQ0MDAsVW5kZXIgJDUwMCxIb2thLE5pa2UsU2FhdHZhLE5pbmphLDQwJSBvZmYsSkxhYiwsSkJMLERlbGwsLEFzdXMsQXBwbGUsQ29uc29sZXMsU3RhciBXYXJzDQo0LFVuZGVyICQxMDAwLDUwJSBvZmYsU2tlY2hlcnMsVW5kZXIgQXJtb3VyLEhlbGl4LFNoYXJrLEdhcm1pbixBbmtlciBTb3VuZGNvcmUsUmluZyxTb25vcyxBcHBsZSxBcHBsZSxUUC1saW5rLFNhbXN1bmcsQWNjZXNzb3JpZXMsVW5kZXIgJDI1DQo1LFVuZGVyICQ1MDAsTEcsQXNpY3MsQ29sdW1iaWEsRHJlYW1DbG91ZCxLZXVyaWcsQXBwbGUsU29ueSxHb3ZlZSxUcmliaXQsTGVub3ZvLFNhbXN1bmcsRWVybyxHb29nbGUsR2FtZXMsVW5kZXIgJDUwDQo2LDUwJSBvZmYsU2Ftc3VuZyxOaWtlLFBhdGFnb25pYSxOZWN0YXIsRGUnTG9uZ2hpLEFtYXpmaXQsQXBwbGUsS2FzYSBzbWFydCxTb255LEFsaWVud2FyZSxUQ0wsTmV0Z2VhcixNb3Rvcm9sYSxOaW50ZW5kbyxCb3RhbmljYWxzDQo3LEFtYXpvbixIaXNlbnNlLE5ldyBCYWxhbmNlLEFyYyd0ZXJ5eCxUZW1wdXItcGVkaWMsRHlzb24sRml0Yml0LEJlYXRzLFBoaWxpcHMgSHVlLEFua2VyLEFjZXIsT25lUGx1cyxEZWxsLE9uZVBsdXMsU29ueSxEaXNuZXkNCjgsQXBwbGUsVENMLEFkaWRhcyxDYXJoYXJ0dCxCZWFyLEJpc3NlbGwsU2Ftc3VuZyxFYXJmdW4sQmxpbmssQmVhdHMsTVNJLE1pY3Jvc29mdCxBY2VyLE5vdGhpbmcsWGJveCxNYXJ2ZWwNCjksLFNvbnksU2F1Y29ueSxUaGUgTm9ydGggRmFjZSxTaWVuYSxOdXRyaWJ1bGxldCxPdXJhLFNhbXN1bmcsR29vZ2xlIE5lc3QgLE1hcnNoYWxsLFNhbXN1bmcsTGVub3ZvLExlbm92bywsLFBva2Vtb24NCjEwLCxSb2t1LEJpcmtlbnN0b2NrLENSWiBZb2dhLFdpbmtCZWRzLEJsYWNrIGFuZCBEZWNrZXIsUmluZ2Nvbm4sQ01GLEV1ZnksU2Ftc3VuZyxNaWNyb3NvZnQsUmVNYXJrYWJsZSxBbGllbndhcmUsLCwNCjExLCwsQnJvb2tzLFRoZSBHeW0gUGVvcGxlLEJyb29rbHluIGJlZGRpbmcsTmVzcHJlc3NvLCwxTW9yZSxBcmxvLCxSYXplciwsQ29yc2FpciwsLA0KMTIsLCxDcm9jcywsRWlnaHQgU2xlZXAsQ3Vpc2luYXJ0LCxKQkwsLCwsLEhQLCwsDQpOb3RlcywsLCwsLCwsLCwsLCwsLCwNCiwsIlByaW9yaXRpc2UgYmlnZ2VzdCAlLyQgZGlzY291bnQsIFR2cyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiB0aGUgbW9zdCBwb3B1bGFyIGV2ZW4gaWYgdGhleSBhcmUgc3RpbGwgZXhwZW5zaXZlIiwiTm8gcGF0dGVybiB0byBwcmljaW5nL2Rpc2NvdW50LCByZWFkZXJzIG1haW5seSBzaG9wIGJ5IGJyYW5kL3JlY29nbmlzYWJsZSBzaG9lcyIsIk5vIHBhdHRlcm4gdG8gcHJpY2luZy9kaXNjb3VudCwgcmVhZGVycyBtYWlubHkgc2hvcCBieSBicmFuZCIsIkEgbGFiZWwgd2lsbCBkZWZpbml0ZWx5IGhlbHAgaGVyZSBlLmcuIGJlc3QgZm9yIHNpZGUgc2xlZXBlciwgYmVzdCBtZW1vcnkgZm9hbSIsIkFwcGxpYW5jZXMgaXMgYSBiaWcgY2F0ZWdvcnksIGlzIGl0IHBvc3NpYmxlIHRvIHNwbGl0IGludG8ga2l0Y2hlbiBhcHBsaWFuY2VzLCBmbG9vcmNhcmUsIGFpciBoZWFsdGgvY29vbGluZz8gT3Igc2ltaWxhciIsIkZvY3VzIG9uIHZhbHVlIGZvciBtb25leSwgR2FybWlucyB3aXRoIH41MCUgb2ZmIGhhdmUgYmVlbiBwb3B1bGFyIGV2ZW4gdGhvdWdoIHRoZXkgYXJlIHN0aWxsICQ1MDAiLCwsLCxJbmNsdWRlIEtpbmRsZXMsSSB3b3VsZCBpbmNsdWRlIHdpZmkgcm91dGVycyBoZXJlIGluc3RlYWQgb2Ygc21hcnQgaG9tZSxDYW4gd2Ugc3VyZmFjZSBwaG9uZSBwcm92aWRlciBkZWFscz8gVC1tb2JpbGUgYW5kIHZlcml6b24gd291bGQgbWFrZSBhIGxvdCBtb3JlIG1vbmV5IHRoYW4gQW1hem9uLCwNCiwsaGF2aW5nIGEgJ2Jlc3QgZm9yJyBsYWJlbCB3b3VsZCBiZSBoZWxwZnVsIGUuZy4gYmVzdCBmb3IgYnJpZ2h0IHJvb20sQ2FuIHdlIHN0b3Aga2lkcyBzaG9lcyBmcm9tIHB1bGxpbmcgdGhyb3VnaD8sIldpbGwgdGhpcyBpbmNsdWRlIGFjY2Vzc29yaWVzIGUuZy4gY2FwcywgYmFncywgaWYgc28gbWFrZSBzdXJlIHRoZXNlIGFyZSBtaXhlZCB0aHJvdWdob3V0IGNsb3RoaW5nIGRlYWxzIixXaWxsIHRoaXMgaW5jbHVkZSB0b3BwZXJzIGFuZCBwaWxsb3dzPyBTZWVpbmcgbW9yZSBtb21lbnR1bSB3aXRoIHRoaXMgY2F0ZWdvcnkgcmVjZW50bHkgc28gYSBiZWRkaW5nIHRhYiBtaWdodCB3b3JrLCwiTmVlZCB0byBtYWtlIHN1cmUgYmFuZHMsIHNjcmVlbiBwcm90ZWN0b3JzIGV0Yy4gZG9uJ3QgcHVsbCBpbnRvIGhlcmUiLCwsLCwsLCwsDQosLCJQcmlvcml0aXNlIDY1JycgYW5kIDU1JyBpbmNoIFRWcywgdGhlbiBiaWdnZXIgc2NyZWVucyBiZWZvcmUgdGhlIHNtYWxsZXIgc2l6ZXMiLCwsUXVlZW4gaXMgdGhlIG1vc3QgcG9wdWxhciBzaXplIGluIHRoZSBVUyAtIHByaW9yaXRpc2UgZGVhbHMgZm9yIHRoaXMgc2l6ZSwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpDYXRlZ29yaWVzIHRvIGNvbnNpZGVyLCxQcm9kdWN0cyBpbmNsdWRlZCwsLCwsLCwsLCwsLCwsDQpVbmRlciAkNTA/LCxBaXIgdGFncywsLCwsLCwsLCwsLCwsDQosLFBvcnRhYmxlIGNoYXJnZXJzL3dpcmVsZXNzIGNoYXJnZXJzLCwsLCwsLCwsLCwsLCwNCiwsIldhdGVyIGJvdHRsZXMgKHN0YW5sZXlzLCBPd2FsYSwgSHlkcm8gZmxhc2ssIFlldGkpIiwsLCwsLCwsLCwsLCwsDQosLEhhbmQgaGVsZCBmYW5zLCwsLCwsLCwsLCwsLCwNCiwsLCwsLCwsLCwsLCwsLCwNCmhvbWUgb2ZmaWNlLCxvZmZpY2UgY2hhaXJzLCwsLCwsLCwsLCwsLCwNCiwsc3RhbmRpbmcgZGVza3MsLCwsLCwsLCwsLCwsLA0KLCxtb25pdG9ycywsLCwsLCwsLCwsLCwsDQosLEtleWJvYXJkcywsLCwsLCwsLCwsLCwsDQosLGRvY2tpbmcgc3RhdGlvbiwsLCwsLCwsLCwsLCwsDQosLCwsLCwsLCwsLCwsLCwsDQpHYW1pbmcsLENvbnNvbGVzLCwsLCwsLCwsLCwsLCwNCiwsQWNjZXNzb3JpZXMsLCwsLCwsLCwsLCwsLA0KLCxHYW1lcywsLCwsLCwsLCwsLCwsDQosLENvdWxkIGluY2x1ZGUgTGVnbz8sLCwsLCwsLCwsLCwsLA==")));              const text = preloadedCSV;              const parsed = parseCSV(text);                            const rowsByName = {};              let filterStart = -1;              parsed.forEach((rc, i) => {                 if (rc && rc.length > 0 && rc[0]) rowsByName[rc[0]] = rc;                 if (rc && rc.length > 0 && rc[0] === 'Filter buttons') filterStart = i;              });                            const cols = [];              if(rowsByName['Roundel text']) {                const headerRow = rowsByName['Roundel text'];                for(let col = 1; col < headerRow.length; col++) {                   let label = headerRow[col];                   if (!label) continue;                                      let q = rowsByName['Search Query'] && rowsByName['Search Query'][col] ? rowsByName['Search Query'][col] : '';                   let img = rowsByName['Roundel image'] && rowsByName['Roundel image'][col] ? rowsByName['Roundel image'][col] : '';                   let ds = rowsByName['Discount Amount'] && rowsByName['Discount Amount'][col] ? rowsByName['Discount Amount'][col] : '';                   let pr = rowsByName['Price Range'] && rowsByName['Price Range'][col] ? rowsByName['Price Range'][col] : '';                   let rt = rowsByName['Retailer'] && rowsByName['Retailer'][col] ? rowsByName['Retailer'][col] : '';                   let ot = rowsByName['Offer Type'] && rowsByName['Offer Type'][col] ? rowsByName['Offer Type'][col] : '';                                      let filters = [];                   if(filterStart > 0) {                     for(let r = filterStart + 1; r < parsed.length; r++) {                         if(!parsed[r] || parsed[r][0] === 'Notes' || parsed[r][0] === 'Categories to consider') break;                         let f = parsed[r][col];                         if(f) filters.push(f);                     }                   }                   cols.push({ label, img, q, ds, pr, rt, ot, filters });                }              }              this.carouselData = cols;              if (this.carouselData && this.carouselData.length > 0) {                 const isMatched = this.carouselData.some(c => c.q === this.currentQuery || c.label === this.currentQuery);                 if (!isMatched) {                    const first = this.carouselData[0];                    this.currentQuery = first.q || first.label;                    if (this.priceFilter) this.priceFilter.value = 'all';                    if (this.customPriceMin) this.customPriceMin.value = '';                    if (this.customPriceMax) this.customPriceMax.value = '';                    let dPr = first.pr || 'all';                    if (typeof dPr === 'string' && dPr !== 'all') {                       let prLower = dPr.toLowerCase();                       if (prLower.includes('min') || prLower.includes('over')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else if (prLower.includes('max') || prLower.includes('under')) {                          let m = dPr.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       }                    }                    let dAm = '0';                    if(first.ds && typeof first.ds === 'string') {                       let m = first.ds.match(/(\d+)/);                       if(m) dAm = m[1];                    }                    if (this.discountFilter) this.discountFilter.value = dAm;                    if (this.offerTypeSelect) this.offerTypeSelect.value = first.ot || '';                    if (this.retailerSelect) this.retailerSelect.value = first.rt || '';                    this.selectedBrands = [];                    if (this.brandDropdown) {                        const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                        chks.forEach(chk => chk.checked = false);                    }                    if (this.searchInput) this.searchInput.value = this.currentQuery;                 }              }              this.renderCarouselUI();          } catch(e){ console.warn(e); }        }                renderCarouselUI() {           const roundelWrapper = this.root.querySelector('.tg-df-carousel-roundels');           if(!roundelWrapper || !this.carouselData) return;                      let html = '';           this.carouselData.forEach(r => {              const q = r.q || r.label;              const isActive = (this.currentQuery === q || this.currentQuery === r.label) ? 'active' : '';              const imgHtml = r.img ? `\x3Cimg src="${r.img}" alt="${r.label}" />` : `\x3Csvg width="32" height="32" fill="#1F69FF" viewBox="0 0 24 24">\x3Cpath d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\x3C/svg>`;              html += `                \x3Cdiv class="tg-df-roundel tg-df-carousel-cat ${isActive}" data-label="${this.escapeHTML(r.label)}">                  \x3Cdiv class="tg-df-roundel-img-box">${imgHtml}\x3C/div>                  \x3Cspan class="tg-df-roundel-label">${this.escapeHTML(r.label)}\x3C/span>                \x3C/div>              `;           });           roundelWrapper.innerHTML = html;                      // Rebind clicks           const roundels = this.root.querySelectorAll('.tg-df-carousel-cat');           roundels.forEach(rNode => {             rNode.addEventListener('click', () => {                const r = this.carouselData.find(c => c.label === rNode.getAttribute('data-label'));                 if(!r) return;                                  if (typeof trackHawkEvent !== 'undefined') {                     trackHawkEvent({                         clickType: "CC",                         widgetId: this.widgetId,                         productCategoryName: "deals",                         zeroBasedProductIndexOrNull: null,                         totalDealsOrProducts: null,                         areaClicked: "Category Roundel",                         revenueId: this.revenueId,                         isoCurrencyCode: typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD',                         queryName: r.label,                         widgetTypeName: this.widgetTypeName                     });                 }                this.currentQuery = r.q || r.label;                const labelTitle = this.root.querySelector('#tg-df-carousel-title-label');                if (labelTitle) labelTitle.textContent = 'Best ' + this.currentQuery;                if (this.priceFilter) this.priceFilter.value = 'all';                if (this.customPriceMin) this.customPriceMin.value = '';                if (this.customPriceMax) this.customPriceMax.value = '';                let dPr = r.pr || 'all';                if (typeof dPr === 'string' && dPr !== 'all') {                   let prLower = dPr.toLowerCase();                   if (prLower.includes('min') || prLower.includes('over')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMin) this.customPriceMin.value = m[1];                   } else if (prLower.includes('max') || prLower.includes('under')) {                      let m = dPr.match(/(\d+)/);                      if (m && this.customPriceMax) this.customPriceMax.value = m[1];                   }                }                                let discountAmount = '0';                if(r.ds && typeof r.ds === 'string') {                   let m = r.ds.match(/(\d+)/);                   if(m) discountAmount = m[1];                }                if (this.discountFilter) this.discountFilter.value = discountAmount;                if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                                // Clear brands                    this.selectedBrands = [];                    if (this.brandDropdown) {                    const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                    chks.forEach(chk => chk.checked = false);                }                                if (this.searchInput) this.searchInput.value = this.currentQuery;                                roundels.forEach(ro => ro.classList.remove('active'));                if (rNode) rNode.classList.add('active');                                this.renderCarouselFilters(r);                this.fetchDeals(this.currentQuery);             });           });                      // Auto-highlight active           const activeR = this.carouselData.find(c => c.q === this.currentQuery || c.label === this.currentQuery);           if(activeR) this.renderCarouselFilters(activeR);        }                renderCarouselFilters(r) {           const filtersWrap = this.root.querySelector('.tg-df-carousel-filters-wrap');           if(!filtersWrap) return;                      let html = `\x3Cbutton class="tg-df-carousel-filter-btn" data-type="all">All\x3C/button>`;                      r.filters.forEach(f => {              let fL = f.toLowerCase();              let icon = '';              let logic = `data-type="custom" data-v="${this.escapeHTML(f)}"`;              if (fL === 'amazon deals' || fL === 'prime deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/fwoVXvL79turN3Ph535m38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/u75QjVpt3w2EsMimJiRo38-600-100.png" class="active-img" alt="" /> Prime deals\x3C/button>`;              } else if (fL === 'lightning deals') {                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>\x3Cimg src="https://cdn.mos.cms.futurecdn.net/HqAui7w97ft2NPqBtQ5r38-600-100.png" class="inactive-img" alt="" />\x3Cimg src="https://cdn.mos.cms.futurecdn.net/yWPQ5yyQRhUwVKzGwYbh38-600-100.png" class="active-img" alt="" /> Lightning deals\x3C/button>`;              } else {                 if (fL.includes('lightning')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap">\x3Cpolygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2">\x3C/polygon>\x3C/svg>`;                 } else if (fL.includes('% off')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag">\x3Cpath d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z">\x3C/path>\x3Ccircle cx="7.5" cy="7.5" r=".5" fill="currentColor">\x3C/circle>\x3C/svg>`;                 } else if (fL.includes('under') || fL.includes('min ')) {                    icon = `\x3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-dollar-sign">\x3Cpath d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z">\x3C/path>\x3Cpath d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8">\x3C/path>\x3Cpath d="M12 18V6">\x3C/path>\x3C/svg>`;                 }                 html += `\x3Cbutton class="tg-df-carousel-filter-btn" ${logic}>${icon} ${this.escapeHTML(f)}\x3C/button>`;              }           });                      filtersWrap.innerHTML = html;                      const btns = filtersWrap.querySelectorAll('button');           btns.forEach(b => {             b.addEventListener('click', () => {                const type = b.getAttribute('data-type');                if (type === 'custom') {                   const v = b.getAttribute('data-v');                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: `filter-custom-${(v||'').toLowerCase().replace(/[^a-z0-9]+/g, '-')}`, name: 'Custom Filter', label: v });                }                if (type === 'all') {                   if (typeof trackElementInteraction === 'function') trackElementInteraction({ id: 'filter-clear-all', name: 'Clear all', label: 'Clear all filters' });                   // reset everything                   btns.forEach(btn => btn.classList.remove('active'));                   b.classList.add('active');                                      // Reset prices                   if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   if (this.brandDropdown) {                     const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                     chks.forEach(chk => chk.checked = false);                   }                } else {                   const v = b.getAttribute('data-v');                   const fL = v.toLowerCase();                                      let mapRet = ['amazon', 'walmart', 'best buy', 'target', 'john lewis', 'currys', 'argos'];                   const getCategory = (s) => {                      if (s === 'lightning deals' || s === 'amazon deals' || s === 'prime deals') return 'offer';                      if (s.includes('% off')) return 'discount';                      if (s.includes('under') || s.includes('over') || s.includes('min') || s.includes('max')) return 'price';                      if (mapRet.includes(s)) return 'retailer';                      return 'brand';                   };                   const cat = getCategory(fL);                   const wasActive = b.classList.contains('active');                   if (cat !== 'brand') {                      btns.forEach(btn => {                          if (btn === b) return;                          if (btn.getAttribute('data-type') === 'all') return;                          const bV = btn.getAttribute('data-v');                          if (!bV) return;                          if (getCategory(bV.toLowerCase()) === cat) btn.classList.remove('active');                      });                   }                   if (wasActive) b.classList.remove('active');                   else b.classList.add('active');                   let anyActive = Array.from(btns).some(btn => btn !== btns[0] && btn.classList.contains('active'));                   if (!anyActive) {                       btns[0].click();                       return;                   } else {                       btns[0].classList.remove('active');                   }                                      if (this.priceFilter) this.priceFilter.value = 'all';                   if (this.customPriceMin) this.customPriceMin.value = '';                   if (this.customPriceMax) this.customPriceMax.value = '';                   let dPr = r.pr || 'all';                   if (typeof dPr === 'string' && dPr !== 'all') {                      let prLower = dPr.toLowerCase();                      if (prLower.includes('min') || prLower.includes('over')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMin) this.customPriceMin.value = m[1];                      } else if (prLower.includes('max') || prLower.includes('under')) {                         let m = dPr.match(/(\d+)/);                         if (m && this.customPriceMax) this.customPriceMax.value = m[1];                      }                   }                                      let discountAmount = '0';                   if(r.ds && typeof r.ds === 'string') {                      let m = r.ds.match(/(\d+)/);                      if(m) discountAmount = m[1];                   }                   if (this.discountFilter) this.discountFilter.value = discountAmount;                   if (this.offerTypeSelect) this.offerTypeSelect.value = r.ot || '';                   if (this.retailerSelect) this.retailerSelect.value = r.rt || '';                   this.selectedBrands = [];                   btns.forEach(btn => {                       if (!btn.classList.contains('active') || btn.getAttribute('data-type') === 'all') return;                       const vv = btn.getAttribute('data-v');                       const vl = vv.toLowerCase();                                              if (vl === 'lightning deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_lightning';                       } else if (vl === 'amazon deals' || vl === 'prime deals') {                          if (this.offerTypeSelect) this.offerTypeSelect.value = 'amazon_prime';                       } else if (vl.includes('% off')) {                          let m = vl.match(/(\d+)%/);                          if (m && this.discountFilter) this.discountFilter.value = m[1];                       } else if (vl.includes('under') || vl.includes('max')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMax) this.customPriceMax.value = m[1];                       } else if (vl.includes('min') || vl.includes('over')) {                          let m = vl.match(/(\d+)/);                          if (m && this.customPriceMin) this.customPriceMin.value = m[1];                       } else {                          let foundR = mapRet.find(x => x === vl);                          if (foundR) {                             let realR = ['Amazon', 'Walmart', 'Best Buy', 'Target', 'John Lewis', 'Currys', 'Argos'].find(x => x.toLowerCase() === vl);                             if (this.retailerSelect) this.retailerSelect.value = realR;                          } else {                             this.selectedBrands.push(vv);                          }                       }                   });                                      if (this.brandDropdown) {                       const chks = this.brandDropdown.querySelectorAll('.tg-df-brand-chk');                       chks.forEach(c => c.checked = this.selectedBrands.includes(c.value));                   }                                      if (r.pr && typeof r.pr === 'string') {                       let prL = r.pr.toLowerCase();                       if (prL.includes('under $')) {                           let m = prL.match(/under \$(\d+)/i);                           if (m && this.customPriceMax && !this.customPriceMax.value) this.customPriceMax.value = m[1];                       }                   }                }                                this.fetchDeals(this.currentQuery);             });           });                      // default to highlighting first           btns[0].classList.add('active');        }async fetchDeals(query, append = false) {          if (!append) {             this.showLoading();             this.deals = [];             this.displayLimit = this.getRowsLimit();          } else {             this.displayLimit += this.getRowsLimit();          }                    try {            if (this.getViewMode() === 'savings_squad') {               await this.fetchSavingsSquad(append);            } else {               if (this.isBroadQuery(query)) {                 await this.fetchAdviserDeals(query, append);               } else {                 await this.fetchHawkDeals(query, append);                 if (this.deals.length === 0) {                   await this.fetchAdviserDeals(query, append);                 }               }            }          } catch (error) {            console.warn("[Tom's Guide Widget] Fetch error:", error);            this.showError();          }        }        async fetchSavingsSquad() {          let topArticles = this.airedaleArticles;          if (!topArticles) {            const airedaleUrl = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`;            let res;            try {               res = await fetch(airedaleUrl);            } catch(e) {               try { res = await fetch(`https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50`); } catch (err) { console.warn("Fallback fetch failed", err); return; }            }            if (!res.ok) throw new Error('Airedale API Error');            const articles = await res.json();            topArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);            this.airedaleArticles = topArticles;                        let tagCounts = {};            topArticles.forEach((a) => {              let articleTags = new Set();              if (a.articlecategory && Array.isArray(a.articlecategory)) {                 a.articlecategory.forEach((t) => articleTags.add(t));              }              articleTags.forEach(t => {                 tagCounts[t] = (tagCounts[t] || 0) + 1;              });            });                        this.airedaleTags = Object.keys(tagCounts).sort((a, b) => tagCounts[b] - tagCounts[a]);            this.airedaleTagCounts = tagCounts;          }                    let targetArticles = topArticles;          if (this.activeDealTag) {             const cleanTag = this.activeDealTag.toLowerCase().replace(/&/g, '').replace(/[^a-z0-9]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');             const encodedTag = encodeURIComponent(cleanTag);             const url = `https://airedale.futurecdn.net/feeds/feed_1776420579726.json?site=tomsguide&articleType=deals&limit=50&articleCategoryHandle=${encodedTag}`;             try {                const res = await fetch(url);                if (res.ok) {                   const articles = await res.json();                   targetArticles = Array.isArray(articles) ? articles.slice(0, 50) : ((articles.data && Array.isArray(articles.data)) ? articles.data.slice(0, 50) : []);                }             } catch(e) {                console.warn("Failed to fetch by activeDealTag", e);             }          }          let extractedDeals = [];          let dynamicBrandsCounts = {};                    targetArticles.forEach((article) => {             if (!article.articlepage) return;                          let pageData = [];             try {                pageData = JSON.parse(article.articlepage[0]);             } catch(e){ console.warn(e); }                          const savingsSquad = pageData.filter((p) => p.type === 'deal' || p.type === 'featured-product');                          savingsSquad.forEach((block, idx) => {                const data = block.data || {};                const isFeatured = block.type === 'featured-product';                                const link = data.link || {};                const priceObj = data.price || {};                const image = data.image || {};                                if (data.brand) {                   data.brand = data.brand.replace(/^\d+\.\s*/, '').trim();                   dynamicBrandsCounts[data.brand] = (dynamicBrandsCounts[data.brand] || 0) + 1;                }                const externalUrl = isFeatured ? data.url : (link.href || null);                let summaryTitle = isFeatured ? (data.name || data.brand) : (data.productName || link.label || article.articlename);                let description = isFeatured ? (data.strapline || '') : (data.text || '');                                if (!isFeatured && !data.productName && data.text) {                   const brSplit = data.text.split(new RegExp('\x3Cbr\\s*\\/?\\x3E', 'i'));                   if (brSplit.length > 1) {                     summaryTitle = brSplit[0].replace(/<[^>]+>/g, '').trim();                     description = brSplit.slice(1).join(' ').replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();                   } else {                     const match = data.text.match(/\x3Cstrong>(.*?)<\/strong>/);                     if (match) {                       summaryTitle = match[1].replace(/<[^>]+>/g, '').trim();                       if (summaryTitle.endsWith(':')) summaryTitle = summaryTitle.slice(0, -1);                     }                   }                }                                let imageUrl = isFeatured ? image.mos : (image.src || null);                if (imageUrl && imageUrl.startsWith('//')) imageUrl = 'https:' + imageUrl;                                description = description.replace(/<br\s*\/?>/gi, ' ').replace(/<\/?(p|div)[^>]*>/gi, ' ').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').replace(/View Deal$/i, '').trim();                                let merchantName = data.retailer || '';                if (!merchantName && externalUrl) {                   try {                     merchantName = new URL(externalUrl).hostname.replace('www.', '').split('.')[0];                     merchantName = merchantName.charAt(0).toUpperCase() + merchantName.slice(1);                   }catch(e){ console.warn(e); }                }                if (!merchantName) merchantName = 'Retailer';                const q = (this.currentQuery || '').toLowerCase();                const activeTagLogic = (this.activeDealTag || '').toLowerCase();                if (q.length > 2 && q !== activeTagLogic) {                   const searchTarget = `${summaryTitle || ''} ${description || ''}`.toLowerCase();                   if (!searchTarget.includes(q)) return;                }                let rawPrice = 0;                let rawMsrp = 0;                let currencyStr = '$';                if (isFeatured) {                   rawPrice = typeof data.salePrice === 'number' && data.salePrice > 0 ? data.salePrice : (typeof data.price === 'number' ? data.price : 0);                   rawMsrp = typeof data.salePrice === 'number' && typeof data.price === 'number' && data.price > data.salePrice ? data.price : 0;                   currencyStr = data.currency === 'GBP' ? '£' : '$';                } else {                   rawPrice = priceObj.amount ? parseFloat(priceObj.amount) : 0;                   rawMsrp = priceObj.amountWas ? parseFloat(priceObj.amountWas) : 0;                   currencyStr = priceObj.currency === 'GBP' ? '£' : '$';                }                                let savingAmt = 0;                let savingLabel = '';                if (rawPrice > 0 && rawMsrp > rawPrice) {                   savingAmt = parseFloat((rawMsrp - rawPrice).toFixed(2));                   savingLabel = `Save ${currencyStr}${savingAmt}`;                }                                // Apply Brand filter                if (this.selectedBrands && this.selectedBrands.length > 0) {                   const itemBrand = (data.brand || '').toLowerCase();                   const hasMatch = this.selectedBrands.some(sb => sb.toLowerCase() === itemBrand);                   if (!hasMatch) return;                }                // Apply Price filter                let priceFilterVal = null;                const min = this.customPriceMin ? this.customPriceMin.value : '';                const max = this.customPriceMax ? this.customPriceMax.value : '';                if (min || max) {                   priceFilterVal = `${min}_${max}`;                } else if (this.priceFilter && this.priceFilter.value !== 'all') {                   priceFilterVal = this.priceFilter.value;                }                if (priceFilterVal && rawPrice > 0) {                   if (priceFilterVal === 'under50' && rawPrice >= 50) return;                   if (priceFilterVal === 'over50' && rawPrice <= 50) return;                   if (priceFilterVal === 'over30' && rawPrice <= 30) return;                   if (priceFilterVal === 'over500' && rawPrice <= 500) return;                   if (priceFilterVal.includes('_')) {                      const parts = priceFilterVal.split('_');                      const min = parseFloat(parts[0]);                      const max = parseFloat(parts[1]);                      if (!isNaN(min) && rawPrice < min) return;                      if (!isNaN(max) && rawPrice > max) return;                   }                }                // Apply Discount filter                if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {                   const requiredDiscount = parseInt(this.discountFilter.value);                   if (!isNaN(requiredDiscount) && requiredDiscount > 0) {                      if (!rawMsrp || rawMsrp <= rawPrice) return;                      const ratio = Math.round((1 - (rawPrice / rawMsrp)) * 100);                      if (ratio < requiredDiscount) return;                   }                }                                extractedDeals.push({                   id: `airedale-${article.id || Math.random()}-${idx}`,                   url: externalUrl,                   image: imageUrl,                   fallbackImage: imageUrl,                   title: summaryTitle,                   brand: data.brand || '',                   productName: data.productName || '',                   merchant: merchantName,                   rawPrice: rawPrice,                   rawMsrp: rawMsrp,                   price: rawPrice > 0 ? rawPrice.toString() : '',                   msrp: rawMsrp > 0 ? rawMsrp.toString() : '',                   currency: currencyStr,                   isCheckPrice: !rawPrice,                   savingLabel: savingLabel,                   savingType: rawMsrp > rawPrice ? 'amount' : 'none',                   isPrime: false,                   starRating: null,                   description: description,                   text: data.text || ''                });             });          });                    const airedaleBrandsList = Object.keys(dynamicBrandsCounts).map(b => ({              formatted_value: b,              count: dynamicBrandsCounts[b]          })).sort((a,b) => b.count - a.count);                    if (this.getViewMode() === 'savings_squad') {             this.populateBrandDropdown(airedaleBrandsList.slice(0, 15));             if (this.brandFilterWrapper) {                if (airedaleBrandsList.length === 0) {                    this.brandFilterWrapper.style.display = 'none';                } else {                    this.brandFilterWrapper.style.display = 'flex';                }             }          }                    this.deals = extractedDeals;          this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        isBroadQuery(query) {          const q = query.toLowerCase();          const intentModifiers = ['deals', 'best', 'sale', 'under', 'cheap', 'offers', 'discount'];          return intentModifiers.some(term => q.includes(term));        }        async fetchHawkDeals(query, append = false) {          const url = new URL(this.apiUrl);          url.searchParams.append('model_name', query);          const areaCode = this.getAreaCode();          if (areaCode) {            url.searchParams.append('area', areaCode);          }                    if (append && this.deals.length > 0) {            url.searchParams.append('offset', this.deals.length.toString());          }                    if (this.retailerSelect && this.retailerSelect.value) {            url.searchParams.append('filter_merchant_name', this.retailerSelect.value);          }                    if (this.selectedBrands && this.selectedBrands.length > 0) {            url.searchParams.append('filter_label[text_brand]', this.selectedBrands.join(','));          }                    let priceVal = null;          const min = this.customPriceMin ? this.customPriceMin.value : '';          const max = this.customPriceMax ? this.customPriceMax.value : '';          if (min || max) {             priceVal = `${min}_${max}`;          } else if (this.priceFilter && this.priceFilter.value !== 'all') {             priceVal = this.priceFilter.value;          }          if (priceVal) {            if (priceVal === 'under50') {              url.searchParams.append('filter_max_price', '50');            } else if (priceVal === 'over50') {              url.searchParams.append('filter_min_price', '50');            } else if (priceVal === 'over30') {              url.searchParams.append('filter_min_price', '30');            } else if (priceVal === 'over500') {              url.searchParams.append('filter_min_price', '500');            } else if (priceVal.includes('_')) {              const parts = priceVal.split('_');              if (parts[0]) url.searchParams.append('filter_min_price', parts[0]);              if (parts[1]) url.searchParams.append('filter_max_price', parts[1]);            }          }                    if (this.discountFilter && this.discountFilter.value !== 'all' && this.discountFilter.value !== '0') {            const v = parseInt(this.discountFilter.value);            if (!isNaN(v) && v > 0) {              const ratio = (100 - v) / 100;              url.searchParams.append('min_discount_ratio', ratio.toString());            }          }                    if (this.offerTypeSelect && this.offerTypeSelect.value) {            url.searchParams.append('offer', this.offerTypeSelect.value);          }                    url.searchParams.append('filter_product_types', 'deals');                    url.searchParams.append('rows', this.getRowsLimit().toString());          let response;          try {             response = await fetch(url.toString());          } catch(e) {             if (window.location.protocol === 'file:') {                console.warn("[Tom's Guide Widget] fetch from file:// blocked by local CORS policy, falling back to Adviser mock.");                await this.fetchAdviserDeals(query);                return;             }             console.warn("Hawk fetch failed", e);             this.deals = [];             this.render();             return;          }          if (!response.ok) {            throw new Error('Hawk API Response Error');          }          const rawData = await response.json();          // Safely locate data array from potentially wrapped response          let offers = [];          let modelInfoArray = [];                    let brandFilterData = null;          if (rawData && rawData.widget && rawData.widget.data && Array.isArray(rawData.widget.data.filters)) {             brandFilterData = rawData.widget.data.filters.find(f => f.type === 'label_text_brand');          } else if (rawData && rawData.data && Array.isArray(rawData.data.filters)) {             brandFilterData = rawData.data.filters.find(f => f.type === 'label_text_brand');          }          if (brandFilterData && Array.isArray(brandFilterData.values) && brandFilterData.values.length > 0) {             this.populateBrandDropdown(brandFilterData.values);          } else {             if (this.brandFilterWrapper && this.selectedBrands.length === 0) {                this.brandFilterWrapper.style.display = 'none';             }          }                    if (rawData && rawData.widget && rawData.widget.data) {            if (Array.isArray(rawData.widget.data.offers)) offers = rawData.widget.data.offers;            if (rawData.widget.data.model_info && typeof rawData.widget.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.widget.data.model_info) ? rawData.widget.data.model_info : Object.values(rawData.widget.data.model_info);            }          } else if (rawData && rawData.data) {            if (Array.isArray(rawData.data.offers)) offers = rawData.data.offers;            if (rawData.data.model_info && typeof rawData.data.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.data.model_info) ? rawData.data.model_info : Object.values(rawData.data.model_info);            }          } else {            if (Array.isArray(rawData)) offers = rawData;            else if (rawData && Array.isArray(rawData.offers)) offers = rawData.offers;            else if (rawData && rawData.offers && Array.isArray(rawData.offers.offer)) offers = rawData.offers.offer;            else if (rawData && rawData.offers) offers = [].concat(rawData.offers);                        if (rawData && rawData.model_info && typeof rawData.model_info === 'object') {              modelInfoArray = Array.isArray(rawData.model_info) ? rawData.model_info : Object.values(rawData.model_info);            }          }          let modelDetails = {};          modelInfoArray.forEach(m => {            const mId = m.model_id || m.id;            if (mId) {              modelDetails[mId] = {                score: m.score != null ? parseFloat(m.score) : null,                brand: m.brand || null,                parent: (m.parents && Array.isArray(m.parents) && m.parents.length > 0) ? m.parents[0].name : null              };            }          });          offers.forEach(item => {            let data = { ...item };            const mId = data.model_id;            if (mId && modelDetails[mId]) {              data.review_score = modelDetails[mId].score;              data.model_brand = modelDetails[mId].brand;              data.model_parent = modelDetails[mId].parent;            } else {              data.review_score = null;            }                        let itemOffers = [];            if (Array.isArray(item.offers)) itemOffers = item.offers;            else if (Array.isArray(item.offer)) itemOffers = item.offer;            else if (item.offers && typeof item.offers === 'object') itemOffers = [item.offers];            else if (item.offer && typeof item.offer === 'object') itemOffers = [item.offer];            if (itemOffers.length > 0) {              itemOffers.forEach(subItem => {                let subData = { ...item, ...subItem };                const subId = subData.model_id;                if (subId && modelDetails[subId]) {                  subData.review_score = modelDetails[subId].score;                  subData.model_brand = modelDetails[subId].brand;                  subData.model_parent = modelDetails[subId].parent;                } else if (data.review_score != null) {                  subData.review_score = data.review_score;                }                if (subData.merchant && typeof subData.merchant === 'object') {                  subData.merchant_name = subData.merchant.name;                }                this.deals.push(this.extractDealData(subData));              });              return;            }                        if (item.merchant && typeof item.merchant === 'object') {              data.merchant_name = item.merchant.name;            }                        this.deals.push(this.extractDealData(data));          });                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        async fetchAdviserDeals(query) {          // ======================================================================          // TODO: ADVISER API REPLACEMENT          // The code below simulates the Adviser API response using mock data.          // Once the real endpoint is ready, remove getAdviserMockData() and           // perform an actual fetch() request similar to fetchHawkDeals().          // Example:          // const area = this.getAreaCode();          // let apiUrl = `https://your-adviser-api.com/search?q=${query}&area=${area}`;          // if (this.priceFilter && this.priceFilter.value !== 'all') {          //   const val = this.priceFilter.value;          //   if (val === 'under50') apiUrl += '&filter_max_price=50';          //   else if (val === '50_100') apiUrl += '&filter_max_price=100';          //   else if (val === '100_200') apiUrl += '&filter_max_price=200';          //   else if (val === '200_500') apiUrl += '&filter_max_price=500';          // }          // const res = await fetch(apiUrl);          // const rawData = await res.json();          // ======================================================================          // Simulating network latency          await new Promise(resolve => setTimeout(resolve, 400));                    const rawData = this.getAdviserMockData();          let offers = [];                    if (rawData && rawData.data && rawData.data.Get && Array.isArray(rawData.data.Get.Deal)) {            offers = rawData.data.Get.Deal;          }                    // Basic client-side filtering for the mock if we want it to react to the query          const q = query.toLowerCase();          const selectedRetailer = (this.retailerSelect && this.retailerSelect.value) ? this.retailerSelect.value.toLowerCase() : null;                    offers.forEach(item => {            const dataObj = item;                        // Apply retailer filter            const itemRetailer = (dataObj.dataRetailer || '').toLowerCase();            if (selectedRetailer && itemRetailer !== selectedRetailer && !itemRetailer.includes(selectedRetailer)) {              return;            }                        // Apply mock price filter            let price = dataObj.dataDiscountedPrice || 0;            if (typeof price === 'string') {              price = parseFloat(price.replace(/[^0-9.]/g, ''));            }            let priceVal = null;            const min = this.customPriceMin ? this.customPriceMin.value : '';            const max = this.customPriceMax ? this.customPriceMax.value : '';            if (min || max) {               priceVal = `${min}_${max}`;            } else if (this.priceFilter && this.priceFilter.value !== 'all') {               priceVal = this.priceFilter.value;            }            if (priceVal) {              if (priceVal === 'under50' && price >= 50) return;              if (priceVal === 'over50' && price <= 50) return;              if (priceVal === 'over30' && price <= 30) return;              if (priceVal === 'over500' && price <= 500) return;              if (priceVal.includes('_')) {                 const parts = priceVal.split('_');                 if (parts[0] && price < parseFloat(parts[0])) return;                 if (parts[1] && price > parseFloat(parts[1])) return;              }            }                        // Map Adviser schema to our widget's expected schema            const mappedData = {              url: dataObj.linkHREF || dataObj.dataLink || '#',              image: dataObj.imageURL || (dataObj.image && dataObj.image.src) || '',              title: dataObj.dataProduct || (dataObj.product && dataObj.product.name) || 'Product Deal',              merchant: dataObj.dataRetailer || 'Retailer',              price: dataObj.dataDiscountedPrice || 0,              currency: dataObj.dataCurrency === 'USD' ? '$' : (dataObj.dataCurrency || '$'),              msrp: dataObj.dataOriginalPrice || null            };                        const titleLow = mappedData.title.toLowerCase();            const merchLow = mappedData.merchant.toLowerCase();                        // Smarter mock filtering            let isMatch = false;            if (q === '' || this.isBroadQuery(q)) {              isMatch = true;            } else if (titleLow.includes(q) || merchLow.includes(q)) {              isMatch = true;            } else if ((q.includes('laptop') || q.includes('mac') || q.includes('pc')) && (titleLow.includes('macbook') || titleLow.includes('laptop'))) {              isMatch = true;            } else if ((q.includes('tv') || q.includes('television')) && (titleLow.includes('tv') || titleLow.includes('oled') || titleLow.includes('qled'))) {              isMatch = true;            } else if ((q.includes('phone') || q.includes('smartphone')) && (titleLow.includes('galaxy') || titleLow.includes('phone'))) {              isMatch = true;            } else if ((q.match(/watch|fitness|run|shoe/)) && (titleLow.includes('forerunner') || titleLow.includes('saucony') || titleLow.includes('watch'))) {              isMatch = true;            }                        if (isMatch) {               this.deals.push(this.extractDealData(mappedData));            }          });                    let rowLimit = this.getRowsLimit();          // Intentionally omitting the slice here to allow "Load More" to work if the API returns more                    this.sortData();          this.render();          if (typeof trackDealsAppeared !== 'undefined') {             trackDealsAppeared(this.widgetId, this.deals, this.revenueId, typeof this.getAreaCode === 'function' ? (this.getAreaCode() === 'GB' ? 'GBP' : 'USD') : 'USD', this.currentQuery, this.widgetTypeName);          }        }        getAdviserMockData() {          return {            "data": {              "Get": {                "Deal": [                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 300,                    "dataOriginalPrice": 399,                    "dataProduct": "Samsung Galaxy A36",                    "dataRetailer": "Samsung",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/MqDYsukV3JBG54te6dEs7j.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 14,                    "dataOriginalPrice": 24,                    "dataProduct": "Blink Mini",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/3JurmAjHsDa5tPdaHAwEV8.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 59,                    "dataOriginalPrice": 99,                    "dataProduct": "Ring Video Doorbell",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/rAh4uR7AsAsALCCLTXnLNJ.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 10,                    "dataOriginalPrice": 599,                    "dataProduct": "MacBook Neo",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/Lg4Dvg68j9SbB5CPNrTEpH.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 749,                    "dataOriginalPrice": 849,                    "dataProduct": "65\\\" Fire TV Omni 4K QLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/SG34ZWodUkLTxJvMTbjPYR.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 71,                    "dataOriginalPrice": 160,                    "dataProduct": "Saucony Hurricane 24",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/vxf7UD5T2Am7guVzFoFcZ4.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 649,                    "dataOriginalPrice": 749,                    "dataProduct": "Garmin Forerunner 970",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/3GKnEu7CdhtxPMfnPCMCiA.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1049,                    "dataOriginalPrice": 1499,                    "dataProduct": "LG 48\\\" C4 4K OLED TV",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/imvwZV9zoMD6fn9Afuge35.jpg"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 1499,                    "dataOriginalPrice": 2199,                    "dataProduct": "Samsung 49\\\" Odyssey Neo G9 4K Gaming Monitor",                    "dataRetailer": "Amazon",                    "imageURL": "http://cdn.mos.cms.futurecdn.net/XWDEJ5dUAE2nhK8k3Jk7k7.png"                  },                  {                    "dataCurrency": "USD",                    "dataDiscountedPrice": 299,                    "dataOriginalPrice": 699,                    "dataProduct": "EGOHOME Black Memory Foam Mattress (queen)",                    "dataRetailer": "Amazon",                    "imageURL": "https://cdn.mos.cms.futurecdn.net/hMUemtAejNETLVYxNrktzm.jpg"                  }                ]              }            }          };        }        decodeHTML(html) {          if (!html) return '';          const txt = document.createElement("textarea");          txt.innerHTML = String(html);          return txt.value;        }        extractDealData(item) {          const priceRawStr = String(item.price || item.current_price || '0');          const msrpRawStr = String(item.was_price || item.msrp || item.original_price || '0');          const rawPrice = parseFloat(priceRawStr.replace(/[^\d.]/g, '')) || 0;          const rawMsrp = parseFloat(msrpRawStr.replace(/[^\d.]/g, '')) || 0;          const isCheckPrice = rawPrice === 0 || priceRawStr === '0.00' || priceRawStr === '0';                    let originalImageUrl = item.image || item.image_url || item.product_image || '';          let imageUrl = originalImageUrl;          if ((!imageUrl || isCheckPrice) && item.model_image_url) {             imageUrl = item.model_image_url;             originalImageUrl = imageUrl;          } else if ((!imageUrl || isCheckPrice) && item.model_image) {             imageUrl = item.model_image;             originalImageUrl = imageUrl;          }                    if (imageUrl) {            imageUrl = imageUrl.replace(/-(\d+)-(\d+)(\.[a-z.]+)$/i, '$3');          }                    let fallbackImage = '';          if (originalImageUrl && originalImageUrl !== imageUrl) {             fallbackImage = originalImageUrl;          } else if (item.model_image && item.model_image !== imageUrl) {             fallbackImage = item.model_image;          } else if (item.model_image_url && item.model_image_url !== imageUrl) {             fallbackImage = item.model_image_url;          }                    const rawCurrency = item.currency || item.currency_symbol || '$';                    let savingLabel = item.percentage_saving_label || '';          if (!savingLabel && rawMsrp > rawPrice && rawPrice > 0) {            const pct = Math.round(((rawMsrp - rawPrice) / rawMsrp) * 100);            if (pct > 0) {              savingLabel = `${pct}% OFF`;            }          }                    const isPrime = item.shipping && item.shipping.prime === true;                    let scoreRaw = (item.review_score !== undefined && item.review_score !== null && item.review_score > 0) ? parseFloat(item.review_score) : null;          let starRating = 0;          if (scoreRaw !== null) {            starRating = Math.round((scoreRaw > 10 ? scoreRaw / 20 : scoreRaw / 2) * 2) / 2;          }                    return {            id: item.offer_id || item.link || item.url || item.offer_link || Math.random().toString(),            url: item.link || item.url || item.offer_link || '#',            image: imageUrl,            fallbackImage: fallbackImage,            title: item.name || item.title || item.model_name || item.product_name || 'Unknown Product',            brand: item.brand || '',            productName: item.model_name || item.product_name || item.name || '',            merchant: item.merchant_name || item.merchant || item.retailer || 'Retailer',            price: item.price !== undefined ? String(item.price) : '0.00',            currency: this.decodeHTML(rawCurrency),            msrp: item.was_price || item.msrp || item.original_price || null,            rawPrice: rawPrice,            rawMsrp: rawMsrp,            hasWasPrice: (item.was_price !== undefined && item.was_price !== null),            isCheckPrice: isCheckPrice,            savingLabel: savingLabel,            isPrime: isPrime,            starRating: starRating > 0 ? starRating : null,            modelId: item.model_id || '',            productKey: item.product_key || '',            merchantId: (item.merchant && typeof item.merchant === 'object') ? item.merchant.id || '' : '',            matchId: item.match_id || '',            merchantNetwork: (item.merchant && typeof item.merchant === 'object') ? item.merchant.an || '' : '',            merchantUrl: (item.merchant && typeof item.merchant === 'object') ? item.merchant.url || '' : '',            modelBrand: item.model_brand || item.brand || '',            modelParent: item.model_parent || ''          };        }        sortData() {          const sortVal = this.sortSelect ? this.sortSelect.value : (this.getViewMode() === 'savings_squad' ? 'date_desc' : 'discount_desc');          if (sortVal === 'price_asc') {            this.deals.sort((a, b) => a.rawPrice - b.rawPrice);          } else if (sortVal === 'price_desc') {            this.deals.sort((a, b) => b.rawPrice - a.rawPrice);          } else if (sortVal === 'discount_desc') {            this.deals.sort((a, b) => {              const aDiscount = a.rawMsrp > a.rawPrice ? (a.rawMsrp - a.rawPrice) : 0;              const bDiscount = b.rawMsrp > b.rawPrice ? (b.rawMsrp - b.rawPrice) : 0;              return bDiscount - aDiscount;            });          } else if (sortVal === 'date_desc') {             this.deals.sort((a, b) => {                let dateA = 0;                let dateB = 0;                if (a && a.modifiedDate) {                   const valA = Array.isArray(a.modifiedDate) ? a.modifiedDate[0] : a.modifiedDate;                   dateA = new Date(valA).getTime();                   if (isNaN(dateA)) dateA = 0;                }                if (b && b.modifiedDate) {                   const valB = Array.isArray(b.modifiedDate) ? b.modifiedDate[0] : b.modifiedDate;                   dateB = new Date(valB).getTime();                   if (isNaN(dateB)) dateB = 0;                }                return dateB - dateA;             });          }        }        getFilteredDeals() {          let filteredDeals = [...this.deals];                    if (this.dealModeToggle && this.dealModeToggle.checked) {            filteredDeals = filteredDeals.filter(d => d.hasWasPrice || (d.msrp && d.rawMsrp > d.rawPrice));          }                    return filteredDeals;        }        showLoading() {          const _div = '<' + '/div>';          const skeletonCardHtml = `            \x3Cdiv class="tg-df-card">              \x3Cdiv class="tg-df-card-image-box">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-img">${_div}              ${_div}              \x3Cdiv class="tg-df-card-body">                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text title">${_div}                \x3Cdiv class="tg-df-card-footer mt-auto">                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text short" style="height:24px;">${_div}                  \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text" style="height:44px; margin-top:8px;">${_div}                ${_div}              ${_div}            ${_div}`;          this.grid.innerHTML = Array(4).fill(skeletonCardHtml).join('');        }        showError() {          const _div = '<' + '/div>';          this.grid.innerHTML = `\x3Cdiv class="tg-df-message">            An error occurred while finding deals. Please check your connection and try again.          ${_div}`;        }        escapeHTML(str) {          if (!str) return '';          return String(str).replace(/[&<>'"]/g, tag => ({              '&': '&', '<': '<', '>': '>', "'": ''', '"': '"'          }[tag] || tag));        }                bindCouponButtons() {          const btns = this.root.querySelectorAll('.tg-df-tag-coupons');          btns.forEach(btn => {            btn.addEventListener('click', (e) => {              e.preventDefault();              e.stopPropagation();              const merchant = btn.getAttribute('data-merchant');              this.openVouchersModal(merchant);            });          });                    const closeBtn = this.root.querySelector('#tg-df-vouchers-close');          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (closeBtn) {            closeBtn.onclick = () => this.closeVouchersModal();          }          if (backdrop) {            backdrop.onclick = (e) => {              if (e.target === backdrop) this.closeVouchersModal();            };          }        }                closeVouchersModal() {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          if (backdrop) backdrop.classList.remove('active');        }                async checkMerchantsCouponsBulk(merchants) {          if (!merchants || merchants.length === 0) return {};          const controller = new AbortController();          const timeoutId = setTimeout(() => controller.abort(), 4000);          try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchants.join(','));            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '120');            url.searchParams.append('origin', 'widgets-clientside');                        let res; try { res = await fetch(url.toString(), { signal: controller.signal }); } catch (e) { return {}; }            clearTimeout(timeoutId);            if (!res.ok) return {};            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        const foundMerchants = new Set();            offers.forEach(o => {              let mName = o.merchant_name || o.merchant || o.retailer;              if (mName && typeof mName === 'object') mName = mName.name;              if (mName) foundMerchants.add(String(mName).toLowerCase());            });            const resultMap = {};            merchants.forEach(m => {              if (m) resultMap[m] = foundMerchants.has(String(m).toLowerCase());            });            return resultMap;          } catch (e) {            return {};          }        }                async openVouchersModal(merchantName) {          const backdrop = this.root.querySelector('#tg-df-vouchers-modal');          const title = this.root.querySelector('#tg-df-vouchers-title');          const content = this.root.querySelector('#tg-df-vouchers-content');                    if (!backdrop || !content) return;                    // HACK: Hide closing tags          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h4 = '<' + '/h4>';          const _svg = '<' + '/svg>';          const _circle = '<' + '/circle>';          const _polyline = '<' + '/polyline>';          const _rect = '<' + '/rect>';          const _path = '<' + '/path>';                    title.innerText = `${merchantName} Coupons & Deals`;          content.innerHTML = `\x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}                               \x3Cdiv class="tg-df-skeleton tg-df-skeleton-text">${_div}`;          backdrop.classList.add('active');                    try {            const area = this.getAreaCode();            const url = new URL('https://search-api.fie.future.net.uk/widget.php');            url.searchParams.append('model_name', 'Everything');            url.searchParams.append('language', 'en-GB');            if (area) url.searchParams.append('area', area);            url.searchParams.append('combine_product_types', '1');            url.searchParams.append('filter_merchant_name', merchantName);            url.searchParams.append('all_filters', 'false');            url.searchParams.append('exclude_unlabelled', 'false');            url.searchParams.append('include_specs', 'false');            url.searchParams.append('sort', 'voucher');            url.searchParams.append('distinct_merchants', 'natural');            url.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');            url.searchParams.append('rows', '50');            url.searchParams.append('origin', 'widgets-clientside');                        const res = await fetch(url.toString());            if (!res.ok) throw new Error('API Error');            const data = await res.json();                        let offers = [];            if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {              offers = data.widget.data.offers;            } else if (data && data.data && Array.isArray(data.data.offers)) {              offers = data.data.offers;            } else if (Array.isArray(data)) {              offers = data;            } else if (data && Array.isArray(data.offers)) {              offers = data.offers;            } else if (data && data.offers && Array.isArray(data.offers.offer)) {              offers = data.offers.offer;            } else if (data && Array.isArray(data.data)) {              offers = data.data;            }                        if (offers.length === 0) {              content.innerHTML = `\x3Cdiv class="tg-df-message">No vouchers currently available for ${this.escapeHTML(merchantName)}.${_div}`;              return;            }                        content.innerHTML = offers.map((v, idx) => {              let offerObj = v;              if (v.offers && v.offers.offer) {                offerObj = Array.isArray(v.offers.offer) ? v.offers.offer[0] : v.offers.offer;              } else if (v.offer) {                offerObj = Array.isArray(v.offer) ? v.offer[0] : v.offer;              }              let logoUrl = v.logo_url || offerObj.logo_url || '';              if (!logoUrl && v.merchant) {                if (Array.isArray(v.merchant) && v.merchant.length > 0) logoUrl = v.merchant[0].logo_url || '';                else logoUrl = v.merchant.logo_url || '';              }                            const offerName = offerObj.name || offerObj.title || v.name || v.title || 'Special Offer';              const endTime = offerObj.end_time || v.end_time || '';              const linkUrl = offerObj.link || offerObj.url || v.link || v.url || '#';                            let foundVoucherCode = '';              const findVoucherCode = (obj) => {                if (!obj || typeof obj !== 'object') return;                if (obj.type === 'voucher_code' && obj.display_value) {                  foundVoucherCode = obj.display_value;                  return;                }                if (Array.isArray(obj)) {                  for (const item of obj) {                    findVoucherCode(item);                    if (foundVoucherCode) return;                  }                } else {                  for (const k in obj) {                    if (Object.prototype.hasOwnProperty.call(obj, k)) {                      findVoucherCode(obj[k]);                      if (foundVoucherCode) return;                    }                  }                }              };              findVoucherCode(offerObj);              if (!foundVoucherCode) findVoucherCode(v);                            const voucherCode = foundVoucherCode || offerObj.voucher_code || v.voucher_code || '';              const codeHtml = voucherCode ? `\x3Cspan class="tg-df-voucher-code" data-action="copy-code" data-code="${this.escapeHTML(voucherCode)}" title="Copy to clipboard">                \x3Cspan class="tg-df-voucher-code-text">${this.escapeHTML(voucherCode)}${_span}                \x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-left:6px;flex-shrink:0;" class="tg-df-voucher-copy-icon">                  \x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2">${_rect}                  \x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">${_path}                ${_svg}              ${_span}` : '';                            const logoHtml = logoUrl                 ? `\x3Cimg src="${this.escapeHTML(logoUrl)}" alt="${this.escapeHTML(offerName)}" class="tg-df-voucher-logo" />`                 : `\x3Cdiv class="tg-df-voucher-logo" style="background:#e2e8f0;">${_div}`;                            let expiryHtml = '';              if (endTime) {                let dStr = endTime;                if (!isNaN(dStr) && String(dStr).length === 10) dStr = Number(dStr) * 1000;                const d = new Date(dStr);                if (!isNaN(d.getTime())) {                  const options = { year: 'numeric', month: 'short', day: 'numeric' };                  expiryHtml = `                    \x3Cdiv class="tg-df-voucher-expiry">                      \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                        \x3Ccircle cx="12" cy="12" r="10">${_circle}                        \x3Cpolyline points="12 6 12 12 16 14">${_polyline}                      ${_svg}                      Expires ${d.toLocaleDateString(undefined, options)}                    ${_div}`;                }              }              const revenueIdVal = generateRevenueId(linkUrl, offerName, merchantName, null);              const rewrittenLinkUrl = rewriteAffiliateLink(linkUrl, area, revenueIdVal);              return `                \x3Ca href="${this.escapeHTML(rewrittenLinkUrl)}" target="_blank" rel="noopener nofollow" class="tg-df-voucher-item"                  data-action="voucher-click"                  data-product-name="${this.escapeHTML(offerName)}"                  data-merchant-name="${this.escapeHTML(merchantName)}"                  data-analytics-id="${this.escapeHTML(offerObj.offer_id || offerObj.id || v.id || '')}"                  data-price=""                  data-previous-price=""                  data-original-link="${this.escapeHTML(linkUrl)}"                  data-revenue-id="${revenueIdVal}"                  data-index="${idx}"                  data-total="${offers.length}"                  data-in-stock="true"                  data-currency="USD"                  data-model-id="${this.escapeHTML(offerObj.model_id || v.model_id || offerObj.id || v.id || '')}"                  data-merchant-id="${this.escapeHTML(offerObj.merchant_id || offerObj.merchant?.id || '')}"                >                  ${logoHtml}                  \x3Cdiv class="tg-df-voucher-content">                    \x3Ch4 class="tg-df-voucher-title">${this.escapeHTML(offerName)}${_h4}                    ${codeHtml}                    ${expiryHtml}                  ${_div}                ${_a}              `;            }).join('');                        // Attach copy functionality            const copyBtns = content.querySelectorAll('[data-action="copy-code"]');            copyBtns.forEach(btn => {              btn.addEventListener('click', async (e) => {                e.preventDefault();                e.stopPropagation();                                const code = btn.getAttribute('data-code');                if (!code) return;                                try {                  const copyToClipboard = async (text) => {                     if (window.navigator.clipboard && window.isSecureContext) {                        try { await window.navigator.clipboard.writeText(text); return; } catch (e) {}                     }                     const textArea = document.createElement("textarea");                     textArea.value = text;                     textArea.style.position = "fixed";                     document.body.appendChild(textArea);                     textArea.focus();                     textArea.select();                     document.execCommand('copy');                     textArea.remove();                  };                  await copyToClipboard(code);                                    // Visual feedback                  btn.classList.add('copied');                  const textSpan = btn.querySelector('.tg-df-voucher-code-text');                  const iconSvg = btn.querySelector('.tg-df-voucher-copy-icon');                                    const origText = textSpan.innerText;                  const origIcon = iconSvg.innerHTML;                                    textSpan.innerText = 'Copied!';                  iconSvg.innerHTML = `\x3Cpolyline points="20 6 9 17 4 12">${_polyline}`;                                    setTimeout(() => {                    if (btn) {                      btn.classList.remove('copied');                      if (textSpan) textSpan.innerText = origText;                      if (iconSvg) iconSvg.innerHTML = origIcon;                    }                  }, 2000);                                    trackElementInteraction({                    id: 'voucher-code-copy',                    name: 'Copy Voucher Code',                    label: `Copied ${code} for ${merchantName}`                  });                } catch (err) {                  console.warn('Failed to copy text: ', err);                }              });            });            // Attach voucher click tracking            const voucherBtns = content.querySelectorAll('[data-action="voucher-click"]');            voucherBtns.forEach(btn => {              btn.addEventListener('click', (e) => {                if (e.target.closest('[data-action="copy-code"]')) return;                                const productName = btn.getAttribute('data-product-name');                const merchantNameAttr = btn.getAttribute('data-merchant-name');                const productId = btn.getAttribute('data-analytics-id');                const price = parseFloat(btn.getAttribute('data-price')) || null;                const prevPriceStr = btn.getAttribute('data-previous-price');                const previousPrice = prevPriceStr ? parseFloat(prevPriceStr) : null;                const originalLink = btn.getAttribute('data-original-link');                const rewrittenLink = btn.getAttribute('href');                const revenueId = btn.getAttribute('data-revenue-id');                const index = parseInt(btn.getAttribute('data-index'), 10) || 0;                const inStock = btn.getAttribute('data-in-stock') === 'true';                const totalText = btn.getAttribute('data-total');                const totalDeals = parseInt(totalText, 10) || 0;                const productCategoryName = 'deals';                const trackingParams = {                  widgetId: this.widgetId,                  productCategoryName: productCategoryName,                  product: {                    modelId: btn.getAttribute('data-model-id') || null,                    matchId: btn.getAttribute('data-match-id') || null,                    brand: btn.getAttribute('data-model-brand') || null,                    parent: btn.getAttribute('data-model-parent') || null,                    name: productName,                    price: price,                    previousPrice: previousPrice,                    link: rewrittenLink,                    originalLink: originalLink,                    inStock: inStock                  },                  zeroBasedProductIndexOrNull: index,                  totalDealsOrProducts: totalDeals,                   merchant: {                    id: btn.getAttribute('data-merchant-id') || null,                    network: btn.getAttribute('data-merchant-network') || null,                    url: btn.getAttribute('data-merchant-url') || null,                    name: merchantNameAttr                  },                  revenueId: revenueId,                  widgetTypeName: this.widgetTypeName,                  isoCurrencyCode: btn.getAttribute('data-currency') || 'USD'                };                if (typeof trackDealClick === 'function') {                  trackDealClick(trackingParams);                }              });            });                                  } catch (e) {            console.warn(e);            content.innerHTML = `\x3Cdiv class="tg-df-message">Failed to load vouchers.${_div}`;          }        }        render() {          try {            if (this.getViewMode() === 'savings_squad' && this.airedaleTags.length > 0) {              if (this.categoryFilterWrapper) {                 this.categoryFilterWrapper.style.display = 'flex';              }              if (this.categoryFilter) {                 const _option = '<' + '/option>';                 let optionsHtml = `\x3Coption value="all">All Categories${_option}`;                 this.airedaleTags.forEach(tag => {                    const isSelected = this.activeDealTag === tag ? 'selected' : '';                    optionsHtml += `\x3Coption value="${this.escapeHTML(tag)}" ${isSelected}>${this.escapeHTML(tag)} (${this.airedaleTagCounts[tag] || 0})${_option}`;                 });                 this.categoryFilter.innerHTML = optionsHtml;                 this.categoryFilter.value = this.activeDealTag || 'all';              }            } else {               if (this.categoryFilterWrapper) {                  this.categoryFilterWrapper.style.display = 'none';               }            }            const displayDeals = this.getFilteredDeals();          // HACK: Hide closing tags from the CMS HTML sanitizer so it doesn't strip them during in-page injection          const _div = '<' + '/div>';          const _span = '<' + '/span>';          const _a = '<' + '/a>';          const _h3 = '<' + '/h3>';          const _p = '<' + '/p>';          const _strong = '<' + '/strong>';          const _sup = '<' + '/sup>';          const _button = '<' + '/button>';          if (displayDeals.length === 0) {            if (this.currentQuery.length > 2 || (this.getViewMode() === 'savings_squad')) {              if (this.deals.length > 0) {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No deals match your selected filters.                ${_div}`;              } else if (this.getViewMode() === 'savings_squad' && this.currentQuery.length <= 2) {                 // Do not show "no exact matches" if query is empty for savings_squad                 this.grid.innerHTML = '';              } else {                 this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                  No exact matches found for "\x3Cstrong>${this.escapeHTML(this.currentQuery)}${_strong}". Try adjusting your search term.                ${_div}`;              }            } else {              this.grid.innerHTML = `\x3Cdiv class="tg-df-message">                Search product or category names to discover the best deals from across the web.              ${_div}`;            }            return;          }          let dealsHtml = displayDeals.slice(0, this.displayLimit).map((deal, index) => {            try {               const currencySym = this.escapeHTML(deal.currency);               const isoCurrencyCode = normalizeCurrency(currencySym);               const escapedPrice = this.escapeHTML(deal.price);               const escapedMsrp = this.escapeHTML(deal.msrp);               const areaCode = this.getAreaCode();                              const revenueId = generateRevenueId(deal.url, deal.title, deal.merchant, null);               const originalLink = deal.url;               const rewrittenLink = rewriteAffiliateLink(deal.url, areaCode, revenueId);                        const productCategoryName = 'deals';            const dataAttr = `              data-action="${deal.isCheckPrice ? 'view-similar-click' : 'deal-click'}"              data-analytics-id="${this.escapeHTML(deal.externalProductId || deal.id || '')}"              data-product-name="${this.escapeHTML(deal.title)}"              data-merchant-name="${this.escapeHTML(deal.merchant)}"              data-price="${deal.rawPrice || ''}"              data-previous-price="${deal.rawMsrp || ''}"              data-original-link="${this.escapeHTML(originalLink)}"              data-revenue-id="${revenueId}"              data-index="${index}"              data-total="${displayDeals.length}"              data-in-stock="${deal.inStock !== false}"              data-currency="${this.escapeHTML(isoCurrencyCode)}"              data-model-id="${this.escapeHTML(deal.modelId || '')}"              data-product-key="${this.escapeHTML(deal.productKey || '')}"              data-merchant-id="${this.escapeHTML(deal.merchantId || '')}"            `;                        let priceGroupHtml = '';            let isSavingsSquadMode = this.getViewMode() === 'savings_squad';            let ctaText = 'View Deal';            let formattedPrice = '';            let msrpHtml = '';                        if (deal.isCheckPrice) {              ctaText = isSavingsSquadMode ? 'View Deal' : 'Check Price';              if (isSavingsSquadMode) {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                  ${_div}                `;              } else {                priceGroupHtml = `                  \x3Cdiv class="tg-df-card-merchant-wrapper">                    \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                  ${_div}                  \x3Cdiv class="tg-df-card-price-group">                    \x3Cspan class="tg-df-card-price" style="font-size: 15px; font-weight: 500; font-style: italic;">See price at retailer${_span}                  ${_div}                `;              }            } else {              // Format Price              formattedPrice = escapedPrice.includes(currencySym)                 ? escapedPrice                 : `${currencySym}${escapedPrice}`;                              // Format MSRP              msrpHtml = deal.msrp && deal.rawMsrp > deal.rawPrice                ? `\x3Cspan class="tg-df-card-msrp">${escapedMsrp.includes(currencySym) ? escapedMsrp : currencySym + escapedMsrp}${_span}`                : '';                              priceGroupHtml = `                \x3Cdiv class="tg-df-card-merchant-wrapper">                  \x3Cspan class="tg-df-card-merchant-pill" title="${this.escapeHTML(deal.merchant)}">${this.escapeHTML(deal.merchant)}${_span}                ${_div}                \x3Cdiv class="tg-df-card-price-group">                  ${isSavingsSquadMode ? '' : `                  \x3Cspan class="tg-df-card-price">${formattedPrice}${_span}                  ${msrpHtml}                  `}                ${_div}              `;            }                        const discountBadgeHtml = deal.savingLabel && !deal.isCheckPrice              ? `\x3Cspan class="tg-df-card-discount-badge">${this.escapeHTML(deal.savingLabel)}${_span}`              : '';                          // HACK for CMS            const _button = '<' + '/button>';            const _svg = '<' + '/svg>';            const _path = '<' + '/path>';            const _rect = '<' + '/rect>';            const _circle = '<' + '/circle>';            const _polyline = '<' + '/polyline>';            const _line = '<' + '/line>';                        let badgesHtml = '';            const primeBadge = deal.isPrime ? `              \x3Cspan class="tg-df-tag tg-df-tag-prime">                \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="currentColor">                  \x3Cpath d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z">${_path}                ${_svg} Prime              ${_span}            ` : '';                        const couponsBadge = deal.merchant && deal.merchant.toLowerCase().includes('amazon') ? '' : `              \x3Cdiv class="tg-df-coupon-wrapper" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:inline-flex; align-items:center;">                \x3Cdiv class="tg-df-coupon-spinner">${_div}                \x3Cbutton type="button" class="tg-df-tag tg-df-tag-coupons" data-action="coupons-click" data-merchant="${this.escapeHTML(deal.merchant)}" style="display:none;">                  \x3Csvg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">                    \x3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z">${_path}                    \x3Cline x1="7" y1="7" x2="7.01" y2="7">${_line}                  ${_svg} Coupons                ${_button}              ${_div}            `;                        // Note: We always add coupons badge if there's a chance, but to allow 3-line titles we check wrapper display state            badgesHtml = `              \x3Cdiv class="tg-df-card-badges">                ${primeBadge}                ${couponsBadge}              ${_div}            `;            const _linearGradient = '<' + '/linearGradient>';            const _polygon = '<' + '/polygon>';            const _stop = '<' + '/stop>';            const _defs = '<' + '/defs>';                        let starHtml = '';            if (deal.starRating) {              let rating = deal.starRating;                            if (rating > 0) {                const fullStars = Math.floor(rating);                const halfStar = (rating - fullStars) >= 0.5 ? 1 : 0;                const emptyStars = Math.max(0, 5 - fullStars - halfStar);                const blue = '#1f69ff'; // Tom's guide brand color from VIEW DEAL button                const gray = '#cbd5e1';                                const starSvgFull = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="${blue}" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                const gradId = 'half_grad_' + Math.floor(Math.random()*1000000);                const starSvgHalf = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" stroke="${blue}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cdefs>\x3ClinearGradient id="${gradId}" x1="0" x2="1" y1="0" y2="0">\x3Cstop offset="50%" stop-color="${blue}">${_stop}\x3Cstop offset="50%" stop-color="transparent">${_stop}${_linearGradient}${_defs}                  \x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26" fill="url(#${gradId})">${_polygon}${_svg}`;                                  const starSvgEmpty = `\x3Csvg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${gray}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">\x3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26">${_polygon}${_svg}`;                                let stars = [];                for (let i=0; i<fullStars; i++) stars.push(starSvgFull);                if (halfStar) stars.push(starSvgHalf);                for (let i=0; i<emptyStars; i++) stars.push(starSvgEmpty);                                starHtml = `\x3Cdiv class="tg-df-card-stars" style="display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--tg-df-text-muted);">                  \x3Cspan style="margin-right:6px;">Tom's Guide:${_span}                  \x3Cdiv style="display:flex;gap:2px;">                    ${stars.join('')}                  ${_div}                ${_div}`;              }            }            let htmlOutput = '';            if (isSavingsSquadMode) {              htmlOutput += `              \x3Cdiv class="hawk-deal-widget-container tg-df-mobile-only" data-collapsible="true">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''} style="margin-bottom: 10px;">` : ''}                \x3Cdiv class="hawk-deal-widget-wrap">                  \x3Cdiv class="hawk-deal-widget-image-container">                    \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" rel="sponsored noopener" target="_blank" class="hawk-affiliate-link-deal-widget" ${dataAttr}>                      \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="hawk-lazy-image-deal-widget" loading="lazy" width="140" height="160" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                    ${_a}                  ${_div}                  \x3Cdiv class="hawk-deal-widget-text-cta-container">                    \x3Cdiv class="hawk-deal-widget-text-body-container">                      \x3Cdiv class="hawk-deal-widget-text-body-main">                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          ${deal.isCheckPrice ? `                            \x3Cspan class="hawk-deal-widget-title-product-title">${this.escapeHTML(deal.title)}${_span}                          ` : `                            \x3Cspan class="hawk-deal-widget-title-product-title">${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_span}                          `}                        ${_a}                        ${!deal.isCheckPrice && deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan class="hawk-deal-widget-title-was-price">was ${currencySym}${escapedMsrp}${_span}                          ${_a}                        ` : ''}                        \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-container" rel="sponsored noopener" target="_blank" ${dataAttr}>                          \x3Cspan class="hawk-deal-widget-title-retailer-price">                            ${!deal.isCheckPrice ? `                              \x3Cspan class="hawk-deal-widget-title-price">now ${formattedPrice}${_span}                              \x3Cspan class="hawk-deal-widget-title-retailer"> at ${this.escapeHTML(deal.merchant)}${_span}                            ` : `                              \x3Cspan class="hawk-deal-widget-title-price">See price at ${this.escapeHTML(deal.merchant)}${_span}                            `}                          ${_span}                        ${_a}                        ${deal.description ? `\x3Cdiv class="hawk-deal-widget-text-body-description">\x3Cp>${this.escapeHTML(deal.description)}${_p}${_div}` : ''}                      ${_div}                    ${_div}                    \x3Cdiv class="hawk-deal-widget-footer">                      \x3Cdiv class="hawk-deal-widget-button-wrapper">                        \x3Cdiv class="hawk-deal-widget-preferred-partner-wrapper">                          \x3Ca data-google-interstitial="false" aria-label="View ${this.escapeHTML(deal.title)} on ${this.escapeHTML(deal.merchant)}" href="${this.escapeHTML(rewrittenLink)}" class="hawk-affiliate-link-deal-button" rel="sponsored noopener" target="_blank" ${dataAttr}>                            \x3Cspan>${deal.isCheckPrice ? 'Check Price' : 'View Deal'}${_span}                          ${_a}                        ${_div}                      ${_div}                    ${_div}                  ${_div}                ${_div}              ${_div}              `;            }            htmlOutput += `              \x3Cdiv class="tg-df-card ${isSavingsSquadMode ? 'tg-df-desktop-only' : ''}">                ${this.editorMode ? `\x3Cinput type="checkbox" class="tg-df-deal-checkbox" data-id="${this.escapeHTML(deal.id)}" ${this.selectedDeals.has(deal.id) ? 'checked' : ''}>` : ''}                \x3Cdiv class="tg-df-card-image-box">                  ${discountBadgeHtml}                  \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">                    \x3Cimg ${deal.image ? `src="${this.escapeHTML(deal.image)}"` : ''} alt="${this.escapeHTML(deal.title)}" class="tg-df-card-image" loading="lazy" onerror="${deal.fallbackImage ? `if(!this.dataset.fb) { this.dataset.fb='1'; this.src='${this.escapeHTML(deal.fallbackImage)}'; } else { this.style.opacity='0'; }` : `this.style.opacity='0';`}">                  ${_a}                ${_div}                \x3Cdiv class="tg-df-card-body">                  ${starHtml}                  ${badgesHtml}                  \x3Ch3 class="tg-df-card-title tg-df-custom-savings-squad-title" title="${this.escapeHTML(deal.title)}">                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" disable-tracking="true" target="_blank" rel="noopener nofollow" style="text-decoration: none; color: inherit;">                      ${isSavingsSquadMode                         ? (deal.isCheckPrice                             ? (deal.title && deal.title.includes(':')                                 ? `\x3Cstrong>${this.escapeHTML(deal.title.substring(0, deal.title.indexOf(':') + 1))}${_strong}\x3Cspan style="color: #1f69ff; font-weight: normal;">${this.escapeHTML(deal.title.substring(deal.title.indexOf(':') + 1))}${_span}`                                : this.escapeHTML(deal.title)                              )                             : `\x3Cstrong>${deal.brand ? this.escapeHTML(deal.brand) + ' ' : ''}${this.escapeHTML(deal.productName || deal.title || '')}:${_strong} ${deal.rawMsrp && deal.rawMsrp > deal.rawPrice ? `\x3Cspan style="color: #d0021b; text-decoration: line-through; font-weight: normal; margin-right: 4px;">was ${currencySym}${escapedMsrp}${_span} ` : ''}\x3Cspan style="color: #1f69ff; font-weight: normal;">now ${formattedPrice} at ${this.escapeHTML(deal.merchant)}${_span}`                          )                        : this.escapeHTML(deal.title)                      }                    ${_a}                  ${_h3}                  ${deal.description ? `\x3Cp style="font-size: 13px; color: var(--tg-df-text-muted); margin-bottom: 12px; line-height: 1.4;">${this.escapeHTML(deal.description)}${_p}` : ''}                  \x3Cdiv class="tg-df-card-footer">                    ${priceGroupHtml}                    \x3Ca href="${this.escapeHTML(rewrittenLink)}" ${dataAttr} target="_blank" rel="noopener nofollow" class="tg-df-card-cta ${isSavingsSquadMode ? 'tg-df-cta-savings-squad' : ''}" style="text-decoration: none;">${ctaText}${_a}                  ${_div}                ${_div}              ${_div}            `;                        return htmlOutput;            } catch (e) {               console.log("Error rendering deal in map for index", index, typeof deal === 'object' ? JSON.stringify(deal) : deal, "MSG:", e.message);               return '';            }          }).join('');                    if (displayDeals.length > this.displayLimit || ((this.getViewMode() === 'carousel' || this.getViewMode() === 'auto') && displayDeals.length > 0 && displayDeals.length % ((this.rowsSelect && this.rowsSelect.value) ? parseInt(this.rowsSelect.value, 10) : 12) === 0)) {            if (this.getViewMode() === 'carousel') {               dealsHtml += `                 \x3Cbutton type="button" class="tg-df-load-more-card tg-df-load-more">                   \x3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 8px;">\x3Cpath d="M5 12h14">\x3C/path>\x3Cpath d="m12 5 7 7-7 7">\x3C/path>\x3C/svg>                   Load More                 ${_button}               `;            } else {               dealsHtml += `                 \x3Cdiv style="width: 100%; display: flex; justify-content: center; margin-top: 16px; grid-column: 1 / -1;">                   \x3Cbutton type="button" class="tg-df-tag-outline tg-df-load-more" style="padding: 8px 24px; border-radius: 100px; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center;">Load More${_button}                 ${_div}               `;            }          }                    this.grid.innerHTML = dealsHtml;          // Inject JSON-LD          try {            let targetNode = this.hostContainer || document.head;            let jsonLdScript = targetNode.querySelector('#tg-df-json-ld-' + this.widgetId);            if (!jsonLdScript) {                jsonLdScript = document.createElement('script');                jsonLdScript.type = 'application/ld+json';                jsonLdScript.id = 'tg-df-json-ld-' + this.widgetId;                targetNode.appendChild(jsonLdScript);            }            const jsonLdData = {              "@context": "https://schema.org",              "@type": "ItemList",              "itemListElement": displayDeals.slice(0, this.displayLimit).map((deal, index) => {                 let isoCurrency = "USD";                 if (deal.currency === '£') isoCurrency = "GBP";                 else if (deal.currency === '€') isoCurrency = "EUR";                 else if (deal.currency === 'A$') isoCurrency = "AUD";                 else if (deal.currency === 'CA$') isoCurrency = "CAD";                 const areaCode = typeof this.getAreaCode === 'function' ? this.getAreaCode() : 'US';                 const revenueId = typeof generateRevenueId === 'function' ? generateRevenueId(deal.url, deal.title, deal.merchant, null) : '';                 const rewrittenLink = typeof rewriteAffiliateLink === 'function' ? rewriteAffiliateLink(deal.url, areaCode, revenueId) : deal.url;                 return {                   "@type": "ListItem",                   "position": index + 1,                   "item": {                     "@type": "Product",                     "name": deal.title,                     "image": deal.image || "",                     "description": deal.description || "",                     "brand": {                       "@type": "Brand",                       "name": deal.brand || ""                     },                     "offers": {                       "@type": "Offer",                       "priceCurrency": isoCurrency,                       "price": deal.rawPrice || 0,                       "url": rewrittenLink,                       "seller": {                         "@type": "Organization",                         "name": deal.merchant || ""                       }                     }                   }                 };              }).filter(item => item.item.name)            };            jsonLdScript.textContent = JSON.stringify(jsonLdData);          } catch(e) { console.warn("JSON-LD generation failed", e); }                    let gridWrapper = this.grid.parentElement;          if (gridWrapper && gridWrapper.classList.contains('tg-df-grid-wrapper')) {             let rightChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-right');             let leftChevron = gridWrapper.querySelector('.tg-df-carousel-scroll-left');             if (this.getViewMode() === 'carousel') {                 // The observer set up in setupScrollListeners handles visibility.                 if (rightChevron) rightChevron.style.display = 'flex';                 if (leftChevron) leftChevron.style.display = 'none'; // reset correctly             } else {                 if (rightChevron) rightChevron.style.display = 'none';                 if (leftChevron) leftChevron.style.display = 'none';             }          }                    const loadMoreBtn = this.grid.querySelector('.tg-df-load-more');          if (loadMoreBtn) {            loadMoreBtn.addEventListener('click', async () => {              if (typeof trackElementInteraction === 'function') {                trackElementInteraction({ id: 'load-more', name: 'Load more', label: 'Load More Results' });              }              if (displayDeals.length <= this.displayLimit) {                 loadMoreBtn.innerHTML = `                  <svg class="tg-df-spinner" style="width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83"/></svg>                  Loading...                 `;                 loadMoreBtn.disabled = true;                 await this.fetchDeals(this.currentQuery, true);              } else {                 this.displayLimit += this.getRowsLimit();                 this.render();              }            });          }                      this.bindCouponButtons();            this.checkAndUpdateCoupons();                        // Allow hawklinks.js to discover and rewrite our widget links             // by appending the .article-body class and manually triggering processArticle.            let container = this.root.classList.contains('tg-df-container') ? this.root : this.root.querySelector('.tg-df-container');            if (container && !container.classList.contains('article-body')) {               container.classList.add('article-body');            }            setTimeout(() => {               if (this.grid && !this.grid.classList.contains('article-body')) this.grid.classList.add('article-body');               document.dispatchEvent(new CustomEvent('processArticle', { detail: { element: this.root } }));            }, 50);          } catch(e) {            console.warn("Widget render error", e);          }        }                async checkAndUpdateCoupons() {          const wrappers = Array.from(this.root.querySelectorAll('.tg-df-coupon-wrapper'));          if (wrappers.length === 0) return;                    const merchants = [...new Set(wrappers.map(w => w.getAttribute('data-merchant')).filter(Boolean))];          if (merchants.length === 0) return;          const couponResultsMap = await this.checkMerchantsCouponsBulk(merchants);                    for (const merchant of merchants) {            const hasCoupons = !!couponResultsMap[merchant];            const merchantWrappers = wrappers.filter(w => w.getAttribute('data-merchant') === merchant);            merchantWrappers.forEach(wrapper => {              const spinner = wrapper.querySelector('.tg-df-coupon-spinner');              const btn = wrapper.querySelector('.tg-df-tag-coupons');                            if (spinner) spinner.style.display = 'none';                            if (hasCoupons && btn) {                btn.style.display = 'inline-flex';              } else if (!hasCoupons) {                wrapper.style.display = 'none';              }            });          }        }        updateFloatingCopyBar() {          if (!this.editorBar || !this.editorSelectedCount) return;          if (this.editorMode && this.selectedDeals.size > 0) {            this.editorBar.style.display = 'flex';            this.editorSelectedCount.innerText = this.selectedDeals.size;          } else {            this.editorBar.style.display = 'none';          }        }        async copySelectedDealsToCMS() {           function htmlToSlate(htmlString) {              if (!htmlString) return [{ type: 'paragraph', children: [{ text: '' }] }];              let doc;              if (typeof window !== 'undefined' && window.DOMParser) {                 doc = new DOMParser().parseFromString(htmlString, 'text/html');              } else {                 doc = document.implementation.createHTMLDocument('');                 doc.body.innerHTML = htmlString;              }                            function parseNode(node, marks = {}) {                  if (node.nodeType === 3) {                      const text = node.textContent;                      if (!text) return null;                      return { text: text, ...marks };                  }                  if (node.nodeType === 1) {                      const tagName = node.tagName.toLowerCase();                      if (tagName === 'br') {                          return { type: 'line-break', children: [{ text: '' }] };                      }                      if (tagName === 'p') {                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return { type: 'paragraph', children };                      }                      if (tagName === 'strong' || tagName === 'b') {                          const newMarks = { ...marks, bold: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'em' || tagName === 'i') {                          const newMarks = { ...marks, italic: true };                          return Array.from(node.childNodes).map(child => parseNode(child, newMarks)).flat().filter(Boolean);                      }                      if (tagName === 'a') {                          const href = node.getAttribute('href') || '';                          let children = Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                          if (children.length === 0) children.push({ text: "" });                          return {                              type: 'link',                              url: href,                              isNoFollow: (node.getAttribute('rel') || '').includes('nofollow'),                              isSponsored: (node.getAttribute('rel') || '').includes('sponsored'),                              isOpenNewTab: node.getAttribute('target') === '_blank',                              isPreventDataRewrite: false,                              children: children                          };                      }                      return Array.from(node.childNodes).map(child => parseNode(child, marks)).flat().filter(Boolean);                  }                  return null;              }                            let blocksArray = [];              let currentParagraphChildren = [];              function flushParagraph() {                  if (currentParagraphChildren.length > 0) {                      blocksArray.push({ type: 'paragraph', children: currentParagraphChildren });                      currentParagraphChildren = [];                  }              }              Array.from(doc.body.childNodes).forEach(node => {                  const parsed = parseNode(node, {});                  const parsedItems = Array.isArray(parsed) ? parsed : (parsed ? [parsed] : []);                  parsedItems.forEach(item => {                      if (item.type === 'paragraph') {                          flushParagraph();                          blocksArray.push(item);                      } else {                          currentParagraphChildren.push(item);                      }                  });              });              flushParagraph();              if (blocksArray.length === 0) {                  blocksArray = [{ type: 'paragraph', children: [{ text: '' }] }];              }              return blocksArray;           }           const blocks = [];                      this.editorCopyBtn.innerHTML = '\x3Cspan class="tg-df-coupon-spinner" style="display:inline-block; margin-right:8px; border-top-color:#fff;">' + '<' + '/span> Copying...';           for (const deal of Array.from(this.selectedDeals.values())) {              const url = deal.url;              const merchant = deal.merchant;              const title = deal.title;              const image = deal.image;              const currentPrice = deal.currency + deal.rawPrice;              const wasPrice = deal.hasWasPrice && deal.rawMsrp > deal.rawPrice ? deal.currency + deal.rawMsrp : '';                            let couponsChildren = [];              try {                  const area = this.getAreaCode();                  const apiUrl = new URL('https://search-api.fie.future.net.uk/widget.php');                  apiUrl.searchParams.append('model_name', 'Everything');                  apiUrl.searchParams.append('language', 'en-GB');                  apiUrl.searchParams.append('area', area);                  apiUrl.searchParams.append('combine_product_types', '1');                  apiUrl.searchParams.append('filter_merchant_name', merchant);                  apiUrl.searchParams.append('all_filters', 'false');                  apiUrl.searchParams.append('exclude_unlabelled', 'false');                  apiUrl.searchParams.append('include_specs', 'false');                  apiUrl.searchParams.append('sort', 'voucher');                  apiUrl.searchParams.append('distinct_merchants', 'natural');                  apiUrl.searchParams.append('filter_product_types', 'vouchers,offer_deals,newsletter');                  apiUrl.searchParams.append('rows', '3');                  apiUrl.searchParams.append('origin', 'widgets-clientside');                                    let res; try { res = await fetch(apiUrl.toString()); } catch (e) { return; }                  if (res.ok) {                      const data = await res.json();                      let offers = [];                      if (data && data.widget && data.widget.data && Array.isArray(data.widget.data.offers)) {                        offers = data.widget.data.offers;                      } else if (data && data.data && Array.isArray(data.data.offers)) {                        offers = data.data.offers;                      }                                            if (offers.length > 0) {                          couponsChildren.push({ text: "Also check out these coupons: ", bold: true });                          offers.slice(0, 3).forEach((offer, idx) => {                              const actualOffer = offer.offer || offer;                              const offerName = actualOffer.name || actualOffer.title || offer.model_name || offer.title || offer.name || 'Coupon';                              const linkUrl = actualOffer.link || actualOffer.url || actualOffer.offer_link || '#';                              couponsChildren.push({ type: "line-break", children: [{ text: "" }] });                              couponsChildren.push({ text: "🎟️ " });                              couponsChildren.push({                                  type: "link",                                  url: linkUrl,                                  isNoFollow: true,                                  isSponsored: false,                                  isOpenNewTab: true,                                  isPreventDataRewrite: false,                                  children: [{ text: offerName, bold: true }]                              });                          });                      }                  }              } catch (err) {                  console.warn('Failed to fetch coupons for', merchant, err);              }              let descriptionValue = [];              if (deal.text) {                 descriptionValue = htmlToSlate(deal.text);              } else {                 const dealDescriptions = [                   `Don't miss out on this fantastic deal for the ${title}. It is currently available at ${merchant} for a highly competitive price.`,                   `We've spotted an excellent price drop on the ${title}. Grab it now at ${merchant} before it's gone.`,                   `The ${title} is currently seeing a generous discount over at ${merchant}. This is a perfect time to buy if you've been holding out.`,                   `If you're in the market for the ${title}, ${merchant} has just the deal for you.`,                   `Score the ${title} for less at ${merchant} right now. This is a rare chance to save big.`,                   `Upgrade your setup with the ${title}, now available at a stellar price via ${merchant}.`                 ];                 const randomDescription = dealDescriptions[Math.floor(Math.random() * dealDescriptions.length)];                 descriptionValue = [                    { type: "paragraph", children: [{ text: randomDescription }] }                 ];              }                            if (couponsChildren.length > 0) {                 let lastBlock = descriptionValue[descriptionValue.length - 1];                 if (lastBlock && lastBlock.type === 'paragraph') {                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children.push({ text: "Also check out these coupons: ", bold: true });                     lastBlock.children.push({ type: "line-break", children: [{ text: "" }] });                     lastBlock.children = lastBlock.children.concat(couponsChildren);                 } else {                     descriptionValue.push({                         type: "paragraph",                         children: [                             { type: "line-break", children: [{ text: "" }] },                             { type: "line-break", children: [{ text: "" }] },                             { text: "Also check out these coupons: ", bold: true },                             { type: "line-break", children: [{ text: "" }] },                             ...couponsChildren                         ]                     });                 }              }              function normalizeCurrencyToISO(symbol) {                const map = { '£': 'GBP', '$': 'USD', 'A$': 'AUD', 'CA$': 'CAD', '€': 'EUR' };                return map[symbol] || symbol;              }              const isoCurrency = normalizeCurrencyToISO(deal.currency);              blocks.push({                 id: (window.crypto && window.crypto.randomUUID) ? window.crypto.randomUUID() : 'cms-' + Date.now() + Math.random(),                 blockTypeName: "deal",                 excludeFrom: [],                 collapsible: false,                 props: {                    description: {                       value: descriptionValue,                       touched: false,                       validationMessage: ""                    },                    image: {                       value: {                          credit: [{ type: "paragraph", children: [{ text: merchant }] }],                          dateCreated: Date.now(),                          dateModified: Date.now(),                          distribution: [],                          fileSize: 0,                          height: 1000,                          id: deal.id,                          imageRights: "",                          src: image,                          name: title + ".jpg",                          tags: [],                          width: 1000                       },                       touched: false,                       validationMessage: ""                    },                    showDealButton: { value: true, touched: false, validationMessage: "" },                    isPreferredPartner: { value: false, touched: false, validationMessage: "" },                    linkHref: { value: url, touched: false, validationMessage: "" },                    linkLabel: { value: "", touched: false, validationMessage: "" },                    linkIsNoFollow: { value: true, touched: false, validationMessage: "" },                    linkIsSponsored: { value: false, touched: false, validationMessage: "" },                    linkIsOpenNewWindow: { value: true, touched: false, validationMessage: "" },                    customPromoFlags: { value: [], touched: false, validationMessage: "" },                    showStarDeal: { value: false, touched: false, validationMessage: "" },                    savingType: { value: "none", touched: false, validationMessage: "" },                    starDealPromoFlag: { value: "", touched: false, validationMessage: "" },                    showEditorsChoice: { value: false, touched: false, validationMessage: "" },                    editorsChoiceTitle: { value: "", touched: false, validationMessage: "" },                    hawkPriceCurrency: { value: { value: isoCurrency, label: isoCurrency }, touched: false, validationMessage: "" },                    hawkPrice: { value: deal.hasWasPrice ? String(deal.rawMsrp) : String(deal.rawPrice), touched: false, validationMessage: "" },                    hawkSalePrice: { value: String(deal.rawPrice), touched: false, validationMessage: "" },                    lastCheckedPriceDate: { value: "", touched: false, validationMessage: "" },                    hawkModel: { touched: false, validationMessage: "" },                    productId: { value: "", touched: false, validationMessage: "" },                    voucherId: { value: "", touched: false, validationMessage: "" },                    brand: { value: deal.brand || merchant, touched: false, validationMessage: "" },                    productName: { value: title, touched: false, validationMessage: "" },                    label: { value: "", touched: false, validationMessage: "" },                    retailer: { value: merchant, touched: false, validationMessage: "" },                    priceCheckError: false                 },                 failedFetchError: ""              });           }           const payload = {              type: "articleBuilderPages",              data: blocks           };           const jsonStr = JSON.stringify(payload);                      if (navigator.clipboard && navigator.clipboard.writeText) {              navigator.clipboard.writeText(jsonStr).then(() => {                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              }).catch(err => {                 console.warn('Failed to copy text: ', err);                 alert('Failed to copy deals to clipboard. See console.');              });           } else {              // Fallback              const textArea = document.createElement("textarea");              textArea.value = jsonStr;              document.body.appendChild(textArea);              textArea.focus();              textArea.select();              try {                 document.execCommand('copy');                 this.editorCopyBtn.innerHTML = 'Copied!';                 setTimeout(() => {                    this.editorCopyBtn.innerHTML = '\x3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">\x3Crect x="9" y="9" width="13" height="13" rx="2" ry="2"><' + '/rect>\x3Cpath d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"><' + '/path><' + '/svg> Copy to CMS';                 }, 2000);              } catch (err) {                 console.warn('Fallback: Oops, unable to copy', err);                 alert('Fallback: Failed to copy deals to clipboard.');              }              document.body.removeChild(textArea);           }        }      }      // Initialize the Widget      if (document.readyState === 'loading') {        document.addEventListener('DOMContentLoaded', () => new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer }));      } else {        new DealsFinderWidget({ rootId: 'signal-deals-finder-root', rootNode: shadowRoot, hostContainer: hostContainer });      }    })();  </script></div>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I’ve played fighting games for 35 years — and Marvel Tōkon is now one of my all-time favorites ]]></title>
                                                                                                <dc:content><![CDATA[ <div  class="fancy-box"><div class="fancy_box-title">Marvel Tōkon: Fighting Souls review: Specs</div><div class="fancy_box_body"><p class="fancy-box__body-text"><strong>Platforms:</strong> PS5 (reviewed), PC<br><strong>Price:</strong> $59 / £59 / AU$109<br><strong>Release date:</strong> August 7, 2026<br><strong>Genre:</strong> Fighting</p></div></div><p>Marvel Tōkon: Fighting Souls is a game that feels specifically made for me. This is the same sentiment I had when I first played X-Men vs. Street Fighter 20 years ago. Like that classic Capcom title, Marvel Tōkon combines my two biggest passions—video games and comic books—and delivers a thoroughly satisfying fighting game experience. If you’re like me, you’re in for a Galactus-sized treat.</p><p>Beyond the superheroic cast of Marvel characters, the main draw of Tōkon is that it’s a 4v4 tag fighter. While that sounds overwhelming, you’re really playing as one character because the team shares a single health bar. The characters are spectacular, representing both iconic and lesser-known heroes and villains from Marvel’s pantheon. Arc System Works’ renowned visual flair brings it all together, drawing you into this comic-book-inspired world.</p><p>While Marvel Tōkon has a great deal of mechanical depth for veteran fighting game players, newcomers won’t be stranded in the Negative Zone thanks to the simple-to-pick-up gameplay and helpful tutorials. It’s still too early to tell if Tōkon will become as legendary as the Marvel vs. Capcom franchise, but right now, it’s the best current fighting game after <a href="https://www.tomsguide.com/reviews/street-fighter-6">Street Fighter 6</a>. Find out why in my full review!</p>                    <div class= "tiktok-wrapper" style="min-height: 750px;"><blockquote class="tiktok-embed" cite="https://www.tiktok.com/@tomsguide/video/7672068199357140254" data-video-id="7672068199357140254" style="max-width: 605px; min-width: 325px;">                        <section>                            <a target="_blank" title="@tomsguide" href="https://www.tiktok.com/@tomsguide">@tomsguide</a>                            <p></p><a target="_blank" title="♬ The Avengers. - Jackson Vincit" href="https://www.tiktok.com/music/The-Avengers-7482495843141158928">♬ The Avengers. - Jackson Vincit</a></section>                    </blockquote></div>                <h2 id="marvel-tokon-fighting-souls-the-basics">Marvel Tōkon: Fighting Souls: The basics</h2><ul><li><strong>What is it?</strong> Marvel Tōkon: Fighting Souls is a 4v4 tag fighting game featuring a core roster of 20 Marvel Comics heroes and villains.</li><li><strong>Who is it for?</strong> It’s for fighting game enthusiasts and fans of Marvel Comics characters.</li><li><strong>What’s the price?</strong> Marvel Tōkon: Fighting Souls is available for PS5 and PC and costs <a href="https://www.amazon.com/Marvel-T%C5%8Dkon-Fighting-Souls-PlayStation-5/dp/B0GNT5PJS7" target="_blank" rel="nofollow"><u>$59 at Amazon</u></a>. The <a href="https://store.playstation.com/en-us/product/JP9000-PPSA15595_00-MTFSUE0000000000" target="_blank" rel="nofollow">$99 Ultimate Edition</a> contains the base game and all the Year 1 content.</li><li><strong>What other games has the developer made?</strong> Arc System Works has developed other notable fighting games like Guilty Gear: Strive, Dragon Ball FighterZ, and BlazBlue: Central Fiction.</li><li><strong>What games is it similar to?</strong> Marvel Tōkon visually resembles the Marvel vs. Capcom games, but its mechanics are closer to Arc System Works titles like those mentioned above.</li></ul><h2 id="contest-of-champions">Contest of Champions</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mdhYouPokkjqicLuUCk5Ve" name="Marvel Tokon Fighting Avengers" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/mdhYouPokkjqicLuUCk5Ve.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>Marvel Tōkon has a dedicated story mode featuring episodes focused on the five main teams: Unbreakable X-Men, Amazing Guardians, Fighting Avengers, Knights of Doom, and Samurai Outriders. All are brought together to fight a cosmic being known as The Champion, who will destroy Earth if one of the teams can’t defeat him in battle. Given how The Champion has already destroyed several worlds across the galaxy, the heroes are in for a tough fight.</p><p>The story, written by comic book writer Kieron Gillen, won’t win awards, but it does an admirable job of showcasing each character's unique personality and motivations. Even if some of them come off as one-note or over-the-top, they feel like the characters you know from the comics and the MCU. This aspect also comes across during gameplay, as characters will quip with one another.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Q2iojebVqJRnK3ESriZ3dF" name="Marvel Tokon Amazing Guardians" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/Q2iojebVqJRnK3ESriZ3dF.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>You’re free to skip the story mode if you’re just here for the fighting, but if you’re brand-new to Marvel, it’s a cool introduction to the characters. And if you’re a comic book fan, you’ll appreciate how this story is basically a video game version of the classic Contest of Champions event from the early ‘80s.</p><h2 id="assemble">Assemble</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="BKYGcLuTRnpBw8DsBgPg3S" name="Marvel Tokon Wakanda battle" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/BKYGcLuTRnpBw8DsBgPg3S.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>Marvel Tōkon’s most distinctive feature is its 4v4 fighting gameplay, which is a first of its kind. But don’t think it's just Marvel vs. Capcom 2 with an extra fighter on your team, as it offers a unique spin on the tag-fighter formula that is both in-depth and easy to grasp.</p><p>Each best-of-five match starts with only your point character and an assist character. You’ll unlock the rest of your team by triggering stage transitions or wall breaks, connecting specific auto combos, or when the next round starts. This creates a sense of momentum as matches ramp up in intensity and resources.</p><p>Unlike Marvel vs. Capcom, all team members share a single health bar instead of having their own. That means you can’t bench a character to regain health. This part took me a while to grasp since it’s such a departure from even newer tag fighters like Invincible Vs, but it’s a great way to make matches less hectic since you’re really dealing with two main combatants and their respective assists.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="m3wWaPHr6txxvsZ9vtyAeb" name="Marvel Tokon Knowhere battle" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/m3wWaPHr6txxvsZ9vtyAeb.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>The Assemble Gauge and assist system are at the heart of team play. Each character is assigned to a slot that determines their assist type, such as Shooter, Vertical, and Assault. For instance, Iron Man fires his repulsor beam from afar, while Wolverine gets up close and personal. You can also use assists to extend combos. There are defensive and armored options, and you can briefly take control of an assist character. Learning to manage the Assemble Gauge is crucial to victory.</p><p>Outside the Assemble Gauge, there’s the Skill Gauge, which, when full, lets you unleash a character’s super moves, powered-up normal moves, and cinematic Ultimate Skills. Naturally, you can chain team super moves in a delayed hyper combo style. The most devastating and impressive-looking attack is Tōkon Assemble, which uses both the Assemble and Skill Gauges for an all-out attack involving your entire team. This is one you’ll want to bust out if you need a serious comeback.</p><p>Marvel Tōkon features traditional motion inputs like Street Fighter, but it also includes simplified “Quick Skill” options and easy chain/auto combos. These let newer players compete more effectively with high-level players, though, naturally, they’ll make things even easier for the latter. I tend to mix both, depending on which will deal more damage or if I just want to do something awesome fast.</p><h2 id="danger-room">Danger Room</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ux5Kemcvp66SFg5AzUGeCm" name="Marvel Tokon wall break" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/ux5Kemcvp66SFg5AzUGeCm.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>Online is as robust as you’d expect for a modern fighting game, and it’s where the majority of diehard players will spend most of their time battling each other. I tested the online modes on my <a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-review">PS5 Pro</a> (Ranked, Casual, and private Room matches) and had no issues finding matches, and those matches always ran without problems. I know this hasn’t been the case for PC players, who’ve encountered many issues, but if you’re on PS5, it should be smooth sailing.</p><p>There’s a large Open Lobby that can hold up to 64 players and serves as a social hub with arcade cabinets, customizable avatars, emotes, and chat. If you’re familiar with the online lobby for Dragon Ball FighterZ, you’ll know what to expect here. You’re free to skip this lobby and jump straight into matches from the main online menu, but I find this hub a nice place to visit between battles.</p><p>The game has full cross-play between PS5 and PC, so you and your friends can play on your preferred platforms. And as expected from a modern fighting game, there’s also rollback netcode to ensure matches feel smooth and responsive. Marvel Tōkon’s online might not be revolutionary, but it works (at least on PS5).</p><h2 id="battle-world">Battle World</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="d5s6xEzMbTNrthMsUSFqcB" name="Marvel Tokon NYC battle" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/d5s6xEzMbTNrthMsUSFqcB.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>Beyond the story and online, there are other modes to sink your adamantium claws into.</p><p>Arcadia Rumble is a wild party mode for up to 8 players that involves collecting buffs and using “Fighter Souls” to power them in a last-man-standing style rumble. This one is interesting because you’re mostly using your little avatar to run around the lobby collecting buffs and trying to hit other players. When time runs out, you’re tossed into a proper versus match against another player. Whoever scores the most wins the Arcadia Rumble. This isn’t a mode I’ll come back to often, but it’s a unique diversion, to be sure.</p><p>If you want to hone your skills, there’s a tutorial and battle guides for each character. The battle guides are especially useful for getting a clear sense of how your main character works. I especially like the dedicated combo challenges here. The tutorial is also very good because it doesn’t overwhelm players with too much information.</p><p>Lastly, there’s a local versus mode for when you have friends over. I didn’t get to play this as intended since I live alone like Uatu the Watcher, but if you have company over, you can quickly get into matches this way.</p><h2 id="dazzler">Dazzler</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="JKa46U3AZzQvfZTJDZebVM" name="Marvel Tokon Knowhere battle 1" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/JKa46U3AZzQvfZTJDZebVM.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>Marvel Tōkon features the same stunning graphics and overall presentation you’d expect from an Arc System Works game. Instead of a more traditional hand-drawn comic book art style, the game looks like a straight-up anime, which still works extremely well for the Marvel characters. The characters’ updated designs are both iconic and fresh.</p><p>The smooth and expressive animations are another highlight. Each attack, super move, and wall smash feels impactful and looks like something out of a battle anime. I especially like the character animations, which do a nice job of showing off their personalities. The stages are also impressive, featuring locales like Wakanda, New York City, and the Savage Land, to name a few. The fact that each stage has several locales incentivizes you to initiate a stage transition to see the full thing.</p><p>Of course, it wouldn’t be a proper Arc System Works game without a roaring rock soundtrack. Though I find Guilty Gear’s music more memorable, the tracks here have the bombast and drama you’d expect in a cinematic superhero battle. The voice work sounds as good as the music, with all the voice actors doing their best to bring the characters to life.</p><h2 id="marvel-tokon-review-verdict">Marvel Tōkon review: Verdict</h2><p>I’ve been excited for Marvel Tōkon ever since its announcement, and I’m happy to say that it has far exceeded my expectations. Instead of trying to be a Marvel vs. Capcom clone, it combines the best aspects of Arc System Works games to deliver the most distinctive tag fighter ever. The fact that experts and newbies can both have a great time is a testament to the game’s excellent mix of depth and accessibility.</p><p>Naturally, this is just the start for Marvel Tōkon, as Year 1 will feature four new characters and an additional stage. I’m here for the long haul and can’t wait to see how the game expands and improves over the years. We’ll see if it can become an FGC staple at tournaments, but based on its solid foundation, there’s no reason why it can’t. Make mine, Marvel!</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/marvel-tokon-fighting-souls-review</link>
                                                                            <description>
                            <![CDATA[ Marvel Tōkon: Fighting Souls is arguably the mightiest tag fighter ever thanks to its deep yet accessible gameplay, amazing graphics, and slew of modes. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">KiHDRTD8JJ3MkP94SGU9kM</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/kKfZwjbgNMyCxfVp73vNKm-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Wed, 12 Aug 2026 10:30:00 +0000</pubDate>                                                                                                                                <updated>Wed, 12 Aug 2026 19:46:29 +0000</updated>
                                                                                                                                            <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ tony.polanco@futurenet.com (Tony Polanco) ]]></author>                    <dc:creator><![CDATA[ Tony Polanco ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/atzRNqFt5wYgEUPBDahWsD.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/kKfZwjbgNMyCxfVp73vNKm-1280-80.jpg">
                                                            <media:credit><![CDATA[Sony Interactive Entertainment]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Marvel Tokon: Fighting Souls]]></media:description>                                                            <media:text><![CDATA[Marvel Tokon: Fighting Souls]]></media:text>
                                <media:title type="plain"><![CDATA[Marvel Tokon: Fighting Souls]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/kKfZwjbgNMyCxfVp73vNKm-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <div  class="fancy-box"><div class="fancy_box-title">Marvel Tōkon: Fighting Souls review: Specs</div><div class="fancy_box_body"><p class="fancy-box__body-text"><strong>Platforms:</strong> PS5 (reviewed), PC<br><strong>Price:</strong> $59 / £59 / AU$109<br><strong>Release date:</strong> August 7, 2026<br><strong>Genre:</strong> Fighting</p></div></div><p>Marvel Tōkon: Fighting Souls is a game that feels specifically made for me. This is the same sentiment I had when I first played X-Men vs. Street Fighter 20 years ago. Like that classic Capcom title, Marvel Tōkon combines my two biggest passions—video games and comic books—and delivers a thoroughly satisfying fighting game experience. If you’re like me, you’re in for a Galactus-sized treat.</p><p>Beyond the superheroic cast of Marvel characters, the main draw of Tōkon is that it’s a 4v4 tag fighter. While that sounds overwhelming, you’re really playing as one character because the team shares a single health bar. The characters are spectacular, representing both iconic and lesser-known heroes and villains from Marvel’s pantheon. Arc System Works’ renowned visual flair brings it all together, drawing you into this comic-book-inspired world.</p><p>While Marvel Tōkon has a great deal of mechanical depth for veteran fighting game players, newcomers won’t be stranded in the Negative Zone thanks to the simple-to-pick-up gameplay and helpful tutorials. It’s still too early to tell if Tōkon will become as legendary as the Marvel vs. Capcom franchise, but right now, it’s the best current fighting game after <a href="https://www.tomsguide.com/reviews/street-fighter-6">Street Fighter 6</a>. Find out why in my full review!</p>                    <div class= "tiktok-wrapper" style="min-height: 750px;"><blockquote class="tiktok-embed" cite="https://www.tiktok.com/@tomsguide/video/7672068199357140254" data-video-id="7672068199357140254" style="max-width: 605px; min-width: 325px;">                        <section>                            <a target="_blank" title="@tomsguide" href="https://www.tiktok.com/@tomsguide">@tomsguide</a>                            <p></p><a target="_blank" title="♬ The Avengers. - Jackson Vincit" href="https://www.tiktok.com/music/The-Avengers-7482495843141158928">♬ The Avengers. - Jackson Vincit</a></section>                    </blockquote></div>                <h2 id="marvel-tokon-fighting-souls-the-basics">Marvel Tōkon: Fighting Souls: The basics</h2><ul><li><strong>What is it?</strong> Marvel Tōkon: Fighting Souls is a 4v4 tag fighting game featuring a core roster of 20 Marvel Comics heroes and villains.</li><li><strong>Who is it for?</strong> It’s for fighting game enthusiasts and fans of Marvel Comics characters.</li><li><strong>What’s the price?</strong> Marvel Tōkon: Fighting Souls is available for PS5 and PC and costs <a href="https://www.amazon.com/Marvel-T%C5%8Dkon-Fighting-Souls-PlayStation-5/dp/B0GNT5PJS7" target="_blank" rel="nofollow"><u>$59 at Amazon</u></a>. The <a href="https://store.playstation.com/en-us/product/JP9000-PPSA15595_00-MTFSUE0000000000" target="_blank" rel="nofollow">$99 Ultimate Edition</a> contains the base game and all the Year 1 content.</li><li><strong>What other games has the developer made?</strong> Arc System Works has developed other notable fighting games like Guilty Gear: Strive, Dragon Ball FighterZ, and BlazBlue: Central Fiction.</li><li><strong>What games is it similar to?</strong> Marvel Tōkon visually resembles the Marvel vs. Capcom games, but its mechanics are closer to Arc System Works titles like those mentioned above.</li></ul><h2 id="contest-of-champions">Contest of Champions</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="mdhYouPokkjqicLuUCk5Ve" name="Marvel Tokon Fighting Avengers" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/mdhYouPokkjqicLuUCk5Ve.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>Marvel Tōkon has a dedicated story mode featuring episodes focused on the five main teams: Unbreakable X-Men, Amazing Guardians, Fighting Avengers, Knights of Doom, and Samurai Outriders. All are brought together to fight a cosmic being known as The Champion, who will destroy Earth if one of the teams can’t defeat him in battle. Given how The Champion has already destroyed several worlds across the galaxy, the heroes are in for a tough fight.</p><p>The story, written by comic book writer Kieron Gillen, won’t win awards, but it does an admirable job of showcasing each character's unique personality and motivations. Even if some of them come off as one-note or over-the-top, they feel like the characters you know from the comics and the MCU. This aspect also comes across during gameplay, as characters will quip with one another.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Q2iojebVqJRnK3ESriZ3dF" name="Marvel Tokon Amazing Guardians" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/Q2iojebVqJRnK3ESriZ3dF.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>You’re free to skip the story mode if you’re just here for the fighting, but if you’re brand-new to Marvel, it’s a cool introduction to the characters. And if you’re a comic book fan, you’ll appreciate how this story is basically a video game version of the classic Contest of Champions event from the early ‘80s.</p><h2 id="assemble">Assemble</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="BKYGcLuTRnpBw8DsBgPg3S" name="Marvel Tokon Wakanda battle" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/BKYGcLuTRnpBw8DsBgPg3S.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>Marvel Tōkon’s most distinctive feature is its 4v4 fighting gameplay, which is a first of its kind. But don’t think it's just Marvel vs. Capcom 2 with an extra fighter on your team, as it offers a unique spin on the tag-fighter formula that is both in-depth and easy to grasp.</p><p>Each best-of-five match starts with only your point character and an assist character. You’ll unlock the rest of your team by triggering stage transitions or wall breaks, connecting specific auto combos, or when the next round starts. This creates a sense of momentum as matches ramp up in intensity and resources.</p><p>Unlike Marvel vs. Capcom, all team members share a single health bar instead of having their own. That means you can’t bench a character to regain health. This part took me a while to grasp since it’s such a departure from even newer tag fighters like Invincible Vs, but it’s a great way to make matches less hectic since you’re really dealing with two main combatants and their respective assists.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="m3wWaPHr6txxvsZ9vtyAeb" name="Marvel Tokon Knowhere battle" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/m3wWaPHr6txxvsZ9vtyAeb.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>The Assemble Gauge and assist system are at the heart of team play. Each character is assigned to a slot that determines their assist type, such as Shooter, Vertical, and Assault. For instance, Iron Man fires his repulsor beam from afar, while Wolverine gets up close and personal. You can also use assists to extend combos. There are defensive and armored options, and you can briefly take control of an assist character. Learning to manage the Assemble Gauge is crucial to victory.</p><p>Outside the Assemble Gauge, there’s the Skill Gauge, which, when full, lets you unleash a character’s super moves, powered-up normal moves, and cinematic Ultimate Skills. Naturally, you can chain team super moves in a delayed hyper combo style. The most devastating and impressive-looking attack is Tōkon Assemble, which uses both the Assemble and Skill Gauges for an all-out attack involving your entire team. This is one you’ll want to bust out if you need a serious comeback.</p><p>Marvel Tōkon features traditional motion inputs like Street Fighter, but it also includes simplified “Quick Skill” options and easy chain/auto combos. These let newer players compete more effectively with high-level players, though, naturally, they’ll make things even easier for the latter. I tend to mix both, depending on which will deal more damage or if I just want to do something awesome fast.</p><h2 id="danger-room">Danger Room</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ux5Kemcvp66SFg5AzUGeCm" name="Marvel Tokon wall break" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/ux5Kemcvp66SFg5AzUGeCm.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>Online is as robust as you’d expect for a modern fighting game, and it’s where the majority of diehard players will spend most of their time battling each other. I tested the online modes on my <a href="https://www.tomsguide.com/gaming/playstation/ps5-pro-review">PS5 Pro</a> (Ranked, Casual, and private Room matches) and had no issues finding matches, and those matches always ran without problems. I know this hasn’t been the case for PC players, who’ve encountered many issues, but if you’re on PS5, it should be smooth sailing.</p><p>There’s a large Open Lobby that can hold up to 64 players and serves as a social hub with arcade cabinets, customizable avatars, emotes, and chat. If you’re familiar with the online lobby for Dragon Ball FighterZ, you’ll know what to expect here. You’re free to skip this lobby and jump straight into matches from the main online menu, but I find this hub a nice place to visit between battles.</p><p>The game has full cross-play between PS5 and PC, so you and your friends can play on your preferred platforms. And as expected from a modern fighting game, there’s also rollback netcode to ensure matches feel smooth and responsive. Marvel Tōkon’s online might not be revolutionary, but it works (at least on PS5).</p><h2 id="battle-world">Battle World</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="d5s6xEzMbTNrthMsUSFqcB" name="Marvel Tokon NYC battle" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/d5s6xEzMbTNrthMsUSFqcB.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>Beyond the story and online, there are other modes to sink your adamantium claws into.</p><p>Arcadia Rumble is a wild party mode for up to 8 players that involves collecting buffs and using “Fighter Souls” to power them in a last-man-standing style rumble. This one is interesting because you’re mostly using your little avatar to run around the lobby collecting buffs and trying to hit other players. When time runs out, you’re tossed into a proper versus match against another player. Whoever scores the most wins the Arcadia Rumble. This isn’t a mode I’ll come back to often, but it’s a unique diversion, to be sure.</p><p>If you want to hone your skills, there’s a tutorial and battle guides for each character. The battle guides are especially useful for getting a clear sense of how your main character works. I especially like the dedicated combo challenges here. The tutorial is also very good because it doesn’t overwhelm players with too much information.</p><p>Lastly, there’s a local versus mode for when you have friends over. I didn’t get to play this as intended since I live alone like Uatu the Watcher, but if you have company over, you can quickly get into matches this way.</p><h2 id="dazzler">Dazzler</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3840px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="JKa46U3AZzQvfZTJDZebVM" name="Marvel Tokon Knowhere battle 1" alt="Marvel Tokon: Fighting Souls" src="https://cdn.mos.cms.futurecdn.net/JKa46U3AZzQvfZTJDZebVM.jpg" mos="" align="middle" fullscreen="" width="3840" height="2160" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Sony Interactive Entertainment / Tom's Guide)</span></figcaption></figure><p>Marvel Tōkon features the same stunning graphics and overall presentation you’d expect from an Arc System Works game. Instead of a more traditional hand-drawn comic book art style, the game looks like a straight-up anime, which still works extremely well for the Marvel characters. The characters’ updated designs are both iconic and fresh.</p><p>The smooth and expressive animations are another highlight. Each attack, super move, and wall smash feels impactful and looks like something out of a battle anime. I especially like the character animations, which do a nice job of showing off their personalities. The stages are also impressive, featuring locales like Wakanda, New York City, and the Savage Land, to name a few. The fact that each stage has several locales incentivizes you to initiate a stage transition to see the full thing.</p><p>Of course, it wouldn’t be a proper Arc System Works game without a roaring rock soundtrack. Though I find Guilty Gear’s music more memorable, the tracks here have the bombast and drama you’d expect in a cinematic superhero battle. The voice work sounds as good as the music, with all the voice actors doing their best to bring the characters to life.</p><h2 id="marvel-tokon-review-verdict">Marvel Tōkon review: Verdict</h2><p>I’ve been excited for Marvel Tōkon ever since its announcement, and I’m happy to say that it has far exceeded my expectations. Instead of trying to be a Marvel vs. Capcom clone, it combines the best aspects of Arc System Works games to deliver the most distinctive tag fighter ever. The fact that experts and newbies can both have a great time is a testament to the game’s excellent mix of depth and accessibility.</p><p>Naturally, this is just the start for Marvel Tōkon, as Year 1 will feature four new characters and an additional stage. I’m here for the long haul and can’t wait to see how the game expands and improves over the years. We’ll see if it can become an FGC staple at tournaments, but based on its solid foundation, there’s no reason why it can’t. Make mine, Marvel!</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ I finally found a mobile game controller that’s as comfortable as the PlayStation Portal — and it actually feels like a real gamepad ]]></title>
                                                                                                <dc:content><![CDATA[ <p>Despite being remote play only, the <a href="https://www.tomsguide.com/opinion/i-thought-playstation-portal-was-pointless-heres-why-i-was-wrong">PlayStation Portal</a> ended up being a surprise hit thanks to how convenient it was to use and how comfortable it was to hold. As someone who’s tried over half a dozen of the <a href="https://www.tomsguide.com/best-picks/best-mobile-game-controllers">best mobile game controllers</a> — from the <a href="https://www.tomsguide.com/reviews/razer-kishi-v2-review-making-the-best-even-better">Razer Kishi</a> to the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/i-tried-the-new-backbone-pro-controller-and-the-feature-ive-always-wanted-wasnt-the-most-surprising">Backbone Pro</a> — I can definitely see why. But what if PlayStation isn’t your platform of choice?</p><p>Instead of reinventing the wheel with the PlayStation Portal, Sony essentially cut its DualSense controller in half and put an 8-inch screen in the middle. This way, you got the same larger handles PS5 players were already used to without having to adapt to something smaller and ultimately less comfortable.</p><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/9bVa9eeI1yo" allowfullscreen></iframe></div></div><p>While portability heavily influenced the design of the first crop of mobile game controllers, companies quickly realized that comfort trumps compactness. This is why the <a href="https://www.tomsguide.com/gaming/i-built-the-ultimate-remote-play-setup-with-wi-fi-7-to-say-goodbye-to-stuttery-gameplay-for-good-heres-how">Razer Kishi Ultra</a> has full-sized buttons and longer handles, and you could say the exact same thing about Asus’ upcoming <a href="https://www.tomsguide.com/gaming/handheld-gaming/asus-rog-xbox-ally-x20-hands-on-review">ROG Xbox Ally X20</a> too.</p><p>Just when I thought I was done testing out mobile game controllers, I finally found one that gives me that PlayStation Portal feel — but with all my favorite pro controller-style features packed in too. Meet the Elo Vagabond.</p><div class="product"><a data-dimension112="4e228c96-9291-11f1-a50e-a9418ed0c36f" data-action="Deal Block" data-label="Vagabond" data-dimension48="Vagabond" data-dimension25="$99" href="https://www.amazon.com/dp/B0DBQBP3D5" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="zMzWdTaaMkLPgxVovYGw5N" name="Vagabond" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/zMzWdTaaMkLPgxVovYGw5N.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/dp/B0DBQBP3D5" target="_blank" rel="nofollow" data-dimension112="4e228c96-9291-11f1-a50e-a9418ed0c36f" data-action="Deal Block" data-label="Vagabond" data-dimension48="Vagabond" data-dimension25="$99">Vagabond: $99</a></strong><br>This mobile game controller brings full-sized console ergonomics to your smartphone. Featuring swept-back handles, microswitch buttons, and anti-drift Hall Effect thumbsticks, it fixes the cramped hand fatigue common on flatter mobile grips. With pass-through USB-C charging, a 3.5mm headphone jack, and support for phones up to mini tablets, it turns your mobile device into a true handheld console. <br><br><strong>Price check: </strong><a href="https://eloesports.com/products/elo-vagabond-mobile-gaming-controller" target="_blank" rel="nofollow"><strong>$99 @ Elo</strong></a><a class="view-deal button" href="https://www.amazon.com/dp/B0DBQBP3D5" target="_blank" rel="nofollow" data-dimension112="4e228c96-9291-11f1-a50e-a9418ed0c36f" data-action="Deal Block" data-label="Vagabond" data-dimension48="Vagabond" data-dimension25="$99">View Deal</a></p></div><h2 id="pro-controller-meets-mobile">Pro controller meets mobile</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="LZwUXsrQgEd2pgVJYXMwZU" name="Elo Vagabond-9" alt="The Elo Vagabond mobile game controller unboxed on a table" src="https://cdn.mos.cms.futurecdn.net/LZwUXsrQgEd2pgVJYXMwZU.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>After reaching out to Elo about testing the Vagabond, the company sent over the controller along with its full lineup of accessories. Right out of the box, I was impressed by how many rubber inserts Elo includes. While Razer typically gives you three pairs, I found six pairs packaged alongside the controller.</p><p>The Vagabond is built for the long haul, with tactile microswitch buttons instead of standard membrane ones, plus magnetic <a href="https://www.tomsguide.com/gaming/gaming-peripherals/i-gave-this-pro-controller-the-ultimate-upgrade-to-beat-stick-drift-and-it-only-took-5-minutes">Hall Effect joysticks</a> to combat stick drift. There’s a dedicated purple capture button sitting next to ABXY, and the joysticks feature purple anti-friction rings around their bases. Once plugged into your phone, they also give off a subtle purple RGB glow by default.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="SZhmiZGjnZHovfMv3KwAGa" name="Elo Vagabond-7" alt="The backside of the Elo Vagabond mobile game controller showing off its remappable back buttons and the textured grips on its handles" src="https://cdn.mos.cms.futurecdn.net/SZhmiZGjnZHovfMv3KwAGa.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Around back, you get two customizable rear buttons — something I <a href="https://www.tomsguide.com/gaming/gaming-peripherals/i-tried-the-nintendo-switch-2-pro-controller-and-it-adds-the-one-feature-ive-always-wanted">love to see on any controller</a>, as mapping them to my most-used face buttons gives my right thumb a much-needed rest. However, if you’re the type of gamer who never uses back paddles, there are dedicated toggle switches on either side to physically disable them. Even though I would have preferred true rubberized grips, the micro-textured, cross-hatched pattern molded directly into the back of the handles makes the Vagabond exceptionally easy to hold onto. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="snuHLiygGwz8i5rhUSLa9f" name="Elo Vagabond-8" alt="A close-up shot showing the Elo Vagabond's main USB-C connector and its USB-C port for passthrough charging" src="https://cdn.mos.cms.futurecdn.net/snuHLiygGwz8i5rhUSLa9f.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>When connecting your smartphone, the Vagabond features a flexible USB-C connector that tilts up and down, making it far easier to dock and undock your phone without worrying about damaging its charging port. While many other mobile controllers have a headphone jack on one handle and a USB-C passthrough charging port on the other, I really like that Elo placed both ports right along the center bridge. This keeps the handles clean and comfortable in your hands while protecting both connections. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="E6pr2CC5JQVpdDjeii96xm" name="Elo Vagabond-6" alt="A person showing off the hidden storage compartment inside the case for the Elo Vagabond mobile game controller" src="https://cdn.mos.cms.futurecdn.net/E6pr2CC5JQVpdDjeii96xm.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Elo also sent over its official hard carrying case. Though I would have preferred to see it bundled in the box, the case is exceptionally well-built and worth the extra investment to protect your setup on the go. Underneath where the controller rests, there's a clever storage compartment designed to hold accessories like those extra rubber adapters — a massive plus if you swap devices or cases often.</p><p>Alternatively, you could easily use that space to store a pair of wired earbuds or a short charging cable. Unfortunately, I found the compartment was just a bit too tight to comfortably hold <a href="https://www.tomsguide.com/computing/software/i-tested-all-my-usb-c-cables-with-this-free-mac-app-instead-of-guessing-each-time-i-plugged-one-in">Elo’s 240W Link USB-C to USB-C cable</a>. Still, having built-in accessory storage is a huge win for a mobile controller built for travel.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-O92xyX"></div>                            </div>                            <script src="https://kwizly.com/embed/O92xyX.js" async></script><h2 id="console-quality-controls-on-the-go">Console-quality controls on the go</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fhdwzmELu7HHHrHZK3j6Z4" name="Elo Vagabond-5" alt="The Elo Vagabond mobile game controller with a phone inside running the Elo Unleashed app" src="https://cdn.mos.cms.futurecdn.net/fhdwzmELu7HHHrHZK3j6Z4.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>To test out the Elo Vagabond, I first plugged in a Galaxy S24 FE smartphone. Much to my surprise, I didn’t even have to take off its case. This is a massive selling point, as the Vagabond works with everyday phone cases right out of the box without requiring you to slice away rubber or physically modify the controller — something I've had to do with both the original Razer Kishi and older GameSir models in the past.</p><p>Eager to start customizing those rear inputs, I downloaded the free <a href="https://eloesports.com/pages/elo-unleashed" target="_blank">Elo Unleashed</a> companion app. While most mobile controllers come with an app these days, I found Elo’s interface to be remarkably clean and intuitive. Better yet, unlike Backbone’s companion software, none of the Vagabond's advanced features are locked behind a paid subscription. With a few quick taps, I mapped the right rear button to A and the left to X — my go-to layout when playing the skateboarding sim Session.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DXmBA6ExTbVH8nZATvDiu8" name="Elo Vagabond-2" alt="A person playing Ratchet & Clank: Rift Apart remotely on the Elo Vagabond mobile game controller" src="https://cdn.mos.cms.futurecdn.net/DXmBA6ExTbVH8nZATvDiu8.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Since native console ports are still relatively rare on Android compared to iOS, I primarily used the Vagabond for remote play to stream my Steam library around the house. Even during multi-hour sessions, the ergonomic handles kept my hands entirely cramp-free.</p><p>That comfort was especially noticeable while playing Session, where you rely heavily on the triggers to steer your skateboard and rotate mid-air. The Vagabond features full-travel, analog-style Hall Effect triggers rather than the shallow, digital on/off switches found on cheaper mobile game controllers. That extra control depth is equally vital for feathering the gas in racing games or metering aim in shooters. Speaking of which, I also put in some time with Ratchet & Clank: Rift Apart, and blasting through waves of evil robots felt fantastic on these sticks and triggers.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bpoSHYnVoDzaNACKxa4riD" name="Elo Vagabond-4" alt="A person sitting on the couch playing Death Stranding 2 remotely using the Elo Vagabond mobile game controller" src="https://cdn.mos.cms.futurecdn.net/bpoSHYnVoDzaNACKxa4riD.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>My longest play sessions came while cozied up on the couch making deliveries in <a href="https://www.tomsguide.com/gaming/playstation/death-stranding-2-is-a-surprisingly-great-starting-place-for-new-players-heres-how-it-hooked-me-after-i-dropped-the-original">Death Stranding 2</a>. Whether traveling on foot and using the triggers to balance heavy cargo or zipping across the terrain in a vehicle, the Vagabond delivered a superb remote play experience as I worked to connect the continent of Australia while dodging BTs.</p><p>At just $99, I’ve been quite impressed with the Elo Vagabond so far. Unfortunately though, there was one device I didn’t get to test it with.</p><h2 id="phone-only-for-now">Phone only (for now)</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8fshS42TmUrasyRBn3XsQH" name="Elo Vagabond-3" alt="A person sitting on the couch playing games using the Elo Vagabond mobile game controller" src="https://cdn.mos.cms.futurecdn.net/8fshS42TmUrasyRBn3XsQH.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>From massive slates to foldables, the Vagabond works with all of the <a href="https://www.tomsguide.com/best-picks/best-phones">best phones</a>. In fact, the controller extends far enough to support devices just over 8 inches long — meaning you can also clamp in an iPad mini to get a big-screen remote play experience that rivals the PlayStation Portal. There was just one problem: I didn’t have an iPad mini on hand to test it out.</p><p>Last year, I <a href="https://www.tomsguide.com/tablets/i-spent-two-weeks-with-the-ipad-mini-7-and-it-reignited-my-love-for-smaller-tablets">borrowed an iPad mini</a> from work for a story, and it reignited my love for small tablets — a passion I've had since the days of the Nexus 7. I generally prefer Android over iOS, so when Lenovo unveiled its 8.8-inch <a href="https://www.tomsguide.com/computing/tablets/i-thought-the-ipad-mini-was-the-perfect-small-tablet-until-i-tried-the-lenovo-legion-tab-3-heres-why">Legion Tab Gen 3</a> with Wi-Fi 7 support for a better remote play experience, I bought one with my own money. However, while the Vagabond stretches up to 8.03 inches to accommodate Apple’s iPad mini, the Legion Tab Gen 3 is slightly too long at 8.2 inches. The same held true for the RedMagic Astra 2 gaming tablet I’m currently reviewing.</p><p>I was hoping to pick up a discounted iPad mini specifically to use with the Vagabond, but thanks to <a href="https://www.tomsguide.com/computing/ram-price-crisis-2026-everything-you-need-to-know">RAMaggedon</a>, finding one anywhere under $500 has proven tough. Who knows — maybe I’ll grab an iPad mini 7 once Apple’s long-rumored <a href="https://www.tomsguide.com/computing/ipads/first-oled-ipad-mini-tipped-for-october-launch-heres-why-im-excited-and-worried">OLED iPad mini</a> finally hits store shelves.</p><p>For now, though, I’m more than content streaming my favorite Steam games on the Vagabond using my phone or the <a href="https://www.tomsguide.com/opinion/i-used-the-razer-edge-5g-as-my-main-game-console-for-a-week-heres-what-happened">Razer Edge 5G</a>, which gets you pretty close to that mini-tablet experience anyway. If you’ve tried the Backbone or the standard Razer Kishi and found them uncomfortable over long play sessions, the Elo Vagabond just might surprise you the same way it did me.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom’s Guide</span></h3><ul><li><a href="https://www.tomsguide.com/home/home-office/i-tried-the-sonic-the-hedgehog-office-chair-and-it-actually-makes-ergonomics-fun-and-fast"><strong>I tried the Sonic the Hedgehog office chair — and it actually makes ergonomics fun (and fast)</strong></a></li><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-worlds-first-mobile-game-controller-with-ar-glasses-support-and-it-completely-transformed-my-16-hour-flight"><strong>I used the world's first mobile game controller with AR glasses support — and it completely transformed my 16-hour flight</strong></a></li><li><a href="https://www.tomsguide.com/computing/desktop-computers/mini-pcs/minisforum-g1-pro-review"><strong>I tested the Minisforum G1 Pro and this console-sized mini PC works just as well in the living room as it does at your desk</strong></a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/gaming-peripherals/i-finally-found-a-mobile-game-controller-thats-as-comfortable-as-the-playstation-portal-and-it-actually-feels-like-a-real-gamepad</link>
                                                                            <description>
                            <![CDATA[ The Elo Vagabond takes the comfort of the PlayStation Portal and adds pro controller-style features for an exceptional mobile game controller. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">hgB7RcRQp34W3EBWCZZtEe</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/rHdfPYuxbFXziLwuM2ee8R-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sun, 09 Aug 2026 12:00:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming Peripherals]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ anthony.spadafora@futurenet.com (Anthony Spadafora) ]]></author>                    <dc:creator><![CDATA[ Anthony Spadafora ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/z73LEoj7FkUjNG85GcWHtH.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Anthony Spadafora is the managing editor for security and home office furniture at Tom’s Guide where he covers everything from data breaches and malware to password managers and the best way to cover your whole home or business with a strong Wi-Fi signal.&lt;/p&gt;&lt;p&gt;Before joining the team, he spent three years covering cybersecurity and B2B tech for ITProPortal while living in South Korea. After moving back to the US. Anthony joined the TechRadar Pro team where he covered these topics along with VPNs, web hosting, online collaboration software and video conferencing for four years. Anthony also has his ears to the ground and is on the lookout for the next major cyberattack or data breach.&lt;/p&gt;&lt;p&gt;Based in Houston, Texas, Anthony also handles VPN testing for both Tom’s Guide and TechRadar. As someone who has worked from home exclusively since 2018, he has reviewed dozens of standing desks as well as office chairs and has taken a closer look at other essential remote working accessories. As part of these reviews, Anthony frequently builds intricate desk setups which is why he’s such a big advocate for cable management and keeping things organized. When he’s not writing, he can be found tinkering with PCs and game consoles, managing cables and making upgrades to his smart home.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/rHdfPYuxbFXziLwuM2ee8R-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&#039;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[A person holding up the Elo Vagabond mobile game controller while accessing their Steam library using the Steam Link app]]></media:description>                                                            <media:text><![CDATA[A person holding up the Elo Vagabond mobile game controller while accessing their Steam library using the Steam Link app]]></media:text>
                                <media:title type="plain"><![CDATA[A person holding up the Elo Vagabond mobile game controller while accessing their Steam library using the Steam Link app]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/rHdfPYuxbFXziLwuM2ee8R-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Despite being remote play only, the <a href="https://www.tomsguide.com/opinion/i-thought-playstation-portal-was-pointless-heres-why-i-was-wrong">PlayStation Portal</a> ended up being a surprise hit thanks to how convenient it was to use and how comfortable it was to hold. As someone who’s tried over half a dozen of the <a href="https://www.tomsguide.com/best-picks/best-mobile-game-controllers">best mobile game controllers</a> — from the <a href="https://www.tomsguide.com/reviews/razer-kishi-v2-review-making-the-best-even-better">Razer Kishi</a> to the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/i-tried-the-new-backbone-pro-controller-and-the-feature-ive-always-wanted-wasnt-the-most-surprising">Backbone Pro</a> — I can definitely see why. But what if PlayStation isn’t your platform of choice?</p><p>Instead of reinventing the wheel with the PlayStation Portal, Sony essentially cut its DualSense controller in half and put an 8-inch screen in the middle. This way, you got the same larger handles PS5 players were already used to without having to adapt to something smaller and ultimately less comfortable.</p><div class="youtube-video" data-nosnippet ><div class="video-aspect-box"><iframe data-lazy-priority="low" data-lazy-src="https://www.youtube-nocookie.com/embed/9bVa9eeI1yo" allowfullscreen></iframe></div></div><p>While portability heavily influenced the design of the first crop of mobile game controllers, companies quickly realized that comfort trumps compactness. This is why the <a href="https://www.tomsguide.com/gaming/i-built-the-ultimate-remote-play-setup-with-wi-fi-7-to-say-goodbye-to-stuttery-gameplay-for-good-heres-how">Razer Kishi Ultra</a> has full-sized buttons and longer handles, and you could say the exact same thing about Asus’ upcoming <a href="https://www.tomsguide.com/gaming/handheld-gaming/asus-rog-xbox-ally-x20-hands-on-review">ROG Xbox Ally X20</a> too.</p><p>Just when I thought I was done testing out mobile game controllers, I finally found one that gives me that PlayStation Portal feel — but with all my favorite pro controller-style features packed in too. Meet the Elo Vagabond.</p><div class="product"><a data-dimension112="4e228c96-9291-11f1-a50e-a9418ed0c36f" data-action="Deal Block" data-label="Vagabond" data-dimension48="Vagabond" data-dimension25="$99" href="https://www.amazon.com/dp/B0DBQBP3D5" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="zMzWdTaaMkLPgxVovYGw5N" name="Vagabond" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/zMzWdTaaMkLPgxVovYGw5N.jpg" mos="" align="middle" fullscreen="" width="1500" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.com/dp/B0DBQBP3D5" target="_blank" rel="nofollow" data-dimension112="4e228c96-9291-11f1-a50e-a9418ed0c36f" data-action="Deal Block" data-label="Vagabond" data-dimension48="Vagabond" data-dimension25="$99">Vagabond: $99</a></strong><br>This mobile game controller brings full-sized console ergonomics to your smartphone. Featuring swept-back handles, microswitch buttons, and anti-drift Hall Effect thumbsticks, it fixes the cramped hand fatigue common on flatter mobile grips. With pass-through USB-C charging, a 3.5mm headphone jack, and support for phones up to mini tablets, it turns your mobile device into a true handheld console. <br><br><strong>Price check: </strong><a href="https://eloesports.com/products/elo-vagabond-mobile-gaming-controller" target="_blank" rel="nofollow"><strong>$99 @ Elo</strong></a><a class="view-deal button" href="https://www.amazon.com/dp/B0DBQBP3D5" target="_blank" rel="nofollow" data-dimension112="4e228c96-9291-11f1-a50e-a9418ed0c36f" data-action="Deal Block" data-label="Vagabond" data-dimension48="Vagabond" data-dimension25="$99">View Deal</a></p></div><h2 id="pro-controller-meets-mobile">Pro controller meets mobile</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="LZwUXsrQgEd2pgVJYXMwZU" name="Elo Vagabond-9" alt="The Elo Vagabond mobile game controller unboxed on a table" src="https://cdn.mos.cms.futurecdn.net/LZwUXsrQgEd2pgVJYXMwZU.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>After reaching out to Elo about testing the Vagabond, the company sent over the controller along with its full lineup of accessories. Right out of the box, I was impressed by how many rubber inserts Elo includes. While Razer typically gives you three pairs, I found six pairs packaged alongside the controller.</p><p>The Vagabond is built for the long haul, with tactile microswitch buttons instead of standard membrane ones, plus magnetic <a href="https://www.tomsguide.com/gaming/gaming-peripherals/i-gave-this-pro-controller-the-ultimate-upgrade-to-beat-stick-drift-and-it-only-took-5-minutes">Hall Effect joysticks</a> to combat stick drift. There’s a dedicated purple capture button sitting next to ABXY, and the joysticks feature purple anti-friction rings around their bases. Once plugged into your phone, they also give off a subtle purple RGB glow by default.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="SZhmiZGjnZHovfMv3KwAGa" name="Elo Vagabond-7" alt="The backside of the Elo Vagabond mobile game controller showing off its remappable back buttons and the textured grips on its handles" src="https://cdn.mos.cms.futurecdn.net/SZhmiZGjnZHovfMv3KwAGa.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Around back, you get two customizable rear buttons — something I <a href="https://www.tomsguide.com/gaming/gaming-peripherals/i-tried-the-nintendo-switch-2-pro-controller-and-it-adds-the-one-feature-ive-always-wanted">love to see on any controller</a>, as mapping them to my most-used face buttons gives my right thumb a much-needed rest. However, if you’re the type of gamer who never uses back paddles, there are dedicated toggle switches on either side to physically disable them. Even though I would have preferred true rubberized grips, the micro-textured, cross-hatched pattern molded directly into the back of the handles makes the Vagabond exceptionally easy to hold onto. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="snuHLiygGwz8i5rhUSLa9f" name="Elo Vagabond-8" alt="A close-up shot showing the Elo Vagabond's main USB-C connector and its USB-C port for passthrough charging" src="https://cdn.mos.cms.futurecdn.net/snuHLiygGwz8i5rhUSLa9f.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>When connecting your smartphone, the Vagabond features a flexible USB-C connector that tilts up and down, making it far easier to dock and undock your phone without worrying about damaging its charging port. While many other mobile controllers have a headphone jack on one handle and a USB-C passthrough charging port on the other, I really like that Elo placed both ports right along the center bridge. This keeps the handles clean and comfortable in your hands while protecting both connections. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="E6pr2CC5JQVpdDjeii96xm" name="Elo Vagabond-6" alt="A person showing off the hidden storage compartment inside the case for the Elo Vagabond mobile game controller" src="https://cdn.mos.cms.futurecdn.net/E6pr2CC5JQVpdDjeii96xm.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Elo also sent over its official hard carrying case. Though I would have preferred to see it bundled in the box, the case is exceptionally well-built and worth the extra investment to protect your setup on the go. Underneath where the controller rests, there's a clever storage compartment designed to hold accessories like those extra rubber adapters — a massive plus if you swap devices or cases often.</p><p>Alternatively, you could easily use that space to store a pair of wired earbuds or a short charging cable. Unfortunately, I found the compartment was just a bit too tight to comfortably hold <a href="https://www.tomsguide.com/computing/software/i-tested-all-my-usb-c-cables-with-this-free-mac-app-instead-of-guessing-each-time-i-plugged-one-in">Elo’s 240W Link USB-C to USB-C cable</a>. Still, having built-in accessory storage is a huge win for a mobile controller built for travel.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-O92xyX"></div>                            </div>                            <script src="https://kwizly.com/embed/O92xyX.js" async></script><h2 id="console-quality-controls-on-the-go">Console-quality controls on the go</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="fhdwzmELu7HHHrHZK3j6Z4" name="Elo Vagabond-5" alt="The Elo Vagabond mobile game controller with a phone inside running the Elo Unleashed app" src="https://cdn.mos.cms.futurecdn.net/fhdwzmELu7HHHrHZK3j6Z4.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>To test out the Elo Vagabond, I first plugged in a Galaxy S24 FE smartphone. Much to my surprise, I didn’t even have to take off its case. This is a massive selling point, as the Vagabond works with everyday phone cases right out of the box without requiring you to slice away rubber or physically modify the controller — something I've had to do with both the original Razer Kishi and older GameSir models in the past.</p><p>Eager to start customizing those rear inputs, I downloaded the free <a href="https://eloesports.com/pages/elo-unleashed" target="_blank">Elo Unleashed</a> companion app. While most mobile controllers come with an app these days, I found Elo’s interface to be remarkably clean and intuitive. Better yet, unlike Backbone’s companion software, none of the Vagabond's advanced features are locked behind a paid subscription. With a few quick taps, I mapped the right rear button to A and the left to X — my go-to layout when playing the skateboarding sim Session.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="DXmBA6ExTbVH8nZATvDiu8" name="Elo Vagabond-2" alt="A person playing Ratchet & Clank: Rift Apart remotely on the Elo Vagabond mobile game controller" src="https://cdn.mos.cms.futurecdn.net/DXmBA6ExTbVH8nZATvDiu8.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Since native console ports are still relatively rare on Android compared to iOS, I primarily used the Vagabond for remote play to stream my Steam library around the house. Even during multi-hour sessions, the ergonomic handles kept my hands entirely cramp-free.</p><p>That comfort was especially noticeable while playing Session, where you rely heavily on the triggers to steer your skateboard and rotate mid-air. The Vagabond features full-travel, analog-style Hall Effect triggers rather than the shallow, digital on/off switches found on cheaper mobile game controllers. That extra control depth is equally vital for feathering the gas in racing games or metering aim in shooters. Speaking of which, I also put in some time with Ratchet & Clank: Rift Apart, and blasting through waves of evil robots felt fantastic on these sticks and triggers.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="bpoSHYnVoDzaNACKxa4riD" name="Elo Vagabond-4" alt="A person sitting on the couch playing Death Stranding 2 remotely using the Elo Vagabond mobile game controller" src="https://cdn.mos.cms.futurecdn.net/bpoSHYnVoDzaNACKxa4riD.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>My longest play sessions came while cozied up on the couch making deliveries in <a href="https://www.tomsguide.com/gaming/playstation/death-stranding-2-is-a-surprisingly-great-starting-place-for-new-players-heres-how-it-hooked-me-after-i-dropped-the-original">Death Stranding 2</a>. Whether traveling on foot and using the triggers to balance heavy cargo or zipping across the terrain in a vehicle, the Vagabond delivered a superb remote play experience as I worked to connect the continent of Australia while dodging BTs.</p><p>At just $99, I’ve been quite impressed with the Elo Vagabond so far. Unfortunately though, there was one device I didn’t get to test it with.</p><h2 id="phone-only-for-now">Phone only (for now)</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="8fshS42TmUrasyRBn3XsQH" name="Elo Vagabond-3" alt="A person sitting on the couch playing games using the Elo Vagabond mobile game controller" src="https://cdn.mos.cms.futurecdn.net/8fshS42TmUrasyRBn3XsQH.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>From massive slates to foldables, the Vagabond works with all of the <a href="https://www.tomsguide.com/best-picks/best-phones">best phones</a>. In fact, the controller extends far enough to support devices just over 8 inches long — meaning you can also clamp in an iPad mini to get a big-screen remote play experience that rivals the PlayStation Portal. There was just one problem: I didn’t have an iPad mini on hand to test it out.</p><p>Last year, I <a href="https://www.tomsguide.com/tablets/i-spent-two-weeks-with-the-ipad-mini-7-and-it-reignited-my-love-for-smaller-tablets">borrowed an iPad mini</a> from work for a story, and it reignited my love for small tablets — a passion I've had since the days of the Nexus 7. I generally prefer Android over iOS, so when Lenovo unveiled its 8.8-inch <a href="https://www.tomsguide.com/computing/tablets/i-thought-the-ipad-mini-was-the-perfect-small-tablet-until-i-tried-the-lenovo-legion-tab-3-heres-why">Legion Tab Gen 3</a> with Wi-Fi 7 support for a better remote play experience, I bought one with my own money. However, while the Vagabond stretches up to 8.03 inches to accommodate Apple’s iPad mini, the Legion Tab Gen 3 is slightly too long at 8.2 inches. The same held true for the RedMagic Astra 2 gaming tablet I’m currently reviewing.</p><p>I was hoping to pick up a discounted iPad mini specifically to use with the Vagabond, but thanks to <a href="https://www.tomsguide.com/computing/ram-price-crisis-2026-everything-you-need-to-know">RAMaggedon</a>, finding one anywhere under $500 has proven tough. Who knows — maybe I’ll grab an iPad mini 7 once Apple’s long-rumored <a href="https://www.tomsguide.com/computing/ipads/first-oled-ipad-mini-tipped-for-october-launch-heres-why-im-excited-and-worried">OLED iPad mini</a> finally hits store shelves.</p><p>For now, though, I’m more than content streaming my favorite Steam games on the Vagabond using my phone or the <a href="https://www.tomsguide.com/opinion/i-used-the-razer-edge-5g-as-my-main-game-console-for-a-week-heres-what-happened">Razer Edge 5G</a>, which gets you pretty close to that mini-tablet experience anyway. If you’ve tried the Backbone or the standard Razer Kishi and found them uncomfortable over long play sessions, the Elo Vagabond just might surprise you the same way it did me.</p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom’s Guide</span></h3><ul><li><a href="https://www.tomsguide.com/home/home-office/i-tried-the-sonic-the-hedgehog-office-chair-and-it-actually-makes-ergonomics-fun-and-fast"><strong>I tried the Sonic the Hedgehog office chair — and it actually makes ergonomics fun (and fast)</strong></a></li><li><a href="https://www.tomsguide.com/gaming/handheld-gaming/i-tested-the-worlds-first-mobile-game-controller-with-ar-glasses-support-and-it-completely-transformed-my-16-hour-flight"><strong>I used the world's first mobile game controller with AR glasses support — and it completely transformed my 16-hour flight</strong></a></li><li><a href="https://www.tomsguide.com/computing/desktop-computers/mini-pcs/minisforum-g1-pro-review"><strong>I tested the Minisforum G1 Pro and this console-sized mini PC works just as well in the living room as it does at your desk</strong></a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ 'I'm so School of the Wolf': The Witcher's Doug Cockle on 21 years as the voice of Geralt of Rivia ]]></title>
                                                                                                <dc:content><![CDATA[ <p>The first thing Doug Cockle tells me about voicing Geralt of Rivia is that it once made him pass out.</p><p>Recording the grunts, impacts, and injuries of swordplay requires throwing the full breath of physical effort into a body standing still at a microphone. "You're putting all the breath effort in, but none of the physical action," he says. During one session, it caught up with him. "I didn't quite hit the floor. I lost my legs and caught a chair next to me." He had to pause and control his breathing before continuing.</p><p>It's a funny story, but it's also the job in miniature: total commitment, with a sliver held in reserve. Cockle drills a rule into his acting students: be "90% character and 10% actor." Ninety percent is the person on screen, ten percent is the professional staying on mic and managing breath. "You have to fully commit," he says, "and yet hold just enough back so that you don't fall over."</p><p>That tension between total commitment and restraint shaped how he built one of gaming’s most beloved characters. For years, the directive from above was that Geralt shouldn't feel anything at all. That Cockle fought for Geralt's heart from the start is one story. The older one is on his arm, and we'll get there.</p><h2 id="flatten-him-out">Flatten him out </h2><p>Cockle has been voicing Geralt since 2005. Doing the maths mid-sentence, he half-startles himself: "Gosh, 21 years. 21 years I've been voicing Geralt for the games." In that time he's recorded, by his estimate and that of his friend Borys at CD Projekt Red, somewhere between 15,000 and 20,000 lines. </p><p>As he tells it, there were no English translations to work from and he'd never seen the Polish TV series. All he had was the developers describing the character to him, and their brief was stark. The Trial of the Grasses, the brutal mutation process that makes a Witcher, had stripped Geralt of emotion. He was to be played empty.</p><p>"The most frequent note I had," Cockle remembers, "was, 'No emotion, Doug. No emotion. Flatten him out."</p><p>He understood the brief thematically, but decided it was wrong. "A character with no emotions at all, how can we, as human beings, relate to that? We're not emotionless creatures." As an actor, he says, "we deal in emotions. That's a big part of telling the story." So he did what good actors do: he took the note, said yes, and then followed his own instincts anyway.</p><p>"I was like, 'Yes, I know, I get it, I'm trying, but he's got to have some kind of emotional life, or why would we care about him?'"</p><p>The reason he fought for Geralt's inner life was practical, a matter of how stories actually land on the people playing them. Geralt suppresses his emotions, Cockle believes, but he does it <em>consciously</em>, because his work will kill him if he lets feeling drive. </p><p>"He recognises that dichotomy in himself. He's an emotional being, he does have emotions, but he tries very hard to not let them dictate the actions that he takes." That, to Cockle, is the whole character: a man who chooses restraint. And restraint only means something if there's something underneath worth holding back.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:4000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="psfsWURJW4jbqhDhoLtwaC" name="Geralt and Ciri in The Witcher 3: Wild Hunt" alt="Geralt and Ciri in The Witcher 3: Wild Hunt" src="https://cdn.mos.cms.futurecdn.net/psfsWURJW4jbqhDhoLtwaC.jpg" mos="" align="middle" fullscreen="" width="4000" height="2250" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Shutterstock)</span></figcaption></figure><p>The proof is Ciri. Finding her, protecting her, guiding her: the choices that define Geralt across The Witcher 3: Wild Hunt only make sense coming from a man who feels. "If he had no emotions," Cockle says simply, "he wouldn't make those choices." The Trial of the Grasses hardened him, yes, every Witcher who survives it comes out thinking, in Cockle's phrase, "This world is hard." But hardened is not hollow.</p><p>And that, he thinks, is exactly where the writing eventually went. Play from the first game through to the Blood and Wine expansions, Cockle says, and you can watch Geralt thaw across the sequels, with more friendships, more romance, more choices that only an emotional man would agonise over. </p><p>"As the series of games went on," he says, "the writers became more confident in the idea that he can be an emotional being and still be a little bit of a machine."</p><h2 id="a-guided-improv">A guided improv</h2><p>Part of what keeps that feeling alive is that Cockle is often meeting the lines for the first time as he says them. Scripts land in his inbox the night before, sometimes six pages, sometimes sixty, always too much to read in full. So he walks into the booth and sees most of his dialogue for the first time as he's about to speak it. </p><p>"It's like a guided improv," he says. "As an actor, you have to make quick, meaningful choices, sometimes while you're reading the line."</p><p>In a session he might rattle through five or six lines a minute, or spend two or three minutes wringing a single one. His first pass is sometimes his best, because he's experiencing the moment as it happens: "You're literally experiencing the line, and whatever the action of the character is, for the very first time." </p><p>Then he goes again, and again, learning something each pass: a shifted stress, a pause he didn't know the line needed until it was in his mouth. It's fast, it's collaborative, and it depends entirely on an actor willing to feel his way through a page he's barely seen. You can't flatten that out.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ExHiiYsrCmBQ59FvyGFMYR" name="witcher-3-wild-hunt-steam-01.jpg" alt="Witcher 3" src="https://cdn.mos.cms.futurecdn.net/ExHiiYsrCmBQ59FvyGFMYR.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: CD Projekt Red)</span></figcaption></figure><p>The scenes that have stayed with him are the ones where the story's threads pull together: the moment Geralt finally finds Ciri, and a cutscene of a memory where he gives her a piggyback. "It's such a beautiful cutscene," he says. He doesn't want to spoil it. He talks about it the way a player would.</p><p>It shows in what he plays for fun. Off the clock, the actor hired to make Geralt feel nothing gravitates only to games that make <em>him</em> feel everything. He lights up about What Remains of Edith Finch. "Oh my god, that's my absolute favourite." </p><p>He talks the same way about smaller, sadder things: A Memoir Blue, about a woman reflecting on her mother, and Tin Hearts, a puzzle game set in a toymaker's workshop. Three hours into that one, he realised the violin threading through the soundtrack <em>was</em> the toymaker's late wife. "There's this beautiful story woven into this puzzle game," he says. "It's just lovely."</p><p>He has no time for the spectacle stuff. "I've never really been into, like, Fortnite," he shrugs. "I get why people love it. It's just not my jive. My jive is a really good story that gives you a tug on the heartstrings."</p><p>It's the same instinct that makes him bristle at AI in creative work. He's no doomer. AI reading a medical scan and catching a cancer earlier than any human could, he calls a "game-changer," the kind of thing that will be "miraculous and amazing." But art is a different matter.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="eqYwHvesmcTsqs3DkHqVj3" name="witcher-3-on-ps5-image (2).JPG" alt="Witcher 3 next-gen update screenshot" src="https://cdn.mos.cms.futurecdn.net/eqYwHvesmcTsqs3DkHqVj3.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: CD Projekt Red)</span></figcaption></figure><p>A machine "takes in information, combines it, and spits it out," he says. "That's not creativity." Creativity is taking everything you are and turning it into something that didn't exist until you made it. "Human expression has meaning."</p><h2 id="the-wolf-came-first">The wolf came first </h2><p>Which brings us, finally, to his arm. Long before Geralt, before CD Projekt Red, before any of it, a 21-year-old Doug Cockle walked into a tattoo parlour with his girlfriend, who was buying him one for his birthday. He could have gotten skulls, he laughs, or the word "Mom." What he got was a howling wolf.</p><p>It wasn't a Witcher reference. It was just the animal that had always spoken to him. As a kid he tore through Jack London, White Fang especially, and fell in love with wolves. His parents once gave him Of Wolves and Men, a naturalist's account of studying wolves in the wild in Alaska. He kept wolf-dogs, Inuk and Kinai, malamute mixes he adored. Ask him his spirit animal and there's no hesitation.</p><p>So when I point out the obvious, that he belongs to School of the Wolf, he cracks up. "Oh, I'm so School of the Wolf!"</p><p>He's wanted a Witcher tattoo for ten years now, and he's torn between crossed swords, the medallion, and the Signs in color. He hasn't committed yet. It has to be the right thing at the right time, he says, because it's a tattoo, and a tattoo is forever.</p><p>But the mark was already there. Years before he slipped into Geralt's boots, before anyone told him to flatten a man into something that couldn't feel, the wolf was on his skin. By the time CD Projekt came looking for a voice, he'd worn the Wolf for the better part of twenty years. All they did was hand him the swords.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-ODqVrX"></div>                            </div>                            <script src="https://kwizly.com/embed/ODqVrX.js" async></script><p>Cast your vote then make your case in the comments. We'll let Doug know what you decided! </p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide </span></h3><ul><li><a href="https://www.tomsguide.com/us/best-4k-gaming-tv,review-4837.html">These are the 3 best gaming TVs we've tested for console and PC gaming without breaking the ban</a></li><li><a href="https://www.tomsguide.com/gaming/nintendo/lies-of-p-nintendo-switch-2-review">The action game I’ve been obsessed with for 3 years is now on Nintendo Switch 2 — and it’ll keep you busy until Elden Ring: Tarnished Edition</a></li><li><a href="http://tomsguide.com/gaming/playstation/just-got-a-ps5-heres-7-settings-to-change-first">Just got a PS5? Here's 7 settings to change first</a></li></ul> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/im-so-school-of-the-wolf-the-witchers-doug-cockle-on-21-years-as-the-voice-of-geralt-of-rivia</link>
                                                                            <description>
                            <![CDATA[ Doug Cockle has voiced Geralt in The Witcher for over 20 years. He talks evolution, voicework, and the man behind gaming's most stoic hero ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">fxQHWrQQGvaCqudiwP4xHX</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/6refZ9GwHRnAYPE7UmcsLL-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sat, 08 Aug 2026 13:00:00 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ kaycee.hill@futurenet.com (Kaycee Hill) ]]></author>                    <dc:creator><![CDATA[ Kaycee Hill ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/xHn6RmpEqg87cvtLwrBu9G.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/6refZ9GwHRnAYPE7UmcsLL-1280-80.jpg">
                                                            <media:credit><![CDATA[Shutterstock]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Geralt of Rivia]]></media:description>                                                            <media:text><![CDATA[Geralt of Rivia]]></media:text>
                                <media:title type="plain"><![CDATA[Geralt of Rivia]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/6refZ9GwHRnAYPE7UmcsLL-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>The first thing Doug Cockle tells me about voicing Geralt of Rivia is that it once made him pass out.</p><p>Recording the grunts, impacts, and injuries of swordplay requires throwing the full breath of physical effort into a body standing still at a microphone. "You're putting all the breath effort in, but none of the physical action," he says. During one session, it caught up with him. "I didn't quite hit the floor. I lost my legs and caught a chair next to me." He had to pause and control his breathing before continuing.</p><p>It's a funny story, but it's also the job in miniature: total commitment, with a sliver held in reserve. Cockle drills a rule into his acting students: be "90% character and 10% actor." Ninety percent is the person on screen, ten percent is the professional staying on mic and managing breath. "You have to fully commit," he says, "and yet hold just enough back so that you don't fall over."</p><p>That tension between total commitment and restraint shaped how he built one of gaming’s most beloved characters. For years, the directive from above was that Geralt shouldn't feel anything at all. That Cockle fought for Geralt's heart from the start is one story. The older one is on his arm, and we'll get there.</p><h2 id="flatten-him-out">Flatten him out </h2><p>Cockle has been voicing Geralt since 2005. Doing the maths mid-sentence, he half-startles himself: "Gosh, 21 years. 21 years I've been voicing Geralt for the games." In that time he's recorded, by his estimate and that of his friend Borys at CD Projekt Red, somewhere between 15,000 and 20,000 lines. </p><p>As he tells it, there were no English translations to work from and he'd never seen the Polish TV series. All he had was the developers describing the character to him, and their brief was stark. The Trial of the Grasses, the brutal mutation process that makes a Witcher, had stripped Geralt of emotion. He was to be played empty.</p><p>"The most frequent note I had," Cockle remembers, "was, 'No emotion, Doug. No emotion. Flatten him out."</p><p>He understood the brief thematically, but decided it was wrong. "A character with no emotions at all, how can we, as human beings, relate to that? We're not emotionless creatures." As an actor, he says, "we deal in emotions. That's a big part of telling the story." So he did what good actors do: he took the note, said yes, and then followed his own instincts anyway.</p><p>"I was like, 'Yes, I know, I get it, I'm trying, but he's got to have some kind of emotional life, or why would we care about him?'"</p><p>The reason he fought for Geralt's inner life was practical, a matter of how stories actually land on the people playing them. Geralt suppresses his emotions, Cockle believes, but he does it <em>consciously</em>, because his work will kill him if he lets feeling drive. </p><p>"He recognises that dichotomy in himself. He's an emotional being, he does have emotions, but he tries very hard to not let them dictate the actions that he takes." That, to Cockle, is the whole character: a man who chooses restraint. And restraint only means something if there's something underneath worth holding back.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:4000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="psfsWURJW4jbqhDhoLtwaC" name="Geralt and Ciri in The Witcher 3: Wild Hunt" alt="Geralt and Ciri in The Witcher 3: Wild Hunt" src="https://cdn.mos.cms.futurecdn.net/psfsWURJW4jbqhDhoLtwaC.jpg" mos="" align="middle" fullscreen="" width="4000" height="2250" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Shutterstock)</span></figcaption></figure><p>The proof is Ciri. Finding her, protecting her, guiding her: the choices that define Geralt across The Witcher 3: Wild Hunt only make sense coming from a man who feels. "If he had no emotions," Cockle says simply, "he wouldn't make those choices." The Trial of the Grasses hardened him, yes, every Witcher who survives it comes out thinking, in Cockle's phrase, "This world is hard." But hardened is not hollow.</p><p>And that, he thinks, is exactly where the writing eventually went. Play from the first game through to the Blood and Wine expansions, Cockle says, and you can watch Geralt thaw across the sequels, with more friendships, more romance, more choices that only an emotional man would agonise over. </p><p>"As the series of games went on," he says, "the writers became more confident in the idea that he can be an emotional being and still be a little bit of a machine."</p><h2 id="a-guided-improv">A guided improv</h2><p>Part of what keeps that feeling alive is that Cockle is often meeting the lines for the first time as he says them. Scripts land in his inbox the night before, sometimes six pages, sometimes sixty, always too much to read in full. So he walks into the booth and sees most of his dialogue for the first time as he's about to speak it. </p><p>"It's like a guided improv," he says. "As an actor, you have to make quick, meaningful choices, sometimes while you're reading the line."</p><p>In a session he might rattle through five or six lines a minute, or spend two or three minutes wringing a single one. His first pass is sometimes his best, because he's experiencing the moment as it happens: "You're literally experiencing the line, and whatever the action of the character is, for the very first time." </p><p>Then he goes again, and again, learning something each pass: a shifted stress, a pause he didn't know the line needed until it was in his mouth. It's fast, it's collaborative, and it depends entirely on an actor willing to feel his way through a page he's barely seen. You can't flatten that out.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="ExHiiYsrCmBQ59FvyGFMYR" name="witcher-3-wild-hunt-steam-01.jpg" alt="Witcher 3" src="https://cdn.mos.cms.futurecdn.net/ExHiiYsrCmBQ59FvyGFMYR.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: CD Projekt Red)</span></figcaption></figure><p>The scenes that have stayed with him are the ones where the story's threads pull together: the moment Geralt finally finds Ciri, and a cutscene of a memory where he gives her a piggyback. "It's such a beautiful cutscene," he says. He doesn't want to spoil it. He talks about it the way a player would.</p><p>It shows in what he plays for fun. Off the clock, the actor hired to make Geralt feel nothing gravitates only to games that make <em>him</em> feel everything. He lights up about What Remains of Edith Finch. "Oh my god, that's my absolute favourite." </p><p>He talks the same way about smaller, sadder things: A Memoir Blue, about a woman reflecting on her mother, and Tin Hearts, a puzzle game set in a toymaker's workshop. Three hours into that one, he realised the violin threading through the soundtrack <em>was</em> the toymaker's late wife. "There's this beautiful story woven into this puzzle game," he says. "It's just lovely."</p><p>He has no time for the spectacle stuff. "I've never really been into, like, Fortnite," he shrugs. "I get why people love it. It's just not my jive. My jive is a really good story that gives you a tug on the heartstrings."</p><p>It's the same instinct that makes him bristle at AI in creative work. He's no doomer. AI reading a medical scan and catching a cancer earlier than any human could, he calls a "game-changer," the kind of thing that will be "miraculous and amazing." But art is a different matter.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="eqYwHvesmcTsqs3DkHqVj3" name="witcher-3-on-ps5-image (2).JPG" alt="Witcher 3 next-gen update screenshot" src="https://cdn.mos.cms.futurecdn.net/eqYwHvesmcTsqs3DkHqVj3.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: CD Projekt Red)</span></figcaption></figure><p>A machine "takes in information, combines it, and spits it out," he says. "That's not creativity." Creativity is taking everything you are and turning it into something that didn't exist until you made it. "Human expression has meaning."</p><h2 id="the-wolf-came-first">The wolf came first </h2><p>Which brings us, finally, to his arm. Long before Geralt, before CD Projekt Red, before any of it, a 21-year-old Doug Cockle walked into a tattoo parlour with his girlfriend, who was buying him one for his birthday. He could have gotten skulls, he laughs, or the word "Mom." What he got was a howling wolf.</p><p>It wasn't a Witcher reference. It was just the animal that had always spoken to him. As a kid he tore through Jack London, White Fang especially, and fell in love with wolves. His parents once gave him Of Wolves and Men, a naturalist's account of studying wolves in the wild in Alaska. He kept wolf-dogs, Inuk and Kinai, malamute mixes he adored. Ask him his spirit animal and there's no hesitation.</p><p>So when I point out the obvious, that he belongs to School of the Wolf, he cracks up. "Oh, I'm so School of the Wolf!"</p><p>He's wanted a Witcher tattoo for ten years now, and he's torn between crossed swords, the medallion, and the Signs in color. He hasn't committed yet. It has to be the right thing at the right time, he says, because it's a tattoo, and a tattoo is forever.</p><p>But the mark was already there. Years before he slipped into Geralt's boots, before anyone told him to flatten a man into something that couldn't feel, the wolf was on his skin. By the time CD Projekt came looking for a voice, he'd worn the Wolf for the better part of twenty years. All they did was hand him the swords.</p><div style="min-height: 250px;">                                <div class="kwizly-quiz kwizly-ODqVrX"></div>                            </div>                            <script src="https://kwizly.com/embed/ODqVrX.js" async></script><p>Cast your vote then make your case in the comments. We'll let Doug know what you decided! </p><h3 class="article-body__section" id="section-more-from-tom-s-guide"><span>More from Tom's Guide </span></h3><ul><li><a href="https://www.tomsguide.com/us/best-4k-gaming-tv,review-4837.html">These are the 3 best gaming TVs we've tested for console and PC gaming without breaking the ban</a></li><li><a href="https://www.tomsguide.com/gaming/nintendo/lies-of-p-nintendo-switch-2-review">The action game I’ve been obsessed with for 3 years is now on Nintendo Switch 2 — and it’ll keep you busy until Elden Ring: Tarnished Edition</a></li><li><a href="http://tomsguide.com/gaming/playstation/just-got-a-ps5-heres-7-settings-to-change-first">Just got a PS5? Here's 7 settings to change first</a></li></ul>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ The Asus ROG Swift OLED is a powerful gaming monitor for hardcore gamers — here’s why ]]></title>
                                                                                                <dc:content><![CDATA[ <p>The Asus ROG Swift OLED PG34WCDN is one of the loveliest gaming monitors I’ve had the pleasure of reviewing. Not only does it look great on a desk, but its curved OLED panel makes games feel more immersive. Though it’s pricey at $1,299, it’s a worthwhile investment that’ll enhance your gaming experiences for years to come.</p><p>Like the equally awesome <a href="https://www.tomsguide.com/computing/monitors/alienware-34-280hz-qd-oled-aw3426dw-review">Alienware AW3426DW</a>, Asus’ monitor features an ultrawide 21:9 aspect ratio, which is great for expanding your gaming POV and letting you comfortably have more open windows on the screen. The 800R curvature isn’t too extreme but still does a nice job of enveloping you. The sharp 3440 x 1440 resolution and vivid OLED panel also keep you immersed. It can also get surprisingly bright for a gaming monitor.</p><p>Some of the monitor's unique features set it apart from competitors and deliver sharper image quality. The Penta Tandem QD OLED display with Pure RGB is a first outside Asus' own UCWM series and improves text rendering. The new Black Shield Film offers superior ambient light handling, eliminates color shift, and improves black depth perception.</p><p>Performance is smooth and responsive, thanks to the fast 360Hz refresh rate and low 0.03ms response time (respectively). Whether you’re playing fast-paced first-person shooters or enjoying a more cinematic experience, the ROG Swift OLED has you covered.</p><p>Aside from its high price compared to similar monitors, the Asus ROG Swift OLED PG34WCDN is easily one of the <a href="https://www.tomsguide.com/us/best-gaming-monitors,review-3114.html">best gaming monitors</a> you can buy. Find out why in my full review.</p><h3 class="article-body__section" id="section-asus-rog-swift-oled-pg34wcdn-review-cheat-sheet"><span>Asus ROG Swift OLED PG34WCDN review: Cheat sheet</span></h3><ul><li><strong>What is it?</strong> The Asus ROG Swift OLED is a curved gaming monitor.</li><li><strong>Who is it for?</strong> Gamers who need a monitor with a high refresh rate for fast-paced competitive gaming.</li><li><strong>What does it cost?</strong> Asus ROG Swift OLED (PG34WCDM) costs <a href="https://www.newegg.com/asus-pg34wcdn-34-qd-oled-360-hz-rog-swift-qd-oled/p/N82E16824281410" target="_blank" rel="nofollow">$1,299 on Newegg</a>.</li><li><strong>What do we like?</strong> We like the sleek design, immersive curved panel, vivid image quality, and smooth performance.</li><li><strong>What don’t we like?</strong> We don’t like that it costs more than similar gaming monitors.</li></ul><h3 class="article-body__section" id="section-asus-rog-swift-oled-pg34wcdn-review-specs"><span>Asus ROG Swift OLED PG34WCDN review: Specs</span></h3><div ><table><thead><tr><th class="firstcol empty" ></th><th  ><p><strong>Asus ROG Swift OLED (PG34WCDM) </strong></p></th></tr></thead><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p>$1,299</p></td></tr><tr><td class="firstcol " ><p><strong>Display</strong></p></td><td  ><p>34-inch, 800R curved</p></td></tr><tr><td class="firstcol " ><p><strong>Resolution</strong></p></td><td  ><p>3440 x 1440</p></td></tr><tr><td class="firstcol " ><p><strong>Aspect ratio</strong></p></td><td  ><p>21:9</p></td></tr><tr><td class="firstcol " ><p><strong>Refresh rate</strong></p></td><td  ><p>360Hz</p></td></tr><tr><td class="firstcol " ><p><strong>Response time</strong></p></td><td  ><p>0.03 ms</p></td></tr><tr><td class="firstcol " ><p><strong>Panel type</strong></p></td><td  ><p>OLED</p></td></tr><tr><td class="firstcol " ><p><strong>Ports</strong></p></td><td  ><p>1x DisplayPort, 2x HDMI, 1x USB-C, 1x headphone jack, 3x USB-A, 1x USB-A, 1x SPDIF out</p></td></tr><tr><td class="firstcol " ><p><strong>Dimensions</strong></p></td><td  ><p>30.9 x 21.6 x 11.5 inches (with stand)</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>18.52 pounds (with stand)</p></td></tr></tbody></table></div><h3 class="article-body__section" id="section-asus-rog-swift-oled-pg34wcdn-review-the-ups"><span>Asus ROG Swift OLED PG34WCDN review: The ups</span></h3><p>The Asus ROG Swift OLED impresses thanks to its eye-catching design, vibrant image quality, and blazing-fast performance.</p><h2 id="sleek-design">Sleek design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="K3mctydyq36AJfT3ntE9Wa" name="Asus ROG Swift OLED (2026)-18" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/K3mctydyq36AJfT3ntE9Wa.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>You won’t mistake the ROG Swift OLED for anything other than a gaming monitor, thanks to its dark chassis, sharp angles, and standard red lighting. It’s a pretty aggressive design, but that’s what makes it so striking.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="PmXRxesPqSmWjoXNsatnTL" name="Asus ROG Swift OLED (2026)-14" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/PmXRxesPqSmWjoXNsatnTL.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>While certainly not as gargantuan as the <a href="https://www.tomsguide.com/reviews/samsung-odyssey-oled-g9">49-inch Samsung Odyssey OLED G9</a>, you’ll still need a relatively large table for this monitor. Its tripod-like stand is just a few inches shorter than the 30.9 x 21.6 x 11.5-inch panel. Though wide, the legs are elevated high enough to let you keep peripherals under them if you’re running out of space.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="qiNZPpJMr7vVC8LkWB54xS" name="Asus ROG Swift OLED (2026)-12" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/qiNZPpJMr7vVC8LkWB54xS.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>There’s a cutaway on the stand’s shaft that makes management simple. It’s also easy to raise or lower the monitor to your desired height, tilt it backward by 5 degrees or forward by 20 degrees, and swivel the screen 15 degrees left or right.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="YiaRciMPD95KAgrKaWoubY" name="Asus ROG Swift OLED (2026)-20" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/YiaRciMPD95KAgrKaWoubY.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>You’ll find plenty of ports on the back. This includes one DisplayPort, two HDMI ports, three USB-A ports, one USB-C port, a headphone jack, and a USB-C port. Given the monitor’s size, you’ll need to either go around it or rotate it to access the ports, as you can’t easily connect cables by feel alone.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RhJxrbeqZwoEGndmcLvK4g" name="Asus ROG Swift OLED (2026)-9" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/RhJxrbeqZwoEGndmcLvK4g.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>This wouldn’t be a proper gaming monitor without RGB lighting. On the back, there’s a large ROG logo you can customize with different colors and lighting effects via the menu. My favorite lighting feature is a red ROG logo projected under the stand and onto your table. The lighting here isn’t intrusive and nicely complements the monitor’s overall aesthetic.</p><h2 id="vivid-display">Vivid display</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="nVjALxwULxcBgHvGMVWMeg" name="Asus ROG Swift OLED (2026)-1-LIST" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/nVjALxwULxcBgHvGMVWMeg.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The OLED panel delivers bright, colorful images that make every game you play look its best. The contrast between dark and light elements is fantastic and enhances the already oversaturated hues. The 21:9 aspect ratio and 800R curvature also draw you in. Even if you’re not getting a 4K image, 3440 x 1440 is still very sharp.</p><p>A game like <a href="https://www.tomsguide.com/reviews/cyberpunk-2077">Cyberpunk 2077</a> shines on the Swift OLED. The neon-drenched streets and holograms come alive thanks to the monitor’s oversaturated color reproduction. On the 21:9 panel, I can see more of the surroundings than I would on a standard 16:9 display. The sharp resolution and overall brightness also ensure everything comes through clearly.</p><div ><table><caption>Display benchmark results</caption><thead><tr><th class="firstcol empty" ></th><th  ><p><strong>Asus ROG Swift OLED</strong></p></th><th  ><p><strong>Alienware AW3426DW</strong></p></th></tr></thead><tbody><tr><td class="firstcol " ><p><strong>Nits (brightness)</strong></p></td><td  ><p>260</p></td><td  ><p>298</p></td></tr><tr><td class="firstcol " ><p><strong>sRGB</strong></p></td><td  ><p>200.7%</p></td><td  ><p>187.6%</p></td></tr><tr><td class="firstcol " ><p><strong>DCI-P3</strong></p></td><td  ><p>142.2%</p></td><td  ><p>132.9%</p></td></tr><tr><td class="firstcol " ><p><strong>Delta-E</strong></p></td><td  ><p>0.26</p></td><td  ><p>0.20</p></td></tr></tbody></table></div><p>And what do our lab tests have to say? In its default User mode, the ROG Swift OLED produces oversaturated hues in both the sRGB and DCI-P3 color gamuts, as both are well above the 100% target. As you can see in the table above, the panel on Asus’ monitor is more colorful than the one on the Alienware AW3426DW in its standard mode.</p><div ><table><caption>HDR benchmark results</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>10%</strong></p></td><td  ><p><strong>40%</strong></p></td><td  ><p><strong>100%</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Gaming HDR</strong></p></td><td  ><p>457</p></td><td  ><p>344</p></td><td  ><p>281</p></td></tr><tr><td class="firstcol " ><p><strong>Cinema HDR</strong></p></td><td  ><p>458</p></td><td  ><p>344</p></td><td  ><p>279</p></td></tr><tr><td class="firstcol " ><p><strong>HDR 500 True Black</strong></p></td><td  ><p>457</p></td><td  ><p>346</p></td><td  ><p>280</p></td></tr><tr><td class="firstcol " ><p><strong>Console HDR</strong></p></td><td  ><p>481</p></td><td  ><p>347</p></td><td  ><p>280</p></td></tr></tbody></table></div><p>One major win here is brightness. In dedicated HDR modes, the ROG Swift OLED reaches nearly 500 nits at 10% of the display and about 280 nits across the entire screen. Dim HDR brightness has been my chief complaint with the gaming monitors I’ve reviewed, so it’s great to see Asus (and Alienware) bucking this trend.</p><p>Speaking of dedicated display modes, you get a total of nine here. This includes standard fare like FPS, RTS, and Sports modes, each tuned for its respective gaming genre. The modes differ only slightly from one another, depending on their functions.</p><h2 id="blazing-fast-performance">Blazing fast performance</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="rHNR2vTGJGPGRuDwehmVNn" name="Asus ROG Swift OLED (2026)-8" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/rHNR2vTGJGPGRuDwehmVNn.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The ROG Swift OLED delivers professional-grade gaming performance thanks to its 360Hz refresh rate and super-low 0.03ms response time. Compatibility with Nvidia G-Sync also helps deliver smooth gaming performance. While it doesn’t match the <a href="https://www.tomsguide.com/computing/monitors/lg-ultragear-27gx790b-b-review">LG UltraGear 27GX790B-B</a>’s insane 540Hz and 720Hz modes, you won’t complain about this monitor’s performance.</p><p>To test the ROG Swift OLED, I connected it to the Alienware 16 Area-51, a powerful gaming laptop with an Intel Core Ultra 9 CPU, an Nvidia RTX 5080 GPU, and 32GB of RAM. You’ll want a sufficiently powerful rig like this to take advantage of this monitor’s stellar performance.</p><p>Cyberpunk 2077 ran smoothly thanks to the high refresh rate and low latency. I couldn’t get the frame rate anywhere near the 320Hz refresh rate, but the extra headroom meant I didn’t experience choppiness. And unless you’re a hardcore competitive gamer, you probably won’t notice much, if any, input lag—I certainly didn’t.</p><h2 id="clean-ui">Clean UI</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="GfPNjf5EzDic6TJNBieE77" name="Asus ROG Swift OLED (2026)-6" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/GfPNjf5EzDic6TJNBieE77.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The ROG Swift OLED has a clean UI that you can easily access by clicking the OSD joystick. This is where you'll see all the display modes and make fine adjustments to brightness, RGB lighting, and other features. Everything is organized into clear sections, and it’s easy to navigate.</p><p>The OSD joystick rests behind the ROG logo at the bottom center and is easy to reach. The stick is relatively rigid but still has enough give when you move it. It also sticks out enough to not feel like a nub.</p><p>Though the menu is a bit more complex than on other gaming monitors, it doesn’t overwhelm either.</p><h3 class="article-body__section" id="section-asus-rog-swift-oled-pg34wcdn-review-the-downs"><span>Asus ROG Swift OLED PG34WCDN review: The downs</span></h3><p>There’s no denying that the Asus ROG Swift OLED is a fantastic gaming monitor that checks all the right boxes. That said, it has one major drawback.</p><h2 id="pricey">Pricey</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Mt7VJMtjUvxGdLKNa6w98E" name="Asus ROG Swift OLED (2026)-21" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/Mt7VJMtjUvxGdLKNa6w98E.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>To be fair, the Asus ROG Swift OLED isn’t the most expensive gaming monitor I’ve reviewed. It’s fairly priced for what it offers. However, unless you’re a hardcore competitive gamer who needs an ultra-fast refresh rate, there are other, more affordable options.</p><p>The main example that comes to mind is the Alienware AW3426DW, which also has a 21:9 aspect ratio and a 3440 x 1440 resolution. While it has a “lower” 280Hz refresh rate and a less curved panel, you get most of the Swift OLED’s key features for just $799. Because of that, you’ll have to ask yourself whether the extra $500 for a higher refresh rate and flashier RGB lighting is worth it.</p><h3 class="article-body__section" id="section-asus-rog-swift-oled-pg34wcdn-review-verdict"><span>Asus ROG Swift OLED PG34WCDN review: Verdict</span></h3><p>Gaming monitors designed for high-level competitive play usually sacrifice picture quality for faster performance. The Asus ROG Swift OLED doesn't, proving that you can have the best of both worlds. Yes, it’s designed for fast-paced online gaming, but it also delivers stunning overall picture quality.</p><p>If the $1299 asking price is too steep, then check out the $799 Alienware AW3426DW I mentioned above. But if Asus’ monitor fits your needs as a competitive gamer, then I promise you won’t be disappointed. Right now, it’s one of the finest gaming monitors you can buy.</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/computing/monitors/asus-rog-swift-oled-pg34wcdn-review</link>
                                                                            <description>
                            <![CDATA[ The Asus ROG Swift OLED delivers thanks to its stunning picture quality and fast performance. It’s an excellent gaming monitor for competitive-focused players. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">bz2DbjM86DvKrqj4tYDquB</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/hJE7zoG7ush5yQF3awArWn-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Sat, 08 Aug 2026 08:30:00 +0000</pubDate>                                                                                                                                <updated>Thu, 13 Aug 2026 13:23:54 +0000</updated>
                                                                                                                                            <category><![CDATA[Monitors]]></category>
                                                    <category><![CDATA[Gaming Peripherals]]></category>
                                                    <category><![CDATA[Computing Peripherals]]></category>
                                                    <category><![CDATA[Computing Hardware]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ tony.polanco@futurenet.com (Tony Polanco) ]]></author>                    <dc:creator><![CDATA[ Tony Polanco ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/atzRNqFt5wYgEUPBDahWsD.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ null ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/hJE7zoG7ush5yQF3awArWn-1280-80.jpg">
                                                            <media:credit><![CDATA[Tom&#039;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Asus ROG Swift OLED (2026)]]></media:description>                                                            <media:text><![CDATA[Asus ROG Swift OLED (2026)]]></media:text>
                                <media:title type="plain"><![CDATA[Asus ROG Swift OLED (2026)]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/hJE7zoG7ush5yQF3awArWn-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>The Asus ROG Swift OLED PG34WCDN is one of the loveliest gaming monitors I’ve had the pleasure of reviewing. Not only does it look great on a desk, but its curved OLED panel makes games feel more immersive. Though it’s pricey at $1,299, it’s a worthwhile investment that’ll enhance your gaming experiences for years to come.</p><p>Like the equally awesome <a href="https://www.tomsguide.com/computing/monitors/alienware-34-280hz-qd-oled-aw3426dw-review">Alienware AW3426DW</a>, Asus’ monitor features an ultrawide 21:9 aspect ratio, which is great for expanding your gaming POV and letting you comfortably have more open windows on the screen. The 800R curvature isn’t too extreme but still does a nice job of enveloping you. The sharp 3440 x 1440 resolution and vivid OLED panel also keep you immersed. It can also get surprisingly bright for a gaming monitor.</p><p>Some of the monitor's unique features set it apart from competitors and deliver sharper image quality. The Penta Tandem QD OLED display with Pure RGB is a first outside Asus' own UCWM series and improves text rendering. The new Black Shield Film offers superior ambient light handling, eliminates color shift, and improves black depth perception.</p><p>Performance is smooth and responsive, thanks to the fast 360Hz refresh rate and low 0.03ms response time (respectively). Whether you’re playing fast-paced first-person shooters or enjoying a more cinematic experience, the ROG Swift OLED has you covered.</p><p>Aside from its high price compared to similar monitors, the Asus ROG Swift OLED PG34WCDN is easily one of the <a href="https://www.tomsguide.com/us/best-gaming-monitors,review-3114.html">best gaming monitors</a> you can buy. Find out why in my full review.</p><h3 class="article-body__section" id="section-asus-rog-swift-oled-pg34wcdn-review-cheat-sheet"><span>Asus ROG Swift OLED PG34WCDN review: Cheat sheet</span></h3><ul><li><strong>What is it?</strong> The Asus ROG Swift OLED is a curved gaming monitor.</li><li><strong>Who is it for?</strong> Gamers who need a monitor with a high refresh rate for fast-paced competitive gaming.</li><li><strong>What does it cost?</strong> Asus ROG Swift OLED (PG34WCDM) costs <a href="https://www.newegg.com/asus-pg34wcdn-34-qd-oled-360-hz-rog-swift-qd-oled/p/N82E16824281410" target="_blank" rel="nofollow">$1,299 on Newegg</a>.</li><li><strong>What do we like?</strong> We like the sleek design, immersive curved panel, vivid image quality, and smooth performance.</li><li><strong>What don’t we like?</strong> We don’t like that it costs more than similar gaming monitors.</li></ul><h3 class="article-body__section" id="section-asus-rog-swift-oled-pg34wcdn-review-specs"><span>Asus ROG Swift OLED PG34WCDN review: Specs</span></h3><div ><table><thead><tr><th class="firstcol empty" ></th><th  ><p><strong>Asus ROG Swift OLED (PG34WCDM) </strong></p></th></tr></thead><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p>$1,299</p></td></tr><tr><td class="firstcol " ><p><strong>Display</strong></p></td><td  ><p>34-inch, 800R curved</p></td></tr><tr><td class="firstcol " ><p><strong>Resolution</strong></p></td><td  ><p>3440 x 1440</p></td></tr><tr><td class="firstcol " ><p><strong>Aspect ratio</strong></p></td><td  ><p>21:9</p></td></tr><tr><td class="firstcol " ><p><strong>Refresh rate</strong></p></td><td  ><p>360Hz</p></td></tr><tr><td class="firstcol " ><p><strong>Response time</strong></p></td><td  ><p>0.03 ms</p></td></tr><tr><td class="firstcol " ><p><strong>Panel type</strong></p></td><td  ><p>OLED</p></td></tr><tr><td class="firstcol " ><p><strong>Ports</strong></p></td><td  ><p>1x DisplayPort, 2x HDMI, 1x USB-C, 1x headphone jack, 3x USB-A, 1x USB-A, 1x SPDIF out</p></td></tr><tr><td class="firstcol " ><p><strong>Dimensions</strong></p></td><td  ><p>30.9 x 21.6 x 11.5 inches (with stand)</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>18.52 pounds (with stand)</p></td></tr></tbody></table></div><h3 class="article-body__section" id="section-asus-rog-swift-oled-pg34wcdn-review-the-ups"><span>Asus ROG Swift OLED PG34WCDN review: The ups</span></h3><p>The Asus ROG Swift OLED impresses thanks to its eye-catching design, vibrant image quality, and blazing-fast performance.</p><h2 id="sleek-design">Sleek design</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="K3mctydyq36AJfT3ntE9Wa" name="Asus ROG Swift OLED (2026)-18" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/K3mctydyq36AJfT3ntE9Wa.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>You won’t mistake the ROG Swift OLED for anything other than a gaming monitor, thanks to its dark chassis, sharp angles, and standard red lighting. It’s a pretty aggressive design, but that’s what makes it so striking.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="PmXRxesPqSmWjoXNsatnTL" name="Asus ROG Swift OLED (2026)-14" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/PmXRxesPqSmWjoXNsatnTL.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>While certainly not as gargantuan as the <a href="https://www.tomsguide.com/reviews/samsung-odyssey-oled-g9">49-inch Samsung Odyssey OLED G9</a>, you’ll still need a relatively large table for this monitor. Its tripod-like stand is just a few inches shorter than the 30.9 x 21.6 x 11.5-inch panel. Though wide, the legs are elevated high enough to let you keep peripherals under them if you’re running out of space.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="qiNZPpJMr7vVC8LkWB54xS" name="Asus ROG Swift OLED (2026)-12" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/qiNZPpJMr7vVC8LkWB54xS.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>There’s a cutaway on the stand’s shaft that makes management simple. It’s also easy to raise or lower the monitor to your desired height, tilt it backward by 5 degrees or forward by 20 degrees, and swivel the screen 15 degrees left or right.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="YiaRciMPD95KAgrKaWoubY" name="Asus ROG Swift OLED (2026)-20" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/YiaRciMPD95KAgrKaWoubY.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>You’ll find plenty of ports on the back. This includes one DisplayPort, two HDMI ports, three USB-A ports, one USB-C port, a headphone jack, and a USB-C port. Given the monitor’s size, you’ll need to either go around it or rotate it to access the ports, as you can’t easily connect cables by feel alone.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="RhJxrbeqZwoEGndmcLvK4g" name="Asus ROG Swift OLED (2026)-9" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/RhJxrbeqZwoEGndmcLvK4g.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>This wouldn’t be a proper gaming monitor without RGB lighting. On the back, there’s a large ROG logo you can customize with different colors and lighting effects via the menu. My favorite lighting feature is a red ROG logo projected under the stand and onto your table. The lighting here isn’t intrusive and nicely complements the monitor’s overall aesthetic.</p><h2 id="vivid-display">Vivid display</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="nVjALxwULxcBgHvGMVWMeg" name="Asus ROG Swift OLED (2026)-1-LIST" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/nVjALxwULxcBgHvGMVWMeg.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The OLED panel delivers bright, colorful images that make every game you play look its best. The contrast between dark and light elements is fantastic and enhances the already oversaturated hues. The 21:9 aspect ratio and 800R curvature also draw you in. Even if you’re not getting a 4K image, 3440 x 1440 is still very sharp.</p><p>A game like <a href="https://www.tomsguide.com/reviews/cyberpunk-2077">Cyberpunk 2077</a> shines on the Swift OLED. The neon-drenched streets and holograms come alive thanks to the monitor’s oversaturated color reproduction. On the 21:9 panel, I can see more of the surroundings than I would on a standard 16:9 display. The sharp resolution and overall brightness also ensure everything comes through clearly.</p><div ><table><caption>Display benchmark results</caption><thead><tr><th class="firstcol empty" ></th><th  ><p><strong>Asus ROG Swift OLED</strong></p></th><th  ><p><strong>Alienware AW3426DW</strong></p></th></tr></thead><tbody><tr><td class="firstcol " ><p><strong>Nits (brightness)</strong></p></td><td  ><p>260</p></td><td  ><p>298</p></td></tr><tr><td class="firstcol " ><p><strong>sRGB</strong></p></td><td  ><p>200.7%</p></td><td  ><p>187.6%</p></td></tr><tr><td class="firstcol " ><p><strong>DCI-P3</strong></p></td><td  ><p>142.2%</p></td><td  ><p>132.9%</p></td></tr><tr><td class="firstcol " ><p><strong>Delta-E</strong></p></td><td  ><p>0.26</p></td><td  ><p>0.20</p></td></tr></tbody></table></div><p>And what do our lab tests have to say? In its default User mode, the ROG Swift OLED produces oversaturated hues in both the sRGB and DCI-P3 color gamuts, as both are well above the 100% target. As you can see in the table above, the panel on Asus’ monitor is more colorful than the one on the Alienware AW3426DW in its standard mode.</p><div ><table><caption>HDR benchmark results</caption><tbody><tr><td class="firstcol empty" ></td><td  ><p><strong>10%</strong></p></td><td  ><p><strong>40%</strong></p></td><td  ><p><strong>100%</strong></p></td></tr><tr><td class="firstcol " ><p><strong>Gaming HDR</strong></p></td><td  ><p>457</p></td><td  ><p>344</p></td><td  ><p>281</p></td></tr><tr><td class="firstcol " ><p><strong>Cinema HDR</strong></p></td><td  ><p>458</p></td><td  ><p>344</p></td><td  ><p>279</p></td></tr><tr><td class="firstcol " ><p><strong>HDR 500 True Black</strong></p></td><td  ><p>457</p></td><td  ><p>346</p></td><td  ><p>280</p></td></tr><tr><td class="firstcol " ><p><strong>Console HDR</strong></p></td><td  ><p>481</p></td><td  ><p>347</p></td><td  ><p>280</p></td></tr></tbody></table></div><p>One major win here is brightness. In dedicated HDR modes, the ROG Swift OLED reaches nearly 500 nits at 10% of the display and about 280 nits across the entire screen. Dim HDR brightness has been my chief complaint with the gaming monitors I’ve reviewed, so it’s great to see Asus (and Alienware) bucking this trend.</p><p>Speaking of dedicated display modes, you get a total of nine here. This includes standard fare like FPS, RTS, and Sports modes, each tuned for its respective gaming genre. The modes differ only slightly from one another, depending on their functions.</p><h2 id="blazing-fast-performance">Blazing fast performance</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="rHNR2vTGJGPGRuDwehmVNn" name="Asus ROG Swift OLED (2026)-8" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/rHNR2vTGJGPGRuDwehmVNn.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The ROG Swift OLED delivers professional-grade gaming performance thanks to its 360Hz refresh rate and super-low 0.03ms response time. Compatibility with Nvidia G-Sync also helps deliver smooth gaming performance. While it doesn’t match the <a href="https://www.tomsguide.com/computing/monitors/lg-ultragear-27gx790b-b-review">LG UltraGear 27GX790B-B</a>’s insane 540Hz and 720Hz modes, you won’t complain about this monitor’s performance.</p><p>To test the ROG Swift OLED, I connected it to the Alienware 16 Area-51, a powerful gaming laptop with an Intel Core Ultra 9 CPU, an Nvidia RTX 5080 GPU, and 32GB of RAM. You’ll want a sufficiently powerful rig like this to take advantage of this monitor’s stellar performance.</p><p>Cyberpunk 2077 ran smoothly thanks to the high refresh rate and low latency. I couldn’t get the frame rate anywhere near the 320Hz refresh rate, but the extra headroom meant I didn’t experience choppiness. And unless you’re a hardcore competitive gamer, you probably won’t notice much, if any, input lag—I certainly didn’t.</p><h2 id="clean-ui">Clean UI</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="GfPNjf5EzDic6TJNBieE77" name="Asus ROG Swift OLED (2026)-6" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/GfPNjf5EzDic6TJNBieE77.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The ROG Swift OLED has a clean UI that you can easily access by clicking the OSD joystick. This is where you'll see all the display modes and make fine adjustments to brightness, RGB lighting, and other features. Everything is organized into clear sections, and it’s easy to navigate.</p><p>The OSD joystick rests behind the ROG logo at the bottom center and is easy to reach. The stick is relatively rigid but still has enough give when you move it. It also sticks out enough to not feel like a nub.</p><p>Though the menu is a bit more complex than on other gaming monitors, it doesn’t overwhelm either.</p><h3 class="article-body__section" id="section-asus-rog-swift-oled-pg34wcdn-review-the-downs"><span>Asus ROG Swift OLED PG34WCDN review: The downs</span></h3><p>There’s no denying that the Asus ROG Swift OLED is a fantastic gaming monitor that checks all the right boxes. That said, it has one major drawback.</p><h2 id="pricey">Pricey</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Mt7VJMtjUvxGdLKNa6w98E" name="Asus ROG Swift OLED (2026)-21" alt="Asus ROG Swift OLED (2026)" src="https://cdn.mos.cms.futurecdn.net/Mt7VJMtjUvxGdLKNa6w98E.jpg" mos="" align="middle" fullscreen="" width="2000" height="1125" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>To be fair, the Asus ROG Swift OLED isn’t the most expensive gaming monitor I’ve reviewed. It’s fairly priced for what it offers. However, unless you’re a hardcore competitive gamer who needs an ultra-fast refresh rate, there are other, more affordable options.</p><p>The main example that comes to mind is the Alienware AW3426DW, which also has a 21:9 aspect ratio and a 3440 x 1440 resolution. While it has a “lower” 280Hz refresh rate and a less curved panel, you get most of the Swift OLED’s key features for just $799. Because of that, you’ll have to ask yourself whether the extra $500 for a higher refresh rate and flashier RGB lighting is worth it.</p><h3 class="article-body__section" id="section-asus-rog-swift-oled-pg34wcdn-review-verdict"><span>Asus ROG Swift OLED PG34WCDN review: Verdict</span></h3><p>Gaming monitors designed for high-level competitive play usually sacrifice picture quality for faster performance. The Asus ROG Swift OLED doesn't, proving that you can have the best of both worlds. Yes, it’s designed for fast-paced online gaming, but it also delivers stunning overall picture quality.</p><p>If the $1299 asking price is too steep, then check out the $799 Alienware AW3426DW I mentioned above. But if Asus’ monitor fits your needs as a competitive gamer, then I promise you won’t be disappointed. Right now, it’s one of the finest gaming monitors you can buy.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ The Edifier G5 Max delivers main character energy without the luxury price tag — here’s why it’s excellent ]]></title>
                                                                                                <dc:content><![CDATA[ <p>The <a href="https://www.tomsguide.com/best-picks/best-gaming-headsets">best gaming headsets</a> can truly elevate your experience by making you feel like the main character — and that’s exactly what the Edifier G5 Max does. Though it enters a crowded market where premium features are no longer reserved for premium prices, it certainly makes an impression.</p><p>With support for Hi-Res Audio, THX Spatial Audio, and an eye-catching 305-hour battery life, the G5 Max gives you little to complain about. In-game audio is outstanding, while the headset itself is extremely comfortable for all-day wear. While it isn’t flawless, as its mic(s) aren’t anything to write home about, I still think the G5 Max is worth the asking price.</p><p>To find out if this is the right headset for you, read my full Edifier G5 Max review.</p><h2 class="article-body__section" id="section-edifier-g5-max-review-specs"><span>Edifier G5 Max review: Specs</span></h2><div ><table><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p><a href="https://www.amazon.com/Edifier-Gaming-Headset-Battery-Audio/dp/B0GLMSCLK5/" target="_blank" rel="nofollow">$149</a> / <a href="https://www.amazon.co.uk/Edifier-G5-MAX-Wireless-Headset-Space-Grey/dp/B0GKPB74M8/" target="_blank" rel="nofollow">£159</a></p></td></tr><tr><td class="firstcol " ><p><strong>Colors</strong></p></td><td  ><p>Space Gray, White</p></td></tr><tr><td class="firstcol " ><p><strong>Platforms</strong></p></td><td  ><p>PS5, PS4, Nintendo Switch 2, Nintendo Switch, PC, macOS, iOS, Android</p></td></tr><tr><td class="firstcol " ><p><strong>Connectivity</strong></p></td><td  ><p>Bluetooth 6.0, 2.4GHz, USB-A wired</p></td></tr><tr><td class="firstcol " ><p><strong>Battery</strong></p></td><td  ><p>Rechargeable</p></td></tr><tr><td class="firstcol " ><p><strong>Battery life (rated)</strong></p></td><td  ><p>305 hours (Bluetooth) | 227 hours (2.4GHz)</p></td></tr><tr><td class="firstcol " ><p><strong>Frequency response</strong></p></td><td  ><p>20Hz-40KHz</p></td></tr><tr><td class="firstcol " ><p><strong>Drivers</strong></p></td><td  ><p>53mm dynamic</p></td></tr><tr><td class="firstcol " ><p><strong>Multipoint connectivity</strong></p></td><td  ><p>No</p></td></tr><tr><td class="firstcol " ><p><strong>Paired devices max</strong></p></td><td  ><p>1</p></td></tr><tr><td class="firstcol " ><p><strong>Microphone</strong></p></td><td  ><p>2x built-in mics; 1x detachable boom mic</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>10.75oz</p></td></tr></tbody></table></div><h2 class="article-body__section" id="section-edifier-g5-max-review-cheat-sheet"><span>Edifier G5 Max review: Cheat sheet</span></h2><ul><li><strong>What is it?</strong> A wireless gaming headset compatible with PS5, Nintendo Switch, PC and smartphones</li><li><strong>Who is it for?</strong> Anyone who wants an immersive gaming experience without breaking the bank</li><li><strong>How much does it cost? </strong>The Edifier G5 Max is available for <a href="https://www.amazon.com/Edifier-Gaming-Headset-Battery-Audio/dp/B0GLMSCLK5/" target="_blank" rel="nofollow">$149</a> / <a href="https://www.amazon.co.uk/Edifier-G5-MAX-Wireless-Headset-Space-Grey/dp/B0GKPB74M8/" target="_blank" rel="nofollow">£159</a></li><li><strong>What do we like?</strong> The comfortable design, immersive in-game audio, great music capabilities, long battery life, and more</li><li><strong>What don’t we like?</strong> The lack of a macOS companion app and the subpar mic performance</li></ul><h2 class="article-body__section" id="section-edifier-g5-max-review-the-ups"><span>Edifier G5 Max review: The ups</span></h2><p>The Edifier G5 Max is extremely comfortable and boasts all-round great sound in video games and while listening to music. Its companion apps make customization easy, too.</p><h2 id="extremely-comfortable">Extremely comfortable</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="CBSoxTwPZucshhh9E6SAmi" name="Hecate_G5_Max_Headphones_003.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/CBSoxTwPZucshhh9E6SAmi.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>As someone who reviews gaming headsets for a living (and uses them in her free time too), I’ve been spoiled by the likes of the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/alienware-pro-wireless-gaming-headset-review">Alienware Pro Wireless Gaming Headset</a> ($229) and the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/razer-blackshark-v3-pro-review">Razer BlackShark V3 Pro</a> ($249) when it comes to comfort. Though the Edifier G5 Max doesn’t cost as much, it’s an extremely comfortable headset, and one that hasn’t made my ears sweat, unlike the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/final-vr3000-ex-gaming-headset-review">Final VR3000 EX</a> ($149).</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="A3K2wvqdNsXFQqgqB7Y6dj" name="Hecate_G5_Max_Headphones_008.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/A3K2wvqdNsXFQqgqB7Y6dj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The G5 Max’s earcups feel very spacious and sit comfortably around my ears. The cushions and the headband are made of memory foam and “skin-friendly protein leather.” These are designed to elevate pressure you’d otherwise feel on the top of your head and around your ears. Having worn the headset for six straight hours, I can confirm that I didn’t feel any discomfort, so the G5 Max is great for prolonged wear.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3066px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="usbYLUUi9n2Y4mECorjLnc" name="Edifier-G5-Max-2" alt="Edifier G5 Max gaming headset" src="https://cdn.mos.cms.futurecdn.net/usbYLUUi9n2Y4mECorjLnc.jpg" mos="" align="middle" fullscreen="" width="3066" height="1725" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Nikita Achanta / Tom's Guide)</span></figcaption></figure><p>Aiding the G5 Max’s comfort level is its lightweight body. The headset weighs just 10.75oz, so it’s lighter than the Final VR3000 EX (13.72oz) and the first-party <a href="https://www.tomsguide.com/gaming/gaming-peripherals/sony-playstation-pulse-elite-headset-review">Sony PlayStation Pulse Elite</a> (12.2oz, $149). Speaking of, for the same price, the G5 Max’s build quality — especially of the earcups — feels superior to the PlayStation Pulse Elite’s.</p><h2 id="immersive-in-game-audio">Immersive in-game audio</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="rqibBwfzaCxUnAGkiWpbbj" name="Hecate_G5_Max_Headphones_010.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/rqibBwfzaCxUnAGkiWpbbj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Edifier G5 Max makes games sound simply gorgeous, thanks to its 53mm dynamic driver which covers a frequency response range of 20Hz to 40KHz — so the entirety of the average human hearing spectrum and then some. In addition to that, the G5 Max features custom 7.1.4 Spatial Audio (Windows-only) co-developed by HECATE and THX. This essentially puts you at the center of a 360° sound sphere, creating an immersive gaming experience.</p><p>And the G5 Max works extremely well. I played <a href="https://www.tomsguide.com/gaming/clair-obscur-expedition-33-review">Clair Obscur: Expedition 33</a> and <a href="https://www.tomsguide.com/gaming/assassins-creed-shadows-review">Assassin’s Creed Shadows</a> on my <a href="https://www.tomsguide.com/gaming/playstation/ps5-slim">PS5 Slim</a> to test the headset’s general console capabilities, and <a href="https://www.tomsguide.com/reviews/cyberpunk-2077-phantom-liberty">Cyberpunk 2077</a> on the <a href="https://www.tomsguide.com/computing/gaming-laptops/alienware-16x-aurora-review">Alienware 16X Aurora</a> to test the Spatial Audio. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="U7RAibWDiPDD4YwwZyL6dj" name="Hecate_G5_Max_Headphones_009.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/U7RAibWDiPDD4YwwZyL6dj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>As soon as I booted up Expedition 33, I was drawn into the Belle Époque world, with every orchestral score, environmental effect, and combat cue carrying immense detail. During a post-endgame secret boss fight, I appreciated being able to hear every combat cue so that I could time my parries perfectly, and these didn’t get lost as the symphonic metal background track swelled. I also enjoyed hearing my attacks land with plenty of low-end impact and <em>oomph</em>.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="TkhSKiqnKYadjcshmpQycj" name="Hecate_G5_Max_Headphones_011.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/TkhSKiqnKYadjcshmpQycj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>In Assassin’s Creed Shadows, I appreciated the G5 Max bringing the world of feudal Japan to life — from the rustling of the leaves in the wind and the trickling of waterfalls, to the clash of swords during heated battles and the protagonist’s hidden blade making a sharp <em>shing. </em>Dialogues sounded loud and clear, too, even when there were multiple voices speaking at once. I also appreciated the headset’s directionality in Shadows, as I could hear NPCs speaking in the right earcup — and then traveling to the left when I changed my direction.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="E6Wzwo82WuKBabXgTrcRGj" name="Hecate_G5_Max_Headphones_005.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/E6Wzwo82WuKBabXgTrcRGj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Cyberpunk 2077 really showed off what the G5 Max’s THX Spatial Audio could do. Walking through the neon-laden, chaotic streets of Night City felt extremely immersive, with different sounds emerging from different directions which made me feel like the main character. During firefights, I found it much easier to pinpoint where my enemies were positioned, thanks to the precise acoustics, which gave me a competitive advantage. This also made infiltrating enemy camps easier as all I had to do was listen out for footsteps and then execute stealth takedowns.</p><p>Overall, the G5 Max is ideal for a number of genres, including RPG and FPS titles. Combine that with the supreme comfort and you don’t even realize hours have gone by.</p><h2 id="great-for-music-too">Great for music, too</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="myVnztzZL23YeNTbDvp2bj" name="Hecate_G5_Max_Headphones_004.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/myVnztzZL23YeNTbDvp2bj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Alongside being excellent for gaming, the Edifier G5 Max is great for listening to music, too. It carries Hi-Res Audio and Hi-Res Audio Wireless certifications which means it can transmit and reproduce high-resolution digital audio formats with its 96KHz/24-bit sampling rate. This gives it a leg-up over other similarly priced gaming headsets, such as the Final VR3000 EX and the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/asus-rog-pelta-gaming-headset-review">Asus ROG Pelta</a> ($129) which aren’t Hi-Res certified.</p><p>I tested the G5 Max’s music capabilities by listening to a few of my favorite testing songs on <a href="https://www.tomsguide.com/audio/qobuz-review">Qobuz</a>, the <a href="https://www.tomsguide.com/buying-guide/best-music-streaming-services">best music streaming service</a> for audiophiles. I’ve been thoroughly impressed by the G5 Max’s airy and spacious soundstage, with every instrument and 070 Shake’s breathwork in ‘<a href="https://open.qobuz.com/track/291554006" target="_blank" rel="nofollow">Elephant</a>’ sounding layered. In ‘<a href="https://open.qobuz.com/track/161150239" target="_blank" rel="nofollow">Sultans of Swing</a>’ by Dire Straits, each note plucked on the guitar sounded clear and nuanced, while the softer bass provided a powerful backbone to the track.</p><p>For the price, the sound quality doesn’t give you a lot to complain about. If you want <em>even</em> better sound, though, I’d recommend spending an extra $50 on the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/sony-inzone-h6-air-review">Sony Inzone H6 Air</a> ($199) which utilizes studio-grade drivers.</p><p><em>Listen along to my review with the Edifier G5 Max testing playlist:</em></p><iframe allow="" height="390" width="378" id="" style="" class="position-center" data-lazy-priority="low" data-lazy-src="https://widget.qobuz.com/playlist/68306967?zone=GB-en"></iframe><h2 id="two-useful-companion-apps">Two useful companion apps</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/6mikkFaAStu8NvRyzBNNTW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/UzcTK768ApgCQ7CDCm5cWW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure></figure><p>There are two ways to customize the Edifier G5 Max: you can use either the Edifier ConneX <a href="https://play.google.com/store/apps/details?id=com.edifier.edifierconnex&hl=en_GB" target="_blank" rel="nofollow">Android</a>/<a href="https://apps.apple.com/us/app/edifier-connex/id6469028132" target="_blank" rel="nofollow">iOS</a> app, or the proprietary <a href="https://hecategaming.com/pages/driver-download-center?srsltid=AfmBOop6FlhDthZDgTwmINO1G8eN2Y2qo6sWJ8vdZs8_gbzyKECogHIh" target="_blank" rel="nofollow">HECATE Driver Software</a> on Windows. The former is handy for when you want to make on-the-fly adjustments, such as swapping between EQ presets, customizing your own EQ, and remapping the headset’s buttons. I tested it on my <a href="https://www.tomsguide.com/phones/google-pixel-phones/google-pixel-10-pro-xl-review">Google Pixel 10 Pro XL</a> and appreciated its straightforward and easy to understand interface.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/YHodLFbAr5vnHSwsrMVSrW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/3UJHLfER9VGRtu8heuGroW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/9NuG7YkiTtMmRub8oJRHaW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/Cy5Cp9wJAqwvdRGgQwy8mW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/SWf2gHMw2HMSe5w2U9tViW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/cacnfhJKLjuKs9DhxiLDfW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure></figure><p>HECATE Driver Software is more detailed and offers more in-depth personalization. You can enable THX Spatial Audio, adjust the mic’s settings, make extensive adjustments to the RGB lighting, and enable game-specific EQ presets (Valorant, PUBG, Battlefield 5, Overwatch, and more). The desktop app doesn’t feature any intrusive ads or pop-ups, making it a breeze to use.</p><h2 id="astonishing-305-hour-battery">Astonishing 305-hour battery</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="AohnawsbMTSaEfa54Lzdaj" name="Hecate_G5_Max_Headphones_006.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/AohnawsbMTSaEfa54Lzdaj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>If you need a gaming headset that doesn’t run out of battery too quickly, the Edifier G5 Max should be your port of call. I can only describe its battery life as astonishing, as it’s rated for 305 hours over Bluetooth or 227 hours over 2.4GHz. The G5 Max, then, blows its competition out of the water. Other similarly priced headsets, such as the Final VR3000 EX (55 hours), Sony PlayStation Pulse Elite (30 hours), and Asus ROG Pelta (90 hours), simply fall short.</p><p>Not just that, but even pricier headsets don’t last as long, like the Razer BlackShark V3 Pro (70 hours), the Alienware Pro Wireless Gaming Headset (70 hours) and even the extortionate <a href="https://www.tomsguide.com/gaming/gaming-peripherals/steelseries-arctis-nova-elite-review">SteelSeries Arctis Nova Elite</a> (60 hours, $599).</p><p>I would have to game <em>a lot </em>to kill the G5 Max’s battery, but after having used it for eight hours and left it running overnight with my PS5 turned on — so a total of 18 hours or so — the battery had dipped by only 7%. That’s great.</p><h2 class="article-body__section" id="section-edifier-g5-max-review-the-downs"><span>Edifier G5 Max review: The downs</span></h2><p>The Edifier G5 Max is great but it’s important to note that its microphones aren’t the best, and there’s no macOS companion app.</p><h2 id="subpar-mic-s-performance">Subpar mic(s) performance</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Lcm5qNBC5vYT3KxH6Jpc6j" name="Hecate_G5_Max_Headphones_007.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/Lcm5qNBC5vYT3KxH6Jpc6j.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Edifier G5 Max features two mic setups: two built-in mics (for answering calls on the go) and one detachable boom mic (for when you want maximum clarity while gaming). Sounds great in theory, but in my testing, I thought both the mic’s performance was underwhelming.</p><audio src="https://cdn.mos.cms.futurecdn.net/G3qMZDL2HnVYXivcSknouj/Edifier%20G5%20Max%20%E2%80%94%20Built-in%20mics.mp3"  controls="controls" preload="none"></audio><p><br>I tested the built-in mics first and wasn’t impressed. As you can hear in the clip above, my voice sounds muffled and a little distant. My words don’t sound clear either, and the sibilance (“s” and “t” sounds) seems to bleed together.</p><audio src="https://cdn.mos.cms.futurecdn.net/DvraW5Mj7cjcb3zzhzt9vj/Edifier%20G5%20Max%20%E2%80%94%20Boom%20mic.mp3"  controls="controls" preload="none"></audio><p><br>The detachable boom mic, on the other hand, sounds slightly better than the built-in ones. This mic features dual environmental noise cancelation and AI-powered noise cancelation which works well — you can’t hear the TV in the background of the clip above. My voice also sounds better but it’s still fuzzy, and my high pitch in places sounds harsh and piercing. I would recommend the Asus ROG Pelta and its very clear mic if you play online.</p><h2 id="no-macos-companion-app">No macOS companion app</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="uUKCZm2i2J9TtMecfwbVci" name="Hecate_G5_Max_Headphones_015.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/uUKCZm2i2J9TtMecfwbVci.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Annoyingly, the HECATE Driver Software isn’t compatible with macOS machines — even though the Edifier G5 Max itself is. If you don’t have access to a Windows laptop, you’ll need to rely on the Edifier ConneX smartphone app for customization… but that means you won’t be able to enable or use THX Spatial Audio, and you’ll miss out on one of the headset’s key features.</p><p>This isn’t a massive flaw, though, as THX Spatial Audio works only on Windows computers. On the PS5, you can enable 3D sound via the console’s settings to get 360° sound. This also isn’t the first time I’ve tested a gaming headset with Windows-only software — the Asus ROG Pelta springs to mind. The Final VR3000 EX doesn’t even have a desktop companion app, and customization via its mobile app is fairly limited.</p><h2 class="article-body__section" id="section-edifier-g5-max-review-verdict"><span>Edifier G5 Max review: Verdict</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="x79wGBQgxQ372ykyabUMcj" name="Hecate_G5_Max_Headphones_013.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/x79wGBQgxQ372ykyabUMcj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Edifier G5 Max proves that you don’t need to spend top dollar to get an excellent gaming headset. Its combination of exceptional comfort, loooong battery life, immersive in-game audio, and easy customization make it an easy headset to recommend. It’s great for listening to music too as it’s Hi-Res certified — something its closest rivals aren’t.</p><p>That isn’t to say it’s perfect, but the G5 Max’s shortcomings feel relatively minor in the grand scheme of things. Its detachable boom mic works fine but doesn’t sound as clear as its competitors, and there’s no macOS app for customization. Neither issue detracts from what is otherwise an impressive package. If you prioritize immersive audio, all-day comfort, and battery life, the G5 Max should be your port of call.</p> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/gaming-peripherals/edifier-g5-max-review</link>
                                                                            <description>
                            <![CDATA[ The Edifier G5 Max is supremely comfortable and boasts excellent, immersive in-game audio, up to 305 hours of battery life, and dual companion apps. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">yicJqH3c3Mr9ZvNxsi4PZX</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/N5FnhreakFjLwrSR8gipHc-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Fri, 07 Aug 2026 15:38:34 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Gaming Peripherals]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ nikita.achanta@futurenet.com (Nikita Achanta) ]]></author>                    <dc:creator><![CDATA[ Nikita Achanta ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/oXuvixDz99SbZp9z8Uoor3.png ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Nikita is a Senior Writer on the Reviews team at Tom&#039;s Guide. She is a lifelong gaming and photography enthusiast, especially interested in wildlife photography. Having worked as a Sub Editor and Writer for Canon EMEA, she’s a bit of a grammar nerd (and a supporter of the Oxford comma), and has also interviewed photographers from all over the world and working in different genres.&lt;/p&gt;&lt;p&gt;A holder of two master’s degrees, the most recent one being in Magazine Journalism from Cardiff University, Nikita’s work has appeared in several publications such as Motor Sport Magazine, NME, Marriott Bonvoy, The Independent, and Metro. Her favorite tech includes the PS5, the DJI Air 3S, and the Fujifilm X-T50. She&#039;s also a licensed drone pilot and cameras expert so you&#039;ll find her testing those nearly every week.&lt;/p&gt;&lt;p&gt;In her downtime, Nikita can usually be found sinking hours into RPGs on her PS5, flying a drone, out on a walk with a camera in hand, at a concert, watching F1, or planning her next tattoo. You can follow her photography account on Instagram&lt;a href=&quot;https://www.instagram.com/photos.bynikita/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt; here&lt;/a&gt;.&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/N5FnhreakFjLwrSR8gipHc-1280-80.jpg">
                                                            <media:credit><![CDATA[Nikita Achanta / Tom&#039;s Guide]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Edifier G5 Max gaming headset]]></media:description>                                                            <media:text><![CDATA[Edifier G5 Max gaming headset]]></media:text>
                                <media:title type="plain"><![CDATA[Edifier G5 Max gaming headset]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/N5FnhreakFjLwrSR8gipHc-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>The <a href="https://www.tomsguide.com/best-picks/best-gaming-headsets">best gaming headsets</a> can truly elevate your experience by making you feel like the main character — and that’s exactly what the Edifier G5 Max does. Though it enters a crowded market where premium features are no longer reserved for premium prices, it certainly makes an impression.</p><p>With support for Hi-Res Audio, THX Spatial Audio, and an eye-catching 305-hour battery life, the G5 Max gives you little to complain about. In-game audio is outstanding, while the headset itself is extremely comfortable for all-day wear. While it isn’t flawless, as its mic(s) aren’t anything to write home about, I still think the G5 Max is worth the asking price.</p><p>To find out if this is the right headset for you, read my full Edifier G5 Max review.</p><h2 class="article-body__section" id="section-edifier-g5-max-review-specs"><span>Edifier G5 Max review: Specs</span></h2><div ><table><tbody><tr><td class="firstcol " ><p><strong>Price</strong></p></td><td  ><p><a href="https://www.amazon.com/Edifier-Gaming-Headset-Battery-Audio/dp/B0GLMSCLK5/" target="_blank" rel="nofollow">$149</a> / <a href="https://www.amazon.co.uk/Edifier-G5-MAX-Wireless-Headset-Space-Grey/dp/B0GKPB74M8/" target="_blank" rel="nofollow">£159</a></p></td></tr><tr><td class="firstcol " ><p><strong>Colors</strong></p></td><td  ><p>Space Gray, White</p></td></tr><tr><td class="firstcol " ><p><strong>Platforms</strong></p></td><td  ><p>PS5, PS4, Nintendo Switch 2, Nintendo Switch, PC, macOS, iOS, Android</p></td></tr><tr><td class="firstcol " ><p><strong>Connectivity</strong></p></td><td  ><p>Bluetooth 6.0, 2.4GHz, USB-A wired</p></td></tr><tr><td class="firstcol " ><p><strong>Battery</strong></p></td><td  ><p>Rechargeable</p></td></tr><tr><td class="firstcol " ><p><strong>Battery life (rated)</strong></p></td><td  ><p>305 hours (Bluetooth) | 227 hours (2.4GHz)</p></td></tr><tr><td class="firstcol " ><p><strong>Frequency response</strong></p></td><td  ><p>20Hz-40KHz</p></td></tr><tr><td class="firstcol " ><p><strong>Drivers</strong></p></td><td  ><p>53mm dynamic</p></td></tr><tr><td class="firstcol " ><p><strong>Multipoint connectivity</strong></p></td><td  ><p>No</p></td></tr><tr><td class="firstcol " ><p><strong>Paired devices max</strong></p></td><td  ><p>1</p></td></tr><tr><td class="firstcol " ><p><strong>Microphone</strong></p></td><td  ><p>2x built-in mics; 1x detachable boom mic</p></td></tr><tr><td class="firstcol " ><p><strong>Weight</strong></p></td><td  ><p>10.75oz</p></td></tr></tbody></table></div><h2 class="article-body__section" id="section-edifier-g5-max-review-cheat-sheet"><span>Edifier G5 Max review: Cheat sheet</span></h2><ul><li><strong>What is it?</strong> A wireless gaming headset compatible with PS5, Nintendo Switch, PC and smartphones</li><li><strong>Who is it for?</strong> Anyone who wants an immersive gaming experience without breaking the bank</li><li><strong>How much does it cost? </strong>The Edifier G5 Max is available for <a href="https://www.amazon.com/Edifier-Gaming-Headset-Battery-Audio/dp/B0GLMSCLK5/" target="_blank" rel="nofollow">$149</a> / <a href="https://www.amazon.co.uk/Edifier-G5-MAX-Wireless-Headset-Space-Grey/dp/B0GKPB74M8/" target="_blank" rel="nofollow">£159</a></li><li><strong>What do we like?</strong> The comfortable design, immersive in-game audio, great music capabilities, long battery life, and more</li><li><strong>What don’t we like?</strong> The lack of a macOS companion app and the subpar mic performance</li></ul><h2 class="article-body__section" id="section-edifier-g5-max-review-the-ups"><span>Edifier G5 Max review: The ups</span></h2><p>The Edifier G5 Max is extremely comfortable and boasts all-round great sound in video games and while listening to music. Its companion apps make customization easy, too.</p><h2 id="extremely-comfortable">Extremely comfortable</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="CBSoxTwPZucshhh9E6SAmi" name="Hecate_G5_Max_Headphones_003.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/CBSoxTwPZucshhh9E6SAmi.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>As someone who reviews gaming headsets for a living (and uses them in her free time too), I’ve been spoiled by the likes of the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/alienware-pro-wireless-gaming-headset-review">Alienware Pro Wireless Gaming Headset</a> ($229) and the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/razer-blackshark-v3-pro-review">Razer BlackShark V3 Pro</a> ($249) when it comes to comfort. Though the Edifier G5 Max doesn’t cost as much, it’s an extremely comfortable headset, and one that hasn’t made my ears sweat, unlike the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/final-vr3000-ex-gaming-headset-review">Final VR3000 EX</a> ($149).</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="A3K2wvqdNsXFQqgqB7Y6dj" name="Hecate_G5_Max_Headphones_008.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/A3K2wvqdNsXFQqgqB7Y6dj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The G5 Max’s earcups feel very spacious and sit comfortably around my ears. The cushions and the headband are made of memory foam and “skin-friendly protein leather.” These are designed to elevate pressure you’d otherwise feel on the top of your head and around your ears. Having worn the headset for six straight hours, I can confirm that I didn’t feel any discomfort, so the G5 Max is great for prolonged wear.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:3066px;"><p class="vanilla-image-block" style="padding-top:56.26%;"><img id="usbYLUUi9n2Y4mECorjLnc" name="Edifier-G5-Max-2" alt="Edifier G5 Max gaming headset" src="https://cdn.mos.cms.futurecdn.net/usbYLUUi9n2Y4mECorjLnc.jpg" mos="" align="middle" fullscreen="" width="3066" height="1725" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Nikita Achanta / Tom's Guide)</span></figcaption></figure><p>Aiding the G5 Max’s comfort level is its lightweight body. The headset weighs just 10.75oz, so it’s lighter than the Final VR3000 EX (13.72oz) and the first-party <a href="https://www.tomsguide.com/gaming/gaming-peripherals/sony-playstation-pulse-elite-headset-review">Sony PlayStation Pulse Elite</a> (12.2oz, $149). Speaking of, for the same price, the G5 Max’s build quality — especially of the earcups — feels superior to the PlayStation Pulse Elite’s.</p><h2 id="immersive-in-game-audio">Immersive in-game audio</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="rqibBwfzaCxUnAGkiWpbbj" name="Hecate_G5_Max_Headphones_010.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/rqibBwfzaCxUnAGkiWpbbj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Edifier G5 Max makes games sound simply gorgeous, thanks to its 53mm dynamic driver which covers a frequency response range of 20Hz to 40KHz — so the entirety of the average human hearing spectrum and then some. In addition to that, the G5 Max features custom 7.1.4 Spatial Audio (Windows-only) co-developed by HECATE and THX. This essentially puts you at the center of a 360° sound sphere, creating an immersive gaming experience.</p><p>And the G5 Max works extremely well. I played <a href="https://www.tomsguide.com/gaming/clair-obscur-expedition-33-review">Clair Obscur: Expedition 33</a> and <a href="https://www.tomsguide.com/gaming/assassins-creed-shadows-review">Assassin’s Creed Shadows</a> on my <a href="https://www.tomsguide.com/gaming/playstation/ps5-slim">PS5 Slim</a> to test the headset’s general console capabilities, and <a href="https://www.tomsguide.com/reviews/cyberpunk-2077-phantom-liberty">Cyberpunk 2077</a> on the <a href="https://www.tomsguide.com/computing/gaming-laptops/alienware-16x-aurora-review">Alienware 16X Aurora</a> to test the Spatial Audio. </p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="U7RAibWDiPDD4YwwZyL6dj" name="Hecate_G5_Max_Headphones_009.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/U7RAibWDiPDD4YwwZyL6dj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>As soon as I booted up Expedition 33, I was drawn into the Belle Époque world, with every orchestral score, environmental effect, and combat cue carrying immense detail. During a post-endgame secret boss fight, I appreciated being able to hear every combat cue so that I could time my parries perfectly, and these didn’t get lost as the symphonic metal background track swelled. I also enjoyed hearing my attacks land with plenty of low-end impact and <em>oomph</em>.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="TkhSKiqnKYadjcshmpQycj" name="Hecate_G5_Max_Headphones_011.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/TkhSKiqnKYadjcshmpQycj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>In Assassin’s Creed Shadows, I appreciated the G5 Max bringing the world of feudal Japan to life — from the rustling of the leaves in the wind and the trickling of waterfalls, to the clash of swords during heated battles and the protagonist’s hidden blade making a sharp <em>shing. </em>Dialogues sounded loud and clear, too, even when there were multiple voices speaking at once. I also appreciated the headset’s directionality in Shadows, as I could hear NPCs speaking in the right earcup — and then traveling to the left when I changed my direction.</p><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="E6Wzwo82WuKBabXgTrcRGj" name="Hecate_G5_Max_Headphones_005.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/E6Wzwo82WuKBabXgTrcRGj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Cyberpunk 2077 really showed off what the G5 Max’s THX Spatial Audio could do. Walking through the neon-laden, chaotic streets of Night City felt extremely immersive, with different sounds emerging from different directions which made me feel like the main character. During firefights, I found it much easier to pinpoint where my enemies were positioned, thanks to the precise acoustics, which gave me a competitive advantage. This also made infiltrating enemy camps easier as all I had to do was listen out for footsteps and then execute stealth takedowns.</p><p>Overall, the G5 Max is ideal for a number of genres, including RPG and FPS titles. Combine that with the supreme comfort and you don’t even realize hours have gone by.</p><h2 id="great-for-music-too">Great for music, too</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="myVnztzZL23YeNTbDvp2bj" name="Hecate_G5_Max_Headphones_004.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/myVnztzZL23YeNTbDvp2bj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Alongside being excellent for gaming, the Edifier G5 Max is great for listening to music, too. It carries Hi-Res Audio and Hi-Res Audio Wireless certifications which means it can transmit and reproduce high-resolution digital audio formats with its 96KHz/24-bit sampling rate. This gives it a leg-up over other similarly priced gaming headsets, such as the Final VR3000 EX and the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/asus-rog-pelta-gaming-headset-review">Asus ROG Pelta</a> ($129) which aren’t Hi-Res certified.</p><p>I tested the G5 Max’s music capabilities by listening to a few of my favorite testing songs on <a href="https://www.tomsguide.com/audio/qobuz-review">Qobuz</a>, the <a href="https://www.tomsguide.com/buying-guide/best-music-streaming-services">best music streaming service</a> for audiophiles. I’ve been thoroughly impressed by the G5 Max’s airy and spacious soundstage, with every instrument and 070 Shake’s breathwork in ‘<a href="https://open.qobuz.com/track/291554006" target="_blank" rel="nofollow">Elephant</a>’ sounding layered. In ‘<a href="https://open.qobuz.com/track/161150239" target="_blank" rel="nofollow">Sultans of Swing</a>’ by Dire Straits, each note plucked on the guitar sounded clear and nuanced, while the softer bass provided a powerful backbone to the track.</p><p>For the price, the sound quality doesn’t give you a lot to complain about. If you want <em>even</em> better sound, though, I’d recommend spending an extra $50 on the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/sony-inzone-h6-air-review">Sony Inzone H6 Air</a> ($199) which utilizes studio-grade drivers.</p><p><em>Listen along to my review with the Edifier G5 Max testing playlist:</em></p><iframe allow="" height="390" width="378" id="" style="" class="position-center" data-lazy-priority="low" data-lazy-src="https://widget.qobuz.com/playlist/68306967?zone=GB-en"></iframe><h2 id="two-useful-companion-apps">Two useful companion apps</h2><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/6mikkFaAStu8NvRyzBNNTW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/UzcTK768ApgCQ7CDCm5cWW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure></figure><p>There are two ways to customize the Edifier G5 Max: you can use either the Edifier ConneX <a href="https://play.google.com/store/apps/details?id=com.edifier.edifierconnex&hl=en_GB" target="_blank" rel="nofollow">Android</a>/<a href="https://apps.apple.com/us/app/edifier-connex/id6469028132" target="_blank" rel="nofollow">iOS</a> app, or the proprietary <a href="https://hecategaming.com/pages/driver-download-center?srsltid=AfmBOop6FlhDthZDgTwmINO1G8eN2Y2qo6sWJ8vdZs8_gbzyKECogHIh" target="_blank" rel="nofollow">HECATE Driver Software</a> on Windows. The former is handy for when you want to make on-the-fly adjustments, such as swapping between EQ presets, customizing your own EQ, and remapping the headset’s buttons. I tested it on my <a href="https://www.tomsguide.com/phones/google-pixel-phones/google-pixel-10-pro-xl-review">Google Pixel 10 Pro XL</a> and appreciated its straightforward and easy to understand interface.</p><figure role="gallery"><figure><img src="https://cdn.mos.cms.futurecdn.net/YHodLFbAr5vnHSwsrMVSrW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/3UJHLfER9VGRtu8heuGroW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/9NuG7YkiTtMmRub8oJRHaW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/Cy5Cp9wJAqwvdRGgQwy8mW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/SWf2gHMw2HMSe5w2U9tViW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure><figure><img src="https://cdn.mos.cms.futurecdn.net/cacnfhJKLjuKs9DhxiLDfW.jpg" alt="Edifier G5 Max customization app screenshot" /><figcaption><small role="credit">Edifier / Hecate / Tom's Guide</small></figcaption></figure></figure><p>HECATE Driver Software is more detailed and offers more in-depth personalization. You can enable THX Spatial Audio, adjust the mic’s settings, make extensive adjustments to the RGB lighting, and enable game-specific EQ presets (Valorant, PUBG, Battlefield 5, Overwatch, and more). The desktop app doesn’t feature any intrusive ads or pop-ups, making it a breeze to use.</p><h2 id="astonishing-305-hour-battery">Astonishing 305-hour battery</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="AohnawsbMTSaEfa54Lzdaj" name="Hecate_G5_Max_Headphones_006.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/AohnawsbMTSaEfa54Lzdaj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>If you need a gaming headset that doesn’t run out of battery too quickly, the Edifier G5 Max should be your port of call. I can only describe its battery life as astonishing, as it’s rated for 305 hours over Bluetooth or 227 hours over 2.4GHz. The G5 Max, then, blows its competition out of the water. Other similarly priced headsets, such as the Final VR3000 EX (55 hours), Sony PlayStation Pulse Elite (30 hours), and Asus ROG Pelta (90 hours), simply fall short.</p><p>Not just that, but even pricier headsets don’t last as long, like the Razer BlackShark V3 Pro (70 hours), the Alienware Pro Wireless Gaming Headset (70 hours) and even the extortionate <a href="https://www.tomsguide.com/gaming/gaming-peripherals/steelseries-arctis-nova-elite-review">SteelSeries Arctis Nova Elite</a> (60 hours, $599).</p><p>I would have to game <em>a lot </em>to kill the G5 Max’s battery, but after having used it for eight hours and left it running overnight with my PS5 turned on — so a total of 18 hours or so — the battery had dipped by only 7%. That’s great.</p><h2 class="article-body__section" id="section-edifier-g5-max-review-the-downs"><span>Edifier G5 Max review: The downs</span></h2><p>The Edifier G5 Max is great but it’s important to note that its microphones aren’t the best, and there’s no macOS companion app.</p><h2 id="subpar-mic-s-performance">Subpar mic(s) performance</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="Lcm5qNBC5vYT3KxH6Jpc6j" name="Hecate_G5_Max_Headphones_007.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/Lcm5qNBC5vYT3KxH6Jpc6j.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Edifier G5 Max features two mic setups: two built-in mics (for answering calls on the go) and one detachable boom mic (for when you want maximum clarity while gaming). Sounds great in theory, but in my testing, I thought both the mic’s performance was underwhelming.</p><audio src="https://cdn.mos.cms.futurecdn.net/G3qMZDL2HnVYXivcSknouj/Edifier%20G5%20Max%20%E2%80%94%20Built-in%20mics.mp3"  controls="controls" preload="none"></audio><p><br>I tested the built-in mics first and wasn’t impressed. As you can hear in the clip above, my voice sounds muffled and a little distant. My words don’t sound clear either, and the sibilance (“s” and “t” sounds) seems to bleed together.</p><audio src="https://cdn.mos.cms.futurecdn.net/DvraW5Mj7cjcb3zzhzt9vj/Edifier%20G5%20Max%20%E2%80%94%20Boom%20mic.mp3"  controls="controls" preload="none"></audio><p><br>The detachable boom mic, on the other hand, sounds slightly better than the built-in ones. This mic features dual environmental noise cancelation and AI-powered noise cancelation which works well — you can’t hear the TV in the background of the clip above. My voice also sounds better but it’s still fuzzy, and my high pitch in places sounds harsh and piercing. I would recommend the Asus ROG Pelta and its very clear mic if you play online.</p><h2 id="no-macos-companion-app">No macOS companion app</h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="uUKCZm2i2J9TtMecfwbVci" name="Hecate_G5_Max_Headphones_015.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/uUKCZm2i2J9TtMecfwbVci.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>Annoyingly, the HECATE Driver Software isn’t compatible with macOS machines — even though the Edifier G5 Max itself is. If you don’t have access to a Windows laptop, you’ll need to rely on the Edifier ConneX smartphone app for customization… but that means you won’t be able to enable or use THX Spatial Audio, and you’ll miss out on one of the headset’s key features.</p><p>This isn’t a massive flaw, though, as THX Spatial Audio works only on Windows computers. On the PS5, you can enable 3D sound via the console’s settings to get 360° sound. This also isn’t the first time I’ve tested a gaming headset with Windows-only software — the Asus ROG Pelta springs to mind. The Final VR3000 EX doesn’t even have a desktop companion app, and customization via its mobile app is fairly limited.</p><h2 class="article-body__section" id="section-edifier-g5-max-review-verdict"><span>Edifier G5 Max review: Verdict</span></h2><figure class="van-image-figure  inline-layout" data-bordeaux-image-check ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1920px;"><p class="vanilla-image-block" style="padding-top:56.25%;"><img id="x79wGBQgxQ372ykyabUMcj" name="Hecate_G5_Max_Headphones_013.JPG" alt="Edifier G5 Max wireless gaming headset" src="https://cdn.mos.cms.futurecdn.net/x79wGBQgxQ372ykyabUMcj.jpg" mos="" align="middle" fullscreen="" width="1920" height="1080" attribution="" endorsement="" class="inline"></p></div></div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Image credit: Tom's Guide)</span></figcaption></figure><p>The Edifier G5 Max proves that you don’t need to spend top dollar to get an excellent gaming headset. Its combination of exceptional comfort, loooong battery life, immersive in-game audio, and easy customization make it an easy headset to recommend. It’s great for listening to music too as it’s Hi-Res certified — something its closest rivals aren’t.</p><p>That isn’t to say it’s perfect, but the G5 Max’s shortcomings feel relatively minor in the grand scheme of things. Its detachable boom mic works fine but doesn’t sound as clear as its competitors, and there’s no macOS app for customization. Neither issue detracts from what is otherwise an impressive package. If you prioritize immersive audio, all-day comfort, and battery life, the G5 Max should be your port of call.</p>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
                                <item>
                                                            <title><![CDATA[ This Switch 2 console bundle is probably the best Nintendo Switch deal of the year — get it before it's gone! ]]></title>
                                                                                                <dc:content><![CDATA[ <p>Nintendo Switch 2 price increases are coming to Japan, the U.S., and Europe in September. But for now, there's a great opportunity to score a saving on the console in the U.K. that you don't want to miss.</p><p>Right now you can get the <a href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0F2T4JFVG" target="_blank" rel="nofollow">Nintendo Switch 2 for £370 at Amazon</a>. That's £25 off the console's RRP. Or, get one of the console's very best games in the <a href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0H5LSWWQ1" target="_blank" rel="nofollow">Nintendo Switch 2 + Pokémon Pokopia bundle for £394</a>. Compared to buying the items separately, you're saving a massive £62 here (enough to get yourself another game or two!)</p><p>I've listed all the Nintendo Switch and Nintendo Switch 2 games and accessories I recommend buying below. For more ways to save, see our <a href="https://www.tomsguide.com/coupons/amazon-uk">Amazon promo codes</a> coverage.</p><h3 class="article-body__section" id="section-quick-links"><span>Quick links</span></h3><ul><li><strong></strong><a href="https://www.amazon.co.uk/deals" target="_blank" rel="nofollow"><strong>shop all Prime Day deals at Amazon</strong></a></li><li><strong>Jsaux Screen Protector for Nintendo Switch 2 (3-Pack): </strong><a href="https://www.amazon.co.uk/JSAUX-Protector-Nintendo-Tempered-Resistant-HD-Clarity/dp/B0DW8WQ8L2" target="_blank" rel="nofollow"><strong>was £9 now £5</strong></a></li><li><strong>Orzly Carrying Case for Nintendo Switch 2: </strong><a href="https://www.amazon.co.uk/Nintendo-Switch-Protective-Padding-Accessories/dp/B0F49DHSHJ/" target="_blank" rel="nofollow"><strong>was £14 now £10</strong></a></li><li><strong>Minecraft: </strong><a href="https://www.amazon.co.uk/Mojang-221397-Minecraft-Nintendo-Switch/dp/B07DG77KPX" target="_blank" rel="nofollow"><strong>was £24 now £19</strong></a></li><li><strong>Mario Kart 8 Deluxe: </strong><a href="https://www.amazon.co.uk/Mario-Kart-Deluxe-Nintendo-Switch/dp/B01N1081RO" target="_blank" rel="nofollow"><strong>was £49 now £37</strong></a></li><li><strong>Super Mario Bros. Wonder Nintendo Switch 2 Edition: </strong><a href="https://www.amazon.co.uk/Super-Mario-Bros-Wonder-Nintendo/dp/B0GJZYSQ2C" target="_blank" rel="nofollow"><strong>was £66 now £54</strong></a></li><li><strong>Nintendo Switch 2 Console: </strong><a href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0F2T4JFVG" target="_blank" rel="nofollow"><strong>was £395 now £370</strong></a></li><li><strong>Nintendo Switch 2 + Pokémon Pokopia bundle: </strong><a href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0H5LSWWQ1" target="_blank" rel="nofollow"><strong>was £429 now £394</strong></a></li></ul><h3 class="article-body__section" id="section-nintendo-switch-2-consoles"><span>Nintendo Switch 2 Consoles</span></h3><div class="product"><a data-dimension112="20e6067e-9181-11f1-8df5-ff51258cbfb6" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="£370" href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0F2T4JFVG" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="63dGPyBNH73xm2BYnLsoJP" name="Nintendo Switch 2 deal" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/63dGPyBNH73xm2BYnLsoJP.jpg" mos="" align="middle" fullscreen="" width="2000" height="2000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review" data-dimension112="20e6067e-9181-11f1-8df5-ff51258cbfb6" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="£370">Nintendo Switch 2</a> takes what worked about its best-selling predecessor and makes impactful upgrades across the board. From the excellent, and noticeably larger, 7.9-inch display to the more powerful internal specs, the Switch 2 is a full leap forward and the best hybrid console you can buy. Amazon doesn't show this as a discount, but <a href="https://store.nintendo.com/en-gb/nintendo-switch-2-P00153" target="_blank" rel="nofollow">Nintendo currently charges £395 for the console</a>.<a class="view-deal button" href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0F2T4JFVG" target="_blank" rel="nofollow" data-dimension112="20e6067e-9181-11f1-8df5-ff51258cbfb6" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="£370">View Deal</a></p></div><div class="product"><a data-dimension112="20e606f6-9181-11f1-896c-116d00c95c37" data-action="Deal Block" data-label="Switch 2 + Pokémon Pokopia bundle" data-dimension48="Switch 2 + Pokémon Pokopia bundle" data-dimension25="£394" href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0H5LSWWQ1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:85.27%;"><img id="JRKWVxEqesbtAh6venz8cS" name="Switch 2 + Pokémon Pokopia bundle" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/JRKWVxEqesbtAh6venz8cS.jpg" mos="" align="middle" fullscreen="" width="1500" height="1279" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0H5LSWWQ1" target="_blank" rel="nofollow" data-dimension112="20e606f6-9181-11f1-896c-116d00c95c37" data-action="Deal Block" data-label="Switch 2 + Pokémon Pokopia bundle" data-dimension48="Switch 2 + Pokémon Pokopia bundle" data-dimension25="£394">Switch 2 + Pokémon Pokopia bundle: was £429 now £394</a></strong><br>This bundle gets you a Nintendo Switch 2 console and a copy of Pokémon Pokopia for just £394. Compared to buying the items separately, you're making a saving of £62. The Nintendo Switch 2's upgraded performance and display make it a joy to play, and Pokémon Pokopia is one of the absolute best games on the console.<a class="view-deal button" href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0H5LSWWQ1" target="_blank" rel="nofollow" data-dimension112="20e606f6-9181-11f1-896c-116d00c95c37" data-action="Deal Block" data-label="Switch 2 + Pokémon Pokopia bundle" data-dimension48="Switch 2 + Pokémon Pokopia bundle" data-dimension25="£394">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-accessories"><span>Nintendo Switch accessories</span></h3><div class="product"><a data-dimension112="20e607e6-9181-11f1-b399-4951b9032487" data-action="Deal Block" data-label="3-Pack Screen Protector for Nintendo Switch 2" data-dimension48="3-Pack Screen Protector for Nintendo Switch 2" data-dimension25="£5" href="https://www.amazon.co.uk/JSAUX-Protector-Nintendo-Tempered-Resistant-HD-Clarity/dp/B0DW8WQ8L2" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:92.13%;"><img id="2fY7HhmwVVG49vbC3dfgBT" name="Jsaux 3-Pack Screen Protector for Nintendo Switch 2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/2fY7HhmwVVG49vbC3dfgBT.jpg" mos="" align="middle" fullscreen="" width="1500" height="1382" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/JSAUX-Protector-Nintendo-Tempered-Resistant-HD-Clarity/dp/B0DW8WQ8L2" target="_blank" rel="nofollow" data-dimension112="20e607e6-9181-11f1-b399-4951b9032487" data-action="Deal Block" data-label="3-Pack Screen Protector for Nintendo Switch 2" data-dimension48="3-Pack Screen Protector for Nintendo Switch 2" data-dimension25="£5">3-Pack Screen Protector for Nintendo Switch 2: was £9 now £5</a></strong><br>In my opinion, adding a screen protector to your Switch 2 is a must. Especially if you plan to play in portable mode regularly. I hate installing screen protectors, but this one comes with a guiding frame to make the process much easier. Plus, you get three screen protectors in the pack, so you can have multiple attempts.<a class="view-deal button" href="https://www.amazon.co.uk/JSAUX-Protector-Nintendo-Tempered-Resistant-HD-Clarity/dp/B0DW8WQ8L2" target="_blank" rel="nofollow" data-dimension112="20e607e6-9181-11f1-b399-4951b9032487" data-action="Deal Block" data-label="3-Pack Screen Protector for Nintendo Switch 2" data-dimension48="3-Pack Screen Protector for Nintendo Switch 2" data-dimension25="£5">View Deal</a></p></div><div class="product"><a data-dimension112="58251bb8-9184-11f1-b1a0-f956db1f7472" data-action="Deal Block" data-label="Carrying Case for Nintendo Switch 2" data-dimension48="Carrying Case for Nintendo Switch 2" data-dimension25="£10" href="https://www.amazon.co.uk/Nintendo-Switch-Protective-Padding-Accessories/dp/B0F49DHSHJ/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:672px;"><p class="vanilla-image-block" style="padding-top:130.80%;"><img id="UJ7PaHAvvAuPADKwuHLMN5" name="Carrying Case for Nintendo Switch 2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/UJ7PaHAvvAuPADKwuHLMN5.jpg" mos="" align="middle" fullscreen="" width="672" height="879" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Nintendo-Switch-Protective-Padding-Accessories/dp/B0F49DHSHJ/" target="_blank" rel="nofollow" data-dimension112="58251bb8-9184-11f1-b1a0-f956db1f7472" data-action="Deal Block" data-label="Carrying Case for Nintendo Switch 2" data-dimension48="Carrying Case for Nintendo Switch 2" data-dimension25="£10">Carrying Case for Nintendo Switch 2: was £14 now £10</a></strong><br>Orzly's Nintendo Switch 2 case can keep your console, games, and extra Joy-Con 2 controllers safe and secure during transit. It boasts a water-resistant EVA outer shell, soft inner molding that snugly fit your Switch 2, and space for up to 20 Switch game cartridges so you've got plenty of entertainment on hand during travel. </p></div><div class="product"><a data-dimension112="20e60854-9181-11f1-9027-8f12b62bf491" data-action="Deal Block" data-label="Rematch Wireless" data-dimension48="Rematch Wireless" data-dimension25="£37" href="https://www.amazon.co.uk/Turtle-Beach-Rematch-Wireless-Controller/dp/B0F1RB4YGC" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:98.93%;"><img id="ZkaCsGbc3YRjnj379RXJFC" name="Turtle Beach Rematch Wireless vendor image - Amazon" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/ZkaCsGbc3YRjnj379RXJFC.jpg" mos="" align="middle" fullscreen="" width="1500" height="1484" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>As budget controllers go, the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/turtle-beach-rematch-wireless-nintendo-switch-controller-review" data-dimension112="20e60854-9181-11f1-9027-8f12b62bf491" data-action="Deal Block" data-label="Rematch Wireless" data-dimension48="Rematch Wireless" data-dimension25="£37">Turtle Beach Rematch Wireless</a> is a fantastic gamepad for the Nintendo Switch family. Featuring analog thumbsticks and triggers that are highly responsive and motion controls, not only does the Rematch Wireless make games feel more immersive, but it’s extremely comfortable, too. There are also two rear buttons that can be remapped on the fly.<a class="view-deal button" href="https://www.amazon.co.uk/Turtle-Beach-Rematch-Wireless-Controller/dp/B0F1RB4YGC" target="_blank" rel="nofollow" data-dimension112="20e60854-9181-11f1-9027-8f12b62bf491" data-action="Deal Block" data-label="Rematch Wireless" data-dimension48="Rematch Wireless" data-dimension25="£37">View Deal</a></p></div><div class="product"><a data-dimension112="58251c80-9184-11f1-a788-91ca2437e88a" data-action="Deal Block" data-label="Hyperion 3 Wireless JoyPad for Switch 2" data-dimension48="Hyperion 3 Wireless JoyPad for Switch 2" data-dimension25="£99" href="https://www.amazon.co.uk/NYXI-Hyperion-Switch-Controller-Third-Party/dp/B0H2YPF4KD/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:800px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="BKmFDwneiB6Yhfva5TQYuU" name="NYXI Hyperion 3" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/BKmFDwneiB6Yhfva5TQYuU.jpg" mos="" align="middle" fullscreen="" width="800" height="800" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/NYXI-Hyperion-Switch-Controller-Third-Party/dp/B0H2YPF4KD/" target="_blank" rel="nofollow" data-dimension112="58251c80-9184-11f1-a788-91ca2437e88a" data-action="Deal Block" data-label="Hyperion 3 Wireless JoyPad for Switch 2" data-dimension48="Hyperion 3 Wireless JoyPad for Switch 2" data-dimension25="£99">Hyperion 3 Wireless JoyPad for Switch 2: was £129 now £99</a></strong><br>NYXI's Hyperion 3 is the world's first third-party Joy-Con alternative designed exclusively for the Switch 2, boasting an ergonomic design, Hall-effect sticks, larger face buttons, swappable D-pads, RGB lighting, programmable back buttons and more.<a class="view-deal button" href="https://www.amazon.co.uk/NYXI-Hyperion-Switch-Controller-Third-Party/dp/B0H2YPF4KD/" target="_blank" rel="nofollow" data-dimension112="58251c80-9184-11f1-a788-91ca2437e88a" data-action="Deal Block" data-label="Hyperion 3 Wireless JoyPad for Switch 2" data-dimension48="Hyperion 3 Wireless JoyPad for Switch 2" data-dimension25="£99">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-games"><span>Nintendo Switch games</span></h3><div class="product"><a data-dimension112="cc8d57ba-9182-11f1-971c-152f17b858ff" data-action="Deal Block" data-label="NBA 2K26" data-dimension48="NBA 2K26" data-dimension25="£18" href="https://www.amazon.co.uk/NBA-2K26-Nintendo-Switch-2/dp/B0FH5DPB28" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:927px;"><p class="vanilla-image-block" style="padding-top:161.81%;"><img id="esresuqBfUwR9e3D7dxHAg" name="nba-2k26-switch-2-case" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/esresuqBfUwR9e3D7dxHAg.jpg" mos="" align="middle" fullscreen="" width="927" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The latest entry in the annual NBA 2K series has entered the court, and it's once again the most polished and authentic way to play basketball from the comfort of your couch. NBA 2K26 includes the series' standard suite of online and offline modes, including MyTEAM and MyGM. The Switch 2 version isn't as graphically impressive as on other consoles, but it does offer portable play. Which is a pretty big advantage.<a class="view-deal button" href="https://www.amazon.co.uk/NBA-2K26-Nintendo-Switch-2/dp/B0FH5DPB28" target="_blank" rel="nofollow" data-dimension112="cc8d57ba-9182-11f1-971c-152f17b858ff" data-action="Deal Block" data-label="NBA 2K26" data-dimension48="NBA 2K26" data-dimension25="£18">View Deal</a></p></div><div class="product"><a data-dimension112="20e60944-9181-11f1-9095-43b72d9cf665" data-action="Deal Block" data-label="Minecraft" data-dimension48="Minecraft" data-dimension25="£19" href="https://www.amazon.co.uk/Mojang-221397-Minecraft-Nintendo-Switch/dp/B07DG77KPX" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="AUct93iyHkYa3JPM6RRCCW" name="Minecraft NS deal block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/AUct93iyHkYa3JPM6RRCCW.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Mojang-221397-Minecraft-Nintendo-Switch/dp/B07DG77KPX" target="_blank" rel="nofollow" data-dimension112="20e60944-9181-11f1-9095-43b72d9cf665" data-action="Deal Block" data-label="Minecraft" data-dimension48="Minecraft" data-dimension25="£19">Minecraft: was £24 now £19</a></strong><br>There are a lot of ways to play this famous blocky building game, but the Switch is just as good as any. You can enter a fresh world and set up a home for yourself, crafting better and more effective items, or go into creative mode and just build without limits.<a class="view-deal button" href="https://www.amazon.co.uk/Mojang-221397-Minecraft-Nintendo-Switch/dp/B07DG77KPX" target="_blank" rel="nofollow" data-dimension112="20e60944-9181-11f1-9095-43b72d9cf665" data-action="Deal Block" data-label="Minecraft" data-dimension48="Minecraft" data-dimension25="£19">View Deal</a></p></div><div class="product"><a data-dimension112="20e609b2-9181-11f1-a7d6-e98fd7dd7326" data-action="Deal Block" data-label="Assassin's Creed Shadows" data-dimension48="Assassin's Creed Shadows" data-dimension25="£25" href="https://www.amazon.co.uk/Assassins-Creed-Shadows-Switch-2/dp/B0FXHBSRPY" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:927px;"><p class="vanilla-image-block" style="padding-top:161.81%;"><img id="jaRNfSrmmQecbFxCRnVuVg" name="Assassin's Creed Shadows deal block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/jaRNfSrmmQecbFxCRnVuVg.jpg" mos="" align="middle" fullscreen="" width="927" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Assassins-Creed-Shadows-Switch-2/dp/B0FXHBSRPY" target="_blank" rel="nofollow" data-dimension112="20e609b2-9181-11f1-a7d6-e98fd7dd7326" data-action="Deal Block" data-label="Assassin's Creed Shadows" data-dimension48="Assassin's Creed Shadows" data-dimension25="£25">Assassin's Creed Shadows: was £49 now £25</a></strong><br>This installment in the popular Assassin's Creed series takes the franchise to a long-requested setting, Feudal Japan. With two playable protagonists, one focused on brutal combat, the other ninja-style stealth, <a href="https://www.tomsguide.com/gaming/assassins-creed-shadows-review">Assassin's Creed: Shadows</a> will keep you playing for dozens of hours, and runs well on Switch 2.  <a class="view-deal button" href="https://www.amazon.co.uk/Assassins-Creed-Shadows-Switch-2/dp/B0FXHBSRPY" target="_blank" rel="nofollow" data-dimension112="20e609b2-9181-11f1-a7d6-e98fd7dd7326" data-action="Deal Block" data-label="Assassin's Creed Shadows" data-dimension48="Assassin's Creed Shadows" data-dimension25="£25">View Deal</a></p></div><div class="product"><a data-dimension112="cc8d5936-9182-11f1-97d1-5f7dd682e857" data-action="Deal Block" data-label="Outlaws" data-dimension48="Outlaws" data-dimension25="£29" href="https://www.amazon.co.uk/Star-Wars-Outlaws-Gold-Switch/dp/B0F7L6WQV1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:927px;"><p class="vanilla-image-block" style="padding-top:161.81%;"><img id="BwV6UrdZnqFU8bHcp3JcHX" name="star-wars-outlaws-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/BwV6UrdZnqFU8bHcp3JcHX.jpg" mos="" align="middle" fullscreen="" width="927" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Ubisoft's underrated Star Wars Outlaws is now on Nintendo Switch 2, and it's one of the console's most impressive AAA ports. It brings an entire sci-fi galaxy to the portable console, and the Switch 2 edition includes the Season Pass with two story packs, A Pirate's Fortune and Wild Card. You play outlaw Kay Vess in the first truly open-world Star Wars game ever.<a class="view-deal button" href="https://www.amazon.co.uk/Star-Wars-Outlaws-Gold-Switch/dp/B0F7L6WQV1" target="_blank" rel="nofollow" data-dimension112="cc8d5936-9182-11f1-97d1-5f7dd682e857" data-action="Deal Block" data-label="Outlaws" data-dimension48="Outlaws" data-dimension25="£29">View Deal</a></p></div><div class="product"><a data-dimension112="20e60a2a-9181-11f1-9526-5d58e3432aa7" data-action="Deal Block" data-label="Super Mario Party Jamboree" data-dimension48="Super Mario Party Jamboree" data-dimension25="£37" href="https://www.amazon.co.uk/Nintendo-Super-Mario-Party-Jamboree/dp/B0D7J4W5N3" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="weEoLNe5QopfPdXFNbxamL" name="super_mario_party_jamboree_deal_block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/weEoLNe5QopfPdXFNbxamL.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Join Mario and friends for their biggest party yet in <a href="https://www.tomsguide.com/gaming/super-mario-party-jamboree-review" data-dimension112="20e60a2a-9181-11f1-9526-5d58e3432aa7" data-action="Deal Block" data-label="Super Mario Party Jamboree" data-dimension48="Super Mario Party Jamboree" data-dimension25="£37">Super Mario Party Jamboree</a>. With 110 mini-games and seven boards, this party game is packed with content and is an excellent way to gather friends and family for a fast-paced, competitive multiplayer experience.<a class="view-deal button" href="https://www.amazon.co.uk/Nintendo-Super-Mario-Party-Jamboree/dp/B0D7J4W5N3" target="_blank" rel="nofollow" data-dimension112="20e60a2a-9181-11f1-9526-5d58e3432aa7" data-action="Deal Block" data-label="Super Mario Party Jamboree" data-dimension48="Super Mario Party Jamboree" data-dimension25="£37">View Deal</a></p></div><div class="product"><a data-dimension112="20e60aa2-9181-11f1-92c2-6f34e42126f1" data-action="Deal Block" data-label="Mario Kart 8 Deluxe" data-dimension48="Mario Kart 8 Deluxe" data-dimension25="£37" href="https://www.amazon.co.uk/Mario-Kart-Deluxe-Nintendo-Switch/dp/B01N1081RO" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="DcBwFtfyijWez2usEem7AG" name="MK8 Deluxe.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/DcBwFtfyijWez2usEem7AG.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Sure, you can play Mario Kart World on Switch 2 now, but the racing action in Mario Kart 8 Deluxe is still great. MK8D is one of the most popular Switch games available — even years after its launch it continues to dominate the best-sellers chart. This means any form of discount is pretty rare, but you can currently save on this must-have family-friendly hit.<a class="view-deal button" href="https://www.amazon.co.uk/Mario-Kart-Deluxe-Nintendo-Switch/dp/B01N1081RO" target="_blank" rel="nofollow" data-dimension112="20e60aa2-9181-11f1-92c2-6f34e42126f1" data-action="Deal Block" data-label="Mario Kart 8 Deluxe" data-dimension48="Mario Kart 8 Deluxe" data-dimension25="£37">View Deal</a></p></div><div class="product"><a data-dimension112="cc8d59cc-9182-11f1-a190-853ce6bd8c4d" data-action="Deal Block" data-label="Story of Seasons Grand Bazaar" data-dimension48="Story of Seasons Grand Bazaar" data-dimension25="£43" href="https://www.amazon.co.uk/Story-Seasons-Grand-Bazaar-Switch/dp/B0F3DP9M35" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:490px;"><p class="vanilla-image-block" style="padding-top:161.84%;"><img id="uQqiZyEjyAaiizsCPtvt8e" name="Story of Seasons Grand Bazaar NS2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/uQqiZyEjyAaiizsCPtvt8e.jpg" mos="" align="middle" fullscreen="" width="490" height="793" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Story-Seasons-Grand-Bazaar-Switch/dp/B0F3DP9M35" target="_blank" rel="nofollow" data-dimension112="cc8d59cc-9182-11f1-a190-853ce6bd8c4d" data-action="Deal Block" data-label="Story of Seasons Grand Bazaar" data-dimension48="Story of Seasons Grand Bazaar" data-dimension25="£43">Story of Seasons Grand Bazaar: was £54 now £43</a></strong><br>Can any farming sim game beat Stardew Valley? That's still up for debate, but this is the Story of Seasons series' best effort in years. The farming gameplay is some of the most enjoyable on Switch, as its truly addictive trying to earn the most profit possible selling items at the weekly Grand Bazaar. The graphics also look amazing on Switch 2.<a class="view-deal button" href="https://www.amazon.co.uk/Story-Seasons-Grand-Bazaar-Switch/dp/B0F3DP9M35" target="_blank" rel="nofollow" data-dimension112="cc8d59cc-9182-11f1-a190-853ce6bd8c4d" data-action="Deal Block" data-label="Story of Seasons Grand Bazaar" data-dimension48="Story of Seasons Grand Bazaar" data-dimension25="£43">View Deal</a></p></div><div class="product"><a data-dimension112="cc8d5a44-9182-11f1-85b0-f5cf14aa4a29" data-action="Deal Block" data-label="Tomodachi Life Living the Dream" data-dimension48="Tomodachi Life Living the Dream" data-dimension25="£44" href="https://www.amazon.co.uk/Tomodachi-Life-Living-the-Dream/dp/B0GKPV34CK/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:900px;"><p class="vanilla-image-block" style="padding-top:161.89%;"><img id="i8DpgTJgv4FzV8bnDgyJAA" name="Living the Dream" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/i8DpgTJgv4FzV8bnDgyJAA.webp" mos="" align="middle" fullscreen="" width="900" height="1457" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Tomodachi-Life-Living-the-Dream/dp/B0GKPV34CK/" target="_blank" rel="nofollow" data-dimension112="cc8d5a44-9182-11f1-85b0-f5cf14aa4a29" data-action="Deal Block" data-label="Tomodachi Life Living the Dream" data-dimension48="Tomodachi Life Living the Dream" data-dimension25="£44">Tomodachi Life Living the Dream: was £49 now £44</a></strong><br>Tomodachi Life: Living the Dream is a unique video game where you’ll populate an island with Miis: little cartoon versions of anyone and anything you can imagine. From there, you’ll just need to keep an eye on goings on — the game is packed with hilariously wacky scenarios. You can also feed and clothe your Miis, decorate their houses, and terraform the island to your liking. Plus, you can get creative and design everything from buildings to pets.<a class="view-deal button" href="https://www.amazon.co.uk/Tomodachi-Life-Living-the-Dream/dp/B0GKPV34CK/" target="_blank" rel="nofollow" data-dimension112="cc8d5a44-9182-11f1-85b0-f5cf14aa4a29" data-action="Deal Block" data-label="Tomodachi Life Living the Dream" data-dimension48="Tomodachi Life Living the Dream" data-dimension25="£44">View Deal</a></p></div><div class="product"><a data-dimension112="20e60b1a-9181-11f1-9341-019aa38c1b19" data-action="Deal Block" data-label="Super Mario Bros. Wonder Nintendo Switch 2 Edition" data-dimension48="Super Mario Bros. Wonder Nintendo Switch 2 Edition" data-dimension25="£54" href="https://www.amazon.co.uk/Super-Mario-Bros-Wonder-Nintendo/dp/B0GJZYSQ2C" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:927px;"><p class="vanilla-image-block" style="padding-top:161.81%;"><img id="yZdr5KPvy639Z3bjWUN9Zm" name="Super Mario Bros. Wonder NS2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/yZdr5KPvy639Z3bjWUN9Zm.jpg" mos="" align="middle" fullscreen="" width="927" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Super-Mario-Bros-Wonder-Nintendo/dp/B0GJZYSQ2C" target="_blank" rel="nofollow" data-dimension112="20e60b1a-9181-11f1-9341-019aa38c1b19" data-action="Deal Block" data-label="Super Mario Bros. Wonder Nintendo Switch 2 Edition" data-dimension48="Super Mario Bros. Wonder Nintendo Switch 2 Edition" data-dimension25="£54">Super Mario Bros. Wonder Nintendo Switch 2 Edition: was £66 now £54</a></strong><br>A wonderfully refreshing spin on Mario's classic formula. Venturing to the Flower Kingdom, you'll discover stage-altering Wonder Flowers which can warp levels, create new platforming challenges and even turn Mario into an elephant. Playable in up to four-player co-op, Super Mario Bros. Wonder is a platforming marvel for the entire family. The Nintendo Switch 2 edition brings even more content with the Bellabel Park expansion.<a class="view-deal button" href="https://www.amazon.co.uk/Super-Mario-Bros-Wonder-Nintendo/dp/B0GJZYSQ2C" target="_blank" rel="nofollow" data-dimension112="20e60b1a-9181-11f1-9341-019aa38c1b19" data-action="Deal Block" data-label="Super Mario Bros. Wonder Nintendo Switch 2 Edition" data-dimension48="Super Mario Bros. Wonder Nintendo Switch 2 Edition" data-dimension25="£54">View Deal</a></p></div><div data-model-name="Nintendo Switch" data-widget-type="review"></div> ]]></dc:content>
                                                                                                                                            <link>https://www.tomsguide.com/gaming/nintendo/this-switch-2-console-bundle-is-probably-the-best-nintendo-switch-deal-of-the-year-get-it-before-its-gone</link>
                                                                            <description>
                            <![CDATA[ There's a huge Nintendo Switch 2 bundle deal up for grabs for a limited time — don't miss your chance to grab it! I'm also sharing the best savings on games and accessories. ]]>
                                                                                                            </description>
                                                                                                                                <guid isPermaLink="false">m3qDcqvopMP49LNxHWbjr7</guid>
                                                                                                <enclosure url="https://cdn.mos.cms.futurecdn.net/WXGzR5eWVhKSLkoiCj889A-1280-80.jpg" type="image/jpeg" length="0"></enclosure>
                                                                        <pubDate>Thu, 06 Aug 2026 11:13:20 +0000</pubDate>                                                                                                                                                                                                                                <category><![CDATA[Nintendo]]></category>
                                                    <category><![CDATA[Gaming]]></category>
                                                                                                <author><![CDATA[ millie.daviswilliams@futurenet.com (Millie Davis-Williams) ]]></author>                    <dc:creator><![CDATA[ Millie Davis-Williams ]]></dc:creator>                                                                                    <dc:source><![CDATA[ https://cdn.mos.cms.futurecdn.net/WU6pa7hKuxs5ScCoqcXYWA.jpg ]]></dc:source>
                                                                <dc:description><![CDATA[ &lt;p&gt;Millie is a Deals Editor at Tom&#039;s Guide specializing in tech deals content. Based in London, Millie has spent a lifetime stubbornly refusing to pay full price on any possible purchase. She has years of searching for the best discounts on the latest and greatest phones, TVs and gadgets under her belt, and knows how to sort the best deals from the rest. Helping readers save on the products they want is her mission, whether it’s an Apple Watch or a new tablet.&lt;/p&gt;&lt;p&gt;Since working at Tom’s Guide, Millie has covered retail events like Prime Day, Black Friday and Cyber Monday extensively, meaning she knows the products readers are looking for and the best times of year to hit “purchase.”&lt;/p&gt;&lt;p&gt;When she’s not looking for discounts, Millie covers news and writes how-to articles about everything from phones, streaming devices, and headphones to apps and video games.&lt;/p&gt;&lt;p&gt;In her spare time, Millie enjoys reading, gaming on her Nintendo Switch and creating digital art. She’s also a fan of watching Disney movies and collecting plush (the latter having totally taken over her bedroom.)&lt;/p&gt; ]]></dc:description>
                                                                                                                                <cf:isSponsored>false</cf:isSponsored>
                <cf:hasAffiliateLinks>false</cf:hasAffiliateLinks>
                <cf:isPaid>false</cf:isPaid>
                                                                                                                                <media:content type="image/jpeg" url="https://cdn.mos.cms.futurecdn.net/WXGzR5eWVhKSLkoiCj889A-1280-80.jpg">
                                                            <media:credit><![CDATA[Nintendo]]></media:credit>
                                                                                                                                                                                                                                    <media:description><![CDATA[Nintendo Switch 2 Pokémon Pokopia bundle]]></media:description>                                                            <media:text><![CDATA[Nintendo Switch 2 Pokémon Pokopia bundle]]></media:text>
                                <media:title type="plain"><![CDATA[Nintendo Switch 2 Pokémon Pokopia bundle]]></media:title>
                                                    </media:content>
                                                    <media:thumbnail url="https://cdn.mos.cms.futurecdn.net/WXGzR5eWVhKSLkoiCj889A-1280-80.jpg" />
                                                                                                                                                                    <content:encoded >
                            <![CDATA[
                            <article>
                                <p>Nintendo Switch 2 price increases are coming to Japan, the U.S., and Europe in September. But for now, there's a great opportunity to score a saving on the console in the U.K. that you don't want to miss.</p><p>Right now you can get the <a href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0F2T4JFVG" target="_blank" rel="nofollow">Nintendo Switch 2 for £370 at Amazon</a>. That's £25 off the console's RRP. Or, get one of the console's very best games in the <a href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0H5LSWWQ1" target="_blank" rel="nofollow">Nintendo Switch 2 + Pokémon Pokopia bundle for £394</a>. Compared to buying the items separately, you're saving a massive £62 here (enough to get yourself another game or two!)</p><p>I've listed all the Nintendo Switch and Nintendo Switch 2 games and accessories I recommend buying below. For more ways to save, see our <a href="https://www.tomsguide.com/coupons/amazon-uk">Amazon promo codes</a> coverage.</p><h3 class="article-body__section" id="section-quick-links"><span>Quick links</span></h3><ul><li><strong></strong><a href="https://www.amazon.co.uk/deals" target="_blank" rel="nofollow"><strong>shop all Prime Day deals at Amazon</strong></a></li><li><strong>Jsaux Screen Protector for Nintendo Switch 2 (3-Pack): </strong><a href="https://www.amazon.co.uk/JSAUX-Protector-Nintendo-Tempered-Resistant-HD-Clarity/dp/B0DW8WQ8L2" target="_blank" rel="nofollow"><strong>was £9 now £5</strong></a></li><li><strong>Orzly Carrying Case for Nintendo Switch 2: </strong><a href="https://www.amazon.co.uk/Nintendo-Switch-Protective-Padding-Accessories/dp/B0F49DHSHJ/" target="_blank" rel="nofollow"><strong>was £14 now £10</strong></a></li><li><strong>Minecraft: </strong><a href="https://www.amazon.co.uk/Mojang-221397-Minecraft-Nintendo-Switch/dp/B07DG77KPX" target="_blank" rel="nofollow"><strong>was £24 now £19</strong></a></li><li><strong>Mario Kart 8 Deluxe: </strong><a href="https://www.amazon.co.uk/Mario-Kart-Deluxe-Nintendo-Switch/dp/B01N1081RO" target="_blank" rel="nofollow"><strong>was £49 now £37</strong></a></li><li><strong>Super Mario Bros. Wonder Nintendo Switch 2 Edition: </strong><a href="https://www.amazon.co.uk/Super-Mario-Bros-Wonder-Nintendo/dp/B0GJZYSQ2C" target="_blank" rel="nofollow"><strong>was £66 now £54</strong></a></li><li><strong>Nintendo Switch 2 Console: </strong><a href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0F2T4JFVG" target="_blank" rel="nofollow"><strong>was £395 now £370</strong></a></li><li><strong>Nintendo Switch 2 + Pokémon Pokopia bundle: </strong><a href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0H5LSWWQ1" target="_blank" rel="nofollow"><strong>was £429 now £394</strong></a></li></ul><h3 class="article-body__section" id="section-nintendo-switch-2-consoles"><span>Nintendo Switch 2 Consoles</span></h3><div class="product"><a data-dimension112="20e6067e-9181-11f1-8df5-ff51258cbfb6" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="£370" href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0F2T4JFVG" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:2000px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="63dGPyBNH73xm2BYnLsoJP" name="Nintendo Switch 2 deal" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/63dGPyBNH73xm2BYnLsoJP.jpg" mos="" align="middle" fullscreen="" width="2000" height="2000" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The <a href="https://www.tomsguide.com/gaming/nintendo/nintendo-switch-2-console-review" data-dimension112="20e6067e-9181-11f1-8df5-ff51258cbfb6" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="£370">Nintendo Switch 2</a> takes what worked about its best-selling predecessor and makes impactful upgrades across the board. From the excellent, and noticeably larger, 7.9-inch display to the more powerful internal specs, the Switch 2 is a full leap forward and the best hybrid console you can buy. Amazon doesn't show this as a discount, but <a href="https://store.nintendo.com/en-gb/nintendo-switch-2-P00153" target="_blank" rel="nofollow">Nintendo currently charges £395 for the console</a>.<a class="view-deal button" href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0F2T4JFVG" target="_blank" rel="nofollow" data-dimension112="20e6067e-9181-11f1-8df5-ff51258cbfb6" data-action="Deal Block" data-label="Switch 2" data-dimension48="Switch 2" data-dimension25="£370">View Deal</a></p></div><div class="product"><a data-dimension112="20e606f6-9181-11f1-896c-116d00c95c37" data-action="Deal Block" data-label="Switch 2 + Pokémon Pokopia bundle" data-dimension48="Switch 2 + Pokémon Pokopia bundle" data-dimension25="£394" href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0H5LSWWQ1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:85.27%;"><img id="JRKWVxEqesbtAh6venz8cS" name="Switch 2 + Pokémon Pokopia bundle" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/JRKWVxEqesbtAh6venz8cS.jpg" mos="" align="middle" fullscreen="" width="1500" height="1279" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0H5LSWWQ1" target="_blank" rel="nofollow" data-dimension112="20e606f6-9181-11f1-896c-116d00c95c37" data-action="Deal Block" data-label="Switch 2 + Pokémon Pokopia bundle" data-dimension48="Switch 2 + Pokémon Pokopia bundle" data-dimension25="£394">Switch 2 + Pokémon Pokopia bundle: was £429 now £394</a></strong><br>This bundle gets you a Nintendo Switch 2 console and a copy of Pokémon Pokopia for just £394. Compared to buying the items separately, you're making a saving of £62. The Nintendo Switch 2's upgraded performance and display make it a joy to play, and Pokémon Pokopia is one of the absolute best games on the console.<a class="view-deal button" href="https://www.amazon.co.uk/Nintendo-045496321451-Switch-2-Console-Black/dp/B0H5LSWWQ1" target="_blank" rel="nofollow" data-dimension112="20e606f6-9181-11f1-896c-116d00c95c37" data-action="Deal Block" data-label="Switch 2 + Pokémon Pokopia bundle" data-dimension48="Switch 2 + Pokémon Pokopia bundle" data-dimension25="£394">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-accessories"><span>Nintendo Switch accessories</span></h3><div class="product"><a data-dimension112="20e607e6-9181-11f1-b399-4951b9032487" data-action="Deal Block" data-label="3-Pack Screen Protector for Nintendo Switch 2" data-dimension48="3-Pack Screen Protector for Nintendo Switch 2" data-dimension25="£5" href="https://www.amazon.co.uk/JSAUX-Protector-Nintendo-Tempered-Resistant-HD-Clarity/dp/B0DW8WQ8L2" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:92.13%;"><img id="2fY7HhmwVVG49vbC3dfgBT" name="Jsaux 3-Pack Screen Protector for Nintendo Switch 2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/2fY7HhmwVVG49vbC3dfgBT.jpg" mos="" align="middle" fullscreen="" width="1500" height="1382" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/JSAUX-Protector-Nintendo-Tempered-Resistant-HD-Clarity/dp/B0DW8WQ8L2" target="_blank" rel="nofollow" data-dimension112="20e607e6-9181-11f1-b399-4951b9032487" data-action="Deal Block" data-label="3-Pack Screen Protector for Nintendo Switch 2" data-dimension48="3-Pack Screen Protector for Nintendo Switch 2" data-dimension25="£5">3-Pack Screen Protector for Nintendo Switch 2: was £9 now £5</a></strong><br>In my opinion, adding a screen protector to your Switch 2 is a must. Especially if you plan to play in portable mode regularly. I hate installing screen protectors, but this one comes with a guiding frame to make the process much easier. Plus, you get three screen protectors in the pack, so you can have multiple attempts.<a class="view-deal button" href="https://www.amazon.co.uk/JSAUX-Protector-Nintendo-Tempered-Resistant-HD-Clarity/dp/B0DW8WQ8L2" target="_blank" rel="nofollow" data-dimension112="20e607e6-9181-11f1-b399-4951b9032487" data-action="Deal Block" data-label="3-Pack Screen Protector for Nintendo Switch 2" data-dimension48="3-Pack Screen Protector for Nintendo Switch 2" data-dimension25="£5">View Deal</a></p></div><div class="product"><a data-dimension112="58251bb8-9184-11f1-b1a0-f956db1f7472" data-action="Deal Block" data-label="Carrying Case for Nintendo Switch 2" data-dimension48="Carrying Case for Nintendo Switch 2" data-dimension25="£10" href="https://www.amazon.co.uk/Nintendo-Switch-Protective-Padding-Accessories/dp/B0F49DHSHJ/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:672px;"><p class="vanilla-image-block" style="padding-top:130.80%;"><img id="UJ7PaHAvvAuPADKwuHLMN5" name="Carrying Case for Nintendo Switch 2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/UJ7PaHAvvAuPADKwuHLMN5.jpg" mos="" align="middle" fullscreen="" width="672" height="879" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Nintendo-Switch-Protective-Padding-Accessories/dp/B0F49DHSHJ/" target="_blank" rel="nofollow" data-dimension112="58251bb8-9184-11f1-b1a0-f956db1f7472" data-action="Deal Block" data-label="Carrying Case for Nintendo Switch 2" data-dimension48="Carrying Case for Nintendo Switch 2" data-dimension25="£10">Carrying Case for Nintendo Switch 2: was £14 now £10</a></strong><br>Orzly's Nintendo Switch 2 case can keep your console, games, and extra Joy-Con 2 controllers safe and secure during transit. It boasts a water-resistant EVA outer shell, soft inner molding that snugly fit your Switch 2, and space for up to 20 Switch game cartridges so you've got plenty of entertainment on hand during travel. </p></div><div class="product"><a data-dimension112="20e60854-9181-11f1-9027-8f12b62bf491" data-action="Deal Block" data-label="Rematch Wireless" data-dimension48="Rematch Wireless" data-dimension25="£37" href="https://www.amazon.co.uk/Turtle-Beach-Rematch-Wireless-Controller/dp/B0F1RB4YGC" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:1500px;"><p class="vanilla-image-block" style="padding-top:98.93%;"><img id="ZkaCsGbc3YRjnj379RXJFC" name="Turtle Beach Rematch Wireless vendor image - Amazon" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/ZkaCsGbc3YRjnj379RXJFC.jpg" mos="" align="middle" fullscreen="" width="1500" height="1484" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>As budget controllers go, the <a href="https://www.tomsguide.com/gaming/gaming-peripherals/turtle-beach-rematch-wireless-nintendo-switch-controller-review" data-dimension112="20e60854-9181-11f1-9027-8f12b62bf491" data-action="Deal Block" data-label="Rematch Wireless" data-dimension48="Rematch Wireless" data-dimension25="£37">Turtle Beach Rematch Wireless</a> is a fantastic gamepad for the Nintendo Switch family. Featuring analog thumbsticks and triggers that are highly responsive and motion controls, not only does the Rematch Wireless make games feel more immersive, but it’s extremely comfortable, too. There are also two rear buttons that can be remapped on the fly.<a class="view-deal button" href="https://www.amazon.co.uk/Turtle-Beach-Rematch-Wireless-Controller/dp/B0F1RB4YGC" target="_blank" rel="nofollow" data-dimension112="20e60854-9181-11f1-9027-8f12b62bf491" data-action="Deal Block" data-label="Rematch Wireless" data-dimension48="Rematch Wireless" data-dimension25="£37">View Deal</a></p></div><div class="product"><a data-dimension112="58251c80-9184-11f1-a788-91ca2437e88a" data-action="Deal Block" data-label="Hyperion 3 Wireless JoyPad for Switch 2" data-dimension48="Hyperion 3 Wireless JoyPad for Switch 2" data-dimension25="£99" href="https://www.amazon.co.uk/NYXI-Hyperion-Switch-Controller-Third-Party/dp/B0H2YPF4KD/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:800px;"><p class="vanilla-image-block" style="padding-top:100.00%;"><img id="BKmFDwneiB6Yhfva5TQYuU" name="NYXI Hyperion 3" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/BKmFDwneiB6Yhfva5TQYuU.jpg" mos="" align="middle" fullscreen="" width="800" height="800" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/NYXI-Hyperion-Switch-Controller-Third-Party/dp/B0H2YPF4KD/" target="_blank" rel="nofollow" data-dimension112="58251c80-9184-11f1-a788-91ca2437e88a" data-action="Deal Block" data-label="Hyperion 3 Wireless JoyPad for Switch 2" data-dimension48="Hyperion 3 Wireless JoyPad for Switch 2" data-dimension25="£99">Hyperion 3 Wireless JoyPad for Switch 2: was £129 now £99</a></strong><br>NYXI's Hyperion 3 is the world's first third-party Joy-Con alternative designed exclusively for the Switch 2, boasting an ergonomic design, Hall-effect sticks, larger face buttons, swappable D-pads, RGB lighting, programmable back buttons and more.<a class="view-deal button" href="https://www.amazon.co.uk/NYXI-Hyperion-Switch-Controller-Third-Party/dp/B0H2YPF4KD/" target="_blank" rel="nofollow" data-dimension112="58251c80-9184-11f1-a788-91ca2437e88a" data-action="Deal Block" data-label="Hyperion 3 Wireless JoyPad for Switch 2" data-dimension48="Hyperion 3 Wireless JoyPad for Switch 2" data-dimension25="£99">View Deal</a></p></div><h3 class="article-body__section" id="section-nintendo-switch-games"><span>Nintendo Switch games</span></h3><div class="product"><a data-dimension112="cc8d57ba-9182-11f1-971c-152f17b858ff" data-action="Deal Block" data-label="NBA 2K26" data-dimension48="NBA 2K26" data-dimension25="£18" href="https://www.amazon.co.uk/NBA-2K26-Nintendo-Switch-2/dp/B0FH5DPB28" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:927px;"><p class="vanilla-image-block" style="padding-top:161.81%;"><img id="esresuqBfUwR9e3D7dxHAg" name="nba-2k26-switch-2-case" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/esresuqBfUwR9e3D7dxHAg.jpg" mos="" align="middle" fullscreen="" width="927" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>The latest entry in the annual NBA 2K series has entered the court, and it's once again the most polished and authentic way to play basketball from the comfort of your couch. NBA 2K26 includes the series' standard suite of online and offline modes, including MyTEAM and MyGM. The Switch 2 version isn't as graphically impressive as on other consoles, but it does offer portable play. Which is a pretty big advantage.<a class="view-deal button" href="https://www.amazon.co.uk/NBA-2K26-Nintendo-Switch-2/dp/B0FH5DPB28" target="_blank" rel="nofollow" data-dimension112="cc8d57ba-9182-11f1-971c-152f17b858ff" data-action="Deal Block" data-label="NBA 2K26" data-dimension48="NBA 2K26" data-dimension25="£18">View Deal</a></p></div><div class="product"><a data-dimension112="20e60944-9181-11f1-9095-43b72d9cf665" data-action="Deal Block" data-label="Minecraft" data-dimension48="Minecraft" data-dimension25="£19" href="https://www.amazon.co.uk/Mojang-221397-Minecraft-Nintendo-Switch/dp/B07DG77KPX" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="AUct93iyHkYa3JPM6RRCCW" name="Minecraft NS deal block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/AUct93iyHkYa3JPM6RRCCW.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Mojang-221397-Minecraft-Nintendo-Switch/dp/B07DG77KPX" target="_blank" rel="nofollow" data-dimension112="20e60944-9181-11f1-9095-43b72d9cf665" data-action="Deal Block" data-label="Minecraft" data-dimension48="Minecraft" data-dimension25="£19">Minecraft: was £24 now £19</a></strong><br>There are a lot of ways to play this famous blocky building game, but the Switch is just as good as any. You can enter a fresh world and set up a home for yourself, crafting better and more effective items, or go into creative mode and just build without limits.<a class="view-deal button" href="https://www.amazon.co.uk/Mojang-221397-Minecraft-Nintendo-Switch/dp/B07DG77KPX" target="_blank" rel="nofollow" data-dimension112="20e60944-9181-11f1-9095-43b72d9cf665" data-action="Deal Block" data-label="Minecraft" data-dimension48="Minecraft" data-dimension25="£19">View Deal</a></p></div><div class="product"><a data-dimension112="20e609b2-9181-11f1-a7d6-e98fd7dd7326" data-action="Deal Block" data-label="Assassin's Creed Shadows" data-dimension48="Assassin's Creed Shadows" data-dimension25="£25" href="https://www.amazon.co.uk/Assassins-Creed-Shadows-Switch-2/dp/B0FXHBSRPY" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:927px;"><p class="vanilla-image-block" style="padding-top:161.81%;"><img id="jaRNfSrmmQecbFxCRnVuVg" name="Assassin's Creed Shadows deal block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/jaRNfSrmmQecbFxCRnVuVg.jpg" mos="" align="middle" fullscreen="" width="927" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Assassins-Creed-Shadows-Switch-2/dp/B0FXHBSRPY" target="_blank" rel="nofollow" data-dimension112="20e609b2-9181-11f1-a7d6-e98fd7dd7326" data-action="Deal Block" data-label="Assassin's Creed Shadows" data-dimension48="Assassin's Creed Shadows" data-dimension25="£25">Assassin's Creed Shadows: was £49 now £25</a></strong><br>This installment in the popular Assassin's Creed series takes the franchise to a long-requested setting, Feudal Japan. With two playable protagonists, one focused on brutal combat, the other ninja-style stealth, <a href="https://www.tomsguide.com/gaming/assassins-creed-shadows-review">Assassin's Creed: Shadows</a> will keep you playing for dozens of hours, and runs well on Switch 2.  <a class="view-deal button" href="https://www.amazon.co.uk/Assassins-Creed-Shadows-Switch-2/dp/B0FXHBSRPY" target="_blank" rel="nofollow" data-dimension112="20e609b2-9181-11f1-a7d6-e98fd7dd7326" data-action="Deal Block" data-label="Assassin's Creed Shadows" data-dimension48="Assassin's Creed Shadows" data-dimension25="£25">View Deal</a></p></div><div class="product"><a data-dimension112="cc8d5936-9182-11f1-97d1-5f7dd682e857" data-action="Deal Block" data-label="Outlaws" data-dimension48="Outlaws" data-dimension25="£29" href="https://www.amazon.co.uk/Star-Wars-Outlaws-Gold-Switch/dp/B0F7L6WQV1" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:927px;"><p class="vanilla-image-block" style="padding-top:161.81%;"><img id="BwV6UrdZnqFU8bHcp3JcHX" name="star-wars-outlaws-switch-2-box" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/BwV6UrdZnqFU8bHcp3JcHX.jpg" mos="" align="middle" fullscreen="" width="927" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Ubisoft's underrated Star Wars Outlaws is now on Nintendo Switch 2, and it's one of the console's most impressive AAA ports. It brings an entire sci-fi galaxy to the portable console, and the Switch 2 edition includes the Season Pass with two story packs, A Pirate's Fortune and Wild Card. You play outlaw Kay Vess in the first truly open-world Star Wars game ever.<a class="view-deal button" href="https://www.amazon.co.uk/Star-Wars-Outlaws-Gold-Switch/dp/B0F7L6WQV1" target="_blank" rel="nofollow" data-dimension112="cc8d5936-9182-11f1-97d1-5f7dd682e857" data-action="Deal Block" data-label="Outlaws" data-dimension48="Outlaws" data-dimension25="£29">View Deal</a></p></div><div class="product"><a data-dimension112="20e60a2a-9181-11f1-9526-5d58e3432aa7" data-action="Deal Block" data-label="Super Mario Party Jamboree" data-dimension48="Super Mario Party Jamboree" data-dimension25="£37" href="https://www.amazon.co.uk/Nintendo-Super-Mario-Party-Jamboree/dp/B0D7J4W5N3" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="weEoLNe5QopfPdXFNbxamL" name="super_mario_party_jamboree_deal_block" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/weEoLNe5QopfPdXFNbxamL.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Join Mario and friends for their biggest party yet in <a href="https://www.tomsguide.com/gaming/super-mario-party-jamboree-review" data-dimension112="20e60a2a-9181-11f1-9526-5d58e3432aa7" data-action="Deal Block" data-label="Super Mario Party Jamboree" data-dimension48="Super Mario Party Jamboree" data-dimension25="£37">Super Mario Party Jamboree</a>. With 110 mini-games and seven boards, this party game is packed with content and is an excellent way to gather friends and family for a fast-paced, competitive multiplayer experience.<a class="view-deal button" href="https://www.amazon.co.uk/Nintendo-Super-Mario-Party-Jamboree/dp/B0D7J4W5N3" target="_blank" rel="nofollow" data-dimension112="20e60a2a-9181-11f1-9526-5d58e3432aa7" data-action="Deal Block" data-label="Super Mario Party Jamboree" data-dimension48="Super Mario Party Jamboree" data-dimension25="£37">View Deal</a></p></div><div class="product"><a data-dimension112="20e60aa2-9181-11f1-92c2-6f34e42126f1" data-action="Deal Block" data-label="Mario Kart 8 Deluxe" data-dimension48="Mario Kart 8 Deluxe" data-dimension25="£37" href="https://www.amazon.co.uk/Mario-Kart-Deluxe-Nintendo-Switch/dp/B01N1081RO" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:926px;"><p class="vanilla-image-block" style="padding-top:161.99%;"><img id="DcBwFtfyijWez2usEem7AG" name="MK8 Deluxe.jpg" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/DcBwFtfyijWez2usEem7AG.jpg" mos="" align="middle" fullscreen="" width="926" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p>Sure, you can play Mario Kart World on Switch 2 now, but the racing action in Mario Kart 8 Deluxe is still great. MK8D is one of the most popular Switch games available — even years after its launch it continues to dominate the best-sellers chart. This means any form of discount is pretty rare, but you can currently save on this must-have family-friendly hit.<a class="view-deal button" href="https://www.amazon.co.uk/Mario-Kart-Deluxe-Nintendo-Switch/dp/B01N1081RO" target="_blank" rel="nofollow" data-dimension112="20e60aa2-9181-11f1-92c2-6f34e42126f1" data-action="Deal Block" data-label="Mario Kart 8 Deluxe" data-dimension48="Mario Kart 8 Deluxe" data-dimension25="£37">View Deal</a></p></div><div class="product"><a data-dimension112="cc8d59cc-9182-11f1-a190-853ce6bd8c4d" data-action="Deal Block" data-label="Story of Seasons Grand Bazaar" data-dimension48="Story of Seasons Grand Bazaar" data-dimension25="£43" href="https://www.amazon.co.uk/Story-Seasons-Grand-Bazaar-Switch/dp/B0F3DP9M35" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:490px;"><p class="vanilla-image-block" style="padding-top:161.84%;"><img id="uQqiZyEjyAaiizsCPtvt8e" name="Story of Seasons Grand Bazaar NS2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/uQqiZyEjyAaiizsCPtvt8e.jpg" mos="" align="middle" fullscreen="" width="490" height="793" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Story-Seasons-Grand-Bazaar-Switch/dp/B0F3DP9M35" target="_blank" rel="nofollow" data-dimension112="cc8d59cc-9182-11f1-a190-853ce6bd8c4d" data-action="Deal Block" data-label="Story of Seasons Grand Bazaar" data-dimension48="Story of Seasons Grand Bazaar" data-dimension25="£43">Story of Seasons Grand Bazaar: was £54 now £43</a></strong><br>Can any farming sim game beat Stardew Valley? That's still up for debate, but this is the Story of Seasons series' best effort in years. The farming gameplay is some of the most enjoyable on Switch, as its truly addictive trying to earn the most profit possible selling items at the weekly Grand Bazaar. The graphics also look amazing on Switch 2.<a class="view-deal button" href="https://www.amazon.co.uk/Story-Seasons-Grand-Bazaar-Switch/dp/B0F3DP9M35" target="_blank" rel="nofollow" data-dimension112="cc8d59cc-9182-11f1-a190-853ce6bd8c4d" data-action="Deal Block" data-label="Story of Seasons Grand Bazaar" data-dimension48="Story of Seasons Grand Bazaar" data-dimension25="£43">View Deal</a></p></div><div class="product"><a data-dimension112="cc8d5a44-9182-11f1-85b0-f5cf14aa4a29" data-action="Deal Block" data-label="Tomodachi Life Living the Dream" data-dimension48="Tomodachi Life Living the Dream" data-dimension25="£44" href="https://www.amazon.co.uk/Tomodachi-Life-Living-the-Dream/dp/B0GKPV34CK/" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:900px;"><p class="vanilla-image-block" style="padding-top:161.89%;"><img id="i8DpgTJgv4FzV8bnDgyJAA" name="Living the Dream" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/i8DpgTJgv4FzV8bnDgyJAA.webp" mos="" align="middle" fullscreen="" width="900" height="1457" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Tomodachi-Life-Living-the-Dream/dp/B0GKPV34CK/" target="_blank" rel="nofollow" data-dimension112="cc8d5a44-9182-11f1-85b0-f5cf14aa4a29" data-action="Deal Block" data-label="Tomodachi Life Living the Dream" data-dimension48="Tomodachi Life Living the Dream" data-dimension25="£44">Tomodachi Life Living the Dream: was £49 now £44</a></strong><br>Tomodachi Life: Living the Dream is a unique video game where you’ll populate an island with Miis: little cartoon versions of anyone and anything you can imagine. From there, you’ll just need to keep an eye on goings on — the game is packed with hilariously wacky scenarios. You can also feed and clothe your Miis, decorate their houses, and terraform the island to your liking. Plus, you can get creative and design everything from buildings to pets.<a class="view-deal button" href="https://www.amazon.co.uk/Tomodachi-Life-Living-the-Dream/dp/B0GKPV34CK/" target="_blank" rel="nofollow" data-dimension112="cc8d5a44-9182-11f1-85b0-f5cf14aa4a29" data-action="Deal Block" data-label="Tomodachi Life Living the Dream" data-dimension48="Tomodachi Life Living the Dream" data-dimension25="£44">View Deal</a></p></div><div class="product"><a data-dimension112="20e60b1a-9181-11f1-9341-019aa38c1b19" data-action="Deal Block" data-label="Super Mario Bros. Wonder Nintendo Switch 2 Edition" data-dimension48="Super Mario Bros. Wonder Nintendo Switch 2 Edition" data-dimension25="£54" href="https://www.amazon.co.uk/Super-Mario-Bros-Wonder-Nintendo/dp/B0GJZYSQ2C" target="_blank" rel="nofollow"><figure class="van-image-figure "  ><div class='image-full-width-wrapper'><div class='image-widthsetter' style="max-width:927px;"><p class="vanilla-image-block" style="padding-top:161.81%;"><img id="yZdr5KPvy639Z3bjWUN9Zm" name="Super Mario Bros. Wonder NS2" caption="" alt="" src="https://cdn.mos.cms.futurecdn.net/yZdr5KPvy639Z3bjWUN9Zm.jpg" mos="" align="middle" fullscreen="" width="927" height="1500" attribution="" endorsement="" credit="" class=""></p></div></div></figure></a><p><strong><a href="https://www.amazon.co.uk/Super-Mario-Bros-Wonder-Nintendo/dp/B0GJZYSQ2C" target="_blank" rel="nofollow" data-dimension112="20e60b1a-9181-11f1-9341-019aa38c1b19" data-action="Deal Block" data-label="Super Mario Bros. Wonder Nintendo Switch 2 Edition" data-dimension48="Super Mario Bros. Wonder Nintendo Switch 2 Edition" data-dimension25="£54">Super Mario Bros. Wonder Nintendo Switch 2 Edition: was £66 now £54</a></strong><br>A wonderfully refreshing spin on Mario's classic formula. Venturing to the Flower Kingdom, you'll discover stage-altering Wonder Flowers which can warp levels, create new platforming challenges and even turn Mario into an elephant. Playable in up to four-player co-op, Super Mario Bros. Wonder is a platforming marvel for the entire family. The Nintendo Switch 2 edition brings even more content with the Bellabel Park expansion.<a class="view-deal button" href="https://www.amazon.co.uk/Super-Mario-Bros-Wonder-Nintendo/dp/B0GJZYSQ2C" target="_blank" rel="nofollow" data-dimension112="20e60b1a-9181-11f1-9341-019aa38c1b19" data-action="Deal Block" data-label="Super Mario Bros. Wonder Nintendo Switch 2 Edition" data-dimension48="Super Mario Bros. Wonder Nintendo Switch 2 Edition" data-dimension25="£54">View Deal</a></p></div><div data-model-name="Nintendo Switch" data-widget-type="review"></div>
                                                            </article>
                            ]]>
                        </content:encoded>
                                                </item>
            </channel>
</rss>