<!DOCTYPE html>
<html lang="en">
<head>
    <script>
    document.addEventListener('error', function (event) {
        var img = event.target;
        if (!img || img.tagName !== 'IMG' || img.getAttribute('data-fs-original')) {
            return;
        }
        var failed = img.currentSrc || img.src || '';
        if (failed.indexOf('cdn.freshstore.cloud/') === -1 || !/[?&]width=/.test(failed)) {
            return;
        }
        var original = failed.split('?')[0];
        img.setAttribute('data-fs-original', original);
        if (img.parentNode && img.parentNode.tagName === 'PICTURE') {
            var sources = img.parentNode.getElementsByTagName('source');
            for (var i = sources.length - 1; i >= 0; i--) {
                sources[i].parentNode.removeChild(sources[i]);
            }
        }
        img.removeAttribute('srcset');
        img.removeAttribute('sizes');
        img.src = original;
    }, true);
</script>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Buy Fireplaces And Stoves Online | Fireplaces And Stove</title>
<meta name="csrf-token" content="3XwyKwb7LLBm7FrGbLG7KgVifskrAp3qlbKNT2KU">
<meta name="description" content="Explore our collection of quality fireplaces and stoves designed to warm your home and enhance your living space with style and comfort. Shop now!">
<meta name="keywords" content="fireplaces, stoves, home heating, quality fireplaces, eco-friendly stoves, wood burning stoves, gas fireplaces, electric fireplaces, traditional fireplaces, modern stoves, energy-efficient heating, indoor heating solutions, fireplace accessories, stove in">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Fireplaces And Stove">
<meta property="og:title" content="Buy Fireplaces And Stoves Online | Fireplaces And Stove">
<meta property="og:url" content="https://www.fireplacesandstove.com/">
<meta property="og:description" content="Explore our collection of quality fireplaces and stoves designed to warm your home and enhance your living space with style and comfort. Shop now!">
<meta property="og:image" content="https://cdn.freshstore.cloud/template/images/12701/7332/fireplaces-and-stove-text-logo-512x512-png.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Buy Fireplaces And Stoves Online | Fireplaces And Stove">
<meta name="twitter:description" content="Explore our collection of quality fireplaces and stoves designed to warm your home and enhance your living space with style and comfort. Shop now!">
<meta name="twitter:image" content="https://cdn.freshstore.cloud/template/images/12701/7332/fireplaces-and-stove-text-logo-512x512-png.png">
        
        
            <link rel="canonical" href="https://www.fireplacesandstove.com/"/>
    
    <link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
    <link rel="stylesheet" href="https://rsms.me/inter/inter.css">

    <link rel="preload" as="style" href="https://www.fireplacesandstove.com/build/assets/app-DKot85bP.css" /><link rel="modulepreload" as="script" href="https://www.fireplacesandstove.com/build/assets/app-Dw9jeBlZ.js" /><link rel="modulepreload" as="script" href="https://www.fireplacesandstove.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="stylesheet" href="https://www.fireplacesandstove.com/build/assets/app-DKot85bP.css" data-navigate-track="reload" /><script type="module" src="https://www.fireplacesandstove.com/build/assets/app-Dw9jeBlZ.js" data-navigate-track="reload"></script>    <script data-fs-speculation="eyJwcmVyZW5kZXIiOlt7IndoZXJlIjp7ImFuZCI6W3siaHJlZl9tYXRjaGVzIjoiLyoifSx7Im5vdCI6eyJocmVmX21hdGNoZXMiOlsiL291dC8qIiwiL2FjY291bnQiLCIvYWNjb3VudC8qIiwiL2FkbWluIiwiL2FkbWluLyoiLCIvY2FydCIsIi9jYXJ0LyoiLCIvbGl2ZXdpcmUvKiIsIi8qLnhtbCIsIi8qLnR4dCIsIi8qL291dC8qIiwiLyovYWNjb3VudCIsIi8qL2FjY291bnQvKiIsIi8qL2NhcnQiLCIvKi9jYXJ0LyoiLCIvKi9saXZld2lyZS8qIl19fSx7Im5vdCI6eyJzZWxlY3Rvcl9tYXRjaGVzIjpbImEuZnMtYWwiLCJbcmVsfj1zcG9uc29yZWRdIiwiW3JlbH49bm9mb2xsb3ddIiwiW3RhcmdldD1fYmxhbmtdIiwiW2RhdGEtbm8tcHJlcmVuZGVyXSJdfX1dfSwiZWFnZXJuZXNzIjoibW9kZXJhdGUifV19">
    (function () {
        var rules = document.currentScript.getAttribute('data-fs-speculation');
        if (!window.HTMLScriptElement || !HTMLScriptElement.supports || !HTMLScriptElement.supports('speculationrules')) {
            return;
        }
        var events = ['pointermove', 'pointerdown', 'touchstart', 'keydown', 'scroll'];
        var add = function () {
            events.forEach(function (e) { window.removeEventListener(e, add, true); });
            var s = document.createElement('script');
            s.type = 'speculationrules';
            s.textContent = atob(rules);
            document.head.appendChild(s);
        };
        events.forEach(function (e) { window.addEventListener(e, add, { capture: true, passive: true }); });
    })();
</script>
<script>
    window.addEventListener('pageswap', function (event) {
        var url = event.activation && event.activation.entry && event.activation.entry.url;
        if (!event.viewTransition || !url || new URL(url).pathname.split('/')[1] !== 'admin') {
            return;
        }
        event.viewTransition.ready.catch(function (error) {
            if (error.name !== 'AbortError') {
                throw error;
            }
        });
        event.viewTransition.skipTransition();
    });
</script>
<style>
    @view-transition { navigation: auto; }
    @media (prefers-reduced-motion: reduce) {
        @view-transition { navigation: none; }
    }
</style>
    <script>(function(){function m(){try{document.cookie='fs_js=1; Max-Age=86400; Path=/; SameSite=Lax'+(location.protocol==='https:'?'; Secure':'')}catch(e){}}m();addEventListener('pointerdown',m,{capture:true,passive:true});addEventListener('keydown',m,{capture:true,passive:true})})();</script>

<style>a[data-fs-out]{cursor:pointer}</style>
<script>(function(){function a(e){var l=e.target&&e.target.closest?e.target.closest('a[data-fs-out]'):null;if(!l||l.hasAttribute('href'))return;try{l.setAttribute('href',atob(l.getAttribute('data-fs-out')))}catch(x){}}['pointerover','pointerdown','mousedown','touchstart','focusin','contextmenu','click'].forEach(function(t){addEventListener(t,a,{capture:true,passive:true})})})();</script>


            <link rel="stylesheet" href="https://cdn.freshstore.cloud/shared/fonts/outfit.css">
<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/outfit-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.freshstore.cloud/shared/fonts/inter.css">
<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/inter-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/inter-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">


        <style>
            :root {
                --font-title: 'Outfit', sans-serif;
                --font-subtitle: 'Outfit', sans-serif;
                --font-body: 'Inter', sans-serif;
            }
        </style>
    
    <style id="fs-crystal-semantic-colours">
    /* Text: solid, because text must contrast whatever the page is. */
    .fs-template-crystal .text-gray-900,
    .fs-template-crystal .text-gray-800 {
        color: rgb(var(--color-title));
    }

    .fs-template-crystal .hover\:text-gray-800:hover {
        color: rgb(var(--color-title));
    }

    .fs-template-crystal .hover\:text-gray-900:hover {
        color: rgb(var(--color-title));
    }

    .fs-template-crystal .text-gray-700,
    .fs-template-crystal .text-gray-600 {
        color: rgb(var(--color-text));
    }

    .fs-template-crystal .group:hover .group-hover\:text-gray-600 {
        color: rgb(var(--color-text));
    }

    .fs-template-crystal .hover\:text-gray-600:hover {
        color: rgb(var(--color-text));
    }

    .fs-template-crystal .text-gray-500 {
        color: rgb(var(--color-light));
    }

    .fs-template-crystal .hover\:text-gray-500:hover,
    .fs-template-crystal .group:hover .group-hover\:text-gray-500 {
        color: rgb(var(--color-light));
    }

    .fs-template-crystal .placeholder-gray-500::placeholder {
        color: rgb(var(--color-light));
    }

    .fs-template-crystal .fill-gray-600 {
        fill: rgb(var(--color-text));
    }

    /* Decoration: separators, spinner tracks, a chevron. These are ink, but
       they carry no words, so they sit near the page rather than clear of it. */
    .fs-template-crystal .text-gray-400 {
        color: rgba(var(--color-light), 0.66);
    }

    .fs-template-crystal .fill-gray-400 {
        fill: rgba(var(--color-light), 0.66);
    }

    .fs-template-crystal .text-gray-300 {
        color: rgba(var(--color-light), 0.3);
    }

    .fs-template-crystal .hover\:text-gray-300:hover {
        color: rgba(var(--color-light), 0.3);
    }

    .fs-template-crystal .text-gray-200 {
        color: rgba(var(--color-light), 0.17);
    }

    /* Rules. 0.25 on the 200 weight is the value already shipped. */
    .fs-template-crystal .border-gray-200 {
        border-color: rgba(var(--color-light), 0.25);
    }

    .fs-template-crystal .border-gray-300 {
        border-color: rgba(var(--color-light), 0.3);
    }

    .fs-template-crystal .hover\:border-gray-400:hover {
        border-color: rgba(var(--color-light), 0.66);
    }

    .fs-template-crystal .focus-visible\:ring-gray-900:focus-visible {
        --tw-ring-color: rgb(var(--color-title));
    }

    .fs-template-crystal .focus\:border-gray-400:focus {
        border-color: rgba(var(--color-light), 0.66);
    }

    .fs-template-crystal .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
        border-color: rgba(var(--color-light), 0.25);
    }

    @media (min-width: 640px) {
        .fs-template-crystal .sm\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
            border-color: rgba(var(--color-light), 0.25);
        }
    }

    .fs-template-crystal .focus-within\:ring-gray-200:focus-within {
        --tw-ring-color: rgba(var(--color-light), 0.25);
    }

    /* Panels. bg-white stays white here; on a dark page the block below
       gives it the page colour. */
    .fs-template-crystal .bg-gray-50 {
        background-color: rgba(var(--color-light), 0.05);
    }

    .fs-template-crystal .bg-gray-100,
    .fs-template-crystal .hover\:bg-gray-100:hover {
        background-color: rgba(var(--color-light), 0.08);
    }

    .fs-template-crystal .bg-gray-200 {
        background-color: rgba(var(--color-light), 0.17);
    }

    .fs-template-crystal .bg-gray-300 {
        background-color: rgba(var(--color-light), 0.3);
    }

    /* A link on a panel. The skin's link colour is clamped against the page,
       and a panel is a shade darker than the page, so Blue Dream's link fell
       to 4.3:1 on bg-gray-50 ("View All" on the home sections). A fifth of
       the title ink keeps the hue and clears 4.5:1 (design gate, 25 Sep). */
    .fs-template-crystal .bg-gray-50 .text-skin-link {
        color: color-mix(in srgb, rgb(var(--color-link)) 80%, rgb(var(--color-title)));
    }

    /* The one deliberately dark panel: the desktop locale pill. */
    .fs-template-crystal .bg-gray-900 {
        background-color: rgb(var(--color-bg-dark));
    }

    /* A button filled with the skin's button colour takes the skin's own
       label colour, which SkinContrastTest holds at 4.5:1 on it. Several
       buttons spelled white instead: the footer's Sign up read 1.71:1 on
       Pastel Pink (4 October 2026). Identical wherever that label is white. */
    .fs-template-crystal .bg-skin-button-accent.text-white {
        color: rgb(var(--color-button-accent-text));
    }

    /* The brand line on a product card is words, not decoration, so it takes
       the muted TEXT colour rather than the 0.66 decoration alpha of its
       text-gray-400 (2.5:1 on white, 4 October 2026). The hook class is
       added, the literal stays for members' Custom CSS. */
    .fs-template-crystal .fs-card-brand {
        color: rgb(var(--color-light));
    }
</style>



    
<style id="fs-crystal-ink">.fs-template-crystal span.text-skin-logo { color: rgb(149, 102, 50); }</style>
    

    
    <script type="text/javascript">
        window.debugMode = false;
    </script>

    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>

    <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","name":"Fireplaces And Stove","url":"https://www.fireplacesandstove.com"},{"@type":"WebPage","name":"Store","headline":"Buy Fireplaces And Stoves Online | Fireplaces And Stove","description":"Discover Your Perfect Heating Solution With Our Wide Selection","datePublished":"2024-09-17T03:43:36+00:00","dateModified":"2025-02-03T20:29:33+00:00","publisher":{"@type":"Organization","name":"Fireplaces And Stove"},"mainEntityOfPage":"https://www.fireplacesandstove.com/","keywords":"fireplaces, stoves, home heating, quality fireplaces, eco-friendly stoves, wood burning stoves, gas fireplaces, electric fireplaces, traditional fireplaces, modern stoves, energy-efficient heating, indoor heating solutions, fireplace accessories, stove installation, heating equipment, decorative fireplaces, pellet stoves, chimney maintenance, cozy home atmosphere, fire safety products"}]}</script>

    <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Fireplaces And Stove","url":"https://www.fireplacesandstove.com","logo":"https://cdn.freshstore.cloud/template/images/12701/4735/c/fireplaces-and-stove-text-logo-png-logo.png"}</script>
    
    <meta name="google-site-verification" content="amaky-bSb3bQO2ixMmk2_XU51IoCh0k_R_OeUFYkKFg" />
<meta name="linksindexer-site-verification" content="53d2b8fa8e3daf2d7eccbddb5e0f96b8d2b764db076af5cd80a503a9170e869f">

    <link rel="alternate" type="application/rss+xml" href="https://www.fireplacesandstove.com/feed/products-new.rss" title="New Products">
        <link rel="alternate" type="application/rss+xml" href="https://www.fireplacesandstove.com/feed/products-old.rss" title="Old Products">
        <link rel="alternate" type="application/rss+xml" href="https://www.fireplacesandstove.com/feed/products-updated.rss" title="Recently Updated Products">
        <link rel="alternate" type="application/rss+xml" href="https://www.fireplacesandstove.com/feed/products-random.rss" title="Random Products">
        <link rel="alternate" type="application/rss+xml" href="https://www.fireplacesandstove.com/feed/products-popular.rss" title="Popular Products">
        <link rel="alternate" type="application/rss+xml" href="https://www.fireplacesandstove.com/feed/articles-new.rss" title="New Articles">
        <link rel="alternate" type="application/rss+xml" href="https://www.fireplacesandstove.com/feed/articles-old.rss" title="Old Articles">
        <link rel="alternate" type="application/rss+xml" href="https://www.fireplacesandstove.com/feed/articles-updated.rss" title="Recently Updated Articles">
        <link rel="alternate" type="application/rss+xml" href="https://www.fireplacesandstove.com/feed/articles-random.rss" title="Random Articles">
        <link rel="alternate" type="application/rss+xml" href="https://www.fireplacesandstove.com/feed/articles-popular.rss" title="Popular Articles">
        
</head>

    <body
        class="fs-template-crystal skin-bookworm font-body font-normal !text-base [&amp;_.prose]:!text-base text-skin-base"
        style="background-color: #FFFFFF;"
    >

<div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;TBuyIQNsnqGaCGydxURZ&quot;,&quot;name&quot;:&quot;toast&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-3436471034-0&quot;:[&quot;div&quot;,&quot;RFEV3Zl9Tsi0j3oMH7tH&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;fd7cb965900bc143defcce8b33f2a3ec7b2178a6c38812522fc52c271979df5f&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;]}" wire:id="TBuyIQNsnqGaCGydxURZ">
    <div wire:snapshot="{&quot;data&quot;:{&quot;defaultDuration&quot;:5000,&quot;loadDelay&quot;:400,&quot;prod&quot;:true,&quot;toasts&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;RFEV3Zl9Tsi0j3oMH7tH&quot;,&quot;name&quot;:&quot;toasts&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;5914e249ebcf70c34166d297e7ab93bb2c8e6ad23ecccbea88e0f8832141f73e&quot;}" wire:effects="[]" wire:id="RFEV3Zl9Tsi0j3oMH7tH"
    x-data='ToastComponent($wire)'
    @mouseleave="scheduleRemovalWithOlder()"
    class="fixed top-0 right-0 z-50 p-4 space-y-3 w-full max-w-sm pointer-events-none ltr:right-0 rtl:left-0 toasts-container sm:p-6"
    style="z-index:999;"
>
    <template
        x-for="toast in toasts.filter((a)=>a)"
        :key="toast.index"
    >
        <div
            @mouseenter="cancelRemovalWithNewer(toast.index)"
            @mouseleave="scheduleRemovalWithOlder(toast.index)"
            @click="remove(toast.index)"
            x-show="toast.show===1"
            x-transition:enter="ease-out duration-500 transition"
            x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 ltr:sm:translate-x-10 rtl:sm:-translate-x-10"
            x-transition:enter-end="translate-y-0 opacity-100 ltr:sm:translate-x-0"
            x-transition:leave="transition ease-in duration-500"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            x-init="$nextTick(()=>{toast.show=1})"
        >
            <div>
    <div
        class="overflow-hidden z-50 p-5 bg-white rounded-md shadow cursor-pointer pointer-events-auto select-none ltr:border-l-8 rtl:border-r-8 hover:bg-gray-50 dark:hover:bg-gray-900 dark:bg-black"
        x-bind:class="{
                    'border-blue-700': toast.type === 'info',
                    'border-green-700': toast.type === 'success',
                    'border-yellow-700': toast.type === 'warning',
                    'border-red-700': toast.type === 'danger'
                  }"
    >
        <div class="flex justify-between items-center space-x-5 rtl:space-x-reverse">
            <div class="flex-1 ltr:mr-2 rtl:ml-2">
                <div
                    class="mb-1 text-lg font-black text-gray-900 uppercase font-large dark:text-gray-100"
                    x-html="toast.title"
                    x-show="toast.title !== undefined"
                ></div>

                <div
                    class="text-gray-900 dark:text-gray-200"
                    x-show="toast.message !== undefined"
                    x-html="toast.message"
                ></div>
            </div>

            <template x-if="toast.type==='debug'">
    <svg
        class="w-8 h-8 text-gray-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 512 512"
    >
        <path
            fill="currentColor"
            d="M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z"
            class=""
        ></path>
    </svg>
</template>

<template x-if="toast.type==='info'">
    <svg
        class="w-8 h-8 text-blue-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 192 512"
    >
        <path
            fill="currentColor"
            fill-opacity="0.5"
            d="M20 448h152a20 20 0 0 1 20 20v24a20 20 0 0 1-20 20H20a20 20 0 0 1-20-20v-24a20 20 0 0 1 20-20z"
        />
        <path
            fill="currentColor"
            d="M96 128a64 64 0 1 0-64-64 64 64 0 0 0 64 64zm28 64H20a20 20 0 0 0-20 20v24a20 20 0 0 0 20 20h28v192h96V212a20 20 0 0 0-20-20z"
        />
    </svg>
</template>

<template x-if="toast.type==='success'">
    <svg
        class="w-8 h-8 text-green-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 512 512"
    >
        <path
            fill="currentColor"
            d="M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z"
        ></path>
    </svg>
</template>

<template x-if="toast.type==='warning'">
    <svg
        class="w-8 h-8 text-yellow-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 192 512"
    >
        <path
            fill="currentColor"
            fill-opacity="0.5"
            d="M49.22 0h93.56a24 24 0 0 1 24 25.2l-13.63 272a24 24 0 0 1-24 22.8H62.84a24 24 0 0 1-24-22.8l-13.59-272A24 24 0 0 1 49.22 0z"
        ></path>
        <path
            fill="currentColor"
            d="M96 512a80 80 0 1 1 80-80 80.09 80.09 0 0 1-80 80z"
        ></path>
    </svg>
</template>

<template x-if="toast.type==='danger'">
    <svg
        class="w-8 h-8 text-red-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 576 512"
    >
        <path
            fill="currentColor"
            fill-opacity="0.5"
            d="M569.52 440L329.58 24c-18.44-32-64.69-32-83.16 0L6.48 440c-18.42 31.94 4.64 72 41.57 72h479.89c36.87 0 60.06-40 41.58-72zM288 448a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm38.24-238.41l-12.8 128A16 16 0 0 1 297.52 352h-19a16 16 0 0 1-15.92-14.41l-12.8-128A16 16 0 0 1 265.68 192h44.64a16 16 0 0 1 15.92 17.59z"
        ></path>
        <path
            fill="currentColor"
            d="M310.32 192h-44.64a16 16 0 0 0-15.92 17.59l12.8 128A16 16 0 0 0 278.48 352h19a16 16 0 0 0 15.92-14.41l12.8-128A16 16 0 0 0 310.32 192zM288 384a32 32 0 1 0 32 32 32 32 0 0 0-32-32z"
        ></path>
    </svg>
</template>
        </div>
    </div>

</div>
        </div>
    </template>
</div>
</div>



    
    
    <div class="" x-data="{ mobileMenuOpen: false }" @keydown.window.escape="mobileMenuOpen = false">

        
        <div x-cloak x-show="mobileMenuOpen" id="navigation-top-mobile">

    <div class="fixed inset-0 flex z-50 lg:hidden" role="dialog" aria-modal="true" x-show="mobileMenuOpen">

        <div class="fixed inset-0 bg-black bg-opacity-25"
             aria-hidden="true"
             x-show="mobileMenuOpen"
             x-transition:enter="transition-opacity ease-linear duration-300"
             x-transition:enter-start="transform opacity-0 scale-95"
             x-transition:enter-end="transform opacity-100 scale-100"
             x-transition:leave="transition-opacity ease-linear duration-300"
             x-transition:leave-start="transform opacity-100 scale-100"
             x-transition:leave-end="transform opacity-0 scale-95"
             @click.prevent="mobileMenuOpen = false"
        ></div>

        <div class="relative max-w-xs w-full bg-white shadow-xl pb-12 flex flex-col overflow-y-auto"
             x-show="mobileMenuOpen"
             x-transition:enter="transition ease-in-out duration-300 transform"
             x-transition:enter-start="-translate-x-full rtl:translate-x-full"
             x-transition:enter-end="translate-x-0"
             x-transition:leave="transition ease-in-out duration-300 transform"
             x-transition:leave-start="translate-x-0"
             x-transition:leave-end="-translate-x-full rtl:translate-x-full"
        >
            <div class="px-4 pt-5 pb-2 flex">
                <button type="button" class="-m-2 p-2 rounded-md inline-flex items-center justify-center text-gray-400" @click.prevent="mobileMenuOpen = false">
                    <span class="sr-only">Close Menu</span>
                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>                </button>
            </div>

            <div class="py-6 px-4 space-y-6">
                <div class="flow-root">
                    <form action="https://www.fireplacesandstove.com/search" method="GET" class="flex lg:hidden">
                        <input type="text" name="q" aria-label="Search" value="" class="block w-1/2 me-2 px-4 py-2 w-full font-medium text-gray-600 border-gray-300 rounded-md shadow-sm focus:ring-skin-accent focus:border-skin-accent">
                        <button type="submit" class="-m-2 p-2 text-gray-400 hover:text-gray-500 focus:ring-skin-accent">
                            <span class="sr-only">Search</span>
                            <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path 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"/></svg>                        </button>
                    </form>
                </div>
            </div>

            <!-- Links -->
            <div class="mt-2">

                
                    
                    <div class="border-t border-gray-200 px-4" x-data="{show: false}">

                        <h3>
                            <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-start" type="button" :aria-expanded="show">
                                <span class="text-gray-900 whitespace-nowrap text-base font-medium">Categories</span>
                                <span class="ms-6 flex items-center">
                                    <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>                                    <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg>                                </span>
                            </button>
                        </h3>

                        <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
                                <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ms-2">
                                                <a href="/categories/bioethanol-fireplaces">
                                                    Bioethanol Fireplaces
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-5" class="ms-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/free-standing-bioethanol-fireplaces" class="text-gray-500">
                                                                Free Standing Bioethanol Fires
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/table-top-bioethanol-fireplaces" class="text-gray-500">
                                                                Table Top Bioethanol Fireplace...
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/wall-mounted-bioethanol-fireplaces" class="text-gray-500">
                                                                Wall Mounted Bioethanol Fires
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ms-2">
                                                <a href="/categories/electric-fireplaces">
                                                    Electric Fireplaces
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-5" class="ms-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/electric-fireplace-inserts" class="text-gray-500">
                                                                Electric Fireplace Inserts
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/electric-fireplaces-with-mantel" class="text-gray-500">
                                                                Electric Fireplace With Mantel
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/electric-fireplace-stove-heaters" class="text-gray-500">
                                                                Electric Stove Heaters
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/free-standing-electric-fireplaces" class="text-gray-500">
                                                                Free Standing Electric Fires
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/wall-mounted-electric-fireplaces" class="text-gray-500">
                                                                Wall Mounted Electric Fires
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ms-2">
                                                <a href="/categories/stove-fireplaces">
                                                    Stove Fireplaces
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-5" class="ms-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/pellet-stoves" class="text-gray-500">
                                                                Pellet Stoves
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/portable-stoves-for-camping" class="text-gray-500">
                                                                Portable Stoves for Camping
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/wood-burning-stoves" class="text-gray-500">
                                                                Wood Burning Stoves
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ms-2">
                                                <a href="/categories/outdoor-fires">
                                                    Outdoor Fires
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-5" class="ms-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/chimineas" class="text-gray-500">
                                                                Chimineas
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/fire-pits" class="text-gray-500">
                                                                Fire Pits
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/patio-heaters" class="text-gray-500">
                                                                Patio Heaters
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ms-2">
                                                <a href="/categories/fireplace-fuels">
                                                    Fireplace Fuels
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-5" class="ms-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/bio-ethanol-fuels" class="text-gray-500">
                                                                Bio Ethanol Fuels
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/pellet-fuels" class="text-gray-500">
                                                                Pellet Fuels
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/wood-fire-log-fuels" class="text-gray-500">
                                                                Wood Fire Log Fuels
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                    </div>
                        </div>
                    </div>

                    
                
                    
                    <div class="border-t border-gray-200 px-4" x-data="{show: false}">

                        <h3>
                            <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-start" type="button" :aria-expanded="show">
                                <span class="text-gray-900 whitespace-nowrap text-base font-medium">Brands</span>
                                <span class="ms-6 flex items-center">
                                    <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>                                    <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg>                                </span>
                            </button>
                        </h3>

                        <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
                                <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/roundfire-bioethanol-fireplaces">
                                                    Roundfire Bioethanol Fireplaces
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/legend-flame-fireplaces">
                                                    Legend Flame Fireplaces
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/bali-outdoors">
                                                    Bali Outdoors Heaters And Fire Pits
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/ashley-hearth-stoves">
                                                    Ashley Hearth Stoves
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/duraflame-fireplaces">
                                                    Duraflame Fireplaces
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/ignis-bioethanol-fireplaces">
                                                    Ignis Bioethanol Fireplaces
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/r-w-flame-fireplaces">
                                                    R.W.Flame Fireplaces
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/ameriwood-home-fireplaces">
                                                    Ameriwood Home Fireplaces
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/real-flame-electric-fireplaces">
                                                    Real Flame Electric Fireplaces
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/comfortbilt-pellet-stoves">
                                                    Comfortbilt Pellet Stoves
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/boshiro-fireplaces">
                                                    Boshiro Fireplaces
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/mr-heater">
                                                    Mr. Heater
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/jhy-design">
                                                    Jhy Design
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/brian-dany">
                                                    Brian &amp; Dany
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/breezeheat">
                                                    Breezeheat
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/belleze">
                                                    Belleze
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/anywhere-fireplace">
                                                    Anywhere Fireplace
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/alpaca">
                                                    Alpaca
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/yaheetech">
                                                    Yaheetech
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ms-2">
                                                <a href="/brands/tangkula">
                                                    Tangkula
                                                </a>
                                            </p>

                                                                                    </div>
                                                                    </div>
                        </div>
                    </div>

                    
                
                    
                    <div class="border-t border-gray-200 px-4" x-data="{show: false}">

                        <h3>
                            <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-start" type="button" :aria-expanded="show">
                                <span class="text-gray-900 whitespace-nowrap text-base font-medium">Articles</span>
                                <span class="ms-6 flex items-center">
                                    <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>                                    <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg>                                </span>
                            </button>
                        </h3>

                        <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
                                <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
                                                                            <div>
                                            <p id="mobile-featured-heading-2" class="font-medium text-gray-700 ms-2">
                                                <a href="/article-category/fireplaces-buying-guides">
                                                    Fireplaces Buying Guides
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-2" class="ms-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/articles/wall-mounted-bioethanol-fireplaces-enhancing-your-home-with-style-and-warmth" class="text-gray-500">
                                                                Stylish Wall-Mounted Bioethano...
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/bioethanol-fires-pros-and-cons" class="text-gray-500">
                                                                Bioethanol Fires: Pros &amp; Cons
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/transform-your-home-with-stylish-wall-mounted-electric-fireplaces" class="text-gray-500">
                                                                Stylish Wall-Mounted Electric...
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-2" class="font-medium text-gray-700 ms-2">
                                                <a href="/article-category/stoves-buying-guides">
                                                    Stoves Buying Guides
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-2" class="ms-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/articles/electric-fireplace-stove-heaters-a-cozy-and-convenient-heating-solution" class="text-gray-500">
                                                                Cozy Electric Fireplace Stoves
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/beginners-guide-to-wood-burning-stoves" class="text-gray-500">
                                                                Wood Burning Stove Basics
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/pellet-stoves-a-simple-beginner-s-guide" class="text-gray-500">
                                                                Beginner&#039;s Guide to Pellet Sto...
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                    </div>
                        </div>
                    </div>

                    
                
                                                                                                                                                                                                    
            </div>

            
                                        <div class="border-t border-gray-200 py-6 px-4 space-y-6">
                    <div class="flow-root">
                        <a href="https://www.fireplacesandstove.com/account/create" class="-m-2 p-2 block font-medium text-gray-900">Create Account</a>
                    </div>
                    <div class="flow-root">
                        <a href="https://www.fireplacesandstove.com/account/login" class="-m-2 p-2 block font-medium text-gray-900">Log In</a>
                    </div>
                </div>
            
                        
        </div>
    </div>

</div>
        <header class="z-40 relative"
        id="navigation-top-desktop"
        >
    <nav aria-label="Top">
        <!-- Top navigation -->
        <div class="bg-skin-dark">
            <div class="max-w-7xl mx-auto h-10 px-4 flex items-center justify-between sm:px-6 lg:px-8">

                <div class="flex items-center lg:flex-1">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;storeLocales&quot;:[[[{&quot;iso_3166_2&quot;:&quot;CA&quot;,&quot;iso_3166_3&quot;:&quot;CAN&quot;,&quot;name&quot;:&quot;Canada&quot;,&quot;currency_code&quot;:&quot;CAD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;DE&quot;,&quot;iso_3166_3&quot;:&quot;DEU&quot;,&quot;name&quot;:&quot;Germany&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;ES&quot;,&quot;iso_3166_3&quot;:&quot;ESP&quot;,&quot;name&quot;:&quot;Spain&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;FR&quot;,&quot;iso_3166_3&quot;:&quot;FRA&quot;,&quot;name&quot;:&quot;France&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;GB&quot;,&quot;iso_3166_3&quot;:&quot;GBR&quot;,&quot;name&quot;:&quot;United Kingdom&quot;,&quot;currency_code&quot;:&quot;GBP&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IT&quot;,&quot;iso_3166_3&quot;:&quot;ITA&quot;,&quot;name&quot;:&quot;Italy&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;NL&quot;,&quot;iso_3166_3&quot;:&quot;NLD&quot;,&quot;name&quot;:&quot;Netherlands&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;PL&quot;,&quot;iso_3166_3&quot;:&quot;POL&quot;,&quot;name&quot;:&quot;Poland&quot;,&quot;currency_code&quot;:&quot;PLN&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SE&quot;,&quot;iso_3166_3&quot;:&quot;SWE&quot;,&quot;name&quot;:&quot;Sweden&quot;,&quot;currency_code&quot;:&quot;SEK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;US&quot;,&quot;iso_3166_3&quot;:&quot;USA&quot;,&quot;name&quot;:&quot;United States&quot;,&quot;currency_code&quot;:&quot;USD&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;countryCode&quot;:&quot;US&quot;,&quot;lastCountryCode&quot;:&quot;US&quot;,&quot;display&quot;:&quot;desktop&quot;,&quot;imageBaseUrl&quot;:&quot;https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/&quot;,&quot;initialised&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;eufi3lyEWV1lFccB4Lw4&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;c3aee19304b42ef3c0d5b5e76d7318f40bf8e450b8270d982163af2630f619ff&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;]}" wire:id="eufi3lyEWV1lFccB4Lw4" class="flex-1">
    
    <!--[if BLOCK]><![endif]-->    <div class="hidden">
        <svg aria-hidden="true" class="mx-3 w-4 h-4 text-gray-200 animate-spin dark:text-gray-600 fill-gray-400" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
            <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
        </svg>
    </div>

    
        <div class="">
        <div class="hidden lg:block"
             x-data="{
                 open: false,
                 active: 0,
                 codes: JSON.parse('[\u0022CA\u0022,\u0022FR\u0022,\u0022DE\u0022,\u0022IT\u0022,\u0022NL\u0022,\u0022PL\u0022,\u0022ES\u0022,\u0022SE\u0022,\u0022GB\u0022,\u0022US\u0022]'),
                 names: JSON.parse('[\u0022Canada\u0022,\u0022France\u0022,\u0022Germany\u0022,\u0022Italy\u0022,\u0022Netherlands\u0022,\u0022Poland\u0022,\u0022Spain\u0022,\u0022Sweden\u0022,\u0022United Kingdom\u0022,\u0022United States\u0022]'),
                 shorts: JSON.parse('[\u0022CAN\u0022,\u0022FRA\u0022,\u0022DEU\u0022,\u0022ITA\u0022,\u0022NLD\u0022,\u0022POL\u0022,\u0022ESP\u0022,\u0022SWE\u0022,\u0022GBR\u0022,\u0022USA\u0022]'),
                 flagBase: 'https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/locale\/flag\/',
                 current: 'US',
                 left: null,
                 show() {
                     
                     const r = document.getElementById('locale-list-desktop-button').getBoundingClientRect();
                     const w = Math.min(256, window.innerWidth - 24);
                     this.left = r.left + r.width / 2 > window.innerWidth / 2
                         ? Math.max(12, r.right - w) + window.scrollX
                         : null;
                     this.active = Math.max(0, this.codes.indexOf(this.$wire?.countryCode));
                     this.open = true;
                     this.$nextTick(() => this.focusActive());
                 },
                 hide(refocus = true) {
                     this.open = false;
                     if (refocus) this.$nextTick(() => document.getElementById('locale-list-desktop-button')?.focus());
                 },
                 move(step) {
                     this.active = Math.min(this.codes.length - 1, Math.max(0, this.active + step));
                     this.focusActive();
                 },
                 jump(key) {
                     if (key.length !== 1) return;
                     const k = key.toLowerCase();
                     const n = this.codes.length;
                     for (let i = 1; i <= n; i++) {
                         const j = (this.active + i) % n;
                         if (this.names[j].toLowerCase().startsWith(k)) { this.active = j; this.focusActive(); return; }
                     }
                 },
                 focusActive() {
                     const el = document.getElementById('locale-list-desktop-'.concat(this.active));
                     el?.focus({ preventScroll: true });
                     el?.scrollIntoView({ block: 'nearest' });
                 },
                 choose(i) {
                     const code = this.codes[i];
                     this.hide();
                     if (!code || code === this.$wire.countryCode) return;
                     this.$wire.countryCode = code;
                     this.$wire.setLocale();
                 },
             }"
             x-on:keydown.escape.window="open && hide()">

            <button type="button" id="locale-list-desktop-button"
                    x-on:click="open ? hide(false) : show()"
                    x-on:keydown.arrow-down.prevent="show()"
                    x-on:keydown.arrow-up.prevent="show()"
                    aria-haspopup="listbox" :aria-expanded="open" aria-controls="locale-list-desktop"
                    aria-label="Country: United States (USA)"
                    wire:loading.class="opacity-50"
                    
                    class="relative inline-flex items-center gap-1.5 rounded-md border after:absolute after:-inset-x-1 after:-inset-y-[10px] after:content-['']  border-gray-300 bg-white py-0.5 ps-1.5 pe-1 text-sm font-medium leading-5 text-gray-900 hover:border-gray-400 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-900 focus-visible:ring-offset-1">
                <!--[if BLOCK]><![endif]-->                    <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/us.svg" alt="" width="20" height="15" class="h-[15px] w-5 shrink-0 rounded-[2px] object-cover ring-1 ring-black/10">
                <!--[if ENDBLOCK]><![endif]-->                <span>USA</span>
                <svg class="h-4 w-4 shrink-0 text-gray-500 transition-transform" :class="open && 'rotate-180'" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.06l3.71-3.83a.75.75 0 111.08 1.04l-4.25 4.39a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z" clip-rule="evenodd"/></svg>
            </button>

            <template x-teleport="body">
                <ul id="locale-list-desktop" role="listbox" aria-label="Country"
                    x-show="open" x-cloak
                    x-anchor.no-style.bottom-start.offset.6="document.getElementById('locale-list-desktop-button')"
                    :style="{ position: 'absolute', top: $anchor.y + 'px', left: (left ?? $anchor.x) + 'px' }"
                    x-on:click.outside="open && !$event.target.closest('#locale-list-desktop-button') && hide(false)"
                    x-on:keydown.arrow-down.prevent="move(1)"
                    x-on:keydown.arrow-up.prevent="move(-1)"
                    x-on:keydown.home.prevent="active = 0; focusActive()"
                    x-on:keydown.end.prevent="active = codes.length - 1; focusActive()"
                    x-on:keydown.tab="hide(false)"
                    x-on:keydown="jump($event.key)"
                    x-transition.opacity.duration.100ms
                    style="display: none"
                    class="z-[70] max-h-80 w-64 max-w-[calc(100vw-1.5rem)] overflow-y-auto rounded-md bg-white py-1 text-start text-sm text-gray-900 shadow-lg ring-1 ring-black/10 focus:outline-none">
                    
                    <template x-for="(code, i) in codes" :key="code">
                        <li role="option" tabindex="-1" :id="'locale-list-desktop-' + i"
                            :aria-selected="code === current ? 'true' : 'false'"
                            x-on:click="choose(i)"
                            x-on:keydown.enter.prevent="choose(i)"
                            x-on:keydown.space.prevent="choose(i)"
                            x-on:mouseenter="active = i"
                            :class="active === i ? 'bg-gray-100' : ''"
                            class="flex cursor-pointer select-none items-center gap-3 px-3 py-2 focus:outline-none">
                            <img :src="flagBase + code.toLowerCase() + '.svg'" alt="" width="20" height="15" loading="lazy" class="h-[15px] w-5 shrink-0 rounded-[2px] object-cover ring-1 ring-black/10">
                            <span class="min-w-0 flex-1 truncate" :class="code === current && 'font-semibold'" x-text="names[i]"></span>
                            <span class="shrink-0 text-xs text-gray-500" x-text="shorts[i]"></span>
                        </li>
                    </template>
                </ul>
            </template>
        </div>
    </div>
    <!--[if ENDBLOCK]><![endif]--></div>
                </div>

                <div class="text-center text-sm font-subtitle text-white flex-auto lg:flex-initial">
                    Bringing you the best products at the lowest prices
                </div>

                
                                            <div class="hidden lg:flex lg:flex-1 lg:items-center lg:justify-end lg:space-x-6 lg:rtl:space-x-reverse">
                            <a href="https://www.fireplacesandstove.com/account/create" class="text-sm font-subtitle text-white hover:opacity-75">Create Account</a>
                            <span class="h-6 w-px bg-gray-300" aria-hidden="true"></span>
                            <a href="https://www.fireplacesandstove.com/account/login" class="text-sm font-subtitle text-white hover:opacity-75">Log In</a>
                        </div>
                    
                    
                

            </div>
        </div>

        <!-- Secondary navigation -->
        <div class="bg-white">
            <div class="border-b border-gray-200">
                <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">

                    
                    <div class="h-16 flex items-center justify-between">
                        <!-- Logo (lg+) -->
                        <div class="hidden lg:flex lg:items-center">
                            <a href="/">

                                
                                                                    <span class="sr-only">Fireplaces And Stove</span>
                                    <img src="https://cdn.freshstore.cloud/template/images/12701/4735/c/fireplaces-and-stove-text-logo-png-logo.png" alt="The store logo" title="Store Logo" class="h-[var(--fs-mark-h,2rem)] w-auto max-w-none" style="--fs-mark-h: 36px; --fs-mark-w: 108px; --fs-mark-h-sm: 28px; --fs-mark-w-sm: 84px;">
                                
                            </a>
                        </div>

                        <div class="hidden h-full lg:flex lg:flex-1 lg:justify-start">
                            <div class="ms-8">
                                <div class="h-full flex justify-center space-x-8 rtl:space-x-reverse">

                                                                            
                                            <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
                                                <div class="relative flex">
                                                    <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
                                                        Categories
                                                    </button>
                                                </div>


                                                <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
                                                    <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>

                                                    <div class="relative bg-white">
                                                        <div class="max-w-7xl mx-auto px-8">
                                                            <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">

                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/bioethanol-fireplaces">
                                                                            Bioethanol Fireplaces
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/free-standing-bioethanol-fireplaces" class="hover:text-gray-800">
                                                                                    Free Standing Bioethanol Fires
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/table-top-bioethanol-fireplaces" class="hover:text-gray-800">
                                                                                    Table Top Bioethanol Fireplace...
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/wall-mounted-bioethanol-fireplaces" class="hover:text-gray-800">
                                                                                    Wall Mounted Bioethanol Fires
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/electric-fireplaces">
                                                                            Electric Fireplaces
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/electric-fireplace-inserts" class="hover:text-gray-800">
                                                                                    Electric Fireplace Inserts
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/electric-fireplaces-with-mantel" class="hover:text-gray-800">
                                                                                    Electric Fireplace With Mantel
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/electric-fireplace-stove-heaters" class="hover:text-gray-800">
                                                                                    Electric Stove Heaters
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/free-standing-electric-fireplaces" class="hover:text-gray-800">
                                                                                    Free Standing Electric Fires
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/wall-mounted-electric-fireplaces" class="hover:text-gray-800">
                                                                                    Wall Mounted Electric Fires
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/stove-fireplaces">
                                                                            Stove Fireplaces
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/pellet-stoves" class="hover:text-gray-800">
                                                                                    Pellet Stoves
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/portable-stoves-for-camping" class="hover:text-gray-800">
                                                                                    Portable Stoves for Camping
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/wood-burning-stoves" class="hover:text-gray-800">
                                                                                    Wood Burning Stoves
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/outdoor-fires">
                                                                            Outdoor Fires
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/chimineas" class="hover:text-gray-800">
                                                                                    Chimineas
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/fire-pits" class="hover:text-gray-800">
                                                                                    Fire Pits
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/patio-heaters" class="hover:text-gray-800">
                                                                                    Patio Heaters
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/fireplace-fuels">
                                                                            Fireplace Fuels
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/bio-ethanol-fuels" class="hover:text-gray-800">
                                                                                    Bio Ethanol Fuels
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/pellet-fuels" class="hover:text-gray-800">
                                                                                    Pellet Fuels
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/wood-fire-log-fuels" class="hover:text-gray-800">
                                                                                    Wood Fire Log Fuels
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                                                                                                    
                                            <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
                                                <div class="relative flex">
                                                    <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
                                                        Brands
                                                    </button>
                                                </div>


                                                <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
                                                    <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>

                                                    <div class="relative bg-white">
                                                        <div class="max-w-7xl mx-auto px-8">
                                                            <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">

                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/roundfire-bioethanol-fireplaces">
                                                                            Roundfire Bioethanol Fireplaces
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/legend-flame-fireplaces">
                                                                            Legend Flame Fireplaces
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/bali-outdoors">
                                                                            Bali Outdoors Heaters And Fire Pits
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/ashley-hearth-stoves">
                                                                            Ashley Hearth Stoves
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/duraflame-fireplaces">
                                                                            Duraflame Fireplaces
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/ignis-bioethanol-fireplaces">
                                                                            Ignis Bioethanol Fireplaces
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/r-w-flame-fireplaces">
                                                                            R.W.Flame Fireplaces
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/ameriwood-home-fireplaces">
                                                                            Ameriwood Home Fireplaces
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/real-flame-electric-fireplaces">
                                                                            Real Flame Electric Fireplaces
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/comfortbilt-pellet-stoves">
                                                                            Comfortbilt Pellet Stoves
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/boshiro-fireplaces">
                                                                            Boshiro Fireplaces
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/mr-heater">
                                                                            Mr. Heater
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/jhy-design">
                                                                            Jhy Design
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/brian-dany">
                                                                            Brian &amp; Dany
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/breezeheat">
                                                                            Breezeheat
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/belleze">
                                                                            Belleze
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/anywhere-fireplace">
                                                                            Anywhere Fireplace
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/alpaca">
                                                                            Alpaca
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/yaheetech">
                                                                            Yaheetech
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/tangkula">
                                                                            Tangkula
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                                                                                                    
                                            <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
                                                <div class="relative flex">
                                                    <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
                                                        Articles
                                                    </button>
                                                </div>


                                                <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
                                                    <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>

                                                    <div class="relative bg-white">
                                                        <div class="max-w-7xl mx-auto px-8">
                                                            <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">

                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/article-category/fireplaces-buying-guides">
                                                                            Fireplaces Buying Guides
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/wall-mounted-bioethanol-fireplaces-enhancing-your-home-with-style-and-warmth" class="hover:text-gray-800">
                                                                                    Stylish Wall-Mounted Bioethano...
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/bioethanol-fires-pros-and-cons" class="hover:text-gray-800">
                                                                                    Bioethanol Fires: Pros &amp; Cons
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/transform-your-home-with-stylish-wall-mounted-electric-fireplaces" class="hover:text-gray-800">
                                                                                    Stylish Wall-Mounted Electric...
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/article-category/stoves-buying-guides">
                                                                            Stoves Buying Guides
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/electric-fireplace-stove-heaters-a-cozy-and-convenient-heating-solution" class="hover:text-gray-800">
                                                                                    Cozy Electric Fireplace Stoves
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/beginners-guide-to-wood-burning-stoves" class="hover:text-gray-800">
                                                                                    Wood Burning Stove Basics
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/pellet-stoves-a-simple-beginner-s-guide" class="hover:text-gray-800">
                                                                                    Beginner&#039;s Guide to Pellet Sto...
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                
                                </div>
                            </div>
                        </div>

                        <div class="flex-none flex items-center lg:hidden">
                            <button type="button" class="-ms-2 bg-white p-2 rounded-md text-gray-400" @click.prevent="mobileMenuOpen = true">
                                <span class="sr-only">Open Menu</span>
                                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>                            </button>



                        </div>

                        <!-- Logo (lg-) -->

                                                        <a href="/" class="lg:hidden flex items-center ms-4">
                                <span class="sr-only">Fireplaces And Stove</span>
                                <img src="https://cdn.freshstore.cloud/template/images/12701/4735/c/fireplaces-and-stove-text-logo-png-logo.png" alt="The store logo" title="Store Logo" class="h-[var(--fs-mark-h-sm,2rem)] w-auto max-w-none" style="--fs-mark-h: 36px; --fs-mark-w: 108px; --fs-mark-h-sm: 28px; --fs-mark-w-sm: 84px;">
                            </a>
                            


                        <div class="flex items-center justify-end">

                            <div class="flex items-center lg:ms-8">
                                <div class="flex space-x-8 rtl:space-x-reverse">
                                    <div class="hidden lg:flex">
                                        <form action="https://www.fireplacesandstove.com/search" method="GET" class="flex">
                                            <input type="text" name="q" aria-label="Search" value="" class="block w-full me-2 px-2 py-0 text-xs text-gray-600 border-gray-300 rounded-md shadow-sm focus:ring-skin-accent focus:border-skin-accent">
                                            <button type="submit" class="-m-2 p-2 text-gray-400 hover:text-gray-500 focus:ring-skin-accent">
                                                <span class="sr-only">Search</span>
                                                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path 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"/></svg>                                            </button>
                                        </form>
                                    </div>

                                    <div class="hidden lg:flex space-x-3 rtl:space-x-reverse">





















                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                



                                    </div>
                                </div>




                                <div class="flow-root">
                                    <div wire:snapshot="{&quot;data&quot;:{&quot;storeLocales&quot;:[[[{&quot;iso_3166_2&quot;:&quot;CA&quot;,&quot;iso_3166_3&quot;:&quot;CAN&quot;,&quot;name&quot;:&quot;Canada&quot;,&quot;currency_code&quot;:&quot;CAD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;DE&quot;,&quot;iso_3166_3&quot;:&quot;DEU&quot;,&quot;name&quot;:&quot;Germany&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;ES&quot;,&quot;iso_3166_3&quot;:&quot;ESP&quot;,&quot;name&quot;:&quot;Spain&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;FR&quot;,&quot;iso_3166_3&quot;:&quot;FRA&quot;,&quot;name&quot;:&quot;France&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;GB&quot;,&quot;iso_3166_3&quot;:&quot;GBR&quot;,&quot;name&quot;:&quot;United Kingdom&quot;,&quot;currency_code&quot;:&quot;GBP&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IT&quot;,&quot;iso_3166_3&quot;:&quot;ITA&quot;,&quot;name&quot;:&quot;Italy&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;NL&quot;,&quot;iso_3166_3&quot;:&quot;NLD&quot;,&quot;name&quot;:&quot;Netherlands&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;PL&quot;,&quot;iso_3166_3&quot;:&quot;POL&quot;,&quot;name&quot;:&quot;Poland&quot;,&quot;currency_code&quot;:&quot;PLN&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SE&quot;,&quot;iso_3166_3&quot;:&quot;SWE&quot;,&quot;name&quot;:&quot;Sweden&quot;,&quot;currency_code&quot;:&quot;SEK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;US&quot;,&quot;iso_3166_3&quot;:&quot;USA&quot;,&quot;name&quot;:&quot;United States&quot;,&quot;currency_code&quot;:&quot;USD&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;countryCode&quot;:&quot;US&quot;,&quot;lastCountryCode&quot;:&quot;US&quot;,&quot;display&quot;:&quot;mobile&quot;,&quot;imageBaseUrl&quot;:&quot;https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/&quot;,&quot;initialised&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;LmKBIfxEFrpg9FL51u2B&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;60a03b41d46e191c512455db68561d6a6d2747da692e3bbc6fd5edf21c67fdca&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;]}" wire:id="LmKBIfxEFrpg9FL51u2B" class="flex-1">
    
    <!--[if BLOCK]><![endif]-->    <div class="hidden">
        <svg aria-hidden="true" class="mx-3 w-4 h-4 text-gray-200 animate-spin dark:text-gray-600 fill-gray-400" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
            <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
        </svg>
    </div>

    
        <div class="">
        <div class="lg:hidden"
             x-data="{
                 open: false,
                 active: 0,
                 codes: JSON.parse('[\u0022CA\u0022,\u0022FR\u0022,\u0022DE\u0022,\u0022IT\u0022,\u0022NL\u0022,\u0022PL\u0022,\u0022ES\u0022,\u0022SE\u0022,\u0022GB\u0022,\u0022US\u0022]'),
                 names: JSON.parse('[\u0022Canada\u0022,\u0022France\u0022,\u0022Germany\u0022,\u0022Italy\u0022,\u0022Netherlands\u0022,\u0022Poland\u0022,\u0022Spain\u0022,\u0022Sweden\u0022,\u0022United Kingdom\u0022,\u0022United States\u0022]'),
                 shorts: JSON.parse('[\u0022CAN\u0022,\u0022FRA\u0022,\u0022DEU\u0022,\u0022ITA\u0022,\u0022NLD\u0022,\u0022POL\u0022,\u0022ESP\u0022,\u0022SWE\u0022,\u0022GBR\u0022,\u0022USA\u0022]'),
                 flagBase: 'https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/locale\/flag\/',
                 current: 'US',
                 left: null,
                 show() {
                     
                     const r = document.getElementById('locale-list-mobile-button').getBoundingClientRect();
                     const w = Math.min(256, window.innerWidth - 24);
                     this.left = r.left + r.width / 2 > window.innerWidth / 2
                         ? Math.max(12, r.right - w) + window.scrollX
                         : null;
                     this.active = Math.max(0, this.codes.indexOf(this.$wire?.countryCode));
                     this.open = true;
                     this.$nextTick(() => this.focusActive());
                 },
                 hide(refocus = true) {
                     this.open = false;
                     if (refocus) this.$nextTick(() => document.getElementById('locale-list-mobile-button')?.focus());
                 },
                 move(step) {
                     this.active = Math.min(this.codes.length - 1, Math.max(0, this.active + step));
                     this.focusActive();
                 },
                 jump(key) {
                     if (key.length !== 1) return;
                     const k = key.toLowerCase();
                     const n = this.codes.length;
                     for (let i = 1; i <= n; i++) {
                         const j = (this.active + i) % n;
                         if (this.names[j].toLowerCase().startsWith(k)) { this.active = j; this.focusActive(); return; }
                     }
                 },
                 focusActive() {
                     const el = document.getElementById('locale-list-mobile-'.concat(this.active));
                     el?.focus({ preventScroll: true });
                     el?.scrollIntoView({ block: 'nearest' });
                 },
                 choose(i) {
                     const code = this.codes[i];
                     this.hide();
                     if (!code || code === this.$wire.countryCode) return;
                     this.$wire.countryCode = code;
                     this.$wire.setLocale();
                 },
             }"
             x-on:keydown.escape.window="open && hide()">

            <button type="button" id="locale-list-mobile-button"
                    x-on:click="open ? hide(false) : show()"
                    x-on:keydown.arrow-down.prevent="show()"
                    x-on:keydown.arrow-up.prevent="show()"
                    aria-haspopup="listbox" :aria-expanded="open" aria-controls="locale-list-mobile"
                    aria-label="Country: United States (USA)"
                    wire:loading.class="opacity-50"
                    
                    class="relative inline-flex items-center gap-1.5 rounded-md border after:absolute after:-inset-x-1 after:-inset-y-[10px] after:content-['']  border-gray-300 bg-white py-0.5 ps-1.5 pe-1 text-sm font-medium leading-5 text-gray-900 hover:border-gray-400 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-900 focus-visible:ring-offset-1">
                <!--[if BLOCK]><![endif]-->                    <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/us.svg" alt="" width="20" height="15" class="h-[15px] w-5 shrink-0 rounded-[2px] object-cover ring-1 ring-black/10">
                <!--[if ENDBLOCK]><![endif]-->                <span>USA</span>
                <svg class="h-4 w-4 shrink-0 text-gray-500 transition-transform" :class="open && 'rotate-180'" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.06l3.71-3.83a.75.75 0 111.08 1.04l-4.25 4.39a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z" clip-rule="evenodd"/></svg>
            </button>

            <template x-teleport="body">
                <ul id="locale-list-mobile" role="listbox" aria-label="Country"
                    x-show="open" x-cloak
                    x-anchor.no-style.bottom-start.offset.6="document.getElementById('locale-list-mobile-button')"
                    :style="{ position: 'absolute', top: $anchor.y + 'px', left: (left ?? $anchor.x) + 'px' }"
                    x-on:click.outside="open && !$event.target.closest('#locale-list-mobile-button') && hide(false)"
                    x-on:keydown.arrow-down.prevent="move(1)"
                    x-on:keydown.arrow-up.prevent="move(-1)"
                    x-on:keydown.home.prevent="active = 0; focusActive()"
                    x-on:keydown.end.prevent="active = codes.length - 1; focusActive()"
                    x-on:keydown.tab="hide(false)"
                    x-on:keydown="jump($event.key)"
                    x-transition.opacity.duration.100ms
                    style="display: none"
                    class="z-[70] max-h-80 w-64 max-w-[calc(100vw-1.5rem)] overflow-y-auto rounded-md bg-white py-1 text-start text-sm text-gray-900 shadow-lg ring-1 ring-black/10 focus:outline-none">
                    
                    <template x-for="(code, i) in codes" :key="code">
                        <li role="option" tabindex="-1" :id="'locale-list-mobile-' + i"
                            :aria-selected="code === current ? 'true' : 'false'"
                            x-on:click="choose(i)"
                            x-on:keydown.enter.prevent="choose(i)"
                            x-on:keydown.space.prevent="choose(i)"
                            x-on:mouseenter="active = i"
                            :class="active === i ? 'bg-gray-100' : ''"
                            class="flex cursor-pointer select-none items-center gap-3 px-3 py-2 focus:outline-none">
                            <img :src="flagBase + code.toLowerCase() + '.svg'" alt="" width="20" height="15" loading="lazy" class="h-[15px] w-5 shrink-0 rounded-[2px] object-cover ring-1 ring-black/10">
                            <span class="min-w-0 flex-1 truncate" :class="code === current && 'font-semibold'" x-text="names[i]"></span>
                            <span class="shrink-0 text-xs text-gray-500" x-text="shorts[i]"></span>
                        </li>
                    </template>
                </ul>
            </template>
        </div>
    </div>
    <!--[if ENDBLOCK]><![endif]--></div>
                                </div>


                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</header>

        

        
        <main>

            <div class="">

                
                
                
    
    
    <nav aria-label="Offers" class="order-last lg:order-first">
    <div class="max-w-7xl mx-auto lg:px-8">
        <ul role="list" class="grid grid-cols-3 divide-x rtl:divide-x-reverse divide-gray-200">

            
                <li class="flex flex-col">
                    <a href="/special-offers" target="_self"  class="relative flex-1 flex flex-col justify-center py-6 px-4 max-lg:py-3 max-lg:px-2 text-center focus:z-10">
    <p class="text-sm max-lg:text-xs text-skin-subtitle">
                            Special offers
                        </p>
                        <p class="max-lg:text-xs font-subtitle font-bold text-skin-title">
                            Access our discounts
                        </p>
</a>
                </li>

            
                <li class="flex flex-col">
                    <a href="/our-newsletter" target="_self"  class="relative flex-1 flex flex-col justify-center py-6 px-4 max-lg:py-3 max-lg:px-2 text-center focus:z-10">
    <p class="text-sm max-lg:text-xs text-skin-subtitle">
                            Sign up for our newsletter
                        </p>
                        <p class="max-lg:text-xs font-subtitle font-bold text-skin-title">
                            Exclusive sales, tips and news
                        </p>
</a>
                </li>

            
                <li class="flex flex-col">
                    <a href="/all-articles" target="_self"  class="relative flex-1 flex flex-col justify-center py-6 px-4 max-lg:py-3 max-lg:px-2 text-center focus:z-10">
    <p class="text-sm max-lg:text-xs text-skin-subtitle">
                            View our articles
                        </p>
                        <p class="max-lg:text-xs font-subtitle font-bold text-skin-title">
                            Expert buying guides
                        </p>
</a>
                </li>

            
        </ul>
    </div>
</nav>
                                        <div class="relative  " style="background-color: #111827">
        <div aria-hidden="true" class="absolute inset-0 overflow-hidden">
                <img
            src="https://cdn.freshstore.cloud/template/images/12701/8/c/living-room-with-fireplace-2023-11-27-05-06-00-utc-min-jpg-hero.webp"
             fetchpriority="high"              srcset="https://cdn.freshstore.cloud/template/images/12701/8/c/living-room-with-fireplace-2023-11-27-05-06-00-utc-min-jpg-hero.webp 2400w" sizes="100vw"             alt="A selection of our products on this store"
            title="Browse Our Products and Shop With Confidence"
            class="w-full h-full object-center object-cover">
            </div>
                
    <div class="relative mx-auto flex max-w-3xl md:max-w-[50%] flex-col items-center px-6 text-center lg:px-0 py-32 sm:py-64">
                <h1 class="font-title text-skin-title tracking-tight text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] [text-shadow:0_0_6px_rgba(0,0,0,0.5),0_0_18px_rgba(0,0,0,0.6),0_0_40px_rgba(0,0,0,0.45)] !text-4xl md:!text-5xl lg:!text-6xl font-normal">Best Fireplaces and Stoves For Sale Online</h1>
                <h2 class="mt-4 font-subtitle text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] [text-shadow:0_0_6px_rgba(0,0,0,0.5),0_0_18px_rgba(0,0,0,0.6),0_0_40px_rgba(0,0,0,0.45)] font-subtitle text-lg md:text-xl lg:text-2xl font-normal">Discover Your Perfect Heating Solution With Our Wide Selection</h2>
                
                <a href="/categories" target="_self"  class="mx-auto mt-8 rounded-md border border-transparent bg-skin-button-accent py-3 px-8 text-base font-medium text-skin-button-accent hover:bg-opacity-75">
    Browse Products
</a>
                    </div>

</div>
                                        <section aria-labelledby="featured-products-heading" class="fs-sec">
    <div class="lg:max-w-7xl lg:mx-auto lg:px-8">
        <div class="px-4 flex items-center justify-between sm:px-6 lg:px-0">
            
            <h2 id="featured-products-heading"
                class="text-2xl text-skin-subtitle font-subtitle font-normal">Featured Products</h2>
            
                        <a href="/all-products" target="_self"  class="hidden sm:block text-sm font-semibold text-skin-link hover:opacity-75">
    View All <span class="fs-flip-rtl" aria-hidden="true"> &rarr;</span>
</a>
                    </div>

                    
            <div class="sm:-mb-10">
                <div class="mt-8 grid grid-cols-2 md:grid-cols-2 lg:grid-cols-4">
            <div class="group relative flex flex-col p-4 sm:p-6">
            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">

                <img
    src="https://m.media-amazon.com/images/I/41OzHnfujOL._SL800_.jpg"
     srcset="https://m.media-amazon.com/images/I/41OzHnfujOL._SL300_.jpg 300w, https://m.media-amazon.com/images/I/41OzHnfujOL._SL800_.jpg 800w, https://m.media-amazon.com/images/I/41OzHnfujOL._SL1200_.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="Pamapic 48,000 BTU Pyramid Flame Patio Heater"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain p-4"
/>

            </div>
            <div class="flex grow flex-col pt-10 pb-4 text-center">
                <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                    <a href="/products/pamapic-48-000-btu-pyramid-flame-patio-heater-814">
                        <span class="absolute inset-0" aria-hidden="true"></span>
                        Pamapic Pyramid Patio Heater
                    </a>
                </h3>

                
                <div class="mt-auto">
                    <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.37 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="fs-flip-rtl text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.37 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.37 out of 5 stars"><span aria-hidden="true">4.4</span> (210 reviews)</span>
            </div>
        </div>

    
                    
                    <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
            <p class="fs-cb__price fs-cb__price--standby "><span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:814,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:159.99,&quot;priceFormatted&quot;:&quot;$159.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;9M18ro3QebWPqo64XpbU&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;7d8ad6c09f97a599719f7e84076fbc15916991cf0e83f47ddab424f4f70bc4de&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="9M18ro3QebWPqo64XpbU" wire:loading.class="opacity-20" data-fs-price="814" data-fs-price-type="actual"  class="">
    
    <!--[if BLOCK]><![endif]-->        
        
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->$159.99<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
</p>
                    <a data-fs-out="L291dC9wcm9kdWN0LzgxND9ieXBhc3MtY2RuPTE=" tabindex="0" role="link" target="_blank" rel="nofollow sponsored noopener" data-product-id="814" data-placement="related" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:814,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:159.99,&quot;priceFormatted&quot;:&quot;$159.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:2600,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:11},&quot;memo&quot;:{&quot;id&quot;:&quot;iBfwBwnIZ7jwsgla3X4o&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;292ba252ff14bfe34e935642103707957f446c2572f95bfe9203a759808a149b&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="iBfwBwnIZ7jwsgla3X4o" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="814" data-fs-price-type="actual">$159.99</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow fs-flip-rtl" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/pamapic-48-000-btu-pyramid-flame-patio-heater-814" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow fs-flip-rtl" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                </div>
            </div>
        </div>
            <div class="group relative flex flex-col p-4 sm:p-6">
            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">

                <img
    src="https://m.media-amazon.com/images/I/41s3qII+UzL._SL800_.jpg"
     srcset="https://m.media-amazon.com/images/I/41s3qII+UzL._SL300_.jpg 300w, https://m.media-amazon.com/images/I/41s3qII+UzL._SL800_.jpg 800w, https://m.media-amazon.com/images/I/41s3qII+UzL._SL1200_.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="RealSmart 22 in Electric Fireplace Stove with Remote"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain p-4"
/>

            </div>
            <div class="flex grow flex-col pt-10 pb-4 text-center">
                <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                    <a href="/products/realsmart-22-in-electric-fireplace-stove-with-remote">
                        <span class="absolute inset-0" aria-hidden="true"></span>
                        RealSmart 22&quot; Electric Stove
                    </a>
                </h3>

                
                <div class="mt-auto">
                    <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.8 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                            </div>
                <p class="sr-only">4.8 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.8 out of 5 stars"><span aria-hidden="true">4.8</span> (139 reviews)</span>
            </div>
        </div>

    
                    
                    <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
            <p class="fs-cb__price fs-cb__price--standby "><span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:943,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:87.99,&quot;priceFormatted&quot;:&quot;$87.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;2xZyDQ9Pju1FK1nIJJ9F&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;7aafb0cd244316a04efaf32d393915a3622800969274cc8be0bdce8812165678&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="2xZyDQ9Pju1FK1nIJJ9F" wire:loading.class="opacity-20" data-fs-price="943" data-fs-price-type="actual"  class="">
    
    <!--[if BLOCK]><![endif]-->        
        
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->$87.99<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
</p>
                    <a data-fs-out="L291dC9wcm9kdWN0Lzk0Mz9ieXBhc3MtY2RuPTE=" tabindex="0" role="link" target="_blank" rel="nofollow sponsored noopener" data-product-id="943" data-placement="related" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:943,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:87.99,&quot;priceFormatted&quot;:&quot;$87.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:3503,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:20},&quot;memo&quot;:{&quot;id&quot;:&quot;xaPFSTtTOCDEz5yfAhLE&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;831eaacd8fdf9957c8eaf9ca0a3da44be2231e374100a8abdb1b0f572cbe6009&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="xaPFSTtTOCDEz5yfAhLE" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="943" data-fs-price-type="actual">$87.99</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow fs-flip-rtl" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/realsmart-22-in-electric-fireplace-stove-with-remote" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow fs-flip-rtl" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                </div>
            </div>
        </div>
            <div class="group relative flex flex-col p-4 sm:p-6">
            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">

                <img
    src="https://m.media-amazon.com/images/I/51EnyxByMtL._SL800_.jpg"
     srcset="https://m.media-amazon.com/images/I/51EnyxByMtL._SL300_.jpg 300w, https://m.media-amazon.com/images/I/51EnyxByMtL._SL800_.jpg 800w, https://m.media-amazon.com/images/I/51EnyxByMtL._SL1200_.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="TURBRO 26&quot; WiFi Infrared Quartz Electric Fireplace"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain p-4"
/>

            </div>
            <div class="flex grow flex-col pt-10 pb-4 text-center">
                <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                    <a href="/products/turbro-26-wifi-infrared-quartz-electric-fireplace">
                        <span class="absolute inset-0" aria-hidden="true"></span>
                        TURBRO 26&quot; WiFi Electric Fireplace
                    </a>
                </h3>

                
                <div class="mt-auto">
                    <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.61 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="fs-flip-rtl text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.61 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.61 out of 5 stars"><span aria-hidden="true">4.6</span> (61 reviews)</span>
            </div>
        </div>

    
                    
                    <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
            <p class="fs-cb__price fs-cb__price--standby "><span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:938,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:179.99,&quot;priceFormatted&quot;:&quot;$179.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;S2NVQvXdJaxG1LTiMvVi&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;ad3ddd472442fc5202d946f53701675aeb6b1528a5f679bda2a63b6933d28f29&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="S2NVQvXdJaxG1LTiMvVi" wire:loading.class="opacity-20" data-fs-price="938" data-fs-price-type="actual"  class="">
    
    <!--[if BLOCK]><![endif]-->        
        
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->$179.99<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
</p>
                    <a data-fs-out="L291dC9wcm9kdWN0LzkzOD9ieXBhc3MtY2RuPTE=" tabindex="0" role="link" target="_blank" rel="nofollow sponsored noopener" data-product-id="938" data-placement="related" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:938,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:179.99,&quot;priceFormatted&quot;:&quot;$179.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:3633,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;eBay&quot;,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;ZQa4dDGjmakkF1ysnejE&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;f025596f742b7383369cc28033de273145eae9c95aaa74f587034fdb36cda7c9&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="ZQa4dDGjmakkF1ysnejE" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="938" data-fs-price-type="actual">$179.99</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">eBay</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow fs-flip-rtl" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/turbro-26-wifi-infrared-quartz-electric-fireplace" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow fs-flip-rtl" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                </div>
            </div>
        </div>
            <div class="group relative flex flex-col p-4 sm:p-6">
            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">

                <img
    src="https://m.media-amazon.com/images/I/31jiWHD5azL._SL800_.jpg"
     srcset="https://m.media-amazon.com/images/I/31jiWHD5azL._SL300_.jpg 300w, https://m.media-amazon.com/images/I/31jiWHD5azL._SL800_.jpg 800w, https://m.media-amazon.com/images/I/31jiWHD5azL._SL1200_.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="Comfortbilt HP22 Wood Pellet Stove with 55lb Hopper"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain p-4"
/>

            </div>
            <div class="flex grow flex-col pt-10 pb-4 text-center">
                <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                    <a href="/products/comfortbilt-hp22-wood-pellet-stove-with-55lb-hopper">
                        <span class="absolute inset-0" aria-hidden="true"></span>
                        Comfortbilt HP22 Pellet Stove
                    </a>
                </h3>

                
                <div class="mt-auto">
                    <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.79 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                            </div>
                <p class="sr-only">4.79 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.79 out of 5 stars"><span aria-hidden="true">4.8</span> (53 reviews)</span>
            </div>
        </div>

    
                    
                    <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
            <p class="fs-cb__price fs-cb__price--standby "><span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:442,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:true,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;c5t14vvPjoCo7q3pOfSn&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;24b833c96e5a005d3653a2c8d5ed4c705ad32169f47f9ca2d260e2b3afe2d17e&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="c5t14vvPjoCo7q3pOfSn" wire:loading.class="opacity-20" data-fs-price="442" data-fs-price-type="actual"  class="">
    
    <!--[if BLOCK]><![endif]-->        
        <span class="fs-price-fallback">
        <!--[if BLOCK]><![endif]-->            Click for Price
        <!--[if ENDBLOCK]><![endif]-->        </span>
    <!--[if ENDBLOCK]><![endif]--></span>
</p>
                    <a data-fs-out="L291dC9wcm9kdWN0LzQ0Mj9ieXBhc3MtY2RuPTE=" tabindex="0" role="link" target="_blank" rel="nofollow sponsored noopener" data-product-id="442" data-placement="related" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:442,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:938,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;8A3vIeMAjHn7ogzXahkQ&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;0073a801b989f74b3349d1fa06f2d1c72f1c136b6a6efd4ceed36567f840c567&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="8A3vIeMAjHn7ogzXahkQ" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__words">Check price at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow fs-flip-rtl" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/comfortbilt-hp22-wood-pellet-stove-with-55lb-hopper" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow fs-flip-rtl" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                </div>
            </div>
        </div>
    </div>


            </div>
        
                <div class="sm:hidden px-4">
            <a href="/all-products" target="_self"  class="text-sm font-semibold text-skin-link hover:opacity-75">
    View All
</a>
        </div>
            </div>
</section>

                                        <section class="fs-sec px-4 lg:max-w-7xl lg:mx-auto lg:px-8">
    
        
    <div class="[.fs-content-full_&amp;]:!max-w-none [&_p]:max-w-prose [&_p[style*=center]]:mx-auto [&_p[style*=right]]:ml-auto [.fs-content-full_&_p]:max-w-none">
        <article class="prose [.fs-content-full_&]:!max-w-none max-w-none prose-h1:text-skin-title prose-h1:font-title prose-h2:font-subtitle prose-h2:text-skin-subtitle prose-h3:font-subtitle prose-h3:text-skin-subtitle prose-h4:font-subtitle prose-h4:text-skin-subtitle prose-p:text-skin-base prose-a:text-skin-link prose-a:hover:opacity-75 prose-a:active:underline prose-ol:text-skin-base prose-ul:text-skin-base" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
            <p>As the weather begins to cool and the leaves start to fall, many homeowners turn their focus to creating a warm and inviting atmosphere in their homes. A fireplace or stove not only provides essential heating during the chilly months but also serves as a stunning focal point in any room. With a plethora of options available online, selecting the right fireplace or stove can feel overwhelming. This guide serves as a comprehensive guide to the best fireplaces and stoves for sale online, complete with answers to frequently asked questions (FAQs) and recommendations based on various needs and preferences.</p>
<h2>Types of Fireplaces and Stoves</h2>
<p>Before diving into the best options available online, it's essential to understand the different types of fireplaces and stoves that homeowners can choose from. Below is a breakdown of the most common types.</p>
<h3>1. Wood Burning Fireplaces</h3>
<ul>
<li><strong>Description</strong>: Traditional and often sought after for their aesthetic appeal and nostalgic charm.</li>
<li><strong>Pros</strong>: Provides a classic experience, produces a significant amount of heat, and uses a renewable fuel source.</li>
<li><strong>Cons</strong>: Requires chimney cleaning and regular maintenance.</li>
</ul>
<h3>2. Gas Fireplaces</h3>
<ul>
<li><strong>Description</strong>: Modern and convenient, gas fireplaces can be direct vented or vent-free.</li>
<li><strong>Pros</strong>: Easy to operate and maintain, adjustable heat output, and cleaner compared to wood burning.</li>
<li><strong>Cons</strong>: Limited to natural gas or propane availability and less ambiance compared to wood burning.</li>
</ul>
<h3>3. Electric Fireplaces</h3>
<ul>
<li><strong>Description</strong>: Utilizes electricity to produce heat and simulate flames for ambiance.</li>
<li><strong>Pros</strong>: Easy installation, minimal maintenance, and can be used in homes without a chimney.</li>
<li><strong>Cons</strong>: Does not provide the same level of heat as wood or gas, and electricity costs vary.</li>
</ul>
<h3>4. Pellet Stoves</h3>
<ul>
<li><strong>Description</strong>: Burn compressed wood pellets, offering an efficient and eco-friendly heating option.</li>
<li><strong>Pros</strong>: High efficiency, adjustable heat settings, and works well for zone heating.</li>
<li><strong>Cons</strong>: Requires electricity to operate the hopper and fan.</li>
</ul>
<h3>5. Bioethanol Fireplaces</h3>
<ul>
<li><strong>Description</strong>: Use bioethanol fuel and produce a real flame without the need for a chimney.</li>
<li><strong>Pros</strong>: Eco-friendly, easy to install, and suitable for both indoor and outdoor use.</li>
<li><strong>Cons</strong>: Limited heat output and fuel can be relatively expensive.</li>
</ul>
<h2>Top Fireplaces and Stoves to Buy Online</h2>
<p>Now that we've outlined the different types of fireplaces and stoves, it's time to explore some of the best options available online.</p>
<h3>Table: Top Fireplaces and Stoves for Sale Online</h3>
<table>
<thead>
<tr>
<th>Product Name</th>
<th>Type</th>
<th>Price Range</th>
<th>Features</th>
<th>Where to Buy</th>
</tr>
</thead>
<tbody>
<tr>
<td>Pleasant Hearth 36-Inch Fireplace</td>
<td>Wood Burning</td>
<td>$300 - $600</td>
<td>Cast iron construction, screen, and tools</td>
<td>Amazon, Home Depot</td>
</tr>
<tr>
<td>Napoleon 32-Inch Gas Fireplace</td>
<td>Gas</td>
<td>$700 - $1200</td>
<td>Direct vent, modern design, remote control</td>
<td>Wayfair, Lowes</td>
</tr>
<tr>
<td>Dimplex 33-Inch Electric Fireplace</td>
<td>Electric</td>
<td>$500 - $900</td>
<td>LED flame, warmth without heat, easy installation</td>
<td>Wayfair, Overstock</td>
</tr>
<tr>
<td>Comfortbilt HP22 Pellet Stove</td>
<td>Pellet</td>
<td>$1,500 - $2,000</td>
<td>Variable speed blower, auto-start, EPA certified</td>
<td>Home Depot, Amazon</td>
</tr>
<tr>
<td>EcoSmart Fire 900 Table Fireplace</td>
<td>Bioethanol</td>
<td>$1,000 - $1,500</td>
<td>Stylish design, portable, perfect for outdoors</td>
<td>EcoSmart Fire, Amazon</td>
</tr>
</tbody>
</table>
<h2>Considerations When Choosing a Fireplace or Stove</h2>
<p>When purchasing a fireplace or stove online, it&rsquo;s crucial to consider several factors to ensure the selection meets your heating needs, aesthetic preferences, and environmental considerations.</p>
<ol>
<li><strong>Room Size</strong>: Calculate the square footage of the room to determine the appropriate heat output.</li>
<li><strong>Ease of Use</strong>: Consider how often the fireplace or stove will be used and choose a fuel source that suiting your lifestyle.</li>
<li><strong>Style</strong>: Choose a design that complements the d&eacute;cor of your home, whether that be traditional, modern, or industrial.</li>
<li><strong>Costs</strong>: Take into account the initial investment, installation costs, and the ongoing expenses associated with the chosen fuel type.</li>
</ol>
<h2>FAQs</h2>
<h3>What type of fireplace is most energy-efficient?</h3>
<p>Gas and pellet stoves are typically more energy-efficient options due to their modern technology and controlled burn rates.</p>
<h3>Do electric fireplaces provide enough heat for a room?</h3>
<p>Electric fireplaces can effectively heat smaller rooms but may not be sufficient for larger areas. Some models come with adjustable heat settings to help regulate warmth.</p>
<h3>Are bioethanol fireplaces safe for indoor use?</h3>
<p>Yes, bioethanol fireplaces are safe for indoor use when the correct fuel is used and proper ventilation is ensured.</p>
<h3>How often do I need to clean my wood-burning fireplace?</h3>
<p>It's recommended to have the chimney inspected and cleaned at least once a year to prevent chimney fires and ensure proper airflow.</p>
<h3>Can I install a gas fireplace myself?</h3>
<p>Although some homeowners opt for DIY installations, it's advised to hire a professional due to the complexities and safety concerns associated with gas lines.</p>
<p>Choosing the best fireplace or stove for your home requires careful consideration of various factors, including room size, fuel type, and design aesthetics. The options available online are vast, but by factoring in individual needs and preferences, homeowners can easily find a perfect heating solution. Whether through the classic charm of a wood-burning fireplace or the modern convenience of an electric model, there is undoubtedly a fireplace or stove that can create a cozy haven for any household.</p>
        </article>
    </div>
    </section>

                                        <section aria-labelledby="collections-heading" class="fs-sec bg-gray-50 border-t border-b border-gray-200">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="max-w-2xl mx-auto lg:max-w-none">
            <div class="px-4 flex items-center justify-between sm:px-6 lg:px-0">
                
                <h2 id="featured-categories-heading" class="text-2xl text-skin-subtitle font-subtitle font-normal">Featured Categories</h2>
                                <a href="/categories" target="_self"  class="hidden sm:block text-sm font-semibold text-skin-link hover:opacity-75">
    View All <span class="fs-flip-rtl" aria-hidden="true"> &rarr;</span>
</a>
                            </div>


            <div class="mt-8 grid grid-cols-3 gap-x-3 gap-y-8 sm:gap-x-4 sm:gap-y-10 sm:px-6 lg:px-0 sm:grid-cols-3 md:grid-cols-3 lg:grid-cols-3 lg:gap-x-6 lg:gap-y-12">

                                <div class="group relative">
                    <div class="relative w-full h-28 bg-white rounded-lg overflow-hidden group-hover:opacity-75 sm:aspect-w-1 sm:aspect-h-1 sm:h-auto lg:h-64 border border-gray-200">
                        <img
    src="https://m.media-amazon.com/images/I/410KXWjBg2L._SL800_.jpg"
     srcset="https://m.media-amazon.com/images/I/410KXWjBg2L._SL300_.jpg 300w, https://m.media-amazon.com/images/I/410KXWjBg2L._SL800_.jpg 800w, https://m.media-amazon.com/images/I/410KXWjBg2L._SL1200_.jpg 1200w" sizes="(min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"     alt="Electric Fireplaces With Mantel"
    loading="lazy"
    decoding="async"
    class="p-2 sm:p-4 w-full h-full object-center object-contain"
/>
                    </div>
                    <h3 class="mt-3 sm:mt-6 text-sm leading-snug sm:text-lg font-title text-skin-title">
                        <a href="/categories/electric-fireplaces-with-mantel">
                            <span class="absolute inset-0"></span>
                            
                            Electric Fireplace With Mantel
                        </a>
                    </h3>
                    <p class="hidden sm:block text-sm sm:text-base text-skin-subtitle">Transform your living space with the perfect blend of warmth and style through our exquisite collection of electric fireplaces featuring elegant mantels</p>
                </div>
                                <div class="group relative">
                    <div class="relative w-full h-28 bg-white rounded-lg overflow-hidden group-hover:opacity-75 sm:aspect-w-1 sm:aspect-h-1 sm:h-auto lg:h-64 border border-gray-200">
                        <img
    src="https://m.media-amazon.com/images/I/41cmIp7oP6L._SL800_.jpg"
     srcset="https://m.media-amazon.com/images/I/41cmIp7oP6L._SL300_.jpg 300w, https://m.media-amazon.com/images/I/41cmIp7oP6L._SL800_.jpg 800w, https://m.media-amazon.com/images/I/41cmIp7oP6L._SL1200_.jpg 1200w" sizes="(min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"     alt="Bioethanol Fireplaces"
    loading="lazy"
    decoding="async"
    class="p-2 sm:p-4 w-full h-full object-center object-contain"
/>
                    </div>
                    <h3 class="mt-3 sm:mt-6 text-sm leading-snug sm:text-lg font-title text-skin-title">
                        <a href="/categories/bioethanol-fireplaces">
                            <span class="absolute inset-0"></span>
                            
                            Bioethanol Fireplaces
                        </a>
                    </h3>
                    <p class="hidden sm:block text-sm sm:text-base text-skin-subtitle">Experience the warmth and ambiance of a modern flame with our eco-friendly bioethanol fireplaces</p>
                </div>
                                <div class="group relative">
                    <div class="relative w-full h-28 bg-white rounded-lg overflow-hidden group-hover:opacity-75 sm:aspect-w-1 sm:aspect-h-1 sm:h-auto lg:h-64 border border-gray-200">
                        <img
    src="https://m.media-amazon.com/images/I/41I3Y3AK1JL._SL800_.jpg"
     srcset="https://m.media-amazon.com/images/I/41I3Y3AK1JL._SL300_.jpg 300w, https://m.media-amazon.com/images/I/41I3Y3AK1JL._SL800_.jpg 800w, https://m.media-amazon.com/images/I/41I3Y3AK1JL._SL1200_.jpg 1200w" sizes="(min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"     alt="Electric Fireplace Stove Heaters"
    loading="lazy"
    decoding="async"
    class="p-2 sm:p-4 w-full h-full object-center object-contain"
/>
                    </div>
                    <h3 class="mt-3 sm:mt-6 text-sm leading-snug sm:text-lg font-title text-skin-title">
                        <a href="/categories/electric-fireplace-stove-heaters">
                            <span class="absolute inset-0"></span>
                            
                            Electric Stove Heaters
                        </a>
                    </h3>
                    <p class="hidden sm:block text-sm sm:text-base text-skin-subtitle">Transform your living space with the warmth and ambiance of our stylish electric fireplace stove heaters</p>
                </div>
                            </div>

            
                        <div class="mt-8 px-4 sm:hidden">
                <a href="/categories" target="_self"  class="text-sm font-semibold text-skin-link hover:opacity-75">
    View All <span class="fs-flip-rtl" aria-hidden="true"> &rarr;</span>
</a>
            </div>
                    </div>
    </div>
</section>

                                        <section class="fs-sec mx-auto max-w-7xl">
        <div class="px-4 sm:px-6">
            <div class="px-4 flex items-center justify-between sm:px-6 lg:px-0">
                
                <h2 id="featured-articles-heading" class="text-2xl text-skin-subtitle font-subtitle font-normal">Featured Articles</h2>
                                <a href="/all-articles" target="_self"  class="hidden sm:block text-sm font-semibold text-skin-link hover:opacity-75">
    View All <span class="fs-flip-rtl" aria-hidden="true"> &rarr;</span>
</a>
                            </div>
            
                        <div class="mx-auto mt-8 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 sm:gap-y-12 sm:px-6 lg:gap-y-20 lg:mx-0 lg:px-0 sm:max-md:[&amp;&gt;:last-child]:col-span-2 sm:max-md:[&amp;&gt;:last-child]:mx-auto sm:max-md:[&amp;&gt;:last-child]:w-[calc(50%-1rem)] md:max-w-none sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3">
                                    <article class="flex flex-col items-start justify-start">
                        <div class="relative w-full">
                            <a href="/articles/electric-fireplace-stove-heaters-a-cozy-and-convenient-heating-solution" aria-label="Electric Fireplace Stove Heaters: A Cozy and Convenient Heating Solution">
                                <div class="aspect-[4/3] w-full overflow-hidden rounded-lg">
                                    <img
    src="https://cdn.freshstore.cloud/article/images/12701/7396/electric-fireplace-stove-heaters-a-cozy-and-convenient-heating-solution.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/article/images/12701/7396/electric-fireplace-stove-heaters-a-cozy-and-convenient-heating-solution.jpg?width=300 300w, https://cdn.freshstore.cloud/article/images/12701/7396/electric-fireplace-stove-heaters-a-cozy-and-convenient-heating-solution.jpg?width=800 800w, https://cdn.freshstore.cloud/article/images/12701/7396/electric-fireplace-stove-heaters-a-cozy-and-convenient-heating-solution.jpg?width=1200 1600w" sizes="(min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"     alt="Discover the warmth and charm of electric fireplace stove heaters for your home"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-cover"
/>
                                </div>
                            </a>
                        </div>
                        <div class="max-w-xl align-top">

                                                            <div class="mt-8 flex flex-wrap items-center gap-x-4 text-xs max-w-full min-h-8">
                                                                            <span class="text-gray-500">By Jarrett Kessler</span>
                                        <span class="text-gray-200">|</span>
                                                                                                                    <time datetime="2026-10-14" class="text-gray-500">
                                            Oct 14, 2026
                                        </time>
                                                                            <span class="text-gray-200">|</span>
                                                                                    <a href="/article-category/stoves-buying-guides"
                                               class="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100">
                                                Stoves Buying Guides
                                            </a>
                                                                                                            </div>
                            
                            <div class="group relative">
                                <h3 class="mt-3 text-lg font-subtitle font-bold leading-6 text-skin-subtitle group-hover:text-gray-600">
                                    <a href="/articles/electric-fireplace-stove-heaters-a-cozy-and-convenient-heating-solution">
                                        <span class="absolute inset-0"></span>
                                        Electric Fireplace Stove Heaters: A Cozy and Convenient Heating Solution
                                    </a>
                                </h3>
                                <p class="mt-5 line-clamp-3 text-sm leading-6 text-skin-base">
                                    Discover the warmth and charm of electric fireplace stove heaters for your home
                                </p>
                            </div>
                        </div>
                    </article>
                                    <article class="flex flex-col items-start justify-start">
                        <div class="relative w-full">
                            <a href="/articles/beginners-guide-to-wood-burning-stoves" aria-label="Beginners Guide To Wood Burning Stoves">
                                <div class="aspect-[4/3] w-full overflow-hidden rounded-lg">
                                    <img
    src="https://cdn.freshstore.cloud/article/images/12701/7323/beginners-guide-to-wood-burning-stoves.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/article/images/12701/7323/beginners-guide-to-wood-burning-stoves.jpg?width=300 300w, https://cdn.freshstore.cloud/article/images/12701/7323/beginners-guide-to-wood-burning-stoves.jpg?width=800 800w, https://cdn.freshstore.cloud/article/images/12701/7323/beginners-guide-to-wood-burning-stoves.jpg?width=1200 1600w" sizes="(min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"     alt="Everything You Need to Know to Get Started"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-cover"
/>
                                </div>
                            </a>
                        </div>
                        <div class="max-w-xl align-top">

                                                            <div class="mt-8 flex flex-wrap items-center gap-x-4 text-xs max-w-full min-h-8">
                                                                            <span class="text-gray-500">By Jarrett Kessler</span>
                                        <span class="text-gray-200">|</span>
                                                                                                                    <time datetime="2026-10-19" class="text-gray-500">
                                            Oct 19, 2026
                                        </time>
                                                                            <span class="text-gray-200">|</span>
                                                                                    <a href="/article-category/stoves-buying-guides"
                                               class="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100">
                                                Stoves Buying Guides
                                            </a>
                                                                                                            </div>
                            
                            <div class="group relative">
                                <h3 class="mt-3 text-lg font-subtitle font-bold leading-6 text-skin-subtitle group-hover:text-gray-600">
                                    <a href="/articles/beginners-guide-to-wood-burning-stoves">
                                        <span class="absolute inset-0"></span>
                                        Beginners Guide To Wood Burning Stoves
                                    </a>
                                </h3>
                                <p class="mt-5 line-clamp-3 text-sm leading-6 text-skin-base">
                                    Everything You Need to Know to Get Started
                                </p>
                            </div>
                        </div>
                    </article>
                                    <article class="flex flex-col items-start justify-start">
                        <div class="relative w-full">
                            <a href="/articles/wall-mounted-bioethanol-fireplaces-enhancing-your-home-with-style-and-warmth" aria-label="Wall Mounted Bioethanol Fireplaces: Enhancing Your Home with Style and Warmth">
                                <div class="aspect-[4/3] w-full overflow-hidden rounded-lg">
                                    <img
    src="https://cdn.freshstore.cloud/article/images/12701/7143/wall-mounted-bioethanol-fireplaces-enhancing-your-home-with-style-and-warmth.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/article/images/12701/7143/wall-mounted-bioethanol-fireplaces-enhancing-your-home-with-style-and-warmth.jpg?width=300 300w, https://cdn.freshstore.cloud/article/images/12701/7143/wall-mounted-bioethanol-fireplaces-enhancing-your-home-with-style-and-warmth.jpg?width=800 800w, https://cdn.freshstore.cloud/article/images/12701/7143/wall-mounted-bioethanol-fireplaces-enhancing-your-home-with-style-and-warmth.jpg?width=1200 1600w" sizes="(min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"     alt="Elevate your living space with cozy flames and modern design"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-cover"
/>
                                </div>
                            </a>
                        </div>
                        <div class="max-w-xl align-top">

                                                            <div class="mt-8 flex flex-wrap items-center gap-x-4 text-xs max-w-full min-h-8">
                                                                            <span class="text-gray-500">By Jarrett Kessler</span>
                                        <span class="text-gray-200">|</span>
                                                                                                                    <time datetime="2026-09-30" class="text-gray-500">
                                            Sep 30, 2026
                                        </time>
                                                                            <span class="text-gray-200">|</span>
                                                                                    <a href="/article-category/fireplaces-buying-guides"
                                               class="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100">
                                                Fireplaces Buying Guides
                                            </a>
                                                                                                            </div>
                            
                            <div class="group relative">
                                <h3 class="mt-3 text-lg font-subtitle font-bold leading-6 text-skin-subtitle group-hover:text-gray-600">
                                    <a href="/articles/wall-mounted-bioethanol-fireplaces-enhancing-your-home-with-style-and-warmth">
                                        <span class="absolute inset-0"></span>
                                        Wall Mounted Bioethanol Fireplaces: Enhancing Your Home with Style and Warmth
                                    </a>
                                </h3>
                                <p class="mt-5 line-clamp-3 text-sm leading-6 text-skin-base">
                                    Elevate your living space with cozy flames and modern design
                                </p>
                            </div>
                        </div>
                    </article>
                
            </div>

            
                        <div class="mt-12 px-4 sm:hidden">
                <a href="/all-articles" target="_self"  class="text-sm font-semibold text-skin-link hover:opacity-75">
    View All <span class="fs-flip-rtl" aria-hidden="true"> &rarr;</span>
</a>
            </div>
                    </div>
    </section>

                                        <div class="fs-sec mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
    <div class="rounded-lg border-2 border-skin-accent bg-gray-50 p-6 sm:p-10 flex flex-col gap-8 lg:flex-row lg:items-center lg:justify-between">
        <div class="max-w-xl">
            <h2 class="text-3xl font-title font-bold text-skin-title sm:text-4xl">Save With Our Special Offers</h2>
            <p class="mt-3 text-lg text-skin-base">Check out our best offers and discounts on top-quality items. Our offers change regularly, so make sure you don&#039;t miss out!</p>
            <a href="/special-offers" target="_self"  class="mt-6 inline-block w-full bg-skin-button-accent border border-transparent rounded-md py-3 px-8 text-center font-medium text-skin-button-accent hover:bg-opacity-75 sm:w-auto">
    View Special Offers
</a>
        </div>
                    <ul role="list" class="grid grid-cols-3 gap-3 sm:gap-6 lg:w-[32rem] lg:flex-none">
                                    <li class="group relative min-w-0 text-center">
                        <div class="aspect-w-1 aspect-h-1 overflow-hidden rounded-lg bg-white group-hover:opacity-75">
                            <img
    src="https://m.media-amazon.com/images/I/41h5kRPru+L._SL800_.jpg"
     srcset="https://m.media-amazon.com/images/I/41h5kRPru+L._SL300_.jpg 300w, https://m.media-amazon.com/images/I/41h5kRPru+L._SL800_.jpg 800w, https://m.media-amazon.com/images/I/41h5kRPru+L._SL1200_.jpg 1200w" sizes="160px"     alt="Pamapic 42,000 BTU Outdoor Pyramid Patio Heater"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-contain object-center p-2"
/>
                        </div>
                        <a href="/products/pamapic-48-000-btu-pyramid-flame-patio-heater" class="mt-2 block text-xs sm:text-sm text-skin-title line-clamp-2 group-hover:underline">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Pamapic 42K BTU Patio Heater
                        </a>
                        <p class="mt-1 text-sm font-bold tabular-nums text-skin-title">
                            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:322,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:179.99,&quot;priceFormatted&quot;:&quot;$179.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;WJWd2E9ZFgbpTkLZ89EA&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;5d58c220e3fa21f0386f9dc407f40821d87d288c19b7d1c44b63755bb1e04ecd&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="WJWd2E9ZFgbpTkLZ89EA" wire:loading.class="opacity-20" data-fs-price="322" data-fs-price-type="actual"  class="">
    
    <!--[if BLOCK]><![endif]-->        
        
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->$179.99<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
                        </p>
                        
                        <p class="fs-was">
                            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:322,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:299.99,&quot;priceFormatted&quot;:&quot;$299.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;fs-was__full tabular-nums line-through&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;qOagBfTI3oYYAmT8sspP&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;b2277753944eeb2ff574fd037aa16fd9c7c8ef22043020e6eacbd9b05a16462a&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="qOagBfTI3oYYAmT8sspP" wire:loading.class="opacity-20" data-fs-price="322" data-fs-price-type="full"  class="fs-was__full tabular-nums line-through">
    
    <!--[if BLOCK]><![endif]-->        
        
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->$299.99<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
                            <span class="fs-saving fs-was__off" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;"><span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:322,&quot;priceType&quot;:&quot;saving&quot;,&quot;price&quot;:40,&quot;priceFormatted&quot;:&quot;40&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;51DLBeO4FnKvFsPGGfFk&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;37eaf818cc14be13b9aa88aa0c17e58491206d5a0c96292a05045ae884cbfa89&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="51DLBeO4FnKvFsPGGfFk" wire:loading.class="opacity-20" data-fs-price="322" data-fs-price-type="saving"  class="">
    
    <!--[if BLOCK]><![endif]-->        
        
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->40<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
% off</span>
                        </p>
                    </li>
                                    <li class="group relative min-w-0 text-center">
                        <div class="aspect-w-1 aspect-h-1 overflow-hidden rounded-lg bg-white group-hover:opacity-75">
                            <img
    src="https://m.media-amazon.com/images/I/418W17JrXYL._SL800_.jpg"
     srcset="https://m.media-amazon.com/images/I/418W17JrXYL._SL300_.jpg 300w, https://m.media-amazon.com/images/I/418W17JrXYL._SL800_.jpg 800w, https://m.media-amazon.com/images/I/418W17JrXYL._SL1200_.jpg 1200w" sizes="160px"     alt="Weber Grillmaster All-Natural Hardwood Pellets, 20 lb"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-contain object-center p-2"
/>
                        </div>
                        <a href="/products/weber-grillmaster-all-natural-hardwood-pellets-20-lb" class="mt-2 block text-xs sm:text-sm text-skin-title line-clamp-2 group-hover:underline">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Weber Grillmaster Hardwood Pellets
                        </a>
                        <p class="mt-1 text-sm font-bold tabular-nums text-skin-title">
                            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:760,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:14.99,&quot;priceFormatted&quot;:&quot;$14.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;mztzscIxM810dWEumqbl&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;5e4ffb36a6814aa6185420c7721c9c941c7ee5c5e2f2366d25e68b0c051a49d6&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="mztzscIxM810dWEumqbl" wire:loading.class="opacity-20" data-fs-price="760" data-fs-price-type="actual"  class="">
    
    <!--[if BLOCK]><![endif]-->        
        
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->$14.99<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
                        </p>
                        
                        <p class="fs-was">
                            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:760,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:21.99,&quot;priceFormatted&quot;:&quot;$21.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;fs-was__full tabular-nums line-through&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;G7YHKICjcmLYv4y4Optw&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;a9e51202acf3af682917c9bff6701e540f1eaecd3d0ea80311b79fb2205efe7f&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="G7YHKICjcmLYv4y4Optw" wire:loading.class="opacity-20" data-fs-price="760" data-fs-price-type="full"  class="fs-was__full tabular-nums line-through">
    
    <!--[if BLOCK]><![endif]-->        
        
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->$21.99<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
                            <span class="fs-saving fs-was__off" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;"><span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:760,&quot;priceType&quot;:&quot;saving&quot;,&quot;price&quot;:32,&quot;priceFormatted&quot;:&quot;32&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;oow14rNADqzuc3VKnZj4&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;a2942329b3da24ff31c3899c13b7d96f2930593e5088be73545ea265fde323d1&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="oow14rNADqzuc3VKnZj4" wire:loading.class="opacity-20" data-fs-price="760" data-fs-price-type="saving"  class="">
    
    <!--[if BLOCK]><![endif]-->        
        
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->32<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
% off</span>
                        </p>
                    </li>
                                    <li class="group relative min-w-0 text-center">
                        <div class="aspect-w-1 aspect-h-1 overflow-hidden rounded-lg bg-white group-hover:opacity-75">
                            <img
    src="https://m.media-amazon.com/images/I/412wX5KcdkL._SL800_.jpg"
     srcset="https://m.media-amazon.com/images/I/412wX5KcdkL._SL300_.jpg 300w, https://m.media-amazon.com/images/I/412wX5KcdkL._SL800_.jpg 800w, https://m.media-amazon.com/images/I/412wX5KcdkL._SL1200_.jpg 1200w" sizes="160px"     alt="BELLEZE 70&quot; Electric Fireplace Media Center - White"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-contain object-center p-2"
/>
                        </div>
                        <a href="/products/belleze-70-electric-fireplace-media-center-white" class="mt-2 block text-xs sm:text-sm text-skin-title line-clamp-2 group-hover:underline">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Belleze 70&quot; White Electric Fireplace
                        </a>
                        <p class="mt-1 text-sm font-bold tabular-nums text-skin-title">
                            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:112,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:309.99,&quot;priceFormatted&quot;:&quot;$309.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;3kGKL81yO92Ejz4in3U2&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;14184c13c1903ee00b0e89812c95c4cbeb4c6c2b8d0c0fd1d6a167e4738993aa&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="3kGKL81yO92Ejz4in3U2" wire:loading.class="opacity-20" data-fs-price="112" data-fs-price-type="actual"  class="">
    
    <!--[if BLOCK]><![endif]-->        
        
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->$309.99<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
                        </p>
                        
                        <p class="fs-was">
                            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:112,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:449.99,&quot;priceFormatted&quot;:&quot;$449.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;fs-was__full tabular-nums line-through&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;MfW4DummKnA54S6AkWyN&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;66dee1bf005177b2cb068e041ab1e6b1f0fdbebad071ace999537667bc18d5c5&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="MfW4DummKnA54S6AkWyN" wire:loading.class="opacity-20" data-fs-price="112" data-fs-price-type="full"  class="fs-was__full tabular-nums line-through">
    
    <!--[if BLOCK]><![endif]-->        
        
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->$449.99<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
                            <span class="fs-saving fs-was__off" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;"><span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:112,&quot;priceType&quot;:&quot;saving&quot;,&quot;price&quot;:31,&quot;priceFormatted&quot;:&quot;31&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;e66cwZEp6xDt6agZGQ1r&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;d380629e2c36d2ac282ddef4eb59c83a87c0c753fcb54eec33e44c53d6dc79ba&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="e66cwZEp6xDt6agZGQ1r" wire:loading.class="opacity-20" data-fs-price="112" data-fs-price-type="saving"  class="">
    
    <!--[if BLOCK]><![endif]-->        
        
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->31<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
% off</span>
                        </p>
                    </li>
                            </ul>
            </div>
</div>
                                        <section aria-labelledby="testimonial-heading" class="fs-sec relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
    <div class="mx-auto max-w-2xl lg:max-w-none">

        <h3 id="testimonial-heading"
            class="text-2xl font-subtitle text-skin-subtitle">Some words from our happy customers</h3>

        <div class="mt-12 space-y-16 lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-x-8">

            
            <blockquote class="sm:flex lg:block">
                <svg class="shrink-0 text-skin-light h-10 w-10 scale-x-[-1]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg>                <div class="mt-8 sm:mt-0 sm:ms-6 lg:mt-10 lg:ms-0">
                    <p class="text-lg text-skin-subtitle">
                        My friend suggested your store and it&#039;s safe to say, I&#039;m absolutely delighted. Thank you for the incredible service.
                    </p>
                    <div class="mt-4 flex gap-1 text-yellow-400">
                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                            </div>
                    <cite class="mt-4 block font-semibold not-italic text-skin-light">
                        Retha Howell, Michigan, USA
                    </cite>
                </div>
            </blockquote>

            
            <blockquote class="sm:flex lg:block">
                <svg class="shrink-0 text-skin-light h-10 w-10 scale-x-[-1]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg>                <div class="mt-8 sm:mt-0 sm:ms-6 lg:mt-10 lg:ms-0">
                    <p class="text-lg text-skin-subtitle">
                        Unrivaled prices and impressively fast delivery have made me an absolutely delighted customer.
                    </p>
                    <div class="mt-4 flex gap-1 text-yellow-400">
                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                            </div>
                    <cite class="mt-4 block font-semibold not-italic text-skin-light">
                        Mikayla Spencer, Ontario, Canada
                    </cite>
                </div>
            </blockquote>

            
            <blockquote class="sm:flex lg:block">
                <svg class="shrink-0 text-skin-light h-10 w-10 scale-x-[-1]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg>                <div class="mt-8 sm:mt-0 sm:ms-6 lg:mt-10 lg:ms-0">
                    <p class="text-lg text-skin-subtitle">
                        At first, I had reservations due to the incredibly low prices, but the transaction was smooth sailing. I&#039;ve saved more than I ever could at other outlets!
                    </p>
                    <div class="mt-4 flex gap-1 text-yellow-400">
                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                            </div>
                    <cite class="mt-4 block font-semibold not-italic text-skin-light">
                        Carter Stehr, Minnesota, USA
                    </cite>
                </div>
            </blockquote>

            

        </div>
    </div>
</section>
            

                
            </div>


        </main>

        

        <footer aria-labelledby="footer-heading" class="">
    <h2 id="footer-heading" class="sr-only">Footer</h2>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="border-t border-gray-200">
            <div class="pt-16 pb-20">
                <div class="flex justify-center">
                                            <img src="https://cdn.freshstore.cloud/template/images/12701/4735/c/fireplaces-and-stove-text-logo-png-logo.png" alt="The store logo" title="Store Logo" class="max-h-8 max-w-48 w-auto">
                                    </div>

                <div class="mt-6 space-x-4 rtl:space-x-reverse flex justify-center">
                                                                                                                                                                                                                                                                </div>

                                    
                    <div class="mt-16 max-w-6xl mx-auto flex flex-wrap gap-x-6 md:gap-x-12 lg:gap-x-24 md:px-12">
                                            <div class="flex-1 min-w-[40%] md:min-w-0 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Categories
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/categories/bioethanol-fireplaces" class="text-skin-base hover:opacity-75">
                                        Bioethanol Fireplaces
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/electric-fireplaces" class="text-skin-base hover:opacity-75">
                                        Electric Fireplaces
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/stove-fireplaces" class="text-skin-base hover:opacity-75">
                                        Stove Fireplaces
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/outdoor-fires" class="text-skin-base hover:opacity-75">
                                        Outdoor Fires
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/fireplace-fuels" class="text-skin-base hover:opacity-75">
                                        Fireplace Fuels
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories" class="text-skin-base hover:opacity-75">
                                        Categories
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 min-w-[40%] md:min-w-0 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Brands
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/brands/the-blue-rooster" class="text-skin-base hover:opacity-75">
                                        The Blue Rooster
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/comfortbilt-pellet-stoves" class="text-skin-base hover:opacity-75">
                                        Comfortbilt
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/ashley-hearth-stoves" class="text-skin-base hover:opacity-75">
                                        Ashley Hearth
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/yaheetech" class="text-skin-base hover:opacity-75">
                                        Yaheetech
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/mr-heater" class="text-skin-base hover:opacity-75">
                                        Mr. Heater
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/bali-outdoors" class="text-skin-base hover:opacity-75">
                                        Bali Outdoors
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands" class="text-skin-base hover:opacity-75">
                                        Brands
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 min-w-[40%] md:min-w-0 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Articles
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/article-category/fireplaces-buying-guides" class="text-skin-base hover:opacity-75">
                                        Fireplaces Buying Guides
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/article-category/stoves-buying-guides" class="text-skin-base hover:opacity-75">
                                        Stoves Buying Guides
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/all-articles" class="text-skin-base hover:opacity-75">
                                        All Articles
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 min-w-[40%] md:min-w-0 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Pages
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/about" class="text-skin-base hover:opacity-75">
                                        About
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/contact" class="text-skin-base hover:opacity-75">
                                        Contact
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/cookie-policy" class="text-skin-base hover:opacity-75">
                                        Cookie Policy
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/our-newsletter" class="text-skin-base hover:opacity-75">
                                        Our Newsletter
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/privacy-policy" class="text-skin-base hover:opacity-75">
                                        Privacy Policy
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/site-map" class="text-skin-base hover:opacity-75">
                                        Site Map
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/terms-of-use" class="text-skin-base hover:opacity-75">
                                        Terms of Use
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                    </div>
                


            </div>


                            <div class="lg:grid lg:grid-cols-2 lg:gap-x-6 xl:gap-x-8">

                                            <div class="bg-skin-light rounded-lg p-6 flex items-center sm:p-10 ">
                            <div class="max-w-sm mx-auto">
                                <h3 class="font-subtitle font-bold text-skin-subtitle">Sign up for our newsletter</h3>
                                <p class="mt-2 text-sm text-skin-base">The latest offers, articles, and news, sent to your inbox weekly.</p>
                                <form class="mt-4 sm:mt-6 sm:flex" action="https://www.fireplacesandstove.com/our-newsletter" method="POST">
                                    <input type="hidden" name="_token" value="3XwyKwb7LLBm7FrGbLG7KgVifskrAp3qlbKNT2KU" autocomplete="off">                                    <div id="message_field_S9CJ9VfZaIDCVz9A_wrap"  style="display: none" aria-hidden="true">
        <input id="message_field_S9CJ9VfZaIDCVz9A"
               name="message_field_S9CJ9VfZaIDCVz9A"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="opal_three_ingrain"
               type="text"
               value="eyJpdiI6IjhKNi9zNjI1YU5SZ0RrM1BQN2V6TFE9PSIsInZhbHVlIjoiYTZTenU1dDl1a3RyZk9UQ1hCSngvUT09IiwibWFjIjoiZThlNjU4MzU1ODUxOGVkYjI2MGY1MjQwMDBmOGMxODA1M2EwYjI5ZWRkYzZlZDYyNmZkZjJmYzk2ODNmNGQ5MiIsInRhZyI6IiJ9"
                              autocomplete="off"
               tabindex="-1">
    </div>
                                    <label for="email-address" class="sr-only">Email address</label>
                                    <input id="email-address" type="email" name="email" autocomplete="email" required class="appearance-none min-w-0 w-full bg-white border border-gray-300 rounded-md shadow-sm py-2 px-4 text-base text-skin-title placeholder-gray-500 focus:outline-none focus:border-skin-accent focus:ring-1 focus:ring-skin-accent">
                                    <div class="mt-3 sm:shrink-0 sm:mt-0 sm:ms-4">
                                        <button type="submit" class="w-full bg-skin-button-accent border border-transparent rounded-md shadow-sm py-2 px-4 flex items-center justify-center text-base font-medium text-white hover:bg-opacity-75 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-skin-accent">
                                            Sign up
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    
                                                <div class="mt-6 relative py-12 px-6 flex items-center sm:py-16 sm:px-10 lg:mt-0 ">
                                <div class="absolute inset-0 rounded-lg overflow-hidden">
                                    <a href="/contact" target="_self"  >
    <img src="https://cdn.freshstore.cloud/template/images/12701/4734/living-room-with-fireplace-2023-11-27-05-06-00-utc-min-jpg.jpg?width=800" alt="An image representing our contact page" title="Contact us with your questions or feedback" class="w-full h-full filter saturate-0 object-center object-cover">
                                    <div class="absolute inset-0 bg-skin-dark bg-opacity-70"></div>
</a>
                                </div>
                                <div class="relative max-w-sm mx-auto text-center">
                                    <a href="/contact" target="_self"  >
    <h3 class="text-2xl font-subtitle font-bold text-white">Get in Touch</h3>
                                    <p class="mt-2 text-white">
                                        Do you have a question, want to give some feedback, or simply want to chat? Click here to find out how to contact us.
                                    </p>
</a>
                                </div>
                            </div>
                    
                </div>
            
        </div>

        <div class="my-20 items-center px-6 md:px-20">
            <p class="text-sm text-skin-base text-center">Affiliate disclosure: When you click links to various merchants on this site and make a purchase, this can result in this site earning a commission. Affiliate programs and affiliations include, but are not limited to, the eBay Partner Network and Amazon. As an Amazon Associate I earn from qualifying purchases. Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply to the purchase of this product. CERTAIN CONTENT THAT APPEARS ON THIS SITE COMES FROM AMAZON. THIS CONTENT IS PROVIDED &#039;AS IS&#039; AND IS SUBJECT TO CHANGE OR REMOVAL AT ANY TIME.</p>
        </div>

        <div class="my-20 pb-10 md:flex md:items-center md:justify-between">
            <div class="text-center md:text-start">
                <p class="text-sm text-skin-base">&copy; 2026 All Rights Reserved.
                                            <p><a title="Fireplaces And Stove" href="../../">Fireplaces And Stove</a></p>
                                    </p>
            </div>

            <div class="mt-4 flex items-center justify-center md:mt-0">
                <div class="flex space-x-8 rtl:space-x-reverse">
                                            <a href="/contact" class="text-sm text-skin-link hover:opacity-75">
                            Contact
                        </a>
                                            <a href="/privacy-policy" class="text-sm text-skin-link hover:opacity-75">
                            Privacy Policy
                        </a>
                                            <a href="/terms-of-use" class="text-sm text-skin-link hover:opacity-75">
                            Terms of Use
                        </a>
                                    </div>
            </div>
        </div>
    </div>
</footer>

        
    </div>


<div wire:snapshot="{&quot;data&quot;:{&quot;renderedAt&quot;:1794490316,&quot;path&quot;:&quot;\/&quot;,&quot;active&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;mBdi5p7gAuRAgDpHQ4Qt&quot;,&quot;name&quot;:&quot;price-refresh&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;270437170-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;4e0220ef311a8bcc73256236aab435b4aabe3f7b710093a76dce0b5e46d800d7&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;270437170-0&quot;:&quot;    &lt;script&gt;\n        const fsStampWords = {\&quot;updated\&quot;:\&quot;Updated :age\&quot;,\&quot;s\&quot;:[\&quot;:ns ago\&quot;,\&quot;:ns ago\&quot;,\&quot;:ns ago\&quot;,\&quot;:ns ago\&quot;],\&quot;m\&quot;:[\&quot;:nm ago\&quot;,\&quot;:nm ago\&quot;,\&quot;:nm ago\&quot;,\&quot;:nm ago\&quot;],\&quot;h\&quot;:[\&quot;:nh ago\&quot;,\&quot;:nh ago\&quot;,\&quot;:nh ago\&quot;,\&quot;:nh ago\&quot;]};\n        const fsStampAges = () =&gt; {\n            document.querySelectorAll(&#039;[data-fs-stamp]&#039;).forEach((el) =&gt; {\n                const age = Math.max(1, Math.floor((Date.now() - Date.parse(el.dateTime)) \/ 1000));\n                if (!(age &lt; 86400)) {\n                    return;\n                }\n                const [unit, count] = age &lt; 60 ? [&#039;s&#039;, age] : age &lt; 3600 ? [&#039;m&#039;, Math.floor(age \/ 60)] : [&#039;h&#039;, Math.floor(age \/ 3600)];\n                const forms = fsStampWords[unit];\n                const form = forms[count === 1 ? 0 : count === 2 ? 1 : count &lt;= 10 ? 2 : 3];\n                el.textContent = fsStampWords.updated.replace(&#039;:age&#039;, form.replace(&#039;:n&#039;, count));\n            });\n        };\n\n        document.addEventListener(&#039;click&#039;, (event) =&gt; {\n            const tapped = event.target.closest ? event.target.closest(&#039;[data-fs-stamp]&#039;) : null;\n            document.querySelectorAll(&#039;.fs-price-stamp--open&#039;).forEach((el) =&gt; {\n                if (el !== tapped) {\n                    el.classList.remove(&#039;fs-price-stamp--open&#039;);\n                }\n            });\n            if (tapped &amp;&amp; window.matchMedia(&#039;(hover: none)&#039;).matches) {\n                event.preventDefault();\n                tapped.classList.toggle(&#039;fs-price-stamp--open&#039;);\n            }\n        });\n\n        const fsRefreshPrices = (fsFollowUp) =&gt; {\n            \/\/ True only on the same view follow up below, which queues nothing\n            \/\/ and shows no shimmer. The prerender listener passes an Event.\n            const isFollowUp = fsFollowUp === true;\n            const age = Math.floor(Date.now() \/ 1000) - 1794490316;\n            if (age &lt; 3600) {\n                return;\n            }\n\n            const els = Array.from(document.querySelectorAll(&#039;[data-fs-price]&#039;));\n            if (!els.length) {\n                return;\n            }\n\n            const items = els.map((el) =&gt; ({\n                id: parseInt(el.dataset.fsPrice, 10),\n                type: [&#039;full&#039;, &#039;saving&#039;].includes(el.dataset.fsPriceType) ? el.dataset.fsPriceType : &#039;actual&#039;,\n                text: el.textContent.trim(),\n            }));\n\n            (isFollowUp ? [] : els).forEach((el) =&gt; {\n                if (el.textContent.trim() !== &#039;&#039;) {\n                    \/\/ A block level price would shimmer across its whole row.\n                    \/\/ Shrink the shimmer to the figure, on the side it sits.\n                    const css = getComputedStyle(el);\n                    if (css.display === &#039;block&#039;) {\n                        el.style.width = &#039;fit-content&#039;;\n                        if (css.textAlign === &#039;end&#039; || css.textAlign === (css.direction === &#039;rtl&#039; ? &#039;left&#039; : &#039;right&#039;)) {\n                            el.style.marginInlineStart = &#039;auto&#039;;\n                        } else if (css.textAlign === &#039;center&#039;) {\n                            el.style.marginInline = &#039;auto&#039;;\n                        }\n                    }\n                    el.classList.add(&#039;fs-price-loading&#039;);\n                }\n                el.setAttribute(&#039;aria-busy&#039;, &#039;true&#039;);\n            });\n\n            (isFollowUp ? $wire.refreshPrices(items, true) : $wire.refreshPrices(items)).then((map) =&gt; {\n                if (!map) {\n                    return;\n                }\n                els.forEach((el) =&gt; {\n                    const row = map[el.dataset.fsPrice];\n                    if (!row) {\n                        return;\n                    }\n                    const type = [&#039;full&#039;, &#039;saving&#039;].includes(el.dataset.fsPriceType) ? el.dataset.fsPriceType : &#039;actual&#039;;\n                    const value = row[type];\n                    const old = el.textContent.trim();\n                    if (value) {\n                        if (old !== value) {\n                            \/\/ Keep the suffix in its own span, as the server\n                            \/\/ draws it (product-price, fs-price-note), and a\n                            \/\/ custom offer&#039;s price note (\&quot;from\&quot;, \&quot;per night\&quot;)\n                            \/\/ on the side it was drawn (data-fs-note).\n                            const quiet = (text, side) =&gt; {\n                                const span = document.createElement(&#039;span&#039;);\n                                span.className = &#039;fs-price-note&#039;;\n                                if (side) {\n                                    span.dataset.fsNote = side;\n                                }\n                                span.textContent = text;\n                                return span;\n                            };\n                            let figure = value;\n                            const nodes = [];\n                            const parts = type === &#039;actual&#039; ? figure.match(\/^(.*\\S)\\s+(\\([^()]+\\))$\/) : null;\n                            if (parts) {\n                                figure = parts[1];\n                            }\n                            const before = el.querySelector(&#039;[data-fs-note=\&quot;before\&quot;]&#039;)?.textContent || &#039;&#039;;\n                            const after = el.querySelector(&#039;[data-fs-note=\&quot;after\&quot;]&#039;)?.textContent || &#039;&#039;;\n                            if (before &amp;&amp; figure.startsWith(before + &#039; &#039;)) {\n                                nodes.push(quiet(before, &#039;before&#039;), document.createTextNode(&#039; &#039;));\n                                figure = figure.slice(before.length + 1);\n                            }\n                            const tail = after &amp;&amp; figure.endsWith(&#039; &#039; + after);\n                            if (tail) {\n                                figure = figure.slice(0, figure.length - after.length - 1);\n                            }\n                            nodes.push(document.createTextNode(figure));\n                            if (tail) {\n                                nodes.push(document.createTextNode(&#039; &#039;), quiet(after, &#039;after&#039;));\n                            }\n                            if (parts) {\n                                nodes.push(document.createTextNode(&#039; &#039;), quiet(parts[2]));\n                            }\n                            el.replaceChildren(...nodes);\n                            if (isFollowUp) {\n                                window.fsSameView?.flash(el);\n                            }\n                        }\n                        el.classList.remove(&#039;hidden&#039;);\n                    } else if (type !== &#039;actual&#039; || \/\\d\/.test(old)) {\n                        \/\/ The figure it showed is gone. Say nothing rather\n                        \/\/ than keep a price the retailer no longer has.\n                        el.textContent = &#039;&#039;;\n                        el.classList.add(&#039;hidden&#039;);\n                    }\n                });\n                document.querySelectorAll(&#039;[data-fs-stamp]&#039;).forEach((el) =&gt; {\n                    const row = map[el.dataset.fsStamp];\n                    \/\/ No stamp key: the answer came from a pod on the last release.\n                    if (!row || !(&#039;stamp&#039; in row)) {\n                        return;\n                    }\n                    el.hidden = !row.stamp;\n                    if (row.stamp) {\n                        el.textContent = row.stamp.text;\n                        el.title = row.stamp.title;\n                        el.dateTime = row.stamp.iso;\n                    }\n                });\n            }).finally(() =&gt; {\n                \/\/ The whole page, not only els: refreshPrices rides in the same\n                \/\/ Livewire round trip as visitorCountryChanged, and a parent\n                \/\/ that redraws in it (Bounty&#039;s lead drop) morphs in NEW price\n                \/\/ elements that still carry the loading class, while els are\n                \/\/ now detached. They shimmered forever with no price\n                \/\/ (xbox-elite, \&quot;Next drops\&quot;, store pass 4 Oct 2026). Once the\n                \/\/ call has settled no price on the page is still waiting.\n                new Set([...els, ...document.querySelectorAll(&#039;.fs-price-loading, [data-fs-price][aria-busy]&#039;)]).forEach((el) =&gt; {\n                    el.classList.remove(&#039;fs-price-loading&#039;);\n                    el.style.width = &#039;&#039;;\n                    el.style.marginInline = &#039;&#039;;\n                    el.removeAttribute(&#039;aria-busy&#039;);\n                });\n                \/\/ Rows that follow a live figure (Bounty&#039;s drops) re-read it.\n                document.dispatchEvent(new CustomEvent(&#039;fs:prices&#039;));\n            });\n        };\n\n        \/\/ This page&#039;s first call queued refreshes (PRICE_SAME_VIEW_ENABLED): most\n        \/\/ answers land in seconds, so read them once. A product page has its\n        \/\/ own follow ups (same-view.js), and those carry the figures.\n        $wire.on(&#039;fsPricesQueued&#039;, () =&gt; {\n            setTimeout(() =&gt; {\n                if (!window.fsSameView?.following()) {\n                    fsRefreshPrices(true);\n                }\n            }, 8000);\n        });\n\n        \/\/ A prerendered page (shared\/instant-navigation) may never be seen.\n        \/\/ Ask for prices only once the visitor has actually opened it.\n        fsStampAges();\n        if (document.prerendering) {\n            document.addEventListener(&#039;prerenderingchange&#039;, () =&gt; {\n                fsStampAges();\n                fsRefreshPrices();\n            }, { once: true });\n        } else {\n            fsRefreshPrices();\n        }\n    &lt;\/script&gt;\n        &quot;}}" wire:id="mBdi5p7gAuRAgDpHQ4Qt" hidden data-fs-price-refresh data-fs-rendered-at="1794490316">
<!--[if BLOCK]><![endif]-->    <style>
        .fs-price-loading{color:transparent!important;border-radius:2px;background:linear-gradient(90deg,rgba(var(--color-light,100,116,139),.10) 25%,rgba(var(--color-light,100,116,139),.30) 50%,rgba(var(--color-light,100,116,139),.10) 75%);background-size:200% 100%;animation:fs-price-shimmer 1.1s linear infinite}
        .fs-price-loading *{color:transparent!important}
        .bo-square .fs-price-loading{border-radius:0}
        @keyframes fs-price-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
        @media (prefers-reduced-motion: reduce){.fs-price-loading{animation:none}}
    </style>
        <!--[if ENDBLOCK]><![endif]--></div>
<script src="/livewire/e5e7ff8c/livewire.min.js?id=e5e7ff8c"   data-csrf="3XwyKwb7LLBm7FrGbLG7KgVifskrAp3qlbKNT2KU" data-update-uri="/livewire/update" data-navigate-once="true"></script>





<div wire:snapshot="{&quot;data&quot;:{&quot;analyticsSiteUrl&quot;:&quot;analytics.freshstore.cloud&quot;,&quot;analyticsSiteId&quot;:&quot;25295&quot;,&quot;templateKey&quot;:&quot;crystal&quot;,&quot;pageType&quot;:&quot;home&quot;,&quot;countryPath&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;6Ol2HdoSXPlV4oPhIRM6&quot;,&quot;name&quot;:&quot;get-analytics-code&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;778755636-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;fs_release&quot;:&quot;6d88951a77c6&quot;},&quot;checksum&quot;:&quot;18c24b5900779d388d011f387b2bd1db033ef1d275f8af1190363796faee1fc6&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;778755636-0&quot;:&quot;    &lt;script&gt;\n\n        \/\/ Country path this page is served under (&#039;&#039; for the root). The one\n        \/\/ place the storefront JS learns it; every Affiliate Click event\n        \/\/ sends it as `path`.\n        window.fsCountryPath = &#039;&#039;;\n\n        let isAdmin = document.cookie.match(&#039;(^|;)\\\\s*&#039; + &#039;fs_bt&#039; + &#039;\\\\s*=\\\\s*([^;]+)&#039;)?.pop() || &#039;&#039;;\n\n        if (isAdmin !== &#039;1&#039;) {\n            var _paq = window._paq = window._paq || [];\n\n            const fsStartTracking = function () {\n                \/* tracker methods like \&quot;setCustomDimension\&quot; should be called before \&quot;trackPageView\&quot; *\/\n                _paq.push([&#039;trackPageView&#039;]);\n                _paq.push([&#039;enableLinkTracking&#039;]);\n                _paq.push([&#039;enableHeartBeatTimer&#039;]);\n                var u = \&quot;\/\/analytics.freshstore.cloud\/\&quot;;\n                _paq.push([&#039;setTrackerUrl&#039;, u + &#039;matomo.php&#039;]);\n                _paq.push([&#039;setSiteId&#039;, &#039;25295&#039;]);\n                var d = document, g = d.createElement(&#039;script&#039;), s = d.getElementsByTagName(&#039;script&#039;)[0];\n                g.async = true;\n                g.src = u + &#039;matomo.js&#039;;\n                s.parentNode.insertBefore(g, s);\n            };\n\n            \/\/ A prerendered page (shared\/instant-navigation) is not a visit\n            \/\/ until the visitor clicks through to it, and may never be. Matomo&#039;s\n            \/\/ own check only knows the retired visibilityState &#039;prerender&#039;.\n            if (document.prerendering) {\n                document.addEventListener(&#039;prerenderingchange&#039;, fsStartTracking, { once: true });\n            } else {\n                fsStartTracking();\n            }\n\n            document.addEventListener(&#039;click&#039;, function (e) {\n                const link = e.target.closest(&#039;a.fs-al&#039;);\n                if (!link) return;\n\n                const productId = link.dataset.productId;\n                const offerId = link.dataset.offerId;\n                const price = link.dataset.price;\n\n                \/\/ placement: which kind of link on the page (offer_row,\n                \/\/ ebay_related...), from the link itself or its container.\n                const placement = link.dataset.placement\n                    || link.closest(&#039;[data-fs-placement]&#039;)?.dataset.fsPlacement\n                    || &#039;&#039;;\n\n                if (productId || offerId) {\n                    let url = link.dataset.url || link.href;\n\n                    \/\/ A link to our own redirect (out\/product, out\/offer...)\n                    \/\/ picks the retailer per click, after this page was\n                    \/\/ cached. A fresh id on the redirect URL and in the event\n                    \/\/ lets the redirect record where it sent this click and\n                    \/\/ the import name that retailer on the click row\n                    \/\/ (App\\Support\\ClickMerchant). Set before the browser\n                    \/\/ follows the href, which it reads after this handler.\n                    let cid = &#039;&#039;;\n                    try {\n                        const out = new URL(link.href, window.location.href);\n                        if (out.origin === window.location.origin &amp;&amp; \/^(\\\/[a-z]{2})?\\\/out\\\/\/.test(out.pathname)) {\n                            \/\/ A second click on the same link carries the\n                            \/\/ first click&#039;s id; the event never does.\n                            out.searchParams.delete(&#039;fs_cid&#039;);\n                            if (!link.dataset.url) url = out.toString();\n                            cid = (window.crypto &amp;&amp; crypto.randomUUID) ? crypto.randomUUID() : (Date.now().toString(36) + Math.random().toString(36).slice(2, 12));\n                            out.searchParams.set(&#039;fs_cid&#039;, cid);\n                            link.setAttribute(&#039;href&#039;, out.toString());\n                        }\n                    } catch (x) {}\n\n                    window._paq.push([&#039;trackEvent&#039;, &#039;Affiliate&#039;, &#039;Click&#039;, JSON.stringify({\n                        product_id: productId,\n                        offer_id: offerId,\n                        price: price,\n                        \/\/ An offer row links to our own redirect (out\/offer);\n                        \/\/ data-url keeps the retailer as the click destination.\n                        url: url,\n                        cid: cid,\n                        placement: placement,\n                        path: window.fsCountryPath || &#039;&#039;,\n                        template: &#039;crystal&#039;,\n                        page_type: &#039;home&#039;                    }), 1]);\n                }\n            });\n        }\n\n\n    &lt;\/script&gt;\n        &quot;}}" wire:id="6Ol2HdoSXPlV4oPhIRM6">
        </div>


</body>
</html>
