{"product_id":"✨31-nights-of-fright-halloween-countdown-box","title":"✨31 Nights of Fright Halloween Countdown Box-Open a surprise box every day!","description":"\u003c!-- ========================================================= 31 NIGHTS OF FRIGHT HALLOWEEN COUNTDOWN BOX HIGH-CONVERSION SHOPIFY BODY HTML  CONVERSION FLOW 01 = Hero \/ Instant Product Understanding 02 = 31-Day Value Proposition 03 = Daily Reveal Experience 04 = Character Collection 05 = October Ritual 06 = Post-Reveal Display Value 07 = Halloween Gift Experience 08 = Closing Lifestyle \/ Purchase Bridge  600px Centered Mobile Optimized No JavaScript Common SVG Icons Collapsible FAQ Payment Trust Animated Bottom CTA  CTA TARGET For Shopify Custom Liquid \/ Dawn-style themes: MainProduct-{{ section.id }} normally points to the main product purchase section.  If your theme uses another ID, replace ONLY the href. ========================================================= --\u003e\u003cstyle\u003e  \/* ========================================================= GLOBAL ========================================================= *\/  :root{   --sp6-black:#101217;   --sp6-black-soft:#1A1D23;   --sp6-charcoal:#252932;    --sp6-orange:#D86B27;   --sp6-orange-light:#F09A50;    --sp6-gold:#C69A4A;   --sp6-gold-light:#E3C67D;    --sp6-teal:#4F978A;   --sp6-teal-soft:#DCEDE9;    --sp6-cream:#F5EADB;   --sp6-bg:#F8F3EB;   --sp6-bg-soft:#FCF9F4;    --sp6-text:#302E2C;   --sp6-muted:#736E68;   --sp6-border:#E6DDD2;    --sp6-white:#FFFFFF;    --sp6-radius:22px;   --sp6-radius-small:15px;    --sp6-shadow:     0 12px 34px rgba(17,19,24,.11);    --sp6-shadow-small:     0 6px 18px rgba(17,19,24,.08);    --sp6-font:     'Avenir Next',     'Nunito Sans',     'Inter',     -apple-system,     BlinkMacSystemFont,     'Segoe UI',     Arial,     sans-serif;    --sp6-display:     Georgia,     'Times New Roman',     serif; }   .sp6-body, .sp6-body *{   box-sizing:border-box; }   html{   scroll-behavior:smooth; }   .sp6-body{   width:100%;   max-width:600px;    margin:0 auto;    overflow:hidden;    background:#FFFFFF;   color:var(--sp6-text);    font-family:var(--sp6-font);    -webkit-font-smoothing:antialiased;   text-rendering:optimizeLegibility; }   .sp6-body img{   display:block;    width:100%;   max-width:100%;   height:auto; }   .sp6-body a{   color:inherit;   text-decoration:none; }   .sp6-section{   padding:52px 22px; }   .sp6-center{   text-align:center; }   .sp6-eyebrow{   margin:0 0 10px;    color:var(--sp6-orange);    font-size:13px;   line-height:1.3;   font-weight:800;    letter-spacing:.10em;   text-transform:uppercase; }   .sp6-h2{   margin:0;    color:var(--sp6-black);    font-family:var(--sp6-display);    font-size:38px;   line-height:1.07;   font-weight:700;    letter-spacing:-.04em; }   .sp6-h2 span{   color:var(--sp6-orange); }   .sp6-text{   margin:14px 0 0;    color:var(--sp6-muted);    font-size:16px;   line-height:1.7; }   .sp6-image{   overflow:hidden;    border-radius:var(--sp6-radius);    background:var(--sp6-bg);    box-shadow:var(--sp6-shadow); }   .sp6-image img{   width:100%;   height:auto;    object-fit:cover;   object-position:center; }   \/* ========================================================= COMMON ICONS ========================================================= *\/  .sp6-icon{   display:inline-flex;    align-items:center;   justify-content:center;    width:24px;   height:24px;    min-width:24px;   min-height:24px;    flex:0 0 24px; }   .sp6-icon svg{   display:block;    width:100%;   height:100%;    max-width:100%;   max-height:100%; }   \/* ========================================================= TOP TRUST BAR ========================================================= *\/  .sp6-top-trust{    padding:14px 16px;    background:#111318;    border-bottom:1px solid rgba(255,255,255,.08);  }  .sp6-top-trust-grid{    display:grid;    grid-template-columns:repeat(3,1fr);    gap:8px;  }  .sp6-top-trust-item{    min-width:0;    display:flex;    align-items:center;    gap:9px;    padding:11px 10px;    border:1px solid rgba(255,255,255,.08);    border-radius:13px;    background:rgba(255,255,255,.045);  }  .sp6-top-trust-icon{    width:32px;    height:32px;    min-width:32px;    display:flex;    align-items:center;    justify-content:center;    border-radius:10px;    background:rgba(216,107,39,.14);    color:var(--sp6-orange-light);  }  .sp6-top-trust-icon svg{    width:18px;    height:18px;  }  .sp6-top-trust-copy{    min-width:0;  }  .sp6-top-trust-copy strong{    display:block;    color:#FFFFFF;    font-size:12px;    line-height:1.25;    font-weight:850;  }  .sp6-top-trust-copy span{    display:block;    margin-top:3px;    color:#BEB8B2;    font-size:10px;    line-height:1.35;  }  \/* ========================================================= HERO IMAGE 01 ========================================================= *\/  .sp6-hero{   padding:     18px 22px 48px;    background:     radial-gradient(       circle at 15% 7%,       rgba(216,107,39,.18),       transparent 27%     ),     linear-gradient(       180deg,       #181A20 0%,       #0E1014 100%     ); }   .sp6-hero-image{   position:relative; }   .sp6-hero-badge{   position:absolute;    top:14px;   left:14px;    display:flex;    align-items:center;    gap:7px;    padding:     8px 11px;    border-radius:999px;    background:     rgba(12,14,18,.92);    color:#FFFFFF;    font-size:11px;   line-height:1.2;   font-weight:800;    letter-spacing:.06em; }   .sp6-hero-badge .sp6-icon{   width:18px;   height:18px;    min-width:18px;   min-height:18px;    color:var(--sp6-orange-light); }   .sp6-rating{   display:flex;    align-items:center;   justify-content:center;   flex-wrap:wrap;    gap:7px;    margin-top:26px;    color:#DED6CD;    font-size:13px;   line-height:1.4;   font-weight:700; }   .sp6-stars{   color:var(--sp6-gold-light);    font-size:16px;   letter-spacing:1px; }   .sp6-title{   margin:12px 0 0;    text-align:center;    color:#FFFFFF;    font-family:var(--sp6-display);    font-size:44px;   line-height:1;    font-weight:700;    letter-spacing:-.045em; }   .sp6-title span{   display:block;    color:var(--sp6-orange-light); }   .sp6-hero-text{   max-width:520px;    margin:     16px auto 0;    text-align:center;    color:#CEC8C2;    font-size:16px;   line-height:1.7; }   .sp6-hero-text strong{   color:#FFFFFF; }   .sp6-hero-points{   display:grid;    gap:10px;    margin-top:22px; }   .sp6-hero-point{   display:flex;    align-items:center;    gap:11px;    padding:     13px 14px;    border:     1px solid rgba(255,255,255,.10);    border-radius:14px;    background:     rgba(255,255,255,.05);    color:#F3EDE7;    font-size:14px;   line-height:1.45;   font-weight:700; }   .sp6-check{   width:34px;   height:34px;    min-width:34px;    display:flex;    align-items:center;   justify-content:center;    border-radius:50%;    background:     rgba(216,107,39,.16);    color:var(--sp6-orange-light); }   .sp6-check .sp6-icon{   width:18px;   height:18px; }   \/* ========================================================= VALUE STRIP ========================================================= *\/  .sp6-value-strip{   padding:     25px 18px;    background:#080A0D; }   .sp6-value-grid{   display:grid;    grid-template-columns:     repeat(3,1fr);    gap:1px;    overflow:hidden;    border-radius:16px;    background:     rgba(255,255,255,.09); }   .sp6-value{   padding:     18px 8px;    text-align:center;    background:#12151A; }   .sp6-value strong{   display:block;    color:var(--sp6-orange-light);    font-family:var(--sp6-display);    font-size:27px;   line-height:1;   font-weight:700; }   .sp6-value span{   display:block;    margin-top:7px;    color:#D1CBC5;    font-size:11px;   line-height:1.35;   font-weight:700;    text-transform:uppercase;   letter-spacing:.05em; }   \/* ========================================================= SECTION 02 31-DAY VALUE ========================================================= *\/  .sp6-value-story{   background:#FFFFFF; }   .sp6-copy{   padding-top:25px; }   .sp6-copy h2{   margin:0;    color:var(--sp6-black);    font-family:var(--sp6-display);    font-size:36px;   line-height:1.08;    font-weight:700;    letter-spacing:-.04em; }   .sp6-copy h2 span{   color:var(--sp6-orange); }   .sp6-copy \u003e p{   margin:13px 0 0;    color:var(--sp6-muted);    font-size:16px;   line-height:1.7; }   .sp6-big-message{   margin-top:22px;    padding:     22px 18px;    border-radius:18px;    background:     linear-gradient(       135deg,       #15181D,       #242933     );    color:#FFFFFF; }   .sp6-big-message strong{   display:block;    font-family:var(--sp6-display);    font-size:27px;   line-height:1.15;   font-weight:700; }   .sp6-big-message span{   display:block;    margin-top:8px;    color:#CEC7C0;    font-size:14px;   line-height:1.6; }   \/* ========================================================= SECTION 03 DAILY REVEAL ========================================================= *\/  .sp6-reveal{   background:var(--sp6-bg); }   .sp6-micro-grid{   display:grid;    grid-template-columns:     repeat(3,1fr);    gap:9px;    margin-top:22px; }   .sp6-micro-card{   padding:     16px 9px;    text-align:center;    border:     1px solid var(--sp6-border);    border-radius:14px;    background:#FFFFFF; }   .sp6-micro-icon{   width:38px;   height:38px;    margin:     0 auto 9px;    display:flex;    align-items:center;   justify-content:center;    border-radius:50%;    background:#F7E6D8;    color:var(--sp6-orange); }   .sp6-micro-icon .sp6-icon{   width:19px;   height:19px; }   .sp6-micro-card strong{   display:block;    color:var(--sp6-black);    font-size:12px;   line-height:1.35; }   .sp6-micro-card span{   display:block;    margin-top:4px;    color:var(--sp6-muted);    font-size:11px;   line-height:1.4; }   \/* ========================================================= SECTION 04 COLLECTION ========================================================= *\/  .sp6-collection{   background:#FFFFFF; }   .sp6-dark-copy{   margin-top:22px;    padding:     25px 20px;    border-radius:20px;    background:     linear-gradient(       145deg,       #121419,       #232731     ); }   .sp6-dark-copy .sp6-eyebrow{   color:var(--sp6-orange-light); }   .sp6-dark-copy h2{   margin:0;    color:#FFFFFF;    font-family:var(--sp6-display);    font-size:34px;   line-height:1.08;    font-weight:700;    letter-spacing:-.04em; }   .sp6-dark-copy h2 span{   color:var(--sp6-orange-light); }   .sp6-dark-copy p{   margin:     13px 0 0;    color:#CDC7C0;    font-size:15px;   line-height:1.7; }   .sp6-chip-row{   display:flex;    flex-wrap:wrap;    gap:8px;    margin-top:18px; }   .sp6-chip{   padding:     8px 11px;    border:     1px solid rgba(255,255,255,.12);    border-radius:999px;    background:     rgba(255,255,255,.06);    color:#F3ECE5;    font-size:12px;   line-height:1.2;   font-weight:700; }   \/* ========================================================= SECTION 05 OCTOBER EXPERIENCE ========================================================= *\/  .sp6-ritual{   background:var(--sp6-bg); }   .sp6-ritual-head{   text-align:center; }   .sp6-steps{   display:grid;    gap:11px;    margin-top:25px; }   .sp6-step{   position:relative;    display:flex;    align-items:flex-start;    gap:13px;    padding:     17px 16px;    border:     1px solid var(--sp6-border);    border-radius:15px;    background:#FFFFFF; }   .sp6-step-num{   width:36px;   height:36px;    min-width:36px;    display:flex;    align-items:center;   justify-content:center;    border-radius:50%;    background:var(--sp6-orange);    color:#FFFFFF;    font-size:14px;   line-height:1;   font-weight:900; }   .sp6-step strong{   display:block;    color:var(--sp6-black);    font-size:15px;   line-height:1.4; }   .sp6-step span{   display:block;    margin-top:3px;    color:var(--sp6-muted);    font-size:13px;   line-height:1.55; }   \/* ========================================================= SECTION 06 AFTER THE REVEAL ========================================================= *\/  .sp6-display{   background:#FFFFFF; }   .sp6-benefit-pair{   display:grid;    grid-template-columns:     1fr 1fr;    gap:10px;    margin-top:21px; }   .sp6-benefit-box{   padding:17px 14px;    border-radius:16px;    background:var(--sp6-bg);    border:     1px solid var(--sp6-border); }   .sp6-benefit-box .sp6-icon-wrap{   width:39px;   height:39px;    display:flex;    align-items:center;   justify-content:center;    margin-bottom:10px;    border-radius:11px;    background:#F7E5D6;    color:var(--sp6-orange); }   .sp6-benefit-box .sp6-icon{   width:20px;   height:20px; }   .sp6-benefit-box strong{   display:block;    color:var(--sp6-black);    font-size:14px;   line-height:1.35; }   .sp6-benefit-box span{   display:block;    margin-top:5px;    color:var(--sp6-muted);    font-size:12px;   line-height:1.5; }   \/* ========================================================= SECTION 07 GIFT ========================================================= *\/  .sp6-gift{   background:var(--sp6-bg); }   .sp6-gift-card{   margin-top:22px;    padding:     22px 18px;    border-radius:19px;    background:#FFFFFF;    border:     1px solid var(--sp6-border);    box-shadow:var(--sp6-shadow-small); }   .sp6-gift-row{   display:flex;    align-items:flex-start;    gap:12px; }   .sp6-gift-row + .sp6-gift-row{   margin-top:17px;    padding-top:17px;    border-top:     1px solid var(--sp6-border); }   .sp6-gift-icon{   width:42px;   height:42px;    min-width:42px;    display:flex;    align-items:center;   justify-content:center;    border-radius:12px;    background:#F6E4D5;    color:var(--sp6-orange); }   .sp6-gift-icon .sp6-icon{   width:21px;   height:21px; }   .sp6-gift-row strong{   display:block;    color:var(--sp6-black);    font-size:15px;   line-height:1.4; }   .sp6-gift-row span{   display:block;    margin-top:3px;    color:var(--sp6-muted);    font-size:13px;   line-height:1.55; }   \/* ========================================================= SECTION 08 CLOSING ========================================================= *\/  .sp6-closing{   padding:     52px 22px;    background:     linear-gradient(       180deg,       #FFFFFF,       #F7F0E7     ); }   .sp6-closing-copy{   padding:     28px 10px 2px;    text-align:center; }   .sp6-closing-copy h2{   margin:0;    color:var(--sp6-black);    font-family:var(--sp6-display);    font-size:38px;   line-height:1.07;    font-weight:700;    letter-spacing:-.04em; }   .sp6-closing-copy h2 span{   color:var(--sp6-orange); }   .sp6-closing-copy p{   max-width:490px;    margin:     14px auto 0;    color:var(--sp6-muted);    font-size:16px;   line-height:1.7; }   \/* ========================================================= FAQ ========================================================= *\/  .sp6-faq{   padding:     52px 22px;    background:#FFFFFF; }   .sp6-faq-head{   text-align:center; }   .sp6-faq details{   border-bottom:     1px solid var(--sp6-border); }   .sp6-faq summary{   position:relative;    padding:     19px 40px 19px 0;    cursor:pointer;    list-style:none;    color:var(--sp6-black);    font-size:15px;   line-height:1.5;   font-weight:800; }   .sp6-faq summary::-webkit-details-marker{   display:none; }   .sp6-faq summary::before, .sp6-faq summary::after{   content:'';    position:absolute;    right:5px;   top:50%;    width:14px;   height:2px;    border-radius:999px;    background:var(--sp6-orange);    transition:     transform .2s ease; }   .sp6-faq summary::before{   transform:     translateY(-50%); }   .sp6-faq summary::after{   transform:     translateY(-50%)     rotate(90deg); }   .sp6-faq details[open] summary::after{   transform:     translateY(-50%)     rotate(0deg); }   .sp6-answer{   padding:     0 38px 19px 0;    color:var(--sp6-muted);    font-size:14px;   line-height:1.7; }   \/* ========================================================= TRUST ========================================================= *\/  .sp6-trust{   padding:     30px 20px;    text-align:center;    background:#F4E5D3; }   .sp6-trust-title{   margin:0;    color:var(--sp6-black);    font-size:17px;   line-height:1.4;   font-weight:900; }   .sp6-pay-row{   display:flex;    align-items:center;   justify-content:center;   flex-wrap:wrap;    gap:8px;    margin-top:17px; }   .sp6-pay{   min-width:72px;   height:37px;    display:flex;    align-items:center;   justify-content:center;    padding:     0 11px;    border:     1px solid #DDD4C9;    border-radius:7px;    background:#FFFFFF;    font-size:12px;   line-height:1;   font-weight:900;    white-space:nowrap; }   .sp6-trust-note{   margin:     16px auto 0;    max-width:470px;    color:var(--sp6-muted);    font-size:13px;   line-height:1.6; }   \/* ========================================================= CTA For Shopify Custom Liquid \/ Dawn-style themes: MainProduct-{{ section.id }} normally points to the main product purchase section.  If your theme uses another ID, replace ONLY the href. ========================================================= *\/  .sp6-cta{   position:relative;    display:block;    margin:     16px 22px 28px;    padding:     36px 24px 28px;    overflow:hidden;    text-align:center;    border-radius:24px;    background:     radial-gradient(       circle at 18% 10%,       rgba(216,107,39,.20),       transparent 27%     ),     linear-gradient(       145deg,       #111318 0%,       #1C2027 58%,       #252A31 100%     );    color:#FFFFFF !important;    box-shadow:     0 17px 40px     rgba(17,19,24,.28);    text-decoration:none !important;    isolation:isolate; }   .sp6-cta::before{   content:'';    position:absolute;    top:-70px;   right:-60px;    z-index:-1;    width:180px;   height:180px;    border-radius:50%;    background:     rgba(216,107,39,.12); }   .sp6-cta::after{   content:'';    position:absolute;    top:0;   left:-130%;    width:65%;   height:100%;    pointer-events:none;    background:     linear-gradient(       90deg,       transparent,       rgba(255,255,255,.08),       transparent     );    transform:skewX(-18deg);    animation:     sp6CtaShine     4.8s     ease-in-out     infinite; }   .sp6-cta-icon{   width:58px;   height:58px;    margin:     0 auto 16px;    display:flex;    align-items:center;   justify-content:center;    border:     1px solid rgba(240,154,80,.26);    border-radius:50%;    background:     rgba(216,107,39,.12);    color:var(--sp6-orange-light);    animation:     sp6CtaBag     2.1s     ease-in-out     infinite; }   .sp6-cta-icon svg{   width:28px;   height:28px; }   .sp6-cta-small{   margin:     0 0 9px !important;    color:var(--sp6-orange-light) !important;    font-size:13px !important;   line-height:1.35 !important;   font-weight:850 !important;    letter-spacing:.11em !important;    text-transform:uppercase; }   .sp6-cta h2{   margin:0 !important;    color:#FFFFFF !important;    font-family:var(--sp6-display) !important;    font-size:36px !important;   line-height:1.08 !important;   letter-spacing:-.04em !important;   font-weight:700 !important; }   .sp6-cta \u003e p:not(.sp6-cta-small){   max-width:500px;    margin:     15px auto 22px !important;    color:#D7D1CB !important;    font-size:15px !important;   line-height:1.7 !important;   font-weight:500 !important; }   .sp6-cta-button{   position:relative;    z-index:2;    min-height:56px;    display:flex;    align-items:center;   justify-content:center;    gap:9px;    padding:     0 22px;    border-radius:999px;    background:     linear-gradient(       135deg,       #D66A25,       #F09A52     );    color:#FFFFFF;    box-shadow:     0 9px 24px     rgba(214,106,37,.25);    font-size:14px;   line-height:1.2;   font-weight:900;    letter-spacing:.04em; }   .sp6-arrow{   width:20px;   height:20px;    display:block;    color:#FFFFFF;    animation:     sp6CtaArrow     1.25s     ease-in-out     infinite; }   @keyframes sp6CtaBag{    0%,   100%{     transform:       translateY(0)       rotate(0);   }    50%{     transform:       translateY(-4px)       rotate(-4deg);   }  }   @keyframes sp6CtaArrow{    0%,   100%{     transform:translateY(0);   }    50%{     transform:translateY(-4px);   }  }   @keyframes sp6CtaShine{    0%,   70%{     left:-130%;   }    100%{     left:150%;   }  }   \/* ========================================================= MOBILE ========================================================= *\/  @media(max-width:520px){    .sp6-top-trust{      padding:11px 12px;    }    .sp6-top-trust-grid{      grid-template-columns:1fr;      gap:7px;    }    .sp6-top-trust-item{      padding:10px 11px;    }    .sp6-top-trust-copy strong{      font-size:12px;    }    .sp6-top-trust-copy span{      font-size:10px;    }  }  @media(max-width:600px){    .sp6-body{     max-width:100%;   }     .sp6-section,   .sp6-closing{     padding:       46px 18px;   }     .sp6-title{     font-size:40px;   }     .sp6-h2{     font-size:34px;   }     .sp6-copy h2,   .sp6-dark-copy h2{     font-size:33px;   }     .sp6-text,   .sp6-copy \u003e p,   .sp6-closing-copy p{     font-size:15px;   }     .sp6-closing-copy h2{     font-size:34px;   }     .sp6-faq{     padding:       46px 18px;   }     .sp6-faq summary{     font-size:15px;   }     .sp6-answer{     font-size:14px;   }     .sp6-cta{     margin:       14px 18px 24px;      padding:       32px 18px 22px;   }     .sp6-cta-small{     font-size:12px !important;   }     .sp6-cta h2{     font-size:32px !important;   }     .sp6-cta \u003e p:not(.sp6-cta-small){     font-size:14px !important;   }     .sp6-cta-button{     min-height:54px;      font-size:13px;   }  }   @media(max-width:380px){    .sp6-title{     font-size:37px;   }     .sp6-h2{     font-size:31px;   }     .sp6-value strong{     font-size:24px;   }     .sp6-micro-grid{     grid-template-columns:1fr;   }     .sp6-benefit-pair{     grid-template-columns:1fr;   }     .sp6-cta h2{     font-size:29px !important;   }  }   @media(prefers-reduced-motion:reduce){    .sp6-cta::after,   .sp6-cta-icon,   .sp6-arrow{     animation:none;   }  }  \u003c\/style\u003e\u003cdiv class=\"sp6-body\"\u003e\n\u003c!-- ========================================================= TOP TRUST \/ AFTER-SALES \/ PAYMENT \/ SHIPPING ========================================================= --\u003e\u003cdiv class=\"sp6-top-trust\"\u003e  \u003cdiv class=\"sp6-top-trust-grid\"\u003e    \u003cdiv class=\"sp6-top-trust-item\"\u003e      \u003cdiv class=\"sp6-top-trust-icon\"\u003e              \u003c\/div\u003e      \u003cdiv class=\"sp6-top-trust-copy\"\u003e        \u003cstrong\u003eHassle-Free Support\u003c\/strong\u003e        \u003cspan\u003eWe’re here if your order needs help\u003c\/span\u003e      \u003c\/div\u003e    \u003c\/div\u003e    \u003cdiv class=\"sp6-top-trust-item\"\u003e      \u003cdiv class=\"sp6-top-trust-icon\"\u003e              \u003c\/div\u003e      \u003cdiv class=\"sp6-top-trust-copy\"\u003e        \u003cstrong\u003eSecure Payment\u003c\/strong\u003e        \u003cspan\u003eProtected checkout and trusted payment methods\u003c\/span\u003e      \u003c\/div\u003e    \u003c\/div\u003e    \u003cdiv class=\"sp6-top-trust-item\"\u003e      \u003cdiv class=\"sp6-top-trust-icon\"\u003e              \u003c\/div\u003e      \u003cdiv class=\"sp6-top-trust-copy\"\u003e        \u003cstrong\u003eShipping Protection\u003c\/strong\u003e        \u003cspan\u003eCarefully packed with delivery support\u003c\/span\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================= HERO IMAGE 01 ========================================================= --\u003e\u003cdiv class=\"sp6-hero\"\u003e\n\u003cdiv class=\"sp6-image sp6-hero-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/3634\/0061\/files\/9_10_1.gif?v=1789034733\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-rating\"\u003e\n\u003cspan class=\"sp6-stars\"\u003e ★★★★★ \u003c\/span\u003e \u003cspan\u003e Turn all of October into Halloween \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"sp6-title\"\u003e31 Nights of Fright \u003cspan\u003e Halloween Countdown Box \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sp6-hero-text\"\u003eWhy wait until October 31? Start with Door 1 and reveal a new Halloween miniature every day until your full spooky collection comes together. \u003cstrong\u003e 31 doors. 31 surprises. One month of anticipation. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"sp6-hero-points\"\u003e\n\u003cdiv class=\"sp6-hero-point\"\u003e\n\u003cspan class=\"sp6-check\"\u003e \u003cspan class=\"sp6-icon\"\u003e \u003c!-- GIFT --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e             \u003crect x=\"3\" y=\"9\" width=\"18\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e             \u003cpath d=\"M12 9v12\"\u003e\u003c\/path\u003e             \u003cpath d=\"M3 13h18\"\u003e\u003c\/path\u003e             \u003cpath d=\"M12 9H7.5A2.5 2.5 0 1 1 10 6.5L12 9z\"\u003e\u003c\/path\u003e             \u003cpath d=\"M12 9h4.5A2.5 2.5 0 1 0 14 6.5L12 9z\"\u003e\u003c\/path\u003e           \u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e One hidden Halloween surprise behind each numbered door\u003c\/div\u003e\n\u003cdiv class=\"sp6-hero-point\"\u003e\n\u003cspan class=\"sp6-check\"\u003e \u003cspan class=\"sp6-icon\"\u003e \u003c!-- STAR --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e             \u003cpath d=\"m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-2.9-5.6 2.9 1.1-6.2L3 9.6l6.2-.9L12 3z\"\u003e\u003c\/path\u003e           \u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e A varied cast of pumpkins, ghosts, witches, skeletons and more\u003c\/div\u003e\n\u003cdiv class=\"sp6-hero-point\"\u003e\n\u003cspan class=\"sp6-check\"\u003e \u003cspan class=\"sp6-icon\"\u003e \u003c!-- HOME --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e             \u003cpath d=\"m3 11 9-8 9 8\"\u003e\u003c\/path\u003e             \u003cpath d=\"M5 10v10h14V10\"\u003e\u003c\/path\u003e             \u003cpath d=\"M9 20v-6h6v6\"\u003e\u003c\/path\u003e           \u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e Keep the figures as Halloween display pieces after each reveal\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================= VALUE STRIP ========================================================= --\u003e\u003cdiv class=\"sp6-value-strip\"\u003e\u003cdiv class=\"sp6-value-grid\"\u003e\n\u003cdiv class=\"sp6-value\"\u003e\n\u003cstrong\u003e 31 \u003c\/strong\u003e \u003cspan\u003e Numbered Doors \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-value\"\u003e\n\u003cstrong\u003e 1 \u003c\/strong\u003e \u003cspan\u003e Reveal a Day \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-value\"\u003e\n\u003cstrong\u003e 1 \u003c\/strong\u003e \u003cspan\u003e Growing Collection \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- ========================================================= IMAGE 02 VALUE PROPOSITION ========================================================= --\u003e\u003cdiv class=\"sp6-section sp6-value-story\"\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPT_Image_2026_8_28_12_27_02_1.png?v=1787897394\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-copy\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eHalloween Should Last Longer\u003c\/p\u003e\n\u003ch2\u003eNot One Night. \u003cspan\u003e A Whole Month of Fun. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eInstead of one big reveal on Halloween, this countdown spreads the excitement across October — giving you something new to look forward to every day.\u003c\/p\u003e\n\u003cdiv class=\"sp6-big-message\"\u003e\n\u003cstrong\u003e The value is not just what is inside. \u003c\/strong\u003e \u003cspan\u003e It is the ritual of opening, discovering and building the collection one day at a time. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================= IMAGE 03 DAILY REVEAL EXPERIENCE ========================================================= --\u003e\u003cdiv class=\"sp6-section sp6-reveal\"\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPT_Image_2026_8_28_12_27_02_3.png?v=1787897433\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-copy\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eKeep Tomorrow Hidden\u003c\/p\u003e\n\u003ch2\u003eEvery Door Gives You \u003cspan\u003e One More Reason to Come Back \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSeparate numbered compartments keep upcoming figures out of sight, preserving the mystery instead of revealing the whole collection at once.\u003c\/p\u003e\n\u003cdiv class=\"sp6-micro-grid\"\u003e\n\u003cdiv class=\"sp6-micro-card\"\u003e\n\u003cdiv class=\"sp6-micro-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- HASH --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e               \u003cpath d=\"M10 3 8 21\"\u003e\u003c\/path\u003e               \u003cpath d=\"M16 3l-2 18\"\u003e\u003c\/path\u003e               \u003cpath d=\"M4 9h16\"\u003e\u003c\/path\u003e               \u003cpath d=\"M3 15h16\"\u003e\u003c\/path\u003e             \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e Numbered \u003c\/strong\u003e \u003cspan\u003e Easy daily order \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-micro-card\"\u003e\n\u003cdiv class=\"sp6-micro-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- LOCK --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e               \u003crect x=\"5\" y=\"10\" width=\"14\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e               \u003cpath d=\"M8 10V7a4 4 0 0 1 8 0v3\"\u003e\u003c\/path\u003e             \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e Hidden \u003c\/strong\u003e \u003cspan\u003e Tomorrow stays secret \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-micro-card\"\u003e\n\u003cdiv class=\"sp6-micro-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- CLOCK --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e               \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e               \u003cpath d=\"M12 7v5l3 2\"\u003e\u003c\/path\u003e             \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e Daily \u003c\/strong\u003e \u003cspan\u003e A repeatable ritual \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================= IMAGE 04 CHARACTER COLLECTION ========================================================= --\u003e\u003cdiv class=\"sp6-section sp6-collection\"\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPT_Image_2026_8_28_12_27_02_4.png?v=1787897433\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-dark-copy\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eMeet the Halloween Crew\u003c\/p\u003e\n\u003ch2\u003eCute. Creepy. \u003cspan\u003e Never Boring. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe collection mixes recognizable Halloween favorites with quirky characters, giving each new door its own personality.\u003c\/p\u003e\n\u003cdiv class=\"sp6-chip-row\"\u003e\n\u003cspan class=\"sp6-chip\"\u003e Pumpkins \u003c\/span\u003e \u003cspan class=\"sp6-chip\"\u003e Ghosts \u003c\/span\u003e \u003cspan class=\"sp6-chip\"\u003e Witches \u003c\/span\u003e \u003cspan class=\"sp6-chip\"\u003e Skeletons \u003c\/span\u003e \u003cspan class=\"sp6-chip\"\u003e Monsters \u003c\/span\u003e \u003cspan class=\"sp6-chip\"\u003e Spooky Surprises \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================= IMAGE 05 OCTOBER RITUAL ========================================================= --\u003e\u003cdiv class=\"sp6-section sp6-ritual\"\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPT_Image_2026_8_28_12_27_02_5.png?v=1787897434\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-ritual-head\"\u003e\n\u003cp class=\"sp6-eyebrow\" style=\"margin-top: 25px;\"\u003eYour October Ritual\u003c\/p\u003e\n\u003ch2 class=\"sp6-h2\"\u003eOpen. \u003cspan\u003e Discover. Collect. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sp6-text\"\u003eSimple enough to become part of every October day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-steps\"\u003e\n\u003cdiv class=\"sp6-step\"\u003e\n\u003cdiv class=\"sp6-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Find Today’s Number \u003c\/strong\u003e \u003cspan\u003e Start with Door 1 and follow the countdown through October. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-step\"\u003e\n\u003cdiv class=\"sp6-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Reveal the Surprise \u003c\/strong\u003e \u003cspan\u003e Open one compartment and discover which Halloween character is waiting inside. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-step\"\u003e\n\u003cdiv class=\"sp6-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Add It to the Collection \u003c\/strong\u003e \u003cspan\u003e Display each new figure and watch your Halloween lineup grow toward October 31. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================= IMAGE 06 DISPLAY VALUE ========================================================= --\u003e\u003cdiv class=\"sp6-section sp6-display\"\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPT_Image_2026_8_28_12_27_02_6.png?v=1787897434\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-copy\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eThe Fun Does Not End at the Door\u003c\/p\u003e\n\u003ch2\u003eReveal Them. \u003cspan\u003e Then Put Them on Display. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eEach opened surprise becomes an individual seasonal collectible, giving the countdown extra value beyond the daily reveal.\u003c\/p\u003e\n\u003cdiv class=\"sp6-benefit-pair\"\u003e\n\u003cdiv class=\"sp6-benefit-box\"\u003e\n\u003cdiv class=\"sp6-icon-wrap\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- HOME --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e               \u003cpath d=\"m3 11 9-8 9 8\"\u003e\u003c\/path\u003e               \u003cpath d=\"M5 10v10h14V10\"\u003e\u003c\/path\u003e               \u003cpath d=\"M9 20v-6h6v6\"\u003e\u003c\/path\u003e             \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e Seasonal Display \u003c\/strong\u003e \u003cspan\u003e Add the miniatures to shelves, desks or Halloween setups. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-benefit-box\"\u003e\n\u003cdiv class=\"sp6-icon-wrap\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- REFRESH --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e               \u003cpath d=\"M20 7v5h-5\"\u003e\u003c\/path\u003e               \u003cpath d=\"M18.5 9A7 7 0 1 0 19 15\"\u003e\u003c\/path\u003e             \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e Keep the Collection \u003c\/strong\u003e \u003cspan\u003e The characters remain enjoyable after their countdown doors are opened. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================= IMAGE 07 GIFTING ========================================================= --\u003e\u003cdiv class=\"sp6-section sp6-gift\"\u003e\u003cdiv class=\"sp6-copy\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eGive More Than One Surprise\u003c\/p\u003e\n\u003ch2\u003eOne Gift. \u003cspan\u003e 31 Moments to Open. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA strong seasonal gift is not only about what happens when it is unwrapped — it gives the recipient a reason to enjoy it again tomorrow.\u003c\/p\u003e\n\u003cdiv class=\"sp6-gift-card\"\u003e\n\u003cdiv class=\"sp6-gift-row\"\u003e\n\u003cdiv class=\"sp6-gift-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- GIFT --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e               \u003crect x=\"3\" y=\"9\" width=\"18\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e               \u003cpath d=\"M12 9v12\"\u003e\u003c\/path\u003e               \u003cpath d=\"M3 13h18\"\u003e\u003c\/path\u003e               \u003cpath d=\"M12 9H7.5A2.5 2.5 0 1 1 10 6.5L12 9z\"\u003e\u003c\/path\u003e               \u003cpath d=\"M12 9h4.5A2.5 2.5 0 1 0 14 6.5L12 9z\"\u003e\u003c\/path\u003e             \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Built-In Surprise Factor \u003c\/strong\u003e \u003cspan\u003e The gift keeps revealing itself throughout the countdown. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-gift-row\"\u003e\n\u003cdiv class=\"sp6-gift-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- MOON --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e               \u003cpath d=\"M20 15.5A8.5 8.5 0 1 1 8.5 4 7 7 0 0 0 20 15.5z\"\u003e\u003c\/path\u003e             \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Made for Halloween Lovers \u003c\/strong\u003e \u003cspan\u003e A memorable seasonal choice for people who enjoy spooky traditions and collectibles. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- ========================================================= IMAGE 08 CLOSING ========================================================= --\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"1 Set-7 Nights Horror Blind Box - 7 pieces","offer_id":51648192020726,"sku":"NC03342609076899-七夜恐怖盲盒","price":24.99,"currency_code":"USD","in_stock":true},{"title":"2 Sets – 7 Nights of Horror Blind Boxes","offer_id":51648192053494,"sku":"NC03342609076899-七夜恐怖盲盒*2","price":39.99,"currency_code":"USD","in_stock":true},{"title":"1 Set-15 Nights Horror Blind Box - 15 pieces","offer_id":51648192086262,"sku":"NC03342609076899-十五夜恐怖盲盒","price":34.99,"currency_code":"USD","in_stock":true},{"title":"2 Sets – 15 Nights Horror Blind Box","offer_id":51648192119030,"sku":"NC03342609076899-十五夜恐怖盲盒*2","price":49.99,"currency_code":"USD","in_stock":true},{"title":"1 Set-31 Nights Horror Blind Box - 31 pieces","offer_id":51648192151798,"sku":"NC03342609076899-三十一夜恐怖盲盒","price":42.99,"currency_code":"USD","in_stock":true},{"title":"2 Sets – 31 Nights Horror Blind Box - 31 pieces","offer_id":51648192184566,"sku":"NC03342609076899-三十一夜恐怖盲盒*2","price":69.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0824\/9186\/7382\/files\/ChatGPTImage2026_8_28_12_27_02_1.png?v=1789438173","url":"https:\/\/toppicksdeals.com\/products\/%e2%9c%a831-nights-of-fright-halloween-countdown-box","provider":"我的商店","version":"1.0","type":"link"}