{"product_id":"the-christmas-story-24-day-nativity-advent-calendar","title":"The Christmas Story – 24-Day Nativity Advent Calendar","description":"\u003cstyle\u003e\n\/* ================================\n   CHRISTMAS STORY ADVENT CALENDAR\n   Premium Shopify Product Section\n================================ *\/\n\n.cs-advent {\n  --navy: #101d38;\n  --gold: #c9a45c;\n  --cream: #f8f4ec;\n  --red: #8f2428;\n  --text: #172033;\n  --muted: #687080;\n  --white: #ffffff;\n\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n    Helvetica, Arial, sans-serif;\n  color: var(--text);\n  background: #fff;\n  overflow: hidden;\n}\n\n.cs-advent * {\n  box-sizing: border-box;\n}\n\n.cs-container {\n  width: min(1180px, 92%);\n  margin: 0 auto;\n}\n\n\/* ================================\n   HERO\n================================ *\/\n\n.cs-hero {\n  background:\n    radial-gradient(circle at 50% 0%, rgba(201,164,92,.18), transparent 35%),\n    linear-gradient(180deg, #101d38 0%, #17294b 100%);\n  color: white;\n  padding: 70px 0 75px;\n  position: relative;\n}\n\n.cs-hero:before {\n  content: \"✦\";\n  position: absolute;\n  top: 35px;\n  left: 8%;\n  color: rgba(255,255,255,.3);\n  font-size: 32px;\n}\n\n.cs-hero:after {\n  content: \"✦\";\n  position: absolute;\n  top: 80px;\n  right: 10%;\n  color: rgba(255,255,255,.25);\n  font-size: 24px;\n}\n\n.cs-hero-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: 55px;\n}\n\n.cs-eyebrow {\n  color: #e6c778;\n  font-size: 13px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  font-weight: 700;\n  margin-bottom: 18px;\n}\n\n.cs-hero h1 {\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(42px, 5vw, 68px);\n  line-height: 1.02;\n  margin: 0 0 20px;\n  font-weight: 500;\n}\n\n.cs-hero h1 span {\n  color: #e4c36e;\n}\n\n.cs-hero-copy {\n  color: rgba(255,255,255,.82);\n  font-size: 18px;\n  line-height: 1.7;\n  max-width: 540px;\n  margin-bottom: 28px;\n}\n\n.cs-offer {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  margin: 25px 0;\n}\n\n.cs-price {\n  font-size: 36px;\n  font-weight: 800;\n}\n\n.cs-old-price {\n  text-decoration: line-through;\n  opacity: .55;\n  font-size: 18px;\n}\n\n.cs-save {\n  background: #e5c46d;\n  color: #172033;\n  padding: 8px 13px;\n  border-radius: 4px;\n  font-weight: 800;\n  font-size: 13px;\n}\n\n.cs-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: #e2bd62;\n  color: #111a2c;\n  padding: 17px 32px;\n  border-radius: 4px;\n  text-decoration: none;\n  font-size: 15px;\n  font-weight: 800;\n  letter-spacing: .6px;\n  transition: .25s;\n}\n\n.cs-btn:hover {\n  transform: translateY(-2px);\n  background: #f0d383;\n}\n\n.cs-trust {\n  margin-top: 18px;\n  font-size: 13px;\n  color: rgba(255,255,255,.65);\n}\n\n\/* Hero image *\/\n\n.cs-hero-image {\n  position: relative;\n}\n\n.cs-hero-image img {\n  width: 100%;\n  display: block;\n  border-radius: 12px;\n  box-shadow: 0 25px 70px rgba(0,0,0,.35);\n}\n\n.cs-image-caption {\n  position: absolute;\n  bottom: 18px;\n  left: 18px;\n  right: 18px;\n  background: rgba(16,29,56,.88);\n  backdrop-filter: blur(8px);\n  color: white;\n  padding: 15px 18px;\n  border-radius: 6px;\n  font-size: 14px;\n}\n\n\/* ================================\n   INTRO\n================================ *\/\n\n.cs-intro {\n  padding: 75px 0;\n  text-align: center;\n  background: var(--cream);\n}\n\n.cs-kicker {\n  color: var(--gold);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin-bottom: 12px;\n}\n\n.cs-intro h2,\n.cs-section-title {\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-weight: 500;\n  color: var(--navy);\n  font-size: clamp(32px, 4vw, 48px);\n  margin: 0 0 18px;\n}\n\n.cs-intro p {\n  max-width: 720px;\n  margin: auto;\n  color: var(--muted);\n  line-height: 1.8;\n  font-size: 17px;\n}\n\n\/* ================================\n   24 DAY TIMELINE\n================================ *\/\n\n.cs-timeline {\n  padding: 85px 0;\n  background: white;\n}\n\n.cs-section-head {\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n.cs-section-head p {\n  color: var(--muted);\n  max-width: 650px;\n  margin: auto;\n  line-height: 1.7;\n}\n\n.cs-timeline-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n}\n\n.cs-day-card {\n  text-align: center;\n  background: #fff;\n  border: 1px solid #e9e4da;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 8px 25px rgba(0,0,0,.05);\n}\n\n.cs-day-card img {\n  width: 100%;\n  display: block;\n}\n\n.cs-day-info {\n  padding: 20px 14px 23px;\n}\n\n.cs-day-number {\n  display: inline-block;\n  background: var(--navy);\n  color: #e8ca77;\n  padding: 7px 14px;\n  border-radius: 3px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  margin-bottom: 12px;\n}\n\n.cs-day-info h3 {\n  margin: 0 0 7px;\n  font-family: Georgia, serif;\n  color: var(--navy);\n  font-size: 21px;\n}\n\n.cs-day-info p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n\/* ================================\n   STORY SECTION\n================================ *\/\n\n.cs-story {\n  background: var(--navy);\n  color: white;\n  padding: 85px 0;\n}\n\n.cs-story-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: center;\n}\n\n.cs-story img {\n  width: 100%;\n  border-radius: 10px;\n  display: block;\n}\n\n.cs-story h2 {\n  font-family: Georgia, serif;\n  font-size: clamp(34px, 4vw, 52px);\n  font-weight: 500;\n  margin: 0 0 22px;\n}\n\n.cs-story h2 span {\n  color: #e4c36e;\n}\n\n.cs-story p {\n  color: rgba(255,255,255,.76);\n  line-height: 1.8;\n  font-size: 17px;\n}\n\n.cs-story-list {\n  margin: 30px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.cs-story-list li {\n  padding: 12px 0;\n  border-bottom: 1px solid rgba(255,255,255,.1);\n  color: rgba(255,255,255,.85);\n}\n\n.cs-story-list li:before {\n  content: \"✦\";\n  color: #e4c36e;\n  margin-right: 10px;\n}\n\n\/* ================================\n   WHAT'S INCLUDED\n================================ *\/\n\n.cs-included {\n  padding: 85px 0;\n  background: #faf8f3;\n}\n\n.cs-included-image {\n  max-width: 1000px;\n  margin: 0 auto 40px;\n}\n\n.cs-included-image img {\n  width: 100%;\n  display: block;\n  border-radius: 10px;\n}\n\n.cs-included-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n}\n\n.cs-feature {\n  background: white;\n  padding: 28px 20px;\n  text-align: center;\n  border-radius: 8px;\n  border: 1px solid #eee8dc;\n}\n\n.cs-feature-icon {\n  font-size: 30px;\n  margin-bottom: 13px;\n}\n\n.cs-feature h3 {\n  font-family: Georgia, serif;\n  color: var(--navy);\n  font-size: 20px;\n  margin: 0 0 8px;\n}\n\n.cs-feature p {\n  color: var(--muted);\n  font-size: 14px;\n  line-height: 1.55;\n  margin: 0;\n}\n\n\/* ================================\n   FINAL BUILD\n================================ *\/\n\n.cs-final {\n  padding: 90px 0;\n  background: white;\n}\n\n.cs-final-grid {\n  display: grid;\n  grid-template-columns: 1.1fr .9fr;\n  gap: 60px;\n  align-items: center;\n}\n\n.cs-final-image img {\n  width: 100%;\n  border-radius: 12px;\n  box-shadow: 0 18px 50px rgba(0,0,0,.12);\n}\n\n.cs-final h2 {\n  font-family: Georgia, serif;\n  font-size: clamp(34px, 4vw, 50px);\n  font-weight: 500;\n  color: var(--navy);\n  margin: 0 0 20px;\n}\n\n.cs-final p {\n  color: var(--muted);\n  line-height: 1.8;\n  font-size: 17px;\n}\n\n.cs-checks {\n  list-style: none;\n  padding: 0;\n  margin: 28px 0;\n}\n\n.cs-checks li {\n  padding: 10px 0;\n  color: #374151;\n}\n\n.cs-checks li:before {\n  content: \"✓\";\n  color: #b18a3c;\n  font-weight: 900;\n  margin-right: 12px;\n}\n\n\/* ================================\n   FAMILY \/ GIFT\n================================ *\/\n\n.cs-gift {\n  background:\n    linear-gradient(rgba(16,29,56,.91), rgba(16,29,56,.91)),\n    url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0783\/4189\/8398\/files\/ChatGPT_Image_Sep_18_2026_02_08_09_AM_3.png?v=1791171870\")\n    center \/ cover;\n  padding: 95px 0;\n  text-align: center;\n  color: white;\n}\n\n.cs-gift h2 {\n  font-family: Georgia, serif;\n  font-size: clamp(34px, 4vw, 52px);\n  font-weight: 500;\n  margin: 0 0 20px;\n}\n\n.cs-gift p {\n  max-width: 700px;\n  margin: 0 auto 30px;\n  color: rgba(255,255,255,.78);\n  line-height: 1.8;\n  font-size: 17px;\n}\n\n\/* ================================\n   SPECS\n================================ *\/\n\n.cs-specs {\n  padding: 75px 0;\n  background: #faf8f3;\n}\n\n.cs-specs-grid {\n  max-width: 850px;\n  margin: 40px auto 0;\n  border-top: 1px solid #ddd5c8;\n}\n\n.cs-spec-row {\n  display: grid;\n  grid-template-columns: 1fr 1.5fr;\n  padding: 18px 10px;\n  border-bottom: 1px solid #ddd5c8;\n}\n\n.cs-spec-row strong {\n  color: var(--navy);\n}\n\n.cs-spec-row span {\n  color: var(--muted);\n}\n\n\/* ================================\n   FAQ\n================================ *\/\n\n.cs-faq {\n  padding: 80px 0;\n  background: white;\n}\n\n.cs-faq-list {\n  max-width: 850px;\n  margin: 40px auto 0;\n}\n\n.cs-faq details {\n  border-bottom: 1px solid #e4dfd5;\n}\n\n.cs-faq summary {\n  cursor: pointer;\n  padding: 22px 5px;\n  font-weight: 700;\n  color: var(--navy);\n}\n\n.cs-faq-answer {\n  padding: 0 5px 22px;\n  color: var(--muted);\n  line-height: 1.7;\n}\n\n\/* ================================\n   FINAL CTA\n================================ *\/\n\n.cs-cta {\n  background: var(--navy);\n  color: white;\n  text-align: center;\n  padding: 80px 20px;\n}\n\n.cs-cta h2 {\n  font-family: Georgia, serif;\n  font-size: clamp(34px, 4vw, 50px);\n  font-weight: 500;\n  margin: 0 0 15px;\n}\n\n.cs-cta p {\n  color: rgba(255,255,255,.7);\n  margin-bottom: 30px;\n}\n\n.cs-cta-price {\n  margin-bottom: 25px;\n  font-size: 36px;\n  font-weight: 800;\n}\n\n\/* ================================\n   MOBILE\n================================ *\/\n\n@media (max-width: 768px) {\n\n  .cs-hero {\n    padding: 45px 0 55px;\n  }\n\n  .cs-hero-grid,\n  .cs-story-grid,\n  .cs-final-grid {\n    grid-template-columns: 1fr;\n    gap: 35px;\n  }\n\n  .cs-hero h1 {\n    font-size: 43px;\n  }\n\n  .cs-hero-copy {\n    font-size: 16px;\n  }\n\n  .cs-hero-image {\n    order: -1;\n  }\n\n  .cs-timeline,\n  .cs-intro,\n  .cs-story,\n  .cs-included,\n  .cs-final,\n  .cs-specs,\n  .cs-faq {\n    padding: 60px 0;\n  }\n\n  .cs-timeline-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .cs-included-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .cs-day-info h3 {\n    font-size: 17px;\n  }\n\n  .cs-day-info p {\n    font-size: 12px;\n  }\n\n  .cs-spec-row {\n    grid-template-columns: 1fr;\n    gap: 5px;\n  }\n\n  .cs-price {\n    font-size: 30px;\n  }\n}\n\n@media (max-width: 480px) {\n\n  .cs-container {\n    width: 90%;\n  }\n\n  .cs-timeline-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cs-included-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cs-offer {\n    flex-wrap: wrap;\n  }\n\n  .cs-btn {\n    width: 100%;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"cs-advent\"\u003e\n\n  \u003c!-- ================= HERO ================= --\u003e\n\n  \u003csection class=\"cs-hero\"\u003e\n    \u003cdiv class=\"cs-container\"\u003e\n      \u003cdiv class=\"cs-hero-grid\"\u003e\n\n        \u003cdiv\u003e\n          \u003cdiv class=\"cs-eyebrow\"\u003e\n            THE CHRISTMAS STORY\n          \u003c\/div\u003e\n\n          \u003ch1\u003e\n            Build the Story\u003cbr\u003e\n            \u003cspan\u003eOne Day at a Time.\u003c\/span\u003e\n          \u003c\/h1\u003e\n\n          \u003cp class=\"cs-hero-copy\"\u003e\n            Turn the countdown to Christmas into a family tradition.\n            Open one door each day, discover a new build, and watch\n            the Nativity story slowly come to life.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"cs-offer\"\u003e\n            \u003cdiv class=\"cs-price\"\u003e$35.99\u003c\/div\u003e\n            \u003cdiv class=\"cs-old-price\"\u003e$189.99\u003c\/div\u003e\n            \u003cdiv class=\"cs-save\"\u003eSAVE 81%\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003ca href=\"#buy\" class=\"cs-btn\"\u003e\n            START THE CHRISTMAS STORY\n          \u003c\/a\u003e\n\n          \u003cdiv class=\"cs-trust\"\u003e\n            ✦ 24 Daily Builds   •  \n            ✦ 24 Story Cards   •  \n            ✦ Warm LED Lighting\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cs-hero-image\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0783\/4189\/8398\/files\/ChatGPT_Image_Sep_18_2026_02_08_09_AM_3.png?v=1791171870\" alt=\"The Christmas Story 24-Day Nativity Advent Calendar\"\u003e\n\n          \u003cdiv class=\"cs-image-caption\"\u003e\n            \u003cstrong\u003e24 DAYS · ONE STORY · ONE BEAUTIFUL CHRISTMAS\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- ================= INTRO ================= --\u003e\n\n  \u003csection class=\"cs-intro\"\u003e\n\n    \u003cdiv class=\"cs-container\"\u003e\n\n      \u003cdiv class=\"cs-kicker\"\u003e\n        MORE THAN AN ADVENT CALENDAR\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        A Little Build.\u003cbr\u003e\n        A Bigger Christmas Story.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Instead of simply counting down the days, your family\n        builds something together. Each day reveals another part\n        of the Nativity scene until Christmas arrives with a\n        complete display.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ================= 24 DAYS ================= --\u003e\n\n  \u003csection class=\"cs-timeline\"\u003e\n\n    \u003cdiv class=\"cs-container\"\u003e\n\n      \u003cdiv class=\"cs-section-head\"\u003e\n\n        \u003cdiv class=\"cs-kicker\"\u003e\n          THE COUNTDOWN\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"cs-section-title\"\u003e\n          Watch Christmas Come to Life\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Every few days, the story becomes more complete.\n          What starts small eventually becomes a beautiful\n          Christmas centerpiece.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cs-timeline-grid\"\u003e\n\n        \u003cdiv class=\"cs-day-card\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0783\/4189\/8398\/files\/cb3b0561-a630-41fc-b8a0-41abbc592aad.png?v=1791171870\" alt=\"Day 1 to Day 24 Christmas Advent Calendar\"\u003e\n\n          \u003cdiv class=\"cs-day-info\"\u003e\n            \u003cdiv class=\"cs-day-number\"\u003eDAY 1\u003c\/div\u003e\n            \u003ch3\u003eA Story Begins\u003c\/h3\u003e\n            \u003cp\u003e\n              Open the first surprise and start building.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"cs-day-card\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0783\/4189\/8398\/files\/cb3b0561-a630-41fc-b8a0-41abbc592aad.png?v=1791171870\" alt=\"Christmas Advent Calendar Day 8\"\u003e\n\n          \u003cdiv class=\"cs-day-info\"\u003e\n            \u003cdiv class=\"cs-day-number\"\u003eDAY 8\u003c\/div\u003e\n            \u003ch3\u003ePieces Come Together\u003c\/h3\u003e\n            \u003cp\u003e\n              More characters and details begin to appear.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"cs-day-card\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0783\/4189\/8398\/files\/cb3b0561-a630-41fc-b8a0-41abbc592aad.png?v=1791171870\" alt=\"Christmas Advent Calendar Day 16\"\u003e\n\n          \u003cdiv class=\"cs-day-info\"\u003e\n            \u003cdiv class=\"cs-day-number\"\u003eDAY 16\u003c\/div\u003e\n            \u003ch3\u003eThe Scene Takes Shape\u003c\/h3\u003e\n            \u003cp\u003e\n              The Nativity scene becomes recognizable.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"cs-day-card\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0783\/4189\/8398\/files\/ChatGPT_Image_Sep_18_2026_02_08_09_AM_3.png?v=1791171870\" alt=\"Complete Christmas Nativity Advent Calendar\"\u003e\n\n          \u003cdiv class=\"cs-day-info\"\u003e\n            \u003cdiv class=\"cs-day-number\"\u003eDAY 24\u003c\/div\u003e\n            \u003ch3\u003eA Timeless Story\u003c\/h3\u003e\n            \u003cp\u003e\n              Finish the complete Christmas display.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ================= STORY ================= --\u003e\n\n  \u003csection class=\"cs-story\"\u003e\n\n    \u003cdiv class=\"cs-container\"\u003e\n\n      \u003cdiv class=\"cs-story-grid\"\u003e\n\n        \u003cdiv\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0783\/4189\/8398\/files\/ChatGPT_Image_Sep_18_2026_02_08_09_AM_2.png?v=1791171870\" alt=\"Christmas Story Advent Calendar Box\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"cs-kicker\"\u003e\n            THE MAGIC IS IN THE COUNTDOWN\n          \u003c\/div\u003e\n\n          \u003ch2\u003e\n            Every Door Reveals\n            \u003cspan\u003eAnother Piece.\u003c\/span\u003e\n          \u003c\/h2\u003e\n\n          \u003cp\u003e\n            Behind the 24 numbered doors is a new little discovery.\n            The anticipation grows every day as the pieces slowly\n            transform into a complete Nativity scene.\n          \u003c\/p\u003e\n\n          \u003cul class=\"cs-story-list\"\u003e\n            \u003cli\u003e24 numbered daily surprises\u003c\/li\u003e\n            \u003cli\u003eBuild the story throughout December\u003c\/li\u003e\n            \u003cli\u003eDesigned for family Christmas traditions\u003c\/li\u003e\n            \u003cli\u003eA finished centerpiece you can display\u003c\/li\u003e\n          \u003c\/ul\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ================= INCLUDED ================= --\u003e\n\n  \u003csection class=\"cs-included\"\u003e\n\n    \u003cdiv class=\"cs-container\"\u003e\n\n      \u003cdiv class=\"cs-section-head\"\u003e\n\n        \u003cdiv class=\"cs-kicker\"\u003e\n          INSIDE THE BOX\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"cs-section-title\"\u003e\n          Everything You Need\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cs-included-image\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0783\/4189\/8398\/files\/7e00ae65-55fa-4fbd-82dc-393a5932df36.png?v=1791171871\" alt=\"What's Included in the Christmas Story Advent Calendar\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cs-included-grid\"\u003e\n\n        \u003cdiv class=\"cs-feature\"\u003e\n          \u003cdiv class=\"cs-feature-icon\"\u003e🎁\u003c\/div\u003e\n          \u003ch3\u003e24 Daily Builds\u003c\/h3\u003e\n          \u003cp\u003e\n            A new surprise build for each day of the countdown.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cs-feature\"\u003e\n          \u003cdiv class=\"cs-feature-icon\"\u003e📖\u003c\/div\u003e\n          \u003ch3\u003e24 Story Cards\u003c\/h3\u003e\n          \u003cp\u003e\n            Follow the Christmas story as the scene grows.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cs-feature\"\u003e\n          \u003cdiv class=\"cs-feature-icon\"\u003e🧱\u003c\/div\u003e\n          \u003ch3\u003eComplete Nativity\u003c\/h3\u003e\n          \u003cp\u003e\n            Finish with one complete Christmas display.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cs-feature\"\u003e\n          \u003cdiv class=\"cs-feature-icon\"\u003e✨\u003c\/div\u003e\n          \u003ch3\u003eWarm LED Lights\u003c\/h3\u003e\n          \u003cp\u003e\n            Built-in warm lighting adds a cozy Christmas glow.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ================= FINAL BUILD ================= --\u003e\n\n  \u003csection class=\"cs-final\"\u003e\n\n    \u003cdiv class=\"cs-container\"\u003e\n\n      \u003cdiv class=\"cs-final-grid\"\u003e\n\n        \u003cdiv class=\"cs-final-image\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0783\/4189\/8398\/files\/ChatGPT_Image_Sep_18_2026_02_08_09_AM_3.png?v=1791171870\" alt=\"Finished Christmas Nativity Build\"\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"cs-kicker\"\u003e\n            DAY 24\n          \u003c\/div\u003e\n\n          \u003ch2\u003e\n            From A Few Pieces\n            To A Christmas Centerpiece.\n          \u003c\/h2\u003e\n\n          \u003cp\u003e\n            After 24 days, the little daily builds come together\n            as a complete Nativity scene — ready to display on\n            a mantel, shelf, table, or beneath the Christmas tree.\n          \u003c\/p\u003e\n\n          \u003cul class=\"cs-checks\"\u003e\n            \u003cli\u003eBeautiful Christmas display\u003c\/li\u003e\n            \u003cli\u003eWarm built-in LED lighting\u003c\/li\u003e\n            \u003cli\u003ePerfect family countdown activity\u003c\/li\u003e\n            \u003cli\u003eMeaningful Christmas gift\u003c\/li\u003e\n          \u003c\/ul\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ================= GIFT ================= --\u003e\n\n  \u003csection class=\"cs-gift\"\u003e\n\n    \u003cdiv class=\"cs-container\"\u003e\n\n      \u003cdiv class=\"cs-kicker\"\u003e\n        A CHRISTMAS TRADITION\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Make December Feel Different.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Put the phones down for a few minutes.\n        Open today's door. Build today's piece.\n        And watch your Christmas story grow together.\n      \u003c\/p\u003e\n\n      \u003ca href=\"#buy\" class=\"cs-btn\"\u003e\n        MAKE IT PART OF YOUR CHRISTMAS\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ================= SPECS ================= --\u003e\n\n  \u003csection class=\"cs-specs\"\u003e\n\n    \u003cdiv class=\"cs-container\"\u003e\n\n      \u003cdiv class=\"cs-section-head\"\u003e\n\n        \u003cdiv class=\"cs-kicker\"\u003e\n          PRODUCT DETAILS\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"cs-section-title\"\u003e\n          At A Glance\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cs-specs-grid\"\u003e\n\n        \u003cdiv class=\"cs-spec-row\"\u003e\n          \u003cstrong\u003eCountdown\u003c\/strong\u003e\n          \u003cspan\u003e24 days\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cs-spec-row\"\u003e\n          \u003cstrong\u003eDaily Builds\u003c\/strong\u003e\n          \u003cspan\u003e24 surprise builds\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cs-spec-row\"\u003e\n          \u003cstrong\u003eStory Cards\u003c\/strong\u003e\n          \u003cspan\u003e24 daily story cards\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cs-spec-row\"\u003e\n          \u003cstrong\u003eLighting\u003c\/strong\u003e\n          \u003cspan\u003eWarm built-in LED lights\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cs-spec-row\"\u003e\n          \u003cstrong\u003ePower\u003c\/strong\u003e\n          \u003cspan\u003e3 × AA batteries\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cs-spec-row\"\u003e\n          \u003cstrong\u003eFinished Size\u003c\/strong\u003e\n          \u003cspan\u003eApproximately 20\" W × 12\" H × 9\" D\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ================= FAQ ================= --\u003e\n\n  \u003csection class=\"cs-faq\"\u003e\n\n    \u003cdiv class=\"cs-container\"\u003e\n\n      \u003cdiv class=\"cs-section-head\"\u003e\n\n        \u003cdiv class=\"cs-kicker\"\u003e\n          QUESTIONS\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"cs-section-title\"\u003e\n          Good To Know\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cs-faq-list\"\u003e\n\n        \u003cdetails\u003e\n          \u003csummary\u003eWhat do I get in the box?\u003c\/summary\u003e\n          \u003cdiv class=\"cs-faq-answer\"\u003e\n            The set includes 24 daily surprise builds, a complete\n            Nativity display, 24 daily story cards and easy-to-follow\n            building instructions.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n\n        \u003cdetails\u003e\n          \u003csummary\u003eDoes the finished display light up?\u003c\/summary\u003e\n          \u003cdiv class=\"cs-faq-answer\"\u003e\n            Yes. The finished display features warm built-in LED\n            lighting for a cozy Christmas atmosphere.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n\n        \u003cdetails\u003e\n          \u003csummary\u003eDoes it need to be plugged in?\u003c\/summary\u003e\n          \u003cdiv class=\"cs-faq-answer\"\u003e\n            No. The display uses 3 AA batteries, so it can be placed\n            wherever you want without needing an outlet.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n\n        \u003cdetails\u003e\n          \u003csummary\u003eIs it suitable as a Christmas gift?\u003c\/summary\u003e\n          \u003cdiv class=\"cs-faq-answer\"\u003e\n            Yes. It is designed as a family-friendly Christmas\n            countdown and can become a meaningful holiday tradition.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n\n        \u003cdetails\u003e\n          \u003csummary\u003eHow big is the completed display?\u003c\/summary\u003e\n          \u003cdiv class=\"cs-faq-answer\"\u003e\n            The finished display is approximately 20 inches wide,\n            12 inches high and 9 inches deep.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ================= CTA ================= --\u003e\n\n  \u003csection class=\"cs-cta\" id=\"buy\"\u003e\n\n    \u003cdiv class=\"cs-container\"\u003e\n\n      \u003cdiv class=\"cs-kicker\"\u003e\n        THE CHRISTMAS STORY\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        24 Days.\u003cbr\u003e\n        One Beautiful Story.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Start your Christmas countdown with something\n        your family can build together.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"cs-cta-price\"\u003e\n        $35.99\n      \u003c\/div\u003e\n\n      \u003ca href=\"\/products\/the-christmas-story-24-day-nativity-advent-calendar\" class=\"cs-btn\"\u003e\n        ADD TO CART\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"happylearing","offers":[{"title":"Default Title","offer_id":49152068485342,"sku":"CSN-24-NATIVITY","price":35.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0798\/9795\/2478\/files\/ChatGPT_Image_Sep_18_2026_02_08_09_AM_2.png?v=1791194482","url":"https:\/\/hiraethore.com\/products\/the-christmas-story-24-day-nativity-advent-calendar","provider":"Hiraethore","version":"1.0","type":"link"}