{"product_id":"fireplace-diffuser","title":"Yunsune™ Fireplace Diffuser Lamp","description":"\u003csection class=\"fp-section\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"fp-hero\"\u003e\n    \u003cdiv class=\"fp-eyebrow\"\u003eLIGHT · MIST · AROMATHERAPY\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Turn Any Room Into a\n      \u003cspan\u003eCozy Escape\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"fp-subtitle\"\u003e\n      Warm fireplace-inspired light, relaxing mist, and your favorite\n      essential oils — all in one cozy little upgrade.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n  \u003cdiv class=\"fp-benefits\"\u003e\n\n    \u003cdiv class=\"fp-benefit\"\u003e\n      \u003cdiv class=\"fp-icon\"\u003e🔥\u003c\/div\u003e\n      \u003ch3\u003eFireplace Glow\u003c\/h3\u003e\n      \u003cp\u003eMesmerizing flame-like ambience without a real fire.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fp-benefit\"\u003e\n      \u003cdiv class=\"fp-icon\"\u003e🌿\u003c\/div\u003e\n      \u003ch3\u003eAromatherapy\u003c\/h3\u003e\n      \u003cp\u003eAdd a few drops of your favorite essential oil.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fp-benefit\"\u003e\n      \u003cdiv class=\"fp-icon\"\u003e💡\u003c\/div\u003e\n      \u003ch3\u003eAmbient Light\u003c\/h3\u003e\n      \u003cp\u003eGive your room a warmer, cozier atmosphere.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fp-benefit\"\u003e\n      \u003cdiv class=\"fp-icon\"\u003e🎮\u003c\/div\u003e\n      \u003ch3\u003eRemote Included\u003c\/h3\u003e\n      \u003cp\u003eControl your settings from the couch or bed.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- VIDEOS --\u003e\n  \u003cdiv class=\"fp-videos\"\u003e\n\n    \u003cdiv class=\"fp-small-label\"\u003eSEE IT IN ACTION\u003c\/div\u003e\n\n    \u003ch2\u003eSee the Fireplace Glow Come to Life 🔥\u003c\/h2\u003e\n\n    \u003cp class=\"fp-video-subtitle\"\u003e\n      Watch the mist and ambient light transform the feel of the room.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"fp-video-wrapper\"\u003e\n\n      \u003cbutton class=\"fp-video-arrow fp-video-prev\" type=\"button\" aria-label=\"Previous video\"\u003e\n        ‹\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"fp-video-track\" id=\"fpVideoTrack\"\u003e\n\n        \u003cdiv class=\"fp-video-card\"\u003e\n          \u003cvideo class=\"fp-video\" controls playsinline muted preload=\"metadata\"\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/990f577018a6415badf57325947c57c7.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fp-video-card\"\u003e\n          \u003cvideo class=\"fp-video\" controls playsinline muted preload=\"metadata\"\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8513564895ba45109872fd0f101095aa.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fp-video-card\"\u003e\n          \u003cvideo class=\"fp-video\" controls playsinline muted preload=\"metadata\"\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7c9c8e697b844b8c8af08a1c786123af.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fp-video-card\"\u003e\n          \u003cvideo class=\"fp-video\" controls playsinline muted preload=\"metadata\"\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/32f04fccc4c3490db5ab1f46c7e148a3.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fp-video-card\"\u003e\n          \u003cvideo class=\"fp-video\" controls playsinline muted preload=\"metadata\"\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/aacc24eb76bc46d0aac6c8a9d490ccb7.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fp-video-card\"\u003e\n          \u003cvideo class=\"fp-video\" controls playsinline muted preload=\"metadata\"\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/392778c09ee947d9b2e03260fe282045.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cbutton class=\"fp-video-arrow fp-video-next\" type=\"button\" aria-label=\"Next video\"\u003e\n        ›\n      \u003c\/button\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fp-video-dots\" id=\"fpVideoDots\"\u003e\n      \u003cbutton class=\"fp-dot active\" type=\"button\" data-index=\"0\"\u003e\u003c\/button\u003e\n      \u003cbutton class=\"fp-dot\" type=\"button\" data-index=\"1\"\u003e\u003c\/button\u003e\n      \u003cbutton class=\"fp-dot\" type=\"button\" data-index=\"2\"\u003e\u003c\/button\u003e\n      \u003cbutton class=\"fp-dot\" type=\"button\" data-index=\"3\"\u003e\u003c\/button\u003e\n      \u003cbutton class=\"fp-dot\" type=\"button\" data-index=\"4\"\u003e\u003c\/button\u003e\n      \u003cbutton class=\"fp-dot\" type=\"button\" data-index=\"5\"\u003e\u003c\/button\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- LIFESTYLE --\u003e\n  \u003cdiv class=\"fp-story\"\u003e\n\n    \u003cdiv class=\"fp-story-content\"\u003e\n\n      \u003cdiv class=\"fp-small-label\"\u003e\n        YOUR COZY NIGHT, ALL IN ONE\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Set the mood.\u003cbr\u003e\n        Then just unwind.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Dim the lights, add a few drops of your favorite essential oil,\n        and let the fireplace-inspired glow transform the atmosphere.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Perfect for bedrooms, living rooms, reading corners,\n        movie nights, or simply slowing down after a long day.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"fp-checks\"\u003e\n\n        \u003cdiv class=\"fp-check\"\u003e\n          \u003cspan\u003e🌿\u003c\/span\u003e\n          \u003cstrong\u003eEssential Oil Compatible\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fp-check\"\u003e\n          \u003cspan\u003e💨\u003c\/span\u003e\n          \u003cstrong\u003eGentle Aromatic Mist\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fp-check\"\u003e\n          \u003cspan\u003e⏱\u003c\/span\u003e\n          \u003cstrong\u003e2–8 Hour Timer\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fp-check\"\u003e\n          \u003cspan\u003e🎮\u003c\/span\u003e\n          \u003cstrong\u003eRemote Included\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- HOW TO USE --\u003e\n  \u003cdiv class=\"fp-how\"\u003e\n\n    \u003cdiv class=\"fp-small-label\"\u003eSIMPLE TO USE\u003c\/div\u003e\n\n    \u003ch2\u003eCozy in 3 Simple Steps\u003c\/h2\u003e\n\n    \u003cdiv class=\"fp-steps\"\u003e\n\n      \u003cdiv class=\"fp-step\"\u003e\n        \u003cdiv class=\"fp-step-number\"\u003e1\u003c\/div\u003e\n\n        \u003cdiv class=\"fp-step-content\"\u003e\n          \u003ch3\u003eAdd Water\u003c\/h3\u003e\n          \u003cp\u003eFill the tank to the recommended level.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fp-step\"\u003e\n        \u003cdiv class=\"fp-step-number\"\u003e2\u003c\/div\u003e\n\n        \u003cdiv class=\"fp-step-content\"\u003e\n          \u003ch3\u003eAdd Your Scent\u003c\/h3\u003e\n          \u003cp\u003eAdd a few drops of your favorite essential oil.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fp-step\"\u003e\n        \u003cdiv class=\"fp-step-number\"\u003e3\u003c\/div\u003e\n\n        \u003cdiv class=\"fp-step-content\"\u003e\n          \u003ch3\u003eEnjoy the Glow\u003c\/h3\u003e\n          \u003cp\u003eTurn it on, get comfortable, and enjoy the atmosphere.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fp-remote\"\u003e\n      \u003cspan\u003e🎮\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003eRemote control included\u003c\/strong\u003e\n        \u003cp\u003eAdjust your settings without leaving the couch.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SPECS --\u003e\n  \u003cdiv class=\"fp-spec-title\"\u003e\n    \u003cdiv class=\"fp-small-label\"\u003ePRODUCT DETAILS\u003c\/div\u003e\n    \u003ch2\u003eEverything You Need for Cozy Nights\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fp-specs\"\u003e\n\n    \u003cdiv class=\"fp-spec\"\u003e\n      \u003cspan\u003ePOWER\u003c\/span\u003e\n      \u003cstrong\u003e10W\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fp-spec\"\u003e\n      \u003cspan\u003ePOWER SUPPLY\u003c\/span\u003e\n      \u003cstrong\u003eUSB Powered\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fp-spec\"\u003e\n      \u003cspan\u003eTIMER\u003c\/span\u003e\n      \u003cstrong\u003e2–8 Hours\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fp-spec\"\u003e\n      \u003cspan\u003eAROMATHERAPY\u003c\/span\u003e\n      \u003cstrong\u003eEssential Oil Compatible\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fp-spec\"\u003e\n      \u003cspan\u003eCONTROL\u003c\/span\u003e\n      \u003cstrong\u003eRemote Included\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fp-spec\"\u003e\n      \u003cspan\u003eLIGHTING\u003c\/span\u003e\n      \u003cstrong\u003eAmbient Flame Glow\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cstyle\u003e\n\n.fp-section {\n  --fp-dark: #38271f;\n  --fp-text: #6f6058;\n  --fp-accent: #bd6136;\n  --fp-soft: #fbf8f4;\n  --fp-warm: #f5e8dc;\n  --fp-border: #ece4dc;\n\n  width: 100%;\n  max-width: 960px;\n  margin: 0 auto;\n  padding: 38px 20px 54px;\n  box-sizing: border-box;\n  color: var(--fp-dark);\n}\n\n.fp-section * {\n  box-sizing: border-box;\n}\n\n\n\/* HERO *\/\n\n.fp-hero {\n  max-width: 620px;\n  margin: 0 auto 28px;\n  text-align: center;\n}\n\n.fp-eyebrow,\n.fp-small-label {\n  margin-bottom: 8px;\n  color: var(--fp-accent);\n  font-size: 10px;\n  line-height: 1.2;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n}\n\n.fp-hero h2 {\n  margin: 0 auto;\n  font-size: clamp(30px, 4vw, 42px);\n  line-height: 1.06;\n  font-weight: 800;\n  letter-spacing: -1px;\n}\n\n.fp-hero h2 span {\n  color: var(--fp-accent);\n}\n\n.fp-subtitle {\n  max-width: 540px;\n  margin: 14px auto 0;\n  color: var(--fp-text);\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n\n\/* BENEFITS *\/\n\n.fp-benefits {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  max-width: 800px;\n  margin: 0 auto 44px;\n  overflow: hidden;\n  border: 1px solid var(--fp-border);\n  border-radius: 18px;\n  background: #fff;\n}\n\n.fp-benefit {\n  min-width: 0;\n  padding: 22px 15px;\n  text-align: center;\n  border-right: 1px solid var(--fp-border);\n}\n\n.fp-benefit:last-child {\n  border-right: 0;\n}\n\n.fp-icon {\n  display: flex;\n  width: 44px;\n  height: 44px;\n  margin: 0 auto 11px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: var(--fp-soft);\n  font-size: 22px;\n  line-height: 1;\n}\n\n.fp-benefit h3 {\n  margin: 0 0 6px;\n  font-size: 13px;\n  line-height: 1.25;\n  font-weight: 750;\n}\n\n.fp-benefit p {\n  max-width: 150px;\n  margin: 0 auto;\n  color: var(--fp-text);\n  font-size: 11px;\n  line-height: 1.45;\n}\n\n\n\/* VIDEOS *\/\n\n.fp-videos {\n  margin-bottom: 50px;\n  text-align: center;\n}\n\n.fp-videos h2 {\n  max-width: 580px;\n  margin: 0 auto;\n  font-size: clamp(25px, 3vw, 34px);\n  line-height: 1.1;\n  letter-spacing: -0.6px;\n}\n\n.fp-video-subtitle {\n  max-width: 470px;\n  margin: 9px auto 22px;\n  color: var(--fp-text);\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n.fp-video-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.fp-video-track {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: calc((100% - 14px) \/ 2);\n  gap: 14px;\n\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n\n  padding: 2px 0 7px;\n\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  scroll-padding-left: 0;\n\n  overscroll-behavior-x: contain;\n  touch-action: pan-x;\n\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  -webkit-overflow-scrolling: touch;\n}\n\n.fp-video-track::-webkit-scrollbar {\n  display: none;\n}\n\n.fp-video-card {\n  min-width: 0;\n  overflow: hidden;\n  border-radius: 16px;\n  background: #111;\n  scroll-snap-align: start;\n  scroll-snap-stop: normal;\n  box-shadow: 0 7px 22px rgba(0,0,0,0.09);\n}\n\n.fp-video {\n  display: block;\n  width: 100%;\n  height: auto;\n  aspect-ratio: 9 \/ 16;\n  object-fit: cover;\n  background: #000;\n}\n\n.fp-video-arrow {\n  position: absolute;\n  top: 50%;\n  z-index: 20;\n\n  display: flex;\n  width: 40px;\n  height: 40px;\n\n  align-items: center;\n  justify-content: center;\n\n  transform: translateY(-50%);\n\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n\n  background: #fff;\n  color: #222;\n\n  font-size: 28px;\n  line-height: 1;\n\n  cursor: pointer;\n\n  box-shadow: 0 5px 16px rgba(0,0,0,0.15);\n}\n\n.fp-video-prev {\n  left: -16px;\n}\n\n.fp-video-next {\n  right: -16px;\n}\n\n.fp-video-dots {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  gap: 6px;\n\n  margin-top: 14px;\n}\n\n.fp-dot {\n  width: 7px;\n  height: 7px;\n  padding: 0;\n  border: 0;\n  border-radius: 999px;\n  background: #d8d0ca;\n  cursor: pointer;\n}\n\n.fp-dot.active {\n  width: 20px;\n  background: var(--fp-accent);\n}\n\n\n\/* STORY *\/\n\n.fp-story {\n  margin-bottom: 46px;\n  padding: 44px 42px;\n  border-radius: 22px;\n\n  background:\n    radial-gradient(\n      circle at 90% 15%,\n      rgba(225,167,121,0.28),\n      transparent 35%\n    ),\n    linear-gradient(\n      135deg,\n      #fffaf6,\n      #f6ebe1\n    );\n}\n\n.fp-story-content {\n  max-width: 610px;\n}\n\n.fp-story h2 {\n  margin: 0 0 16px;\n  font-size: clamp(27px, 3.5vw, 38px);\n  line-height: 1.08;\n  letter-spacing: -0.8px;\n}\n\n.fp-story p {\n  max-width: 570px;\n  margin: 0 0 11px;\n  color: var(--fp-text);\n  font-size: 13px;\n  line-height: 1.65;\n}\n\n.fp-checks {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0,1fr));\n  gap: 9px;\n  max-width: 550px;\n  margin-top: 21px;\n}\n\n.fp-check {\n  display: flex;\n  min-height: 50px;\n  align-items: center;\n  gap: 9px;\n  padding: 11px 13px;\n  border: 1px solid rgba(255,255,255,0.8);\n  border-radius: 11px;\n  background: rgba(255,255,255,0.64);\n}\n\n.fp-check span {\n  font-size: 18px;\n}\n\n.fp-check strong {\n  font-size: 11.5px;\n  line-height: 1.3;\n}\n\n\n\/* HOW *\/\n\n.fp-how {\n  max-width: 820px;\n  margin: 0 auto 44px;\n  text-align: center;\n}\n\n.fp-how h2 {\n  margin: 0 0 24px;\n  font-size: clamp(25px,3vw,32px);\n  line-height: 1.1;\n}\n\n.fp-steps {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 11px;\n}\n\n.fp-step {\n  min-width: 0;\n  padding: 21px 17px;\n  text-align: left;\n  border: 1px solid var(--fp-border);\n  border-radius: 15px;\n  background: #fff;\n}\n\n.fp-step-number {\n  display: flex;\n  width: 31px;\n  height: 31px;\n  margin-bottom: 12px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: var(--fp-accent);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.fp-step h3 {\n  margin: 0 0 5px;\n  font-size: 13px;\n}\n\n.fp-step p {\n  margin: 0;\n  color: var(--fp-text);\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.fp-remote {\n  display: inline-flex;\n  max-width: 480px;\n  margin-top: 16px;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 16px;\n  text-align: left;\n  border-radius: 12px;\n  background: var(--fp-warm);\n}\n\n.fp-remote \u003e span {\n  font-size: 18px;\n}\n\n.fp-remote strong {\n  display: block;\n  margin-bottom: 2px;\n  font-size: 11.5px;\n}\n\n.fp-remote p {\n  margin: 0;\n  color: var(--fp-text);\n  font-size: 10.5px;\n}\n\n\n\/* SPECS *\/\n\n.fp-spec-title {\n  margin-bottom: 18px;\n  text-align: center;\n}\n\n.fp-spec-title h2 {\n  margin: 0;\n  font-size: clamp(24px,3vw,31px);\n  line-height: 1.1;\n}\n\n.fp-specs {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  overflow: hidden;\n  border: 1px solid var(--fp-border);\n  border-radius: 16px;\n  background: #fff;\n}\n\n.fp-spec {\n  min-height: 82px;\n  padding: 17px;\n  border-right: 1px solid var(--fp-border);\n  border-bottom: 1px solid var(--fp-border);\n}\n\n.fp-spec:nth-child(3n) {\n  border-right: 0;\n}\n\n.fp-spec:nth-last-child(-n+3) {\n  border-bottom: 0;\n}\n\n.fp-spec span {\n  display: block;\n  margin-bottom: 6px;\n  color: #9b8c83;\n  font-size: 8px;\n  font-weight: 800;\n  letter-spacing: 1px;\n}\n\n.fp-spec strong {\n  font-size: 12px;\n}\n\n\n\/* MOBILE *\/\n\n@media screen and (max-width: 749px) {\n\n  .fp-section {\n    padding: 26px 15px 44px;\n  }\n\n  .fp-hero {\n    max-width: 330px;\n    margin: 0 auto 22px;\n  }\n\n  .fp-eyebrow,\n  .fp-small-label {\n    margin-bottom: 7px;\n    font-size: 8px;\n    letter-spacing: 1.15px;\n  }\n\n  .fp-hero h2 {\n    max-width: 300px;\n    margin: 0 auto;\n    font-size: 26px;\n    line-height: 1.07;\n    letter-spacing: -0.5px;\n  }\n\n  .fp-hero h2 span {\n    display: block;\n  }\n\n  .fp-subtitle {\n    max-width: 300px;\n    margin-top: 11px;\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n\n  \/* 2 X 2 BENEFITS *\/\n\n  .fp-benefits {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 0;\n    max-width: 330px;\n    margin: 0 auto 34px;\n    border-radius: 15px;\n  }\n\n  .fp-benefit {\n    min-height: 125px;\n    padding: 15px 11px;\n    border-right: 1px solid var(--fp-border);\n    border-bottom: 1px solid var(--fp-border);\n  }\n\n  .fp-benefit:nth-child(2n) {\n    border-right: 0;\n  }\n\n  .fp-benefit:nth-child(3),\n  .fp-benefit:nth-child(4) {\n    border-bottom: 0;\n  }\n\n  .fp-icon {\n    width: 36px;\n    height: 36px;\n    margin-bottom: 8px;\n    font-size: 18px;\n  }\n\n  .fp-benefit h3 {\n    margin-bottom: 4px;\n    font-size: 11.5px;\n  }\n\n  .fp-benefit p {\n    max-width: 125px;\n    font-size: 9.5px;\n    line-height: 1.4;\n  }\n\n\n  \/* MOBILE VIDEO *\/\n\n  .fp-videos {\n    margin-bottom: 38px;\n  }\n\n  .fp-videos h2 {\n    max-width: 300px;\n    font-size: 23px;\n    line-height: 1.1;\n  }\n\n  .fp-video-subtitle {\n    max-width: 290px;\n    margin: 8px auto 17px;\n    font-size: 10px;\n    line-height: 1.5;\n  }\n\n  .fp-video-wrapper {\n    width: 100%;\n    position: relative;\n  }\n\n  .fp-video-track {\n    grid-auto-columns: 72%;\n    gap: 10px;\n\n    width: calc(100% + 30px);\n    margin-left: -15px;\n\n    padding: 2px 15px 8px;\n\n    scroll-padding-left: 15px;\n\n    overflow-x: scroll;\n    overflow-y: hidden;\n\n    scroll-snap-type: x mandatory;\n\n    touch-action: pan-x;\n\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .fp-video-card {\n    scroll-snap-align: start;\n    border-radius: 13px;\n  }\n\n  .fp-video {\n    width: 100%;\n    display: block;\n  }\n\n  \/* MOBILE ARROWS STAY VISIBLE *\/\n\n  .fp-video-arrow {\n    display: flex;\n\n    width: 34px;\n    height: 34px;\n\n    font-size: 24px;\n\n    background: rgba(255,255,255,0.96);\n\n    box-shadow: 0 4px 14px rgba(0,0,0,0.17);\n  }\n\n  .fp-video-prev {\n    left: -5px;\n  }\n\n  .fp-video-next {\n    right: -5px;\n  }\n\n  .fp-video-dots {\n    gap: 5px;\n    margin-top: 11px;\n  }\n\n  .fp-dot {\n    width: 6px;\n    height: 6px;\n  }\n\n  .fp-dot.active {\n    width: 17px;\n  }\n\n\n  \/* STORY *\/\n\n  .fp-story {\n    margin-bottom: 36px;\n    padding: 27px 19px;\n    border-radius: 17px;\n  }\n\n  .fp-story h2 {\n    margin-bottom: 13px;\n    font-size: 26px;\n  }\n\n  .fp-story p {\n    font-size: 11.5px;\n    line-height: 1.6;\n  }\n\n  .fp-checks {\n    grid-template-columns: 1fr;\n    gap: 6px;\n    margin-top: 16px;\n  }\n\n  .fp-check {\n    min-height: 43px;\n    padding: 9px 11px;\n  }\n\n  .fp-check span {\n    font-size: 16px;\n  }\n\n  .fp-check strong {\n    font-size: 10.5px;\n  }\n\n\n  \/* HOW *\/\n\n  .fp-how {\n    margin-bottom: 36px;\n  }\n\n  .fp-how h2 {\n    margin-bottom: 18px;\n    font-size: 23px;\n  }\n\n  .fp-steps {\n    grid-template-columns: 1fr;\n    gap: 7px;\n  }\n\n  .fp-step {\n    display: flex;\n    align-items: flex-start;\n    gap: 11px;\n    padding: 14px;\n  }\n\n  .fp-step-number {\n    flex: 0 0 30px;\n    width: 30px;\n    height: 30px;\n    margin: 0;\n  }\n\n  .fp-step-content {\n    padding-top: 1px;\n  }\n\n  .fp-step h3 {\n    font-size: 12px;\n  }\n\n  .fp-step p {\n    font-size: 10.5px;\n  }\n\n  .fp-remote {\n    width: 100%;\n    margin-top: 11px;\n    padding: 10px 12px;\n    border-radius: 11px;\n  }\n\n\n  \/* SPECS *\/\n\n  .fp-spec-title h2 {\n    font-size: 22px;\n  }\n\n  .fp-specs {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    border-radius: 14px;\n  }\n\n  .fp-spec {\n    min-height: 72px;\n    padding: 13px 11px;\n    border-right: 1px solid var(--fp-border);\n    border-bottom: 1px solid var(--fp-border);\n  }\n\n  .fp-spec:nth-child(3n) {\n    border-right: 1px solid var(--fp-border);\n  }\n\n  .fp-spec:nth-child(2n) {\n    border-right: 0;\n  }\n\n  .fp-spec:nth-last-child(-n+3) {\n    border-bottom: 1px solid var(--fp-border);\n  }\n\n  .fp-spec:nth-last-child(-n+2) {\n    border-bottom: 0;\n  }\n\n  .fp-spec span {\n    font-size: 7.5px;\n  }\n\n  .fp-spec strong {\n    font-size: 11px;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n(function () {\n\n  function initFireplaceVideos() {\n\n    var track = document.getElementById('fpVideoTrack');\n\n    if (!track) {\n      return;\n    }\n\n    var cards = Array.prototype.slice.call(\n      track.querySelectorAll('.fp-video-card')\n    );\n\n    var prevButton = document.querySelector('.fp-video-prev');\n    var nextButton = document.querySelector('.fp-video-next');\n\n    var dots = Array.prototype.slice.call(\n      document.querySelectorAll('.fp-dot')\n    );\n\n\n    function cardPosition(index) {\n\n      if (!cards[index]) {\n        return 0;\n      }\n\n      return cards[index].offsetLeft - track.offsetLeft;\n\n    }\n\n\n    function currentIndex() {\n\n      var closestIndex = 0;\n      var closestDistance = Infinity;\n\n      cards.forEach(function (card, index) {\n\n        var position =\n          card.offsetLeft -\n          track.offsetLeft;\n\n        var distance =\n          Math.abs(track.scrollLeft - position);\n\n        if (distance \u003c closestDistance) {\n\n          closestDistance = distance;\n          closestIndex = index;\n\n        }\n\n      });\n\n      return closestIndex;\n\n    }\n\n\n    function updateDots() {\n\n      var index = currentIndex();\n\n      dots.forEach(function (dot, dotIndex) {\n\n        if (dotIndex === index) {\n\n          dot.classList.add('active');\n\n        } else {\n\n          dot.classList.remove('active');\n\n        }\n\n      });\n\n    }\n\n\n    function goTo(index) {\n\n      if (index \u003c 0) {\n        index = 0;\n      }\n\n      if (index \u003e cards.length - 1) {\n        index = cards.length - 1;\n      }\n\n      track.scrollTo({\n        left: cardPosition(index),\n        behavior: 'smooth'\n      });\n\n      window.setTimeout(\n        updateDots,\n        350\n      );\n\n    }\n\n\n    if (nextButton) {\n\n      nextButton.addEventListener(\n        'click',\n        function () {\n\n          var index = currentIndex();\n\n          goTo(index + 1);\n\n        }\n      );\n\n    }\n\n\n    if (prevButton) {\n\n      prevButton.addEventListener(\n        'click',\n        function () {\n\n          var index = currentIndex();\n\n          goTo(index - 1);\n\n        }\n      );\n\n    }\n\n\n    dots.forEach(function (dot, index) {\n\n      dot.addEventListener(\n        'click',\n        function () {\n\n          goTo(index);\n\n        }\n      );\n\n    });\n\n\n    var scrollTimer = null;\n\n    track.addEventListener(\n      'scroll',\n      function () {\n\n        clearTimeout(scrollTimer);\n\n        scrollTimer = setTimeout(\n          updateDots,\n          80\n        );\n\n      },\n      { passive: true }\n    );\n\n\n    updateDots();\n\n  }\n\n\n  if (document.readyState === 'loading') {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initFireplaceVideos\n    );\n\n  } else {\n\n    initFireplaceVideos();\n\n  }\n\n})();\n\u003c\/script\u003e","brand":"mysite","offers":[{"title":"White \/ Buy 1 — $44.99","offer_id":53984732774714,"sku":null,"price":44.99,"currency_code":"USD","in_stock":true},{"title":"White \/ Buy 2 — $75.99 · Best Value + Free Shipping","offer_id":53985109377338,"sku":null,"price":75.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Buy 1 — $44.99","offer_id":53984732807482,"sku":null,"price":44.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Buy 2 — $75.99 · Best Value + Free Shipping","offer_id":53985109410106,"sku":null,"price":75.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1015\/6231\/9162\/files\/ChatGPTImageAug21_2026_02_30_44PM.png?v=1788245747","url":"https:\/\/yunsune-c.com\/products\/fireplace-diffuser","provider":"Yunsune","version":"1.0","type":"link"}