{"product_id":"animated-halloween-garden-light-collection","title":"🔥70% OFF TODAY 🎁Animated Halloween Garden Light collection","description":"\u003cstyle\u003e \/* =========================================================    HEADLESS HORSEMAN    FINAL SHRINE PRO 1.33 VERSION    ========================================================= *\/  .hhx-page, .hhx-page *, .hhx-page *::before, .hhx-page *::after {   box-sizing: border-box; }  .hhx-page {   --night: #05070b;   --navy: #071426;   --blue: #1788ff;   --blue-light: #68c9ff;   --blue-soft: #eef7ff;   --orange: #f36a21;   --orange-dark: #d95316;   --white: #ffffff;   --ink: #211922;   --text: #38333d;   --muted: #706a76;   --line: #dfe5ec;    width: 100%;   max-width: 1180px;   min-width: 0;    margin: 16px auto 0;   padding: 0;    overflow: hidden;    color: var(--text);   background: #ffffff;    font-family:     -apple-system,     BlinkMacSystemFont,     'Segoe UI',     Roboto,     Helvetica,     Arial,     sans-serif;    font-size: 16px;   line-height: 1.55;    -webkit-font-smoothing: antialiased; }   \/* =========================================================    RESET    ========================================================= *\/  .hhx-page img {   display: block;    width: 100% !important;   max-width: 100% !important;   height: auto !important;    margin: 0 !important;   padding: 0 !important;    border: 0; }  .hhx-page h1, .hhx-page h2, .hhx-page h3, .hhx-page p {   margin-top: 0; }  .hhx-page button {   font-family:     -apple-system,     BlinkMacSystemFont,     'Segoe UI',     Roboto,     Helvetica,     Arial,     sans-serif; }  .hhx-page h1, .hhx-page h2, .hhx-page h3 {   font-family:     Georgia,     'Times New Roman',     serif;    line-height: 1.08; }   \/* =========================================================    COMMON    ========================================================= *\/  .hhx-section {   width: 100%;    padding: 52px 20px; }  .hhx-inner {   width: 100%;   max-width: 1020px;    margin: 0 auto; }  .hhx-center {   text-align: center; }  .hhx-kicker {   display: inline-flex;    align-items: center;   justify-content: center;    min-height: 25px;    margin-bottom: 10px;    padding: 6px 11px;    border: 1px solid rgba(23,136,255,.27);   border-radius: 999px;    color: #1472cd;   background: rgba(23,136,255,.07);    font-size: 9px;   line-height: 1;    font-weight: 900;    letter-spacing: .75px;    text-transform: uppercase; }  .hhx-title {   max-width: 820px;    margin: 0 auto 12px;    color: var(--ink);    font-size: 38px;   line-height: 1.08;    font-weight: 700;    letter-spacing: -.5px; }  .hhx-subtitle {   max-width: 700px;    margin: 0 auto 22px;    color: var(--muted);    font-size: 14.5px;   line-height: 1.6; }   \/* =========================================================    CTA    ========================================================= *\/  .hhx-cta {   display: inline-flex;    min-height: 50px;    align-items: center;   justify-content: center;    padding: 13px 24px;    border: 1px solid #ff8b4d;   border-radius: 9px;    color: #ffffff !important;    background:     linear-gradient(       135deg,       #f36a21,       #dd5514     );    box-shadow:     0 10px 25px     rgba(243,106,33,.23);    font-size: 13px;   line-height: 1.2;    font-weight: 900;    text-align: center;    cursor: pointer;    transition:     transform .18s ease,     box-shadow .18s ease; }  .hhx-cta:hover {   transform: translateY(-2px);    box-shadow:     0 14px 30px     rgba(243,106,33,.30); }  .hhx-cta:active {   transform: scale(.975); }   \/* =========================================================    HERO    ========================================================= *\/  .hhx-hero {   width: 100%;    padding: 60px 20px 36px;    color: #ffffff;    text-align: center;    background:     radial-gradient(       circle at 75% 20%,       rgba(23,136,255,.28),       transparent 34%     ),     radial-gradient(       circle at 15% 25%,       rgba(243,106,33,.12),       transparent 27%     ),     linear-gradient(       150deg,       #020407,       #071426 54%,       #04070c     ); }  .hhx-hero-inner {   max-width: 900px;    margin: 0 auto; }  .hhx-hero .hhx-kicker {   color: #a8ddff;    border-color:     rgba(104,201,255,.34);    background:     rgba(23,136,255,.08); }  .hhx-hero-title {   max-width: 900px;    margin: 0 auto 15px;    color: #ffffff !important;    font-size: 58px;   line-height: 1.02 !important;    font-weight: 700;    letter-spacing: -1.2px; }  .hhx-hero-title span {   display: block;    margin-top: 4px;    color: #68c9ff;    text-shadow:     0 0 21px     rgba(23,136,255,.45); }  .hhx-hero-copy {   max-width: 680px;    margin: 0 auto 19px;    color: #d5e6f6;    font-size: 16px;   line-height: 1.62; }  .hhx-hero-note {   margin: 11px 0 0;    color: #9db5ce;    font-size: 11px; }   \/* =========================================================    HERO IMAGE    ========================================================= *\/  .hhx-hero-image {   width: 100%;   max-width: 770px;    margin: 29px auto 0;   padding: 6px;    overflow: hidden;    border:     1px solid     rgba(78,168,255,.37);    border-radius: 17px;    background: #02050a;    box-shadow:     0 25px 55px     rgba(0,0,0,.43),     0 0 45px     rgba(23,136,255,.09); }  .hhx-hero-image img {   aspect-ratio: 1 \/ 1;    object-fit: cover;    border-radius: 11px; }   \/* =========================================================    EFFECT BUTTONS    ========================================================= *\/  .hhx-effects-wrap {   padding: 23px 14px 28px;    background:     linear-gradient(       180deg,       #f5f8fc,       #ffffff     ); }  .hhx-effects {   display: grid;    grid-template-columns:     repeat(3, minmax(0,1fr));    gap: 8px;    width: 100%;   max-width: 900px;    margin: 0 auto; }  .hhx-effect-btn {   display: flex;    min-width: 0;   min-height: 43px;    align-items: center;   justify-content: center;    gap: 7px;    padding: 8px 10px;    border: 1px solid #d7e5f2;   border-radius: 999px;    color: #29405c;   background: #ffffff;    box-shadow:     0 4px 13px     rgba(20,65,110,.045);    font-size: 10px;   line-height: 1.15;    font-weight: 750;    text-align: center;    cursor: pointer;    transition:     transform .16s ease,     border-color .16s ease,     color .16s ease; }  .hhx-effect-btn:hover {   transform: translateY(-2px);    border-color: #78baf5;    color: #0f72ce; }  .hhx-effect-btn:active {   transform: scale(.96); }  .hhx-effect-icon {   display: flex;    width: 18px;   height: 18px;    flex: 0 0 18px;    align-items: center;   justify-content: center;    font-size: 13px; }  .hhx-effect-text {   min-width: 0;    line-height: 1.15;    text-align: center; }   \/* =========================================================    EMOTIONAL SECTION    ========================================================= *\/  .hhx-memory {   background: #ffffff; }  .hhx-memory-box {   max-width: 750px;    margin: 23px auto 0;    padding: 21px 20px;    border-left:     4px solid     var(--orange);    border-radius:     5px     13px     13px     5px;    color: #33241d;    background:     linear-gradient(       135deg,       #fff3ea,       #fffcfa     );    font-family:     Georgia,     'Times New Roman',     serif;    font-size: 19px;   line-height: 1.45;    font-style: italic;    text-align: left; }  .hhx-memory-box small {   display: block;    margin-top: 9px;    color: #776e6a;    font-family:     -apple-system,     BlinkMacSystemFont,     'Segoe UI',     sans-serif;    font-size: 12px;   line-height: 1.5;    font-style: normal; }   \/* =========================================================    BENEFITS    ========================================================= *\/  .hhx-benefit-section {   background:     linear-gradient(       180deg,       #f8fafd,       #f2f6fb     ); }  .hhx-benefits {   display: grid;    grid-template-columns:     repeat(4, minmax(0,1fr));    gap: 12px;    margin-top: 23px; }  .hhx-benefit {   min-width: 0;    padding: 18px 15px;    border: 1px solid #dde6ef;   border-radius: 13px;    background: #ffffff;    box-shadow:     0 7px 19px     rgba(20,60,100,.045);    text-align: left;    cursor: pointer;    transition:     transform .18s ease,     border-color .18s ease; }  .hhx-benefit:hover {   transform: translateY(-3px);    border-color:     rgba(23,136,255,.35); }  .hhx-benefit-icon {   display: flex;    width: 40px;   height: 40px;    align-items: center;   justify-content: center;    margin-bottom: 10px;    border: 1px solid #b8ddfd;   border-radius: 50%;    background: #eef7ff;    font-size: 17px; }  .hhx-benefit h3 {   margin: 0 0 5px;    color: #172b42;    font-size: 17px;   line-height: 1.18; }  .hhx-benefit p {   margin: 0;    color: var(--muted);    font-size: 12px;   line-height: 1.48; }   \/* =========================================================    MID CTA    ========================================================= *\/  .hhx-mid-cta {   padding: 23px 18px;    color: #ffffff;    text-align: center;    background:     linear-gradient(       135deg,       #101c2d,       #071426     ); }  .hhx-mid-cta strong {   display: block;    margin-bottom: 4px;    font-size: 15px; }  .hhx-mid-cta p {   margin: 0 0 12px;    color: #bed0e1;    font-size: 11.5px; }   \/* =========================================================    COLLECTION    ========================================================= *\/  .hhx-collection {   color: #ffffff;    text-align: center;    background:     radial-gradient(       circle at 80% 15%,       rgba(23,136,255,.15),       transparent 28%     ),     radial-gradient(       circle at 15% 80%,       rgba(243,106,33,.10),       transparent 28%     ),     linear-gradient(       145deg,       #070910,       #101021     ); }  .hhx-collection .hhx-title {   color: #ffffff; }  .hhx-collection .hhx-subtitle {   color: #c9c7d0; }  .hhx-collection-image {   max-width: 880px;    margin: 23px auto 0;    overflow: hidden;    border:     1px solid     rgba(255,255,255,.13);    border-radius: 15px;    box-shadow:     0 21px 44px     rgba(0,0,0,.28);    cursor: pointer; }  .hhx-collection-image img {   aspect-ratio: 1 \/ 1;    object-fit: cover; }   \/* =========================================================    OTHER STYLES    ========================================================= *\/  .hhx-styles {   background: #ffffff;    text-align: center; }  .hhx-style-grid {   display: grid;    grid-template-columns:     repeat(3, minmax(0,1fr));    gap: 14px;    margin-top: 23px; }  .hhx-style-card {   overflow: hidden;    border: 1px solid #dee4ec;   border-radius: 13px;    background: #ffffff;    box-shadow:     0 8px 21px     rgba(20,45,75,.055);    cursor: pointer;    text-align: left; }  .hhx-style-card img {   aspect-ratio: 1 \/ 1;    object-fit: cover; }  .hhx-style-copy {   padding: 13px 13px 15px; }  .hhx-style-tag {   display: inline-flex;    margin-bottom: 7px;    padding: 5px 8px;    border: 1px solid #cee4fa;   border-radius: 999px;    color: #126dbe;   background: #f1f8ff;    font-size: 8px;   line-height: 1;    font-weight: 900;    letter-spacing: .4px; }  .hhx-style-card.orange .hhx-style-tag {   color: #b54b15;    border-color: #f2c9b1;    background: #fff5ef; }  .hhx-style-card.green .hhx-style-tag {   color: #3c7a24;    border-color: #cde9c0;    background: #f4fbf1; }  .hhx-style-copy h3 {   margin: 0 0 5px;    color: #211922;    font-size: 18px; }  .hhx-style-copy p {   margin: 0;    color: var(--muted);    font-size: 12px;   line-height: 1.48; }   \/* =========================================================    SOLAR SECTION    ========================================================= *\/  .hhx-solar {   background:     linear-gradient(       145deg,       #f3f8fd,       #edf5fc     ); }  .hhx-solar-layout {   display: grid;    grid-template-columns:     .9fr 1.1fr;    gap: 42px;    align-items: center; }  .hhx-solar-visual {   position: relative;    min-height: 285px;    overflow: hidden;    border: 1px solid #d4e4f0;   border-radius: 17px;    background:     radial-gradient(       circle at 50% 23%,       rgba(255,200,80,.30),       transparent 22%     ),     radial-gradient(       circle at 50% 96%,       rgba(23,136,255,.15),       transparent 35%     ),     linear-gradient(       180deg,       #eaf5ff,       #fafcfe 56%,       #eaf3f9     ); }  .hhx-sun {   position: absolute;    width: 58px;   height: 58px;    top: 37px;   left: 50%;    transform: translateX(-50%);    border-radius: 50%;    background:     linear-gradient(       145deg,       #ffd45c,       #ff9e2e     );    box-shadow:     0 0 0 10px     rgba(255,190,65,.10),     0 0 29px     rgba(255,176,42,.27); }  .hhx-panel {   position: absolute;    width: 112px;   height: 69px;    top: 122px;   left: 50%;    transform:     translateX(-50%)     skewY(-5deg);    border: 5px solid #283a4e;   border-radius: 5px;    background:     repeating-linear-gradient(       90deg,       #184d79 0,       #184d79 17px,       #2a6a99 18px,       #2a6a99 20px     ); }  .hhx-panel::after {   content: '';    position: absolute;    width: 5px;   height: 80px;    top: 60px;   left: 49px;    background: #435566; }  .hhx-solar-points {   display: grid;    grid-template-columns:     repeat(2, minmax(0,1fr));    gap: 7px;    margin-top: 15px; }  .hhx-solar-point {   min-height: 40px;    padding: 8px 6px;    border: 1px solid #d8e5ef;   border-radius: 9px;    color: #325472;   background: #ffffff;    font-size: 9px;    font-weight: 850;    text-align: center;    cursor: pointer; }   \/* =========================================================    STEPS    ========================================================= *\/  .hhx-steps {   background: #ffffff;    text-align: center; }  .hhx-step-grid {   display: grid;    grid-template-columns:     repeat(3, minmax(0,1fr));    gap: 12px;    margin-top: 23px; }  .hhx-step {   padding: 19px 14px;    border: 1px solid #dce4ee;   border-radius: 12px;    background: #f8fafc; }  .hhx-step-num {   display: flex;    width: 38px;   height: 38px;    align-items: center;   justify-content: center;    margin: 0 auto 10px;    border-radius: 50%;    color: #ffffff;    background:     linear-gradient(       135deg,       #1075d9,       #28a7ff     );    font-weight: 900; }  .hhx-step h3 {   margin: 0 0 5px;    color: #13273f;    font-size: 17px; }  .hhx-step p {   margin: 0;    color: var(--muted);    font-size: 12px;   line-height: 1.48; }   \/* =========================================================    COMPARISON    ========================================================= *\/  .hhx-compare-section {   background:     linear-gradient(       180deg,       #f6f9fc,       #edf3f8     );    text-align: center; }  .hhx-compare {   display: grid;    grid-template-columns:     repeat(2, minmax(0,1fr));    gap: 12px;    max-width: 820px;    margin: 23px auto 0; }  .hhx-compare-card {   padding: 19px 16px;    border: 1px solid #dde4ec;   border-radius: 13px;    background: #ffffff;    text-align: left; }  .hhx-compare-card.featured {   border-color:     rgba(23,136,255,.35);    background:     linear-gradient(       145deg,       #f6fbff,       #ecf7ff     ); }  .hhx-compare-card h3 {   margin: 0 0 11px;    color: #192b40;    font-size: 18px; }  .hhx-compare-list {   display: grid;    gap: 8px; }  .hhx-compare-item {   display: flex;    gap: 7px;    color: #60626a;    font-size: 12px;   line-height: 1.42; }  .hhx-good {   color: #1788ff;    font-weight: 900; }   \/* =========================================================    FAQ    ========================================================= *\/  .hhx-faq {   background:     linear-gradient(       180deg,       #f8f7fb,       #f4f2f7     );    text-align: center; }  .hhx-faq-list {   max-width: 820px;    margin: 23px auto 0;    text-align: left; }  .hhx-faq details {   margin-bottom: 8px;    overflow: hidden;    border: 1px solid #ded9e3;   border-radius: 10px;    background: #ffffff; }  .hhx-faq summary {   position: relative;    display: block;    padding:     13px     40px     13px     14px;    color: #25202a;    cursor: pointer;    list-style: none;    font-size: 12.5px;   line-height: 1.35;    font-weight: 850; }  .hhx-faq summary::-webkit-details-marker {   display: none; }  .hhx-faq summary::after {   content: '+';    position: absolute;    top: 50%;   right: 14px;    transform: translateY(-50%);    color: #147cff;    font-size: 19px; }  .hhx-faq details[open] summary::after {   content: '-'; }  .hhx-faq-answer {   padding:     0     14px     13px;    color: var(--muted);    font-size: 12px;   line-height: 1.55; }   \/* =========================================================    FINAL CTA    ========================================================= *\/  .hhx-final {   padding: 52px 18px;    color: #ffffff;    text-align: center;    background:     radial-gradient(       circle at 50% 0%,       rgba(23,136,255,.27),       transparent 38%     ),     radial-gradient(       circle at 15% 85%,       rgba(243,106,33,.13),       transparent 29%     ),     linear-gradient(       145deg,       #020305,       #071426     ); }  .hhx-final .hhx-title {   color: #ffffff; }  .hhx-final-copy {   max-width: 650px;    margin: 0 auto 19px;    color: #c7d7e7;    font-size: 14px;   line-height: 1.6; }   \/* =========================================================    MOBILE STICKY    ========================================================= *\/  .hhx-mobile-sticky {   display: none; }   \/* =========================================================    BUNDLE HIGHLIGHT    ========================================================= *\/  .hhx-bundle-highlight {   border-radius: 12px !important;    box-shadow:     0 0 0 5px     rgba(243,106,33,.22) !important; }   \/* =========================================================    TABLET    ========================================================= *\/  @media screen and (max-width: 900px) {    .hhx-title {     font-size: 32px;   }    .hhx-hero-title {     font-size: 48px;   }    .hhx-benefits {     grid-template-columns:       repeat(2, minmax(0,1fr));   }    .hhx-solar-layout {     gap: 25px;   }  }   \/* =========================================================    MOBILE    ========================================================= *\/  @media screen and (max-width: 600px) {    .hhx-page {     margin-top: 10px;      padding-bottom: 65px;      font-size: 14px;   }     \/* SECTION SPACING *\/    .hhx-section {     padding:       30px       12px;   }    .hhx-hero {     padding:       35px       12px       23px;   }     \/* TYPOGRAPHY *\/    .hhx-kicker {     min-height: 22px;      margin-bottom: 8px;      padding:       5px       8px;      font-size: 7.8px;      letter-spacing: .5px;   }    .hhx-hero-title {     font-size: 31px;     line-height: 1.03 !important;      letter-spacing: -.6px;   }    .hhx-title {     margin-bottom: 9px;      font-size: 23px;     line-height: 1.08;      letter-spacing: -.3px;   }    .hhx-hero-copy,   .hhx-subtitle {     font-size: 12.4px;     line-height: 1.48;   }    .hhx-subtitle {     margin-bottom: 16px;   }    .hhx-hero-note {     font-size: 9px;   }     \/* HERO IMAGE *\/    .hhx-hero-image {     margin-top: 21px;      padding: 4px;      border-radius: 12px;   }    .hhx-hero-image img {     border-radius: 8px;   }     \/* =======================================================      EFFECT BUTTONS      2 X 3      ======================================================= *\/    .hhx-effects-wrap {     padding:       18px       10px       20px;   }    .hhx-effects {     grid-template-columns:       repeat(2, minmax(0,1fr));      gap: 7px;   }    .hhx-effect-btn {     width: 100%;      min-height: 44px;      gap: 5px;      padding:       6px       5px;      border-radius: 23px;      font-size: 8.8px;     line-height: 1.12;   }    .hhx-effect-icon {     width: 15px;     height: 15px;      flex: 0 0 15px;      font-size: 10px;   }    .hhx-effect-text {     display: flex;      min-height: 24px;      align-items: center;     justify-content: center;   }     \/* MEMORY *\/    .hhx-memory-box {     margin-top: 17px;      padding:       15px       13px;      font-size: 15.5px;     line-height: 1.38;   }    .hhx-memory-box small {     margin-top: 7px;      font-size: 10px;     line-height: 1.4;   }     \/* =======================================================      CORE BENEFITS      2 X 2      ======================================================= *\/    .hhx-benefits {     grid-template-columns:       repeat(2, minmax(0,1fr));      gap: 8px;      margin-top: 16px;   }    .hhx-benefit {     min-height: 145px;      padding:       11px       9px;      border-radius: 10px;   }    .hhx-benefit-icon {     width: 31px;     height: 31px;      margin-bottom: 7px;      font-size: 13px;   }    .hhx-benefit h3 {     min-height: 29px;      margin-bottom: 4px;      font-size: 13px;     line-height: 1.12;   }    .hhx-benefit p {     font-size: 9.7px;     line-height: 1.37;   }     \/* CTA *\/    .hhx-cta {     width: 100%;     max-width: 410px;      min-height: 45px;      padding:       10px       12px;      font-size: 11px;   }     \/* MID CTA *\/    .hhx-mid-cta {     padding:       18px       12px;   }    .hhx-mid-cta strong {     font-size: 12.5px;   }    .hhx-mid-cta p {     margin-bottom: 9px;      font-size: 9.5px;   }     \/* COLLECTION *\/    .hhx-collection-image {     margin-top: 16px;      border-radius: 10px;   }     \/* =======================================================      OTHER STYLES      HORIZONTAL CARDS      ======================================================= *\/    .hhx-style-grid {     grid-template-columns: 1fr;      gap: 8px;      margin-top: 16px;   }    .hhx-style-card {     display: grid;      grid-template-columns:       103px       minmax(0,1fr);      border-radius: 10px;   }    .hhx-style-card img {     width: 103px !important;     height: 100% !important;      min-height: 112px;      object-fit: cover;      aspect-ratio: auto;   }    .hhx-style-copy {     display: flex;      flex-direction: column;     justify-content: center;      min-width: 0;      padding:       9px       10px;   }    .hhx-style-tag {     align-self: flex-start;      margin-bottom: 5px;      padding:       4px       6px;      font-size: 6.8px;   }    .hhx-style-copy h3 {     margin-bottom: 4px;      font-size: 13.5px;   }    .hhx-style-copy p {     font-size: 9.7px;     line-height: 1.37;   }     \/* SOLAR *\/    .hhx-solar-layout {     grid-template-columns: 1fr;      gap: 18px;   }    .hhx-solar-visual {     min-height: 215px;      border-radius: 12px;   }    .hhx-sun {     width: 47px;     height: 47px;      top: 26px;   }    .hhx-panel {     width: 92px;     height: 56px;      top: 98px;   }    .hhx-panel::after {     height: 55px;      top: 48px;     left: 39px;   }    .hhx-solar-points {     gap: 6px;      margin-top: 11px;   }    .hhx-solar-point {     min-height: 37px;      padding:       6px       4px;      font-size: 7.7px;     line-height: 1.15;   }     \/* STEPS *\/    .hhx-step-grid {     grid-template-columns:       repeat(3, minmax(0,1fr));      gap: 6px;      margin-top: 16px;   }    .hhx-step {     padding:       11px       6px;      border-radius: 9px;   }    .hhx-step-num {     width: 28px;     height: 28px;      margin-bottom: 6px;      font-size: 10px;   }    .hhx-step h3 {     margin-bottom: 4px;      font-size: 11px;   }    .hhx-step p {     font-size: 8.3px;     line-height: 1.32;   }     \/* COMPARISON *\/    .hhx-compare {     grid-template-columns:       repeat(2, minmax(0,1fr));      gap: 7px;      margin-top: 16px;   }    .hhx-compare-card {     padding:       11px       8px;      border-radius: 9px;   }    .hhx-compare-card h3 {     min-height: 28px;      margin-bottom: 7px;      font-size: 11.5px;     line-height: 1.18;   }    .hhx-compare-list {     gap: 5px;   }    .hhx-compare-item {     gap: 4px;      font-size: 8.5px;     line-height: 1.32;   }     \/* FAQ *\/    .hhx-faq-list {     margin-top: 16px;   }    .hhx-faq details {     margin-bottom: 6px;      border-radius: 8px;   }    .hhx-faq summary {     padding:       10px       34px       10px       10px;      font-size: 10px;     line-height: 1.28;   }    .hhx-faq summary::after {     right: 10px;      font-size: 16px;   }    .hhx-faq-answer {     padding:       0       10px       10px;      font-size: 9.5px;     line-height: 1.42;   }     \/* FINAL CTA *\/    .hhx-final {     padding:       35px       12px;   }    .hhx-final-copy {     margin-bottom: 15px;      font-size: 11px;     line-height: 1.48;   }     \/* =======================================================      MOBILE STICKY CTA      ======================================================= *\/    .hhx-mobile-sticky {     position: fixed;      z-index: 999;      display: flex;      right: 8px;     bottom: 8px;     left: 8px;      align-items: center;     justify-content: space-between;      gap: 8px;      padding:       8px       8px       8px       11px;      border:       1px solid       rgba(255,255,255,.12);      border-radius: 12px;      color: #ffffff;      background:       rgba(8,18,32,.96);      box-shadow:       0 10px 30px       rgba(0,0,0,.26);   }    .hhx-mobile-sticky-copy {     min-width: 0;      text-align: left;   }    .hhx-mobile-sticky-copy strong {     display: block;      font-size: 9.8px;     line-height: 1.15;   }    .hhx-mobile-sticky-copy span {     display: block;      margin-top: 2px;      color: #afc3d7;      font-size: 7.2px;   }    .hhx-mobile-sticky button {     min-height: 34px;      padding:       8px       10px;      border: 0;     border-radius: 8px;      color: #ffffff;      background: #f36a21;      font-size: 8px;      font-weight: 900;      cursor: pointer;   }  }   \/* =========================================================    VERY SMALL PHONE    ========================================================= *\/  @media screen and (max-width: 330px) {    .hhx-benefit {     min-height: 152px;   }    .hhx-effect-btn {     font-size: 8px;   }  } \u003c\/style\u003e\n\u003cdiv class=\"section-template--27875551969647__custom_liquid_NpM3Pm-padding\"\u003e\n\u003cdiv class=\"hhx-page\"\u003e\n\u003c!-- ======================================================      HERO      ====================================================== --\u003e\n\u003csection class=\"hhx-hero\"\u003e\n\u003cdiv class=\"hhx-hero-inner\"\u003e\n\u003cspan class=\"hhx-kicker\"\u003e HALLOWEEN 2026 · AFTER-DARK YARD DISPLAY \u003c\/span\u003e\n\u003ch1 class=\"hhx-hero-title\"\u003eThe Headless Horseman \u003cspan\u003e Rides After Dark. \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hhx-hero-copy\"\u003eTurn an ordinary yard into a supernatural Halloween scene with electric-blue spirits, a spectral horse and classic jack-o'-lantern glow.\u003c\/p\u003e\n\u003cbutton type=\"button\" class=\"hhx-cta\"\u003e CHOOSE YOUR HALLOWEEN SET → \u003c\/button\u003e\n\u003cp class=\"hhx-hero-note\"\u003eSolar Powered · Auto Night Glow · No Extension Cords\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hhx-hero-image\"\u003e\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\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================      FEATURE BUTTONS      ====================================================== --\u003e\n\u003csection class=\"hhx-effects-wrap\"\u003e\n\u003cdiv class=\"hhx-effects\"\u003e\n\u003cbutton type=\"button\" class=\"hhx-effect-btn\"\u003e \u003cspan class=\"hhx-effect-icon\"\u003e 🐎 \u003c\/span\u003e \u003cspan class=\"hhx-effect-text\"\u003e SPECTRAL HORSE \u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" class=\"hhx-effect-btn\"\u003e \u003cspan class=\"hhx-effect-icon\"\u003e 👻 \u003c\/span\u003e \u003cspan class=\"hhx-effect-text\"\u003e CASCADING SPIRITS \u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" class=\"hhx-effect-btn\"\u003e \u003cspan class=\"hhx-effect-icon\"\u003e 🎃 \u003c\/span\u003e \u003cspan class=\"hhx-effect-text\"\u003e PUMPKIN GLOW \u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" class=\"hhx-effect-btn\"\u003e \u003cspan class=\"hhx-effect-icon\"\u003e ☀️ \u003c\/span\u003e \u003cspan class=\"hhx-effect-text\"\u003e SOLAR POWERED \u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" class=\"hhx-effect-btn\"\u003e \u003cspan class=\"hhx-effect-icon\"\u003e 🌙 \u003c\/span\u003e \u003cspan class=\"hhx-effect-text\"\u003e AUTO NIGHT GLOW \u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" class=\"hhx-effect-btn\"\u003e \u003cspan class=\"hhx-effect-icon\"\u003e 🏡 \u003c\/span\u003e \u003cspan class=\"hhx-effect-text\"\u003e OUTDOOR DISPLAY \u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================      EMOTIONAL HOOK      ====================================================== --\u003e\n\u003csection class=\"hhx-section   hhx-memory   hhx-center\"\u003e\n\u003cdiv class=\"hhx-inner\"\u003e\n\u003cspan class=\"hhx-kicker\"\u003e DON'T JUST DECORATE \u003c\/span\u003e\n\u003ch2 class=\"hhx-title\"\u003eBecome the House They Remember.\u003c\/h2\u003e\n\u003cp class=\"hhx-subtitle\"\u003ePumpkins and cobwebs set the mood. The Headless Horseman turns the whole yard into a scene.\u003c\/p\u003e\n\u003cdiv class=\"hhx-memory-box\"\u003e“Wait... is that the Headless Horseman?” \u003csmall\u003e Create an after-dark Halloween display designed to make guests and trick-or-treaters look twice. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================      BENEFITS      ====================================================== --\u003e\n\u003csection class=\"hhx-section   hhx-benefit-section   hhx-center\"\u003e\n\u003cdiv class=\"hhx-inner\"\u003e\n\u003cspan class=\"hhx-kicker\"\u003e BUILT FOR HALLOWEEN NIGHT \u003c\/span\u003e\n\u003ch2 class=\"hhx-title\"\u003eMore Than a Standard Yard Light.\u003c\/h2\u003e\n\u003cp class=\"hhx-subtitle\"\u003eMultiple glowing elements work together to create one dramatic Halloween centerpiece.\u003c\/p\u003e\n\u003cdiv class=\"hhx-benefits\"\u003e\n\u003carticle class=\"hhx-benefit\"\u003e\n\u003cdiv class=\"hhx-benefit-icon\"\u003e🐎\u003c\/div\u003e\n\u003ch3\u003eSpectral Horse\u003c\/h3\u003e\n\u003cp\u003eElectric-blue illumination creates a bold silhouette after dark.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hhx-benefit\"\u003e\n\u003cdiv class=\"hhx-benefit-icon\"\u003e👻\u003c\/div\u003e\n\u003ch3\u003eCascading Spirits\u003c\/h3\u003e\n\u003cp\u003eFlowing ghost lights create the illusion of spirits rising through the scene.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hhx-benefit\"\u003e\n\u003cdiv class=\"hhx-benefit-icon\"\u003e🎃\u003c\/div\u003e\n\u003ch3\u003ePumpkin Contrast\u003c\/h3\u003e\n\u003cp\u003eWarm jack-o'-lantern light stands out against supernatural blue.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hhx-benefit\"\u003e\n\u003cdiv class=\"hhx-benefit-icon\"\u003e☀️\u003c\/div\u003e\n\u003ch3\u003eSolar Powered\u003c\/h3\u003e\n\u003cp\u003ePlace the display where it looks best without an extension cord.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================      MID CTA      ====================================================== --\u003e\n\u003csection class=\"hhx-mid-cta\"\u003e\u003cstrong\u003e Ready to Build Your Haunted Yard? \u003c\/strong\u003e\n\u003cp\u003eChoose your style and bundle below.\u003c\/p\u003e\n\u003cbutton type=\"button\" class=\"hhx-cta\"\u003e VIEW BUNDLE \u0026amp; SAVE → \u003c\/button\u003e\u003c\/section\u003e\n\u003c!-- ======================================================      COLLECTION      ====================================================== --\u003e\n\u003csection class=\"hhx-section   hhx-collection\"\u003e\n\u003cdiv class=\"hhx-inner\"\u003e\n\u003cspan class=\"hhx-kicker\"\u003e FOUR HAUNTING LEGENDS \u003c\/span\u003e\n\u003ch2 class=\"hhx-title\"\u003eBuild an Entire Haunted Yard.\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"aluckgoodate","offers":[{"title":"Headless Horseman🎃🔥","offer_id":44529939480641,"sku":"SZ04362609072905-无头骑士地插灯","price":40.99,"currency_code":"USD","in_stock":true},{"title":"The Witch🧙‍♀️🔥","offer_id":44529939513409,"sku":"SZ04362609072905-女巫地插灯","price":40.99,"currency_code":"USD","in_stock":true},{"title":"Haunted Scarecrow🌾","offer_id":44529939546177,"sku":"SZ04362609072905-南瓜稻草人地插灯","price":40.99,"currency_code":"USD","in_stock":true},{"title":"Soul Harvester💀🔥","offer_id":44529939578945,"sku":"SZ04362609072905-骷髅头地插灯","price":40.99,"currency_code":"USD","in_stock":true},{"title":"🔥All Styles - 4 Pcs","offer_id":44529939611713,"sku":"SZ04362609072905-4件套","price":159.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0731\/7736\/6593\/files\/99666.png?v=1788765723","url":"https:\/\/aluckgoodate.com\/products\/animated-halloween-garden-light-collection","provider":"aluckgoodate","version":"1.0","type":"link"}