{"product_id":"halloween-garden-light","title":"🔥 HOT SALE 50% OFF 🎁Animated Halloween Garden Light collection","description":"\u003cdiv class=\"section-template--27875551969647__custom_liquid_NpM3Pm-padding\"\u003e\n    \u003cstyle\u003e\n\/* =========================================================\n   HEADLESS HORSEMAN\n   FINAL SHRINE PRO 1.33 VERSION\n   ========================================================= *\/\n\n.hhx-page,\n.hhx-page *,\n.hhx-page *::before,\n.hhx-page *::after {\n  box-sizing: border-box;\n}\n\n.hhx-page {\n  --night: #05070b;\n  --navy: #071426;\n  --blue: #1788ff;\n  --blue-light: #68c9ff;\n  --blue-soft: #eef7ff;\n  --orange: #f36a21;\n  --orange-dark: #d95316;\n  --white: #ffffff;\n  --ink: #211922;\n  --text: #38333d;\n  --muted: #706a76;\n  --line: #dfe5ec;\n\n  width: 100%;\n  max-width: 1180px;\n  min-width: 0;\n\n  margin: 16px auto 0;\n  padding: 0;\n\n  overflow: hidden;\n\n  color: var(--text);\n  background: #ffffff;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  font-size: 16px;\n  line-height: 1.55;\n\n  -webkit-font-smoothing: antialiased;\n}\n\n\n\/* =========================================================\n   RESET\n   ========================================================= *\/\n\n.hhx-page img {\n  display: block;\n\n  width: 100% !important;\n  max-width: 100% !important;\n  height: auto !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  border: 0;\n}\n\n.hhx-page h1,\n.hhx-page h2,\n.hhx-page h3,\n.hhx-page p {\n  margin-top: 0;\n}\n\n.hhx-page button {\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\n\n.hhx-page h1,\n.hhx-page h2,\n.hhx-page h3 {\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  line-height: 1.08;\n}\n\n\n\/* =========================================================\n   COMMON\n   ========================================================= *\/\n\n.hhx-section {\n  width: 100%;\n\n  padding: 52px 20px;\n}\n\n.hhx-inner {\n  width: 100%;\n  max-width: 1020px;\n\n  margin: 0 auto;\n}\n\n.hhx-center {\n  text-align: center;\n}\n\n.hhx-kicker {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  min-height: 25px;\n\n  margin-bottom: 10px;\n\n  padding: 6px 11px;\n\n  border: 1px solid rgba(23,136,255,.27);\n  border-radius: 999px;\n\n  color: #1472cd;\n  background: rgba(23,136,255,.07);\n\n  font-size: 9px;\n  line-height: 1;\n\n  font-weight: 900;\n\n  letter-spacing: .75px;\n\n  text-transform: uppercase;\n}\n\n.hhx-title {\n  max-width: 820px;\n\n  margin: 0 auto 12px;\n\n  color: var(--ink);\n\n  font-size: 38px;\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing: -.5px;\n}\n\n.hhx-subtitle {\n  max-width: 700px;\n\n  margin: 0 auto 22px;\n\n  color: var(--muted);\n\n  font-size: 14.5px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.hhx-cta {\n  display: inline-flex;\n\n  min-height: 50px;\n\n  align-items: center;\n  justify-content: center;\n\n  padding: 13px 24px;\n\n  border: 1px solid #ff8b4d;\n  border-radius: 9px;\n\n  color: #ffffff !important;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f36a21,\n      #dd5514\n    );\n\n  box-shadow:\n    0 10px 25px\n    rgba(243,106,33,.23);\n\n  font-size: 13px;\n  line-height: 1.2;\n\n  font-weight: 900;\n\n  text-align: center;\n\n  cursor: pointer;\n\n  transition:\n    transform .18s ease,\n    box-shadow .18s ease;\n}\n\n.hhx-cta:hover {\n  transform: translateY(-2px);\n\n  box-shadow:\n    0 14px 30px\n    rgba(243,106,33,.30);\n}\n\n.hhx-cta:active {\n  transform: scale(.975);\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.hhx-hero {\n  width: 100%;\n\n  padding: 60px 20px 36px;\n\n  color: #ffffff;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at 75% 20%,\n      rgba(23,136,255,.28),\n      transparent 34%\n    ),\n    radial-gradient(\n      circle at 15% 25%,\n      rgba(243,106,33,.12),\n      transparent 27%\n    ),\n    linear-gradient(\n      150deg,\n      #020407,\n      #071426 54%,\n      #04070c\n    );\n}\n\n.hhx-hero-inner {\n  max-width: 900px;\n\n  margin: 0 auto;\n}\n\n.hhx-hero .hhx-kicker {\n  color: #a8ddff;\n\n  border-color:\n    rgba(104,201,255,.34);\n\n  background:\n    rgba(23,136,255,.08);\n}\n\n.hhx-hero-title {\n  max-width: 900px;\n\n  margin: 0 auto 15px;\n\n  color: #ffffff !important;\n\n  font-size: 58px;\n  line-height: 1.02 !important;\n\n  font-weight: 700;\n\n  letter-spacing: -1.2px;\n}\n\n.hhx-hero-title span {\n  display: block;\n\n  margin-top: 4px;\n\n  color: #68c9ff;\n\n  text-shadow:\n    0 0 21px\n    rgba(23,136,255,.45);\n}\n\n.hhx-hero-copy {\n  max-width: 680px;\n\n  margin: 0 auto 19px;\n\n  color: #d5e6f6;\n\n  font-size: 16px;\n  line-height: 1.62;\n}\n\n.hhx-hero-note {\n  margin: 11px 0 0;\n\n  color: #9db5ce;\n\n  font-size: 11px;\n}\n\n\n\/* =========================================================\n   HERO IMAGE\n   ========================================================= *\/\n\n.hhx-hero-image {\n  width: 100%;\n  max-width: 770px;\n\n  margin: 29px auto 0;\n  padding: 6px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(78,168,255,.37);\n\n  border-radius: 17px;\n\n  background: #02050a;\n\n  box-shadow:\n    0 25px 55px\n    rgba(0,0,0,.43),\n    0 0 45px\n    rgba(23,136,255,.09);\n}\n\n.hhx-hero-image img {\n  aspect-ratio: 1 \/ 1;\n\n  object-fit: cover;\n\n  border-radius: 11px;\n}\n\n\n\/* =========================================================\n   EFFECT BUTTONS\n   ========================================================= *\/\n\n.hhx-effects-wrap {\n  padding: 23px 14px 28px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f5f8fc,\n      #ffffff\n    );\n}\n\n.hhx-effects {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, minmax(0,1fr));\n\n  gap: 8px;\n\n  width: 100%;\n  max-width: 900px;\n\n  margin: 0 auto;\n}\n\n.hhx-effect-btn {\n  display: flex;\n\n  min-width: 0;\n  min-height: 43px;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 7px;\n\n  padding: 8px 10px;\n\n  border: 1px solid #d7e5f2;\n  border-radius: 999px;\n\n  color: #29405c;\n  background: #ffffff;\n\n  box-shadow:\n    0 4px 13px\n    rgba(20,65,110,.045);\n\n  font-size: 10px;\n  line-height: 1.15;\n\n  font-weight: 750;\n\n  text-align: center;\n\n  cursor: pointer;\n\n  transition:\n    transform .16s ease,\n    border-color .16s ease,\n    color .16s ease;\n}\n\n.hhx-effect-btn:hover {\n  transform: translateY(-2px);\n\n  border-color: #78baf5;\n\n  color: #0f72ce;\n}\n\n.hhx-effect-btn:active {\n  transform: scale(.96);\n}\n\n.hhx-effect-icon {\n  display: flex;\n\n  width: 18px;\n  height: 18px;\n\n  flex: 0 0 18px;\n\n  align-items: center;\n  justify-content: center;\n\n  font-size: 13px;\n}\n\n.hhx-effect-text {\n  min-width: 0;\n\n  line-height: 1.15;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   EMOTIONAL SECTION\n   ========================================================= *\/\n\n.hhx-memory {\n  background: #ffffff;\n}\n\n.hhx-memory-box {\n  max-width: 750px;\n\n  margin: 23px auto 0;\n\n  padding: 21px 20px;\n\n  border-left:\n    4px solid\n    var(--orange);\n\n  border-radius:\n    5px\n    13px\n    13px\n    5px;\n\n  color: #33241d;\n\n  background:\n    linear-gradient(\n      135deg,\n      #fff3ea,\n      #fffcfa\n    );\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 19px;\n  line-height: 1.45;\n\n  font-style: italic;\n\n  text-align: left;\n}\n\n.hhx-memory-box small {\n  display: block;\n\n  margin-top: 9px;\n\n  color: #776e6a;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif;\n\n  font-size: 12px;\n  line-height: 1.5;\n\n  font-style: normal;\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.hhx-benefit-section {\n  background:\n    linear-gradient(\n      180deg,\n      #f8fafd,\n      #f2f6fb\n    );\n}\n\n.hhx-benefits {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0,1fr));\n\n  gap: 12px;\n\n  margin-top: 23px;\n}\n\n.hhx-benefit {\n  min-width: 0;\n\n  padding: 18px 15px;\n\n  border: 1px solid #dde6ef;\n  border-radius: 13px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 7px 19px\n    rgba(20,60,100,.045);\n\n  text-align: left;\n\n  cursor: pointer;\n\n  transition:\n    transform .18s ease,\n    border-color .18s ease;\n}\n\n.hhx-benefit:hover {\n  transform: translateY(-3px);\n\n  border-color:\n    rgba(23,136,255,.35);\n}\n\n.hhx-benefit-icon {\n  display: flex;\n\n  width: 40px;\n  height: 40px;\n\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 10px;\n\n  border: 1px solid #b8ddfd;\n  border-radius: 50%;\n\n  background: #eef7ff;\n\n  font-size: 17px;\n}\n\n.hhx-benefit h3 {\n  margin: 0 0 5px;\n\n  color: #172b42;\n\n  font-size: 17px;\n  line-height: 1.18;\n}\n\n.hhx-benefit p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n  line-height: 1.48;\n}\n\n\n\/* =========================================================\n   MID CTA\n   ========================================================= *\/\n\n.hhx-mid-cta {\n  padding: 23px 18px;\n\n  color: #ffffff;\n\n  text-align: center;\n\n  background:\n    linear-gradient(\n      135deg,\n      #101c2d,\n      #071426\n    );\n}\n\n.hhx-mid-cta strong {\n  display: block;\n\n  margin-bottom: 4px;\n\n  font-size: 15px;\n}\n\n.hhx-mid-cta p {\n  margin: 0 0 12px;\n\n  color: #bed0e1;\n\n  font-size: 11.5px;\n}\n\n\n\/* =========================================================\n   COLLECTION\n   ========================================================= *\/\n\n.hhx-collection {\n  color: #ffffff;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at 80% 15%,\n      rgba(23,136,255,.15),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 15% 80%,\n      rgba(243,106,33,.10),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      #070910,\n      #101021\n    );\n}\n\n.hhx-collection .hhx-title {\n  color: #ffffff;\n}\n\n.hhx-collection .hhx-subtitle {\n  color: #c9c7d0;\n}\n\n.hhx-collection-image {\n  max-width: 880px;\n\n  margin: 23px auto 0;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.13);\n\n  border-radius: 15px;\n\n  box-shadow:\n    0 21px 44px\n    rgba(0,0,0,.28);\n\n  cursor: pointer;\n}\n\n.hhx-collection-image img {\n  aspect-ratio: 1 \/ 1;\n\n  object-fit: cover;\n}\n\n\n\/* =========================================================\n   OTHER STYLES\n   ========================================================= *\/\n\n.hhx-styles {\n  background: #ffffff;\n\n  text-align: center;\n}\n\n.hhx-style-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, minmax(0,1fr));\n\n  gap: 14px;\n\n  margin-top: 23px;\n}\n\n.hhx-style-card {\n  overflow: hidden;\n\n  border: 1px solid #dee4ec;\n  border-radius: 13px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 8px 21px\n    rgba(20,45,75,.055);\n\n  cursor: pointer;\n\n  text-align: left;\n}\n\n.hhx-style-card img {\n  aspect-ratio: 1 \/ 1;\n\n  object-fit: cover;\n}\n\n.hhx-style-copy {\n  padding: 13px 13px 15px;\n}\n\n.hhx-style-tag {\n  display: inline-flex;\n\n  margin-bottom: 7px;\n\n  padding: 5px 8px;\n\n  border: 1px solid #cee4fa;\n  border-radius: 999px;\n\n  color: #126dbe;\n  background: #f1f8ff;\n\n  font-size: 8px;\n  line-height: 1;\n\n  font-weight: 900;\n\n  letter-spacing: .4px;\n}\n\n.hhx-style-card.orange .hhx-style-tag {\n  color: #b54b15;\n\n  border-color: #f2c9b1;\n\n  background: #fff5ef;\n}\n\n.hhx-style-card.green .hhx-style-tag {\n  color: #3c7a24;\n\n  border-color: #cde9c0;\n\n  background: #f4fbf1;\n}\n\n.hhx-style-copy h3 {\n  margin: 0 0 5px;\n\n  color: #211922;\n\n  font-size: 18px;\n}\n\n.hhx-style-copy p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n  line-height: 1.48;\n}\n\n\n\/* =========================================================\n   SOLAR SECTION\n   ========================================================= *\/\n\n.hhx-solar {\n  background:\n    linear-gradient(\n      145deg,\n      #f3f8fd,\n      #edf5fc\n    );\n}\n\n.hhx-solar-layout {\n  display: grid;\n\n  grid-template-columns:\n    .9fr 1.1fr;\n\n  gap: 42px;\n\n  align-items: center;\n}\n\n.hhx-solar-visual {\n  position: relative;\n\n  min-height: 285px;\n\n  overflow: hidden;\n\n  border: 1px solid #d4e4f0;\n  border-radius: 17px;\n\n  background:\n    radial-gradient(\n      circle at 50% 23%,\n      rgba(255,200,80,.30),\n      transparent 22%\n    ),\n    radial-gradient(\n      circle at 50% 96%,\n      rgba(23,136,255,.15),\n      transparent 35%\n    ),\n    linear-gradient(\n      180deg,\n      #eaf5ff,\n      #fafcfe 56%,\n      #eaf3f9\n    );\n}\n\n.hhx-sun {\n  position: absolute;\n\n  width: 58px;\n  height: 58px;\n\n  top: 37px;\n  left: 50%;\n\n  transform: translateX(-50%);\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffd45c,\n      #ff9e2e\n    );\n\n  box-shadow:\n    0 0 0 10px\n    rgba(255,190,65,.10),\n    0 0 29px\n    rgba(255,176,42,.27);\n}\n\n.hhx-panel {\n  position: absolute;\n\n  width: 112px;\n  height: 69px;\n\n  top: 122px;\n  left: 50%;\n\n  transform:\n    translateX(-50%)\n    skewY(-5deg);\n\n  border: 5px solid #283a4e;\n  border-radius: 5px;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      #184d79 0,\n      #184d79 17px,\n      #2a6a99 18px,\n      #2a6a99 20px\n    );\n}\n\n.hhx-panel::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 5px;\n  height: 80px;\n\n  top: 60px;\n  left: 49px;\n\n  background: #435566;\n}\n\n.hhx-solar-points {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 7px;\n\n  margin-top: 15px;\n}\n\n.hhx-solar-point {\n  min-height: 40px;\n\n  padding: 8px 6px;\n\n  border: 1px solid #d8e5ef;\n  border-radius: 9px;\n\n  color: #325472;\n  background: #ffffff;\n\n  font-size: 9px;\n\n  font-weight: 850;\n\n  text-align: center;\n\n  cursor: pointer;\n}\n\n\n\/* =========================================================\n   STEPS\n   ========================================================= *\/\n\n.hhx-steps {\n  background: #ffffff;\n\n  text-align: center;\n}\n\n.hhx-step-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, minmax(0,1fr));\n\n  gap: 12px;\n\n  margin-top: 23px;\n}\n\n.hhx-step {\n  padding: 19px 14px;\n\n  border: 1px solid #dce4ee;\n  border-radius: 12px;\n\n  background: #f8fafc;\n}\n\n.hhx-step-num {\n  display: flex;\n\n  width: 38px;\n  height: 38px;\n\n  align-items: center;\n  justify-content: center;\n\n  margin: 0 auto 10px;\n\n  border-radius: 50%;\n\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #1075d9,\n      #28a7ff\n    );\n\n  font-weight: 900;\n}\n\n.hhx-step h3 {\n  margin: 0 0 5px;\n\n  color: #13273f;\n\n  font-size: 17px;\n}\n\n.hhx-step p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n  line-height: 1.48;\n}\n\n\n\/* =========================================================\n   COMPARISON\n   ========================================================= *\/\n\n.hhx-compare-section {\n  background:\n    linear-gradient(\n      180deg,\n      #f6f9fc,\n      #edf3f8\n    );\n\n  text-align: center;\n}\n\n.hhx-compare {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 12px;\n\n  max-width: 820px;\n\n  margin: 23px auto 0;\n}\n\n.hhx-compare-card {\n  padding: 19px 16px;\n\n  border: 1px solid #dde4ec;\n  border-radius: 13px;\n\n  background: #ffffff;\n\n  text-align: left;\n}\n\n.hhx-compare-card.featured {\n  border-color:\n    rgba(23,136,255,.35);\n\n  background:\n    linear-gradient(\n      145deg,\n      #f6fbff,\n      #ecf7ff\n    );\n}\n\n.hhx-compare-card h3 {\n  margin: 0 0 11px;\n\n  color: #192b40;\n\n  font-size: 18px;\n}\n\n.hhx-compare-list {\n  display: grid;\n\n  gap: 8px;\n}\n\n.hhx-compare-item {\n  display: flex;\n\n  gap: 7px;\n\n  color: #60626a;\n\n  font-size: 12px;\n  line-height: 1.42;\n}\n\n.hhx-good {\n  color: #1788ff;\n\n  font-weight: 900;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.hhx-faq {\n  background:\n    linear-gradient(\n      180deg,\n      #f8f7fb,\n      #f4f2f7\n    );\n\n  text-align: center;\n}\n\n.hhx-faq-list {\n  max-width: 820px;\n\n  margin: 23px auto 0;\n\n  text-align: left;\n}\n\n.hhx-faq details {\n  margin-bottom: 8px;\n\n  overflow: hidden;\n\n  border: 1px solid #ded9e3;\n  border-radius: 10px;\n\n  background: #ffffff;\n}\n\n.hhx-faq summary {\n  position: relative;\n\n  display: block;\n\n  padding:\n    13px\n    40px\n    13px\n    14px;\n\n  color: #25202a;\n\n  cursor: pointer;\n\n  list-style: none;\n\n  font-size: 12.5px;\n  line-height: 1.35;\n\n  font-weight: 850;\n}\n\n.hhx-faq summary::-webkit-details-marker {\n  display: none;\n}\n\n.hhx-faq summary::after {\n  content: \"+\";\n\n  position: absolute;\n\n  top: 50%;\n  right: 14px;\n\n  transform: translateY(-50%);\n\n  color: #147cff;\n\n  font-size: 19px;\n}\n\n.hhx-faq details[open] summary::after {\n  content: \"-\";\n}\n\n.hhx-faq-answer {\n  padding:\n    0\n    14px\n    13px;\n\n  color: var(--muted);\n\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.hhx-final {\n  padding: 52px 18px;\n\n  color: #ffffff;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(23,136,255,.27),\n      transparent 38%\n    ),\n    radial-gradient(\n      circle at 15% 85%,\n      rgba(243,106,33,.13),\n      transparent 29%\n    ),\n    linear-gradient(\n      145deg,\n      #020305,\n      #071426\n    );\n}\n\n.hhx-final .hhx-title {\n  color: #ffffff;\n}\n\n.hhx-final-copy {\n  max-width: 650px;\n\n  margin: 0 auto 19px;\n\n  color: #c7d7e7;\n\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   MOBILE STICKY\n   ========================================================= *\/\n\n.hhx-mobile-sticky {\n  display: none;\n}\n\n\n\/* =========================================================\n   BUNDLE HIGHLIGHT\n   ========================================================= *\/\n\n.hhx-bundle-highlight {\n  border-radius: 12px !important;\n\n  box-shadow:\n    0 0 0 5px\n    rgba(243,106,33,.22) !important;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media screen and (max-width: 900px) {\n\n  .hhx-title {\n    font-size: 32px;\n  }\n\n  .hhx-hero-title {\n    font-size: 48px;\n  }\n\n  .hhx-benefits {\n    grid-template-columns:\n      repeat(2, minmax(0,1fr));\n  }\n\n  .hhx-solar-layout {\n    gap: 25px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media screen and (max-width: 600px) {\n\n  .hhx-page {\n    margin-top: 10px;\n\n    padding-bottom: 65px;\n\n    font-size: 14px;\n  }\n\n\n  \/* SECTION SPACING *\/\n\n  .hhx-section {\n    padding:\n      30px\n      12px;\n  }\n\n  .hhx-hero {\n    padding:\n      35px\n      12px\n      23px;\n  }\n\n\n  \/* TYPOGRAPHY *\/\n\n  .hhx-kicker {\n    min-height: 22px;\n\n    margin-bottom: 8px;\n\n    padding:\n      5px\n      8px;\n\n    font-size: 7.8px;\n\n    letter-spacing: .5px;\n  }\n\n  .hhx-hero-title {\n    font-size: 31px;\n    line-height: 1.03 !important;\n\n    letter-spacing: -.6px;\n  }\n\n  .hhx-title {\n    margin-bottom: 9px;\n\n    font-size: 23px;\n    line-height: 1.08;\n\n    letter-spacing: -.3px;\n  }\n\n  .hhx-hero-copy,\n  .hhx-subtitle {\n    font-size: 12.4px;\n    line-height: 1.48;\n  }\n\n  .hhx-subtitle {\n    margin-bottom: 16px;\n  }\n\n  .hhx-hero-note {\n    font-size: 9px;\n  }\n\n\n  \/* HERO IMAGE *\/\n\n  .hhx-hero-image {\n    margin-top: 21px;\n\n    padding: 4px;\n\n    border-radius: 12px;\n  }\n\n  .hhx-hero-image img {\n    border-radius: 8px;\n  }\n\n\n  \/* =======================================================\n     EFFECT BUTTONS\n     2 X 3\n     ======================================================= *\/\n\n  .hhx-effects-wrap {\n    padding:\n      18px\n      10px\n      20px;\n  }\n\n  .hhx-effects {\n    grid-template-columns:\n      repeat(2, minmax(0,1fr));\n\n    gap: 7px;\n  }\n\n  .hhx-effect-btn {\n    width: 100%;\n\n    min-height: 44px;\n\n    gap: 5px;\n\n    padding:\n      6px\n      5px;\n\n    border-radius: 23px;\n\n    font-size: 8.8px;\n    line-height: 1.12;\n  }\n\n  .hhx-effect-icon {\n    width: 15px;\n    height: 15px;\n\n    flex: 0 0 15px;\n\n    font-size: 10px;\n  }\n\n  .hhx-effect-text {\n    display: flex;\n\n    min-height: 24px;\n\n    align-items: center;\n    justify-content: center;\n  }\n\n\n  \/* MEMORY *\/\n\n  .hhx-memory-box {\n    margin-top: 17px;\n\n    padding:\n      15px\n      13px;\n\n    font-size: 15.5px;\n    line-height: 1.38;\n  }\n\n  .hhx-memory-box small {\n    margin-top: 7px;\n\n    font-size: 10px;\n    line-height: 1.4;\n  }\n\n\n  \/* =======================================================\n     CORE BENEFITS\n     2 X 2\n     ======================================================= *\/\n\n  .hhx-benefits {\n    grid-template-columns:\n      repeat(2, minmax(0,1fr));\n\n    gap: 8px;\n\n    margin-top: 16px;\n  }\n\n  .hhx-benefit {\n    min-height: 145px;\n\n    padding:\n      11px\n      9px;\n\n    border-radius: 10px;\n  }\n\n  .hhx-benefit-icon {\n    width: 31px;\n    height: 31px;\n\n    margin-bottom: 7px;\n\n    font-size: 13px;\n  }\n\n  .hhx-benefit h3 {\n    min-height: 29px;\n\n    margin-bottom: 4px;\n\n    font-size: 13px;\n    line-height: 1.12;\n  }\n\n  .hhx-benefit p {\n    font-size: 9.7px;\n    line-height: 1.37;\n  }\n\n\n  \/* CTA *\/\n\n  .hhx-cta {\n    width: 100%;\n    max-width: 410px;\n\n    min-height: 45px;\n\n    padding:\n      10px\n      12px;\n\n    font-size: 11px;\n  }\n\n\n  \/* MID CTA *\/\n\n  .hhx-mid-cta {\n    padding:\n      18px\n      12px;\n  }\n\n  .hhx-mid-cta strong {\n    font-size: 12.5px;\n  }\n\n  .hhx-mid-cta p {\n    margin-bottom: 9px;\n\n    font-size: 9.5px;\n  }\n\n\n  \/* COLLECTION *\/\n\n  .hhx-collection-image {\n    margin-top: 16px;\n\n    border-radius: 10px;\n  }\n\n\n  \/* =======================================================\n     OTHER STYLES\n     HORIZONTAL CARDS\n     ======================================================= *\/\n\n  .hhx-style-grid {\n    grid-template-columns: 1fr;\n\n    gap: 8px;\n\n    margin-top: 16px;\n  }\n\n  .hhx-style-card {\n    display: grid;\n\n    grid-template-columns:\n      103px\n      minmax(0,1fr);\n\n    border-radius: 10px;\n  }\n\n  .hhx-style-card img {\n    width: 103px !important;\n    height: 100% !important;\n\n    min-height: 112px;\n\n    object-fit: cover;\n\n    aspect-ratio: auto;\n  }\n\n  .hhx-style-copy {\n    display: flex;\n\n    flex-direction: column;\n    justify-content: center;\n\n    min-width: 0;\n\n    padding:\n      9px\n      10px;\n  }\n\n  .hhx-style-tag {\n    align-self: flex-start;\n\n    margin-bottom: 5px;\n\n    padding:\n      4px\n      6px;\n\n    font-size: 6.8px;\n  }\n\n  .hhx-style-copy h3 {\n    margin-bottom: 4px;\n\n    font-size: 13.5px;\n  }\n\n  .hhx-style-copy p {\n    font-size: 9.7px;\n    line-height: 1.37;\n  }\n\n\n  \/* SOLAR *\/\n\n  .hhx-solar-layout {\n    grid-template-columns: 1fr;\n\n    gap: 18px;\n  }\n\n  .hhx-solar-visual {\n    min-height: 215px;\n\n    border-radius: 12px;\n  }\n\n  .hhx-sun {\n    width: 47px;\n    height: 47px;\n\n    top: 26px;\n  }\n\n  .hhx-panel {\n    width: 92px;\n    height: 56px;\n\n    top: 98px;\n  }\n\n  .hhx-panel::after {\n    height: 55px;\n\n    top: 48px;\n    left: 39px;\n  }\n\n  .hhx-solar-points {\n    gap: 6px;\n\n    margin-top: 11px;\n  }\n\n  .hhx-solar-point {\n    min-height: 37px;\n\n    padding:\n      6px\n      4px;\n\n    font-size: 7.7px;\n    line-height: 1.15;\n  }\n\n\n  \/* STEPS *\/\n\n  .hhx-step-grid {\n    grid-template-columns:\n      repeat(3, minmax(0,1fr));\n\n    gap: 6px;\n\n    margin-top: 16px;\n  }\n\n  .hhx-step {\n    padding:\n      11px\n      6px;\n\n    border-radius: 9px;\n  }\n\n  .hhx-step-num {\n    width: 28px;\n    height: 28px;\n\n    margin-bottom: 6px;\n\n    font-size: 10px;\n  }\n\n  .hhx-step h3 {\n    margin-bottom: 4px;\n\n    font-size: 11px;\n  }\n\n  .hhx-step p {\n    font-size: 8.3px;\n    line-height: 1.32;\n  }\n\n\n  \/* COMPARISON *\/\n\n  .hhx-compare {\n    grid-template-columns:\n      repeat(2, minmax(0,1fr));\n\n    gap: 7px;\n\n    margin-top: 16px;\n  }\n\n  .hhx-compare-card {\n    padding:\n      11px\n      8px;\n\n    border-radius: 9px;\n  }\n\n  .hhx-compare-card h3 {\n    min-height: 28px;\n\n    margin-bottom: 7px;\n\n    font-size: 11.5px;\n    line-height: 1.18;\n  }\n\n  .hhx-compare-list {\n    gap: 5px;\n  }\n\n  .hhx-compare-item {\n    gap: 4px;\n\n    font-size: 8.5px;\n    line-height: 1.32;\n  }\n\n\n  \/* FAQ *\/\n\n  .hhx-faq-list {\n    margin-top: 16px;\n  }\n\n  .hhx-faq details {\n    margin-bottom: 6px;\n\n    border-radius: 8px;\n  }\n\n  .hhx-faq summary {\n    padding:\n      10px\n      34px\n      10px\n      10px;\n\n    font-size: 10px;\n    line-height: 1.28;\n  }\n\n  .hhx-faq summary::after {\n    right: 10px;\n\n    font-size: 16px;\n  }\n\n  .hhx-faq-answer {\n    padding:\n      0\n      10px\n      10px;\n\n    font-size: 9.5px;\n    line-height: 1.42;\n  }\n\n\n  \/* FINAL CTA *\/\n\n  .hhx-final {\n    padding:\n      35px\n      12px;\n  }\n\n  .hhx-final-copy {\n    margin-bottom: 15px;\n\n    font-size: 11px;\n    line-height: 1.48;\n  }\n\n\n  \/* =======================================================\n     MOBILE STICKY CTA\n     ======================================================= *\/\n\n  .hhx-mobile-sticky {\n    position: fixed;\n\n    z-index: 999;\n\n    display: flex;\n\n    right: 8px;\n    bottom: 8px;\n    left: 8px;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 8px;\n\n    padding:\n      8px\n      8px\n      8px\n      11px;\n\n    border:\n      1px solid\n      rgba(255,255,255,.12);\n\n    border-radius: 12px;\n\n    color: #ffffff;\n\n    background:\n      rgba(8,18,32,.96);\n\n    box-shadow:\n      0 10px 30px\n      rgba(0,0,0,.26);\n  }\n\n  .hhx-mobile-sticky-copy {\n    min-width: 0;\n\n    text-align: left;\n  }\n\n  .hhx-mobile-sticky-copy strong {\n    display: block;\n\n    font-size: 9.8px;\n    line-height: 1.15;\n  }\n\n  .hhx-mobile-sticky-copy span {\n    display: block;\n\n    margin-top: 2px;\n\n    color: #afc3d7;\n\n    font-size: 7.2px;\n  }\n\n  .hhx-mobile-sticky button {\n    min-height: 34px;\n\n    padding:\n      8px\n      10px;\n\n    border: 0;\n    border-radius: 8px;\n\n    color: #ffffff;\n\n    background: #f36a21;\n\n    font-size: 8px;\n\n    font-weight: 900;\n\n    cursor: pointer;\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL PHONE\n   ========================================================= *\/\n\n@media screen and (max-width: 330px) {\n\n  .hhx-benefit {\n    min-height: 152px;\n  }\n\n  .hhx-effect-btn {\n    font-size: 8px;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"hhx-page\"\u003e\n\n\n\u003c!-- ======================================================\n     HERO\n     ====================================================== --\u003e\n\n\u003csection class=\"hhx-hero\"\u003e\n\n  \u003cdiv class=\"hhx-hero-inner\"\u003e\n\n    \u003cspan class=\"hhx-kicker\"\u003e\n      HALLOWEEN 2026 · AFTER-DARK YARD DISPLAY\n    \u003c\/span\u003e\n\n    \u003ch1 class=\"hhx-hero-title\"\u003e\n      The Headless Horseman\n\n      \u003cspan\u003e\n        Rides After Dark.\n      \u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"hhx-hero-copy\"\u003e\n      Turn an ordinary yard into a supernatural Halloween scene\n      with electric-blue spirits, a spectral horse and\n      classic jack-o'-lantern glow.\n    \u003c\/p\u003e\n\n    \u003cbutton type=\"button\" class=\"hhx-cta\" data-hhx-bundle=\"\"\u003e\n      CHOOSE YOUR HALLOWEEN SET →\n    \u003c\/button\u003e\n\n    \u003cp class=\"hhx-hero-note\"\u003e\n      Solar Powered · Auto Night Glow · No Extension Cords\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"hhx-hero-image\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/1763\/2879\/files\/a156c4d3-d40d-40dd-b300-56444a2bc402.png?v=1788253101\" alt=\"Animated Halloween Headless Horseman Garden Light\" loading=\"eager\"\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     FEATURE BUTTONS\n     ====================================================== --\u003e\n\n\u003csection class=\"hhx-effects-wrap\"\u003e\n\n  \u003cdiv class=\"hhx-effects\"\u003e\n\n\n    \u003cbutton type=\"button\" class=\"hhx-effect-btn\" data-hhx-bundle=\"\"\u003e\n      \u003cspan class=\"hhx-effect-icon\"\u003e\n        🐎\n      \u003c\/span\u003e\n\n      \u003cspan class=\"hhx-effect-text\"\u003e\n        SPECTRAL HORSE\n      \u003c\/span\u003e\n    \u003c\/button\u003e\n\n\n    \u003cbutton type=\"button\" class=\"hhx-effect-btn\" data-hhx-bundle=\"\"\u003e\n      \u003cspan class=\"hhx-effect-icon\"\u003e\n        👻\n      \u003c\/span\u003e\n\n      \u003cspan class=\"hhx-effect-text\"\u003e\n        CASCADING SPIRITS\n      \u003c\/span\u003e\n    \u003c\/button\u003e\n\n\n    \u003cbutton type=\"button\" class=\"hhx-effect-btn\" data-hhx-bundle=\"\"\u003e\n      \u003cspan class=\"hhx-effect-icon\"\u003e\n        🎃\n      \u003c\/span\u003e\n\n      \u003cspan class=\"hhx-effect-text\"\u003e\n        PUMPKIN GLOW\n      \u003c\/span\u003e\n    \u003c\/button\u003e\n\n\n    \u003cbutton type=\"button\" class=\"hhx-effect-btn\" data-hhx-bundle=\"\"\u003e\n      \u003cspan class=\"hhx-effect-icon\"\u003e\n        ☀️\n      \u003c\/span\u003e\n\n      \u003cspan class=\"hhx-effect-text\"\u003e\n        SOLAR POWERED\n      \u003c\/span\u003e\n    \u003c\/button\u003e\n\n\n    \u003cbutton type=\"button\" class=\"hhx-effect-btn\" data-hhx-bundle=\"\"\u003e\n      \u003cspan class=\"hhx-effect-icon\"\u003e\n        🌙\n      \u003c\/span\u003e\n\n      \u003cspan class=\"hhx-effect-text\"\u003e\n        AUTO NIGHT GLOW\n      \u003c\/span\u003e\n    \u003c\/button\u003e\n\n\n    \u003cbutton type=\"button\" class=\"hhx-effect-btn\" data-hhx-bundle=\"\"\u003e\n      \u003cspan class=\"hhx-effect-icon\"\u003e\n        🏡\n      \u003c\/span\u003e\n\n      \u003cspan class=\"hhx-effect-text\"\u003e\n        OUTDOOR DISPLAY\n      \u003c\/span\u003e\n    \u003c\/button\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     EMOTIONAL HOOK\n     ====================================================== --\u003e\n\n\u003csection class=\"\n  hhx-section\n  hhx-memory\n  hhx-center\n\"\u003e\n\n  \u003cdiv class=\"hhx-inner\"\u003e\n\n    \u003cspan class=\"hhx-kicker\"\u003e\n      DON'T JUST DECORATE\n    \u003c\/span\u003e\n\n    \u003ch2 class=\"hhx-title\"\u003e\n      Become the House They Remember.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"hhx-subtitle\"\u003e\n      Pumpkins and cobwebs set the mood.\n      The Headless Horseman turns the whole yard into a scene.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"hhx-memory-box\"\u003e\n\n      “Wait... is that the Headless Horseman?”\n\n      \u003csmall\u003e\n        Create an after-dark Halloween display designed\n        to make guests and trick-or-treaters look twice.\n      \u003c\/small\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     BENEFITS\n     ====================================================== --\u003e\n\n\u003csection class=\"\n  hhx-section\n  hhx-benefit-section\n  hhx-center\n\"\u003e\n\n  \u003cdiv class=\"hhx-inner\"\u003e\n\n    \u003cspan class=\"hhx-kicker\"\u003e\n      BUILT FOR HALLOWEEN NIGHT\n    \u003c\/span\u003e\n\n    \u003ch2 class=\"hhx-title\"\u003e\n      More Than a Standard Yard Light.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"hhx-subtitle\"\u003e\n      Multiple glowing elements work together\n      to create one dramatic Halloween centerpiece.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"hhx-benefits\"\u003e\n\n\n      \u003carticle class=\"hhx-benefit\" data-hhx-bundle=\"\"\u003e\n\n        \u003cdiv class=\"hhx-benefit-icon\"\u003e\n          🐎\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Spectral Horse\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Electric-blue illumination creates\n          a bold silhouette after dark.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n\n      \u003carticle class=\"hhx-benefit\" data-hhx-bundle=\"\"\u003e\n\n        \u003cdiv class=\"hhx-benefit-icon\"\u003e\n          👻\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Cascading Spirits\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Flowing ghost lights create the illusion\n          of spirits rising through the scene.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n\n      \u003carticle class=\"hhx-benefit\" data-hhx-bundle=\"\"\u003e\n\n        \u003cdiv class=\"hhx-benefit-icon\"\u003e\n          🎃\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Pumpkin Contrast\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Warm jack-o'-lantern light stands out\n          against supernatural blue.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n\n      \u003carticle class=\"hhx-benefit\" data-hhx-bundle=\"\"\u003e\n\n        \u003cdiv class=\"hhx-benefit-icon\"\u003e\n          ☀️\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Solar Powered\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Place the display where it looks best\n          without an extension cord.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     MID CTA\n     ====================================================== --\u003e\n\n\u003csection class=\"hhx-mid-cta\"\u003e\n\n  \u003cstrong\u003e\n    Ready to Build Your Haunted Yard?\n  \u003c\/strong\u003e\n\n  \u003cp\u003e\n    Choose your style and bundle below.\n  \u003c\/p\u003e\n\n  \u003cbutton type=\"button\" class=\"hhx-cta\" data-hhx-bundle=\"\"\u003e\n    VIEW BUNDLE \u0026amp; SAVE →\n  \u003c\/button\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     COLLECTION\n     ====================================================== --\u003e\n\n\u003csection class=\"\n  hhx-section\n  hhx-collection\n\"\u003e\n\n  \u003cdiv class=\"hhx-inner\"\u003e\n\n    \u003cspan class=\"hhx-kicker\"\u003e\n      FOUR HAUNTING LEGENDS\n    \u003c\/span\u003e\n\n    \u003ch2 class=\"hhx-title\"\u003e\n      Build an Entire Haunted Yard.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"hhx-subtitle\"\u003e\n      Choose one unforgettable character\n      or combine multiple styles for a larger Halloween scene.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"hhx-collection-image\" data-hhx-bundle=\"\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/1763\/2879\/files\/heji-wenzi.png?v=1788254294\" alt=\"Halloween Animated Garden Light Collection\" loading=\"lazy\"\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cbutton type=\"button\" class=\"hhx-cta\" data-hhx-bundle=\"\" style=\"margin-top:18px;\"\u003e\n      CHOOSE YOUR HAUNTING →\n    \u003c\/button\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     OTHER STYLES\n     ====================================================== --\u003e\n\n\u003csection class=\"\n  hhx-section\n  hhx-styles\n\"\u003e\n\n  \u003cdiv class=\"hhx-inner\"\u003e\n\n    \u003cspan class=\"hhx-kicker\"\u003e\n      CHOOSE YOUR HALLOWEEN MOOD\n    \u003c\/span\u003e\n\n    \u003ch2 class=\"hhx-title\"\u003e\n      One Yard. Different Nightmares.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"hhx-subtitle\"\u003e\n      Prefer witchcraft, harvest horror or graveyard spirits?\n      Pick the scene that fits your Halloween setup.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"hhx-style-grid\"\u003e\n\n\n      \u003c!-- WITCH --\u003e\n\n      \u003carticle class=\"\n          hhx-style-card\n          green\n        \" data-hhx-bundle=\"\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/1763\/2879\/files\/a4714352aa5d94d292a904bcb8fb98df.png?v=1788253058\" alt=\"Animated Halloween Witch Garden Light\" loading=\"lazy\"\u003e\n\n        \u003cdiv class=\"hhx-style-copy\"\u003e\n\n          \u003cspan class=\"hhx-style-tag\"\u003e\n            SPELL GLOW\n          \u003c\/span\u003e\n\n          \u003ch3\u003e\n            The Witch\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Green and purple spirits create\n            a supernatural spell-casting scene.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/article\u003e\n\n\n\n      \u003c!-- SCARECROW --\u003e\n\n      \u003carticle class=\"\n          hhx-style-card\n          orange\n        \" data-hhx-bundle=\"\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/1763\/2879\/files\/27d06f80f1e9985198c8aec427dc2e34.png?v=1788253056\" alt=\"Animated Halloween Haunted Scarecrow Garden Light\" loading=\"lazy\"\u003e\n\n        \u003cdiv class=\"hhx-style-copy\"\u003e\n\n          \u003cspan class=\"hhx-style-tag\"\u003e\n            HARVEST HORROR\n          \u003c\/span\u003e\n\n          \u003ch3\u003e\n            Haunted Scarecrow\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Pumpkin-orange and purple glow\n            creates a haunted harvest scene.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/article\u003e\n\n\n\n      \u003c!-- SOUL HARVESTER --\u003e\n\n      \u003carticle class=\"hhx-style-card\" data-hhx-bundle=\"\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/1763\/2879\/files\/73b0c6229b93e29bb07b522b4b1f1277.png?v=1788253055\" alt=\"Animated Halloween Soul Harvester Garden Light\" loading=\"lazy\"\u003e\n\n        \u003cdiv class=\"hhx-style-copy\"\u003e\n\n          \u003cspan class=\"hhx-style-tag\"\u003e\n            GRAVEYARD BLUE\n          \u003c\/span\u003e\n\n          \u003ch3\u003e\n            Soul Harvester\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Electric-blue spirits create\n            a dramatic graveyard centerpiece.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/article\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     SOLAR\n     ====================================================== --\u003e\n\n\u003csection class=\"\n  hhx-section\n  hhx-solar\n\"\u003e\n\n  \u003cdiv class=\"\n    hhx-inner\n    hhx-solar-layout\n  \"\u003e\n\n\n    \u003cdiv class=\"hhx-solar-visual\"\u003e\n\n      \u003cspan class=\"hhx-sun\"\u003e\u003c\/span\u003e\n\n      \u003cspan class=\"hhx-panel\"\u003e\u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n      \u003cspan class=\"hhx-kicker\"\u003e\n        SIMPLE OUTDOOR SETUP\n      \u003c\/span\u003e\n\n      \u003ch2 class=\"hhx-title\"\u003e\n        Put the Haunting Where It Looks Best.\n      \u003c\/h2\u003e\n\n      \u003cp class=\"hhx-subtitle\"\u003e\n        Position the solar panel where it receives good daylight,\n        then enjoy the display after dark.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"hhx-solar-points\"\u003e\n\n\n        \u003cbutton type=\"button\" class=\"hhx-solar-point\" data-hhx-bundle=\"\"\u003e\n          ☀️ SOLAR POWERED\n        \u003c\/button\u003e\n\n\n        \u003cbutton type=\"button\" class=\"hhx-solar-point\" data-hhx-bundle=\"\"\u003e\n          🌙 AUTO NIGHT GLOW\n        \u003c\/button\u003e\n\n\n        \u003cbutton type=\"button\" class=\"hhx-solar-point\" data-hhx-bundle=\"\"\u003e\n          🔌 NO EXTENSION CORD\n        \u003c\/button\u003e\n\n\n        \u003cbutton type=\"button\" class=\"hhx-solar-point\" data-hhx-bundle=\"\"\u003e\n          🏡 OUTDOOR DISPLAY\n        \u003c\/button\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     STEPS\n     ====================================================== --\u003e\n\n\u003csection class=\"\n  hhx-section\n  hhx-steps\n\"\u003e\n\n  \u003cdiv class=\"hhx-inner\"\u003e\n\n    \u003cspan class=\"hhx-kicker\"\u003e\n      FROM LAWN TO HAUNTED\n    \u003c\/span\u003e\n\n    \u003ch2 class=\"hhx-title\"\u003e\n      Set the Scene in 3 Simple Steps.\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"hhx-step-grid\"\u003e\n\n\n      \u003carticle class=\"hhx-step\"\u003e\n\n        \u003cdiv class=\"hhx-step-num\"\u003e\n          1\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Position It\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Pick the perfect yard or porch location.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hhx-step\"\u003e\n\n        \u003cdiv class=\"hhx-step-num\"\u003e\n          2\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Let It Charge\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Give the solar panel good daylight.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hhx-step\"\u003e\n\n        \u003cdiv class=\"hhx-step-num\"\u003e\n          3\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Watch It Glow\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Enjoy the haunting scene after dark.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003cbutton type=\"button\" class=\"hhx-cta\" data-hhx-bundle=\"\" style=\"margin-top:18px;\"\u003e\n      CHOOSE YOUR SET →\n    \u003c\/button\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     COMPARISON\n     ====================================================== --\u003e\n\n\u003csection class=\"\n  hhx-section\n  hhx-compare-section\n\"\u003e\n\n  \u003cdiv class=\"hhx-inner\"\u003e\n\n    \u003cspan class=\"hhx-kicker\"\u003e\n      STATIC VS. SUPERNATURAL\n    \u003c\/span\u003e\n\n    \u003ch2 class=\"hhx-title\"\u003e\n      More Than an Ordinary Yard Light.\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"hhx-compare\"\u003e\n\n\n      \u003carticle class=\"hhx-compare-card\"\u003e\n\n        \u003ch3\u003e\n          Typical Halloween Light\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"hhx-compare-list\"\u003e\n\n          \u003cdiv class=\"hhx-compare-item\"\u003e\n            ○ Static illumination\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hhx-compare-item\"\u003e\n            ○ Limited visual story\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hhx-compare-item\"\u003e\n            ○ Easy to overlook\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hhx-compare-item\"\u003e\n            ○ Basic single effect\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/article\u003e\n\n\n\n      \u003carticle class=\"\n        hhx-compare-card\n        featured\n      \"\u003e\n\n        \u003ch3\u003e\n          Headless Horseman\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"hhx-compare-list\"\u003e\n\n          \u003cdiv class=\"hhx-compare-item\"\u003e\n            \u003cspan class=\"hhx-good\"\u003e✓\u003c\/span\u003e\n            Spectral horse\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hhx-compare-item\"\u003e\n            \u003cspan class=\"hhx-good\"\u003e✓\u003c\/span\u003e\n            Cascading spirits\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hhx-compare-item\"\u003e\n            \u003cspan class=\"hhx-good\"\u003e✓\u003c\/span\u003e\n            Blue + orange contrast\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hhx-compare-item\"\u003e\n            \u003cspan class=\"hhx-good\"\u003e✓\u003c\/span\u003e\n            Solar powered\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/article\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     FAQ\n     ====================================================== --\u003e\n\n\u003csection class=\"\n  hhx-section\n  hhx-faq\n\"\u003e\n\n  \u003cdiv class=\"hhx-inner\"\u003e\n\n    \u003cspan class=\"hhx-kicker\"\u003e\n      QUICK QUESTIONS\n    \u003c\/span\u003e\n\n    \u003ch2 class=\"hhx-title\"\u003e\n      Before the Horseman Arrives.\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"hhx-faq-list\"\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Is the Headless Horseman solar powered?\n        \u003c\/summary\u003e\n\n        \u003cdiv class=\"hhx-faq-answer\"\u003e\n          Yes. Position the solar panel where it can receive\n          good daylight before nighttime use.\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Does it require an extension cord?\n        \u003c\/summary\u003e\n\n        \u003cdiv class=\"hhx-faq-answer\"\u003e\n          No extension cord is required for the solar-powered setup.\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          What makes this style different?\n        \u003c\/summary\u003e\n\n        \u003cdiv class=\"hhx-faq-answer\"\u003e\n          It combines a spectral horse, cascading blue spirits,\n          the Headless Horseman silhouette and warm pumpkin glow.\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Where can I display it?\n        \u003c\/summary\u003e\n\n        \u003cdiv class=\"hhx-faq-answer\"\u003e\n          Use it in suitable front yards, walkways,\n          porch areas and Halloween graveyard displays.\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Are other Halloween styles available?\n        \u003c\/summary\u003e\n\n        \u003cdiv class=\"hhx-faq-answer\"\u003e\n          Yes. The collection also includes The Witch,\n          Haunted Scarecrow and Soul Harvester.\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003cbutton type=\"button\" class=\"hhx-cta\" data-hhx-bundle=\"\" style=\"margin-top:17px;\"\u003e\n      VIEW BUNDLE OPTIONS →\n    \u003c\/button\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     FINAL CTA\n     ====================================================== --\u003e\n\n\u003csection class=\"hhx-final\"\u003e\n\n  \u003cspan class=\"hhx-kicker\"\u003e\n    WHEN DARKNESS FALLS\n  \u003c\/span\u003e\n\n  \u003ch2 class=\"hhx-title\"\u003e\n    Make the Headless Horseman\n    the Centerpiece of Your Halloween Yard.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"hhx-final-copy\"\u003e\n    Choose your favorite style,\n    select the bundle that fits your display\n    and build a Halloween yard people remember.\n  \u003c\/p\u003e\n\n  \u003cbutton type=\"button\" class=\"hhx-cta\" data-hhx-bundle=\"\"\u003e\n    CHOOSE YOUR HALLOWEEN SET →\n  \u003c\/button\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\u003c!-- ======================================================\n     MOBILE STICKY CTA\n     ====================================================== --\u003e\n\n\u003cdiv class=\"hhx-mobile-sticky\"\u003e\n\n  \u003cdiv class=\"hhx-mobile-sticky-copy\"\u003e\n\n    \u003cstrong\u003e\n      Build Your Haunted Yard\n    \u003c\/strong\u003e\n\n    \u003cspan\u003e\n      Choose your style \u0026amp; bundle\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n  \u003cbutton type=\"button\" data-hhx-bundle=\"\"\u003e\n    CHOOSE SET →\n  \u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n\n  function findBundleArea() {\n\n    var target;\n    var i;\n\n    var selectors = [\n      '.quantity-breaks',\n      '.quantity-breaks-container',\n      '.quantity-breaks__container',\n      '.quantity-selector-wrapper',\n      '.quantity-selector',\n      '[class*=\"quantity-break\"]',\n      '[class*=\"quantity_break\"]',\n      '[class*=\"bundle-selector\"]',\n      '[class*=\"bundle_selector\"]'\n    ];\n\n\n    for (i = 0; i \u003c selectors.length; i++) {\n\n      target = document.querySelector(selectors[i]);\n\n      if (target) {\n        return target;\n      }\n\n    }\n\n\n    var headings = document.querySelectorAll(\n      'legend, h2, h3, h4, h5'\n    );\n\n\n    for (i = 0; i \u003c headings.length; i++) {\n\n      var text = headings[i].textContent || '';\n\n      text = text.toUpperCase();\n\n\n      if (text.indexOf('BUNDLE \u0026 SAVE') !== -1) {\n\n        var node = headings[i];\n        var count = 0;\n\n\n        while (node \u0026\u0026 count \u003c 6) {\n\n          var nodeText = node.textContent || '';\n\n          nodeText = nodeText.toUpperCase();\n\n\n          if (\n            nodeText.indexOf('BUY 2') !== -1 ||\n            nodeText.indexOf('BUY 3') !== -1 ||\n            nodeText.indexOf('BUY 4') !== -1\n          ) {\n\n            return node;\n\n          }\n\n\n          node = node.parentElement;\n\n          count = count + 1;\n\n        }\n\n\n        return headings[i];\n\n      }\n\n    }\n\n\n    target = document.querySelector(\n      '.product__info-container'\n    );\n\n    if (target) {\n      return target;\n    }\n\n\n    target = document.querySelector(\n      '.product-info'\n    );\n\n    if (target) {\n      return target;\n    }\n\n\n    target = document.querySelector(\n      '.product-form'\n    );\n\n    return target;\n\n  }\n\n\n\n  function goToBundle() {\n\n    var target = findBundleArea();\n\n\n    if (!target) {\n\n      window.scrollTo(\n        0,\n        0\n      );\n\n      return;\n\n    }\n\n\n    var rect =\n      target.getBoundingClientRect();\n\n\n    var offset = 90;\n\n\n    if (window.innerWidth \u003c= 600) {\n      offset = 70;\n    }\n\n\n    var top =\n      rect.top +\n      window.pageYOffset -\n      offset;\n\n\n    window.scrollTo({\n      top: top,\n      behavior: 'smooth'\n    });\n\n\n    target.classList.remove(\n      'hhx-bundle-highlight'\n    );\n\n\n    window.setTimeout(\n      function() {\n\n        target.classList.add(\n          'hhx-bundle-highlight'\n        );\n\n      },\n      450\n    );\n\n\n    window.setTimeout(\n      function() {\n\n        target.classList.remove(\n          'hhx-bundle-highlight'\n        );\n\n      },\n      1750\n    );\n\n  }\n\n\n\n  var triggers =\n    document.querySelectorAll(\n      '[data-hhx-bundle]'\n    );\n\n\n  var i;\n\n\n  for (i = 0; i \u003c triggers.length; i++) {\n\n    triggers[i].onclick =\n      function(event) {\n\n        if (event) {\n          event.preventDefault();\n        }\n\n        goToBundle();\n\n      };\n\n  }\n\n});\n\u003c\/script\u003e\n  \u003c\/div\u003e","brand":"zzk","offers":[{"title":"Headless Horseman🎃🔥","offer_id":47420043296937,"sku":"SZ06502608313617-无头骑士","price":46.99,"currency_code":"USD","in_stock":true},{"title":"The Witch🧙‍♀️🔥","offer_id":47420043329705,"sku":"SZ06502608313617-女巫","price":46.99,"currency_code":"USD","in_stock":true},{"title":"Haunted Scarecrow🌾","offer_id":47420043362473,"sku":"SZ06502608313617-稻草人","price":46.99,"currency_code":"USD","in_stock":true},{"title":"Soul Harvester💀🔥","offer_id":47420043395241,"sku":"SZ06502608313617-鬼幽灵","price":46.99,"currency_code":"USD","in_stock":true},{"title":"🔥All Styles - 4 Pcs","offer_id":47420043428009,"sku":"SZ06502608313617-女巫+SZ06502608313617-鬼幽灵+SZ06502608313617-无头骑士+SZ06502608313617-稻草人","price":168.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0742\/7076\/9321\/files\/99666.png?v=1788579594","url":"https:\/\/pyzanto.com\/products\/halloween-garden-light","provider":"Pyzanto","version":"1.0","type":"link"}