{"product_id":"🏒💗-24-day-hockey-romance-surprise-countdown-mini-collectibles-bookish-gifts","title":"🏒💗 24-Day Hockey Romance Surprise Countdown | Mini Collectibles \u0026 Bookish Gifts","description":"\u003cstyle\u003e\n\/* =========================================================\n   24-DAY HOCKEY ROMANCE SURPRISE COUNTDOWN · V3.3\n   Mobile First \/ Scoped CSS \/ Container Query\n   Lightweight Motion \/ Zero Horizontal Scroll\n========================================================= *\/\n\n#hr24-page,\n#hr24-page *{\n  box-sizing:border-box;\n  min-width:0;\n  max-width:100%;\n}\n\n#hr24-page{\n  width:100%;\n  max-width:100%;\n  overflow:hidden;\n  color:#ffffff;\n  container-type:inline-size;\n  container-name:hr24;\n\n  background:\n    radial-gradient(circle at top,#123f68 0%,#071b36 42%,#040e1f 100%);\n}\n\n#hr24-page .hr24-shell{\n  width:min(100%,980px);\n  max-width:100%;\n  margin:0 auto;\n  padding:0 12px 34px;\n  overflow:hidden;\n}\n\n\/* =========================\n   CARD\n========================= *\/\n\n#hr24-page .hr24-card{\n  position:relative;\n  isolation:isolate;\n  width:100%;\n  margin:14px 0;\n  overflow:hidden;\n  border-radius:22px;\n\n  background:\n    radial-gradient(\n      circle at 88% 4%,\n      rgba(65,225,238,.08),\n      transparent 33%\n    ),\n    #07182f;\n\n  border:1px solid rgba(83,230,239,.12);\n\n  box-shadow:\n    0 12px 34px rgba(0,0,0,.20);\n\n  transition:\n    transform .6s cubic-bezier(.2,.7,.2,1),\n    box-shadow .6s ease,\n    border-color .42s ease;\n}\n\n#hr24-page .hr24-card:hover{\n  transform:translateY(-3px);\n  border-color:rgba(83,230,239,.26);\n\n  box-shadow:\n    0 18px 46px rgba(0,0,0,.27),\n    0 0 30px rgba(83,230,239,.05);\n}\n\n#hr24-page .hr24-blue{\n  background:\n    radial-gradient(\n      circle at 82% 6%,\n      rgba(83,230,239,.11),\n      transparent 35%\n    ),\n    linear-gradient(145deg,#0b3156,#07182f);\n}\n\n#hr24-page .hr24-pink{\n  background:\n    radial-gradient(\n      circle at 12% 3%,\n      rgba(255,131,181,.16),\n      transparent 34%\n    ),\n    linear-gradient(145deg,#291b39,#14203b);\n}\n\n#hr24-page .hr24-gift{\n  background:\n    radial-gradient(\n      circle at 15% 8%,\n      rgba(255,121,178,.20),\n      transparent 35%\n    ),\n    radial-gradient(\n      circle at 85% 3%,\n      rgba(70,225,238,.14),\n      transparent 34%\n    ),\n    #0b1730;\n}\n\n#hr24-page .hr24-content{\n  position:relative;\n  z-index:2;\n  padding:22px 18px;\n}\n\n\/* =========================\n   TEXT\n========================= *\/\n\n#hr24-page .hr24-eyebrow{\n  display:inline-block;\n  margin:0 0 9px;\n\n  color:#53e6ef;\n\n  font-size:13px;\n  line-height:1.4;\n  font-weight:800;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n}\n\n#hr24-page .hr24-title{\n  margin:0;\n\n  color:#ffffff;\n\n  font-size:clamp(30px,7cqw,52px);\n  line-height:1.04;\n  letter-spacing:-.035em;\n  font-weight:900;\n}\n\n#hr24-page .hr24-h2{\n  margin:0 0 10px;\n\n  color:#ffffff;\n\n  font-size:clamp(25px,5.5cqw,39px);\n  line-height:1.08;\n  letter-spacing:-.025em;\n  font-weight:900;\n}\n\n#hr24-page .hr24-h3{\n  margin:0 0 5px;\n\n  color:#53e6ef;\n\n  font-size:clamp(18px,4.2cqw,22px);\n  line-height:1.2;\n  font-weight:850;\n}\n\n#hr24-page .hr24-copy{\n  margin:10px 0 0;\n\n  color:#d8e6f2;\n\n  font-size:clamp(15px,3.6cqw,18px);\n  line-height:1.65;\n}\n\n#hr24-page .hr24-pink-text{\n  color:#ff83b5;\n}\n\n\/* =========================\n   CYAN \/ PINK SHIMMER\n========================= *\/\n\n@supports ((-webkit-background-clip:text) or (background-clip:text)){\n\n  #hr24-page .hr24-shimmer{\n    background:\n      linear-gradient(\n        105deg,\n        #53e6ef 0%,\n        #53e6ef 34%,\n        #9cffff 47%,\n        #ffffff 50%,\n        #ffb3d0 54%,\n        #ff83b5 66%,\n        #53e6ef 100%\n      );\n\n    background-size:250% 100%;\n\n    -webkit-background-clip:text;\n    background-clip:text;\n    -webkit-text-fill-color:transparent;\n\n    animation:hr24-shimmer 6s ease-in-out infinite;\n  }\n}\n\n@keyframes hr24-shimmer{\n  0%,58%{\n    background-position:110% center;\n  }\n\n  80%,100%{\n    background-position:-110% center;\n  }\n}\n\n\/* =========================\n   MEDIA\n========================= *\/\n\n#hr24-page .hr24-media{\n  position:relative;\n  width:100%;\n  overflow:hidden;\n  background:#0b1d35;\n}\n\n#hr24-page .hr24-media img{\n  display:block;\n  width:100%;\n  height:auto;\n  margin:0;\n  transform:scale(1);\n\n  transition:\n    transform .85s cubic-bezier(.2,.7,.2,1);\n}\n\n#hr24-page .hr24-card:hover .hr24-media img{\n  transform:scale(1.025);\n}\n\n#hr24-page .hr24-media::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:2;\n  pointer-events:none;\n  opacity:0;\n\n  background:\n    linear-gradient(\n      115deg,\n      transparent 22%,\n      rgba(83,230,239,.05) 43%,\n      rgba(255,255,255,.14) 50%,\n      rgba(255,131,181,.05) 57%,\n      transparent 78%\n    );\n\n  transform:translateX(-115%);\n\n  transition:\n    transform 1.1s ease,\n    opacity .35s ease;\n}\n\n#hr24-page .hr24-card:hover .hr24-media::after{\n  transform:translateX(115%);\n  opacity:1;\n}\n\n\/* HERO GIF *\/\n\n#hr24-page .hr24-hero-media img{\n  animation:hr24-breathe 9s ease-in-out infinite alternate;\n}\n\n@keyframes hr24-breathe{\n  from{\n    transform:scale(1);\n  }\n\n  to{\n    transform:scale(1.012);\n  }\n}\n\n#hr24-page .hr24-card:hover .hr24-hero-media img{\n  animation-play-state:paused;\n  transform:scale(1.025);\n}\n\n\/* =========================\n   BENEFITS\n========================= *\/\n\n#hr24-page .hr24-benefits{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:9px;\n  margin-top:17px;\n}\n\n#hr24-page .hr24-benefit{\n  display:flex;\n  align-items:flex-start;\n  gap:10px;\n\n  padding:12px;\n\n  border-radius:14px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.09),\n      rgba(255,255,255,.045)\n    );\n\n  border:1px solid rgba(83,230,239,.18);\n\n  color:#ffffff;\n\n  font-size:14px;\n  line-height:1.45;\n  font-weight:750;\n\n  transition:\n    transform .42s ease,\n    border-color .42s ease,\n    box-shadow .42s ease;\n}\n\n#hr24-page .hr24-benefit:hover{\n  transform:translateY(-2px);\n\n  border-color:rgba(255,131,181,.34);\n\n  box-shadow:\n    0 8px 20px rgba(0,0,0,.15);\n}\n\n#hr24-page .hr24-icon{\n  flex:0 0 auto;\n  font-size:18px;\n  line-height:1.1;\n}\n\n\/* =========================\n   SPLIT\n========================= *\/\n\n#hr24-page .hr24-split{\n  display:grid;\n  grid-template-columns:1fr;\n  align-items:center;\n}\n\n\/* =========================\n   POINTS\n========================= *\/\n\n#hr24-page .hr24-points{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:10px;\n  margin-top:16px;\n}\n\n#hr24-page .hr24-point{\n  padding:14px;\n\n  border-radius:15px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.09),\n      rgba(255,255,255,.045)\n    );\n\n  border:1px solid rgba(255,255,255,.10);\n\n  transition:\n    transform .42s ease,\n    border-color .42s ease,\n    box-shadow .42s ease;\n}\n\n#hr24-page .hr24-point:hover{\n  transform:translateY(-2px);\n  border-color:rgba(83,230,239,.27);\n\n  box-shadow:\n    0 9px 22px rgba(0,0,0,.14);\n}\n\n#hr24-page .hr24-point p{\n  margin:5px 0 0;\n\n  color:#cfdeeb;\n\n  font-size:14px;\n  line-height:1.55;\n}\n\n\/* =========================\n   QUOTE\n========================= *\/\n\n#hr24-page .hr24-quote{\n  margin-top:16px;\n  padding:15px 16px;\n\n  border-left:4px solid #ff83b5;\n\n  border-radius:0 14px 14px 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255,131,181,.10),\n      rgba(255,255,255,.04)\n    );\n\n  color:#ffffff;\n\n  font-size:clamp(16px,3.8cqw,20px);\n  line-height:1.5;\n  font-weight:800;\n}\n\n\/* =========================\n   GLOW\n========================= *\/\n\n#hr24-page .hr24-glow{\n  position:relative;\n  isolation:isolate;\n}\n\n#hr24-page .hr24-glow::before{\n  content:\"\";\n\n  position:absolute;\n  z-index:0;\n\n  width:60%;\n  aspect-ratio:1;\n\n  right:-18%;\n  top:-22%;\n\n  border-radius:50%;\n  pointer-events:none;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(83,230,239,.16) 0%,\n      rgba(255,131,181,.08) 38%,\n      transparent 69%\n    );\n\n  animation:hr24-glow 5.5s ease-in-out infinite;\n}\n\n@keyframes hr24-glow{\n  0%,100%{\n    opacity:.44;\n    transform:scale(.94);\n  }\n\n  50%{\n    opacity:.82;\n    transform:scale(1.05);\n  }\n}\n\n#hr24-page .hr24-glow .hr24-content,\n#hr24-page .hr24-glow .hr24-media{\n  position:relative;\n  z-index:1;\n}\n\n\/* =========================\n   STEPS\n========================= *\/\n\n#hr24-page .hr24-steps{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:10px;\n  margin-top:16px;\n}\n\n#hr24-page .hr24-step{\n  display:flex;\n  gap:12px;\n  align-items:flex-start;\n\n  padding:14px;\n\n  border-radius:15px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.09),\n      rgba(255,255,255,.045)\n    );\n\n  border:1px solid rgba(255,255,255,.10);\n}\n\n#hr24-page .hr24-step-num{\n  flex:0 0 34px;\n\n  width:34px;\n  height:34px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      #ff83b5,\n      #53e6ef\n    );\n\n  color:#07182f;\n\n  font-size:14px;\n  font-weight:900;\n}\n\n#hr24-page .hr24-step strong{\n  display:block;\n  margin-bottom:3px;\n  color:#53e6ef;\n}\n\n#hr24-page .hr24-step span{\n  color:#cfdeeb;\n  font-size:14px;\n  line-height:1.5;\n}\n\n\/* =========================\n   PLACES\n========================= *\/\n\n#hr24-page .hr24-places{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:10px;\n  margin-top:16px;\n}\n\n#hr24-page .hr24-place{\n  padding:14px;\n\n  border-radius:15px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.09),\n      rgba(255,255,255,.045)\n    );\n\n  border:1px solid rgba(255,255,255,.10);\n}\n\n#hr24-page .hr24-place strong{\n  display:block;\n  margin-bottom:4px;\n  color:#53e6ef;\n  font-size:15px;\n}\n\n#hr24-page .hr24-place span{\n  display:block;\n  color:#cfdeeb;\n  font-size:14px;\n  line-height:1.5;\n}\n\n\/* =========================\n   SPECS\n========================= *\/\n\n#hr24-page .hr24-specs{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:9px;\n  margin-top:15px;\n}\n\n#hr24-page .hr24-spec{\n  padding:14px;\n\n  border-radius:15px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.09),\n      rgba(255,255,255,.045)\n    );\n\n  border:1px solid rgba(255,255,255,.10);\n\n  transition:\n    transform .4s ease,\n    border-color .4s ease,\n    box-shadow .4s ease;\n}\n\n#hr24-page .hr24-spec:hover{\n  transform:translateY(-2px);\n  border-color:rgba(83,230,239,.26);\n\n  box-shadow:\n    0 8px 20px rgba(0,0,0,.14);\n}\n\n#hr24-page .hr24-spec-label{\n  display:block;\n  margin-bottom:4px;\n\n  color:#ff91bd;\n\n  font-size:12px;\n  line-height:1.3;\n  font-weight:800;\n  letter-spacing:.06em;\n  text-transform:uppercase;\n}\n\n#hr24-page .hr24-spec-value{\n  display:block;\n\n  color:#ffffff;\n\n  font-size:15px;\n  line-height:1.5;\n  font-weight:700;\n}\n\n\/* =========================\n   FAQ\n========================= *\/\n\n#hr24-page .hr24-faq{\n  margin-top:14px;\n}\n\n#hr24-page .hr24-faq details{\n  width:100%;\n  margin:8px 0;\n  overflow:hidden;\n\n  border-radius:14px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.08),\n      rgba(255,255,255,.04)\n    );\n\n  border:1px solid rgba(255,255,255,.10);\n\n  transition:\n    transform .4s ease,\n    border-color .4s ease,\n    box-shadow .4s ease;\n}\n\n#hr24-page .hr24-faq details:hover{\n  transform:translateY(-1px);\n  border-color:rgba(255,131,181,.25);\n\n  box-shadow:\n    0 7px 18px rgba(0,0,0,.12);\n}\n\n#hr24-page .hr24-faq summary{\n  position:relative;\n\n  cursor:pointer;\n  list-style:none;\n\n  padding:15px 46px 15px 16px;\n\n  color:#ffffff;\n\n  font-size:15px;\n  line-height:1.4;\n  font-weight:800;\n}\n\n#hr24-page .hr24-faq summary::-webkit-details-marker{\n  display:none;\n}\n\n#hr24-page .hr24-faq summary::after{\n  content:\"+\";\n\n  position:absolute;\n  top:50%;\n  right:16px;\n\n  width:22px;\n  height:22px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  transform:translateY(-50%) rotate(0deg);\n\n  border-radius:50%;\n\n  background:rgba(83,230,239,.12);\n\n  color:#53e6ef;\n\n  font-size:17px;\n  font-weight:900;\n\n  transition:\n    transform .35s ease,\n    background .35s ease;\n}\n\n#hr24-page .hr24-faq details[open] summary::after{\n  transform:translateY(-50%) rotate(45deg);\n  background:rgba(255,131,181,.16);\n}\n\n#hr24-page .hr24-faq-answer{\n  padding:0 16px 15px;\n\n  color:#cfdeeb;\n\n  font-size:14px;\n  line-height:1.6;\n}\n\n\/* =========================\n   CTA\n========================= *\/\n\n#hr24-page .hr24-cta-wrap{\n  position:relative;\n  z-index:2;\n\n  padding:30px 18px;\n\n  text-align:center;\n}\n\n#hr24-page .hr24-cta{\n  display:inline-block;\n\n  margin-top:16px;\n\n  padding:13px 19px;\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #ff77ad,\n      #53e6ef\n    );\n\n  color:#07182f;\n\n  font-size:14px;\n  line-height:1.3;\n  font-weight:900;\n\n  box-shadow:\n    0 8px 24px rgba(83,230,239,.18);\n\n  animation:hr24-cta 3.8s ease-in-out infinite;\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n#hr24-page .hr24-cta:hover{\n  transform:translateY(-2px);\n\n  box-shadow:\n    0 12px 32px rgba(83,230,239,.28),\n    0 6px 22px rgba(255,119,173,.18);\n}\n\n@keyframes hr24-cta{\n  0%,100%{\n    box-shadow:\n      0 8px 24px rgba(83,230,239,.15);\n  }\n\n  50%{\n    box-shadow:\n      0 9px 30px rgba(83,230,239,.27),\n      0 4px 18px rgba(255,119,173,.12);\n  }\n}\n\n\/* =========================\n   CONTAINER QUERY\n========================= *\/\n\n@container hr24 (min-width:700px){\n\n  #hr24-page .hr24-shell{\n    padding-left:18px;\n    padding-right:18px;\n  }\n\n  #hr24-page .hr24-card{\n    margin:18px 0;\n  }\n\n  #hr24-page .hr24-content{\n    padding:30px;\n  }\n\n  #hr24-page .hr24-benefits{\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  #hr24-page .hr24-split{\n    grid-template-columns:1.02fr .98fr;\n  }\n\n  #hr24-page .hr24-split.hr24-reverse{\n    grid-template-columns:.98fr 1.02fr;\n  }\n\n  #hr24-page .hr24-split.hr24-reverse .hr24-media{\n    order:2;\n  }\n\n  #hr24-page .hr24-split.hr24-reverse .hr24-content{\n    order:1;\n  }\n\n  #hr24-page .hr24-points,\n  #hr24-page .hr24-places,\n  #hr24-page .hr24-specs{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  #hr24-page .hr24-steps{\n    grid-template-columns:repeat(3,1fr);\n  }\n}\n\n\/* =========================\n   TOUCH\n========================= *\/\n\n@media (hover:none){\n\n  #hr24-page .hr24-card:hover,\n  #hr24-page .hr24-benefit:hover,\n  #hr24-page .hr24-point:hover,\n  #hr24-page .hr24-spec:hover,\n  #hr24-page .hr24-faq details:hover{\n    transform:none;\n  }\n\n  #hr24-page .hr24-card:hover .hr24-media img{\n    transform:none;\n  }\n\n  #hr24-page .hr24-card:hover .hr24-media::after{\n    opacity:0;\n  }\n}\n\n\/* =========================\n   REDUCED MOTION\n========================= *\/\n\n@media (prefers-reduced-motion:reduce){\n\n  #hr24-page *,\n  #hr24-page *::before,\n  #hr24-page *::after{\n    animation-duration:.001ms !important;\n    animation-iteration-count:1 !important;\n    transition-duration:.001ms !important;\n  }\n\n  #hr24-page .hr24-card,\n  #hr24-page .hr24-card:hover,\n  #hr24-page .hr24-benefit,\n  #hr24-page .hr24-benefit:hover,\n  #hr24-page .hr24-point,\n  #hr24-page .hr24-point:hover,\n  #hr24-page .hr24-spec,\n  #hr24-page .hr24-spec:hover,\n  #hr24-page .hr24-cta,\n  #hr24-page .hr24-cta:hover{\n    transform:none !important;\n  }\n\n  #hr24-page .hr24-media img,\n  #hr24-page .hr24-card:hover .hr24-media img{\n    transform:none !important;\n  }\n\n  #hr24-page .hr24-media::after{\n    display:none !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv id=\"hr24-page\"\u003e\n\n  \u003cdiv class=\"hr24-shell\"\u003e\n\n\n    \u003c!-- HERO --\u003e\n    \u003csection class=\"hr24-card hr24-glow\"\u003e\n\n      \u003cdiv class=\"hr24-content\"\u003e\n\n        \u003cp class=\"hr24-eyebrow hr24-shimmer\"\u003e\n          🏒 Hockey · Romance · Daily Surprises\n        \u003c\/p\u003e\n\n        \u003ch1 class=\"hr24-title\"\u003e\n          24 Days of\n          \u003cspan class=\"hr24-pink-text\"\u003eHockey Romance Surprises.\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"hr24-copy\"\u003e\n          Turn one gift into 24 little moments of anticipation\n          with a collectible countdown filled with hockey energy,\n          romance details and bookish personality.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hr24-media hr24-hero-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0595\/8208\/7301\/files\/10_12_00_00_00-00_00_30.gif?v=1791785955\" alt=\"24 day hockey romance surprise countdown calendar\" loading=\"eager\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hr24-content\"\u003e\n\n        \u003cdiv class=\"hr24-benefits\"\u003e\n\n          \u003cdiv class=\"hr24-benefit\"\u003e\n            \u003cspan class=\"hr24-icon\"\u003e🎁\u003c\/span\u003e\n            \u003cspan\u003e24 Numbered Reveals\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hr24-benefit\"\u003e\n            \u003cspan class=\"hr24-icon\"\u003e🏒\u003c\/span\u003e\n            \u003cspan\u003eHockey-Inspired Collectibles\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hr24-benefit\"\u003e\n            \u003cspan class=\"hr24-icon\"\u003e💗\u003c\/span\u003e\n            \u003cspan\u003eBookish Romance Details\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\n    \u003c!-- MAIN PRODUCT --\u003e\n    \u003csection class=\"hr24-card hr24-blue\"\u003e\n\n      \u003cdiv class=\"hr24-split\"\u003e\n\n        \u003cdiv class=\"hr24-media\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0595\/8208\/7301\/files\/ChatGPTImageOct11_2026_08_42_13PM.png?v=1791776690\" alt=\"24 day hockey romance collectible surprise calendar\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hr24-content\"\u003e\n\n          \u003cp class=\"hr24-eyebrow hr24-shimmer\"\u003e\n            One Gift · Twenty-Four Reveals\n          \u003c\/p\u003e\n\n          \u003ch2 class=\"hr24-h2\"\u003e\n            Don’t Give Them One Surprise.\n            Give Them Something to Open Again Tomorrow.\n          \u003c\/h2\u003e\n\n          \u003cp class=\"hr24-copy\"\u003e\n            The countdown format stretches the fun across 24 numbered compartments,\n            creating a simple daily ritual instead of one quick unboxing moment.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"hr24-quote\"\u003e\n            One gift. Twenty-four little reasons to get excited again tomorrow.\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- DAILY REVEAL --\u003e\n    \u003csection class=\"hr24-card\"\u003e\n\n      \u003cdiv class=\"hr24-split hr24-reverse\"\u003e\n\n        \u003cdiv class=\"hr24-media\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0595\/8208\/7301\/files\/ChatGPTImageOct11_2026_08_42_18PM.png?v=1791776690\" alt=\"Open one numbered hockey romance surprise each day\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hr24-content\"\u003e\n\n          \u003cp class=\"hr24-eyebrow hr24-shimmer\"\u003e\n            One Door · One New Surprise\n          \u003c\/p\u003e\n\n          \u003ch2 class=\"hr24-h2\"\u003e\n            The Best Part Is Not Knowing What Comes Next.\n          \u003c\/h2\u003e\n\n          \u003cdiv class=\"hr24-points\"\u003e\n\n            \u003cdiv class=\"hr24-point\"\u003e\n              \u003ch3 class=\"hr24-h3\"\u003e✨ Daily Reveal\u003c\/h3\u003e\n              \u003cp\u003e\n                Each numbered compartment adds another small moment of anticipation.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hr24-point\"\u003e\n              \u003ch3 class=\"hr24-h3\"\u003e🏒 Hockey Energy\u003c\/h3\u003e\n              \u003cp\u003e\n                Rink-inspired characters and accessories give the collection its sporty side.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hr24-point\"\u003e\n              \u003ch3 class=\"hr24-h3\"\u003e💗 Romance Details\u003c\/h3\u003e\n              \u003cp\u003e\n                Hearts and softer pink accents balance the hockey theme.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hr24-point\"\u003e\n              \u003ch3 class=\"hr24-h3\"\u003e📚 Bookish Personality\u003c\/h3\u003e\n              \u003cp\u003e\n                Designed for people who love bringing their favorite reading vibe off the page.\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\n    \u003c!-- LINEUP --\u003e\n    \u003csection class=\"hr24-card hr24-blue\"\u003e\n\n      \u003cdiv class=\"hr24-content\"\u003e\n\n        \u003cp class=\"hr24-eyebrow hr24-shimmer\"\u003e\n          Build Your Tiny Hockey-Romance World\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"hr24-h2\"\u003e\n          Characters, Accessories and Little Details to Collect.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"hr24-copy\"\u003e\n          Each reveal adds another piece to the collection,\n          building a playful mix of hockey and romance-inspired miniatures\n          as the countdown continues.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hr24-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0595\/8208\/7301\/files\/24_Collectible_Hockey-Themed_Surprises.png?v=1791777097\" alt=\"Hockey romance mini figures and collectible accessories\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ACCESSORIES --\u003e\n    \u003csection class=\"hr24-card hr24-pink\"\u003e\n\n      \u003cdiv class=\"hr24-content\"\u003e\n\n        \u003cp class=\"hr24-eyebrow hr24-shimmer\"\u003e\n          It’s the Little Details\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"hr24-h2\"\u003e\n          Rink Energy Meets Romance Vibes.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"hr24-copy\"\u003e\n          Skates, hockey-inspired accessories, heart details\n          and bookish pieces give every new reveal a little more personality.\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"hr24-benefits\"\u003e\n\n          \u003cdiv class=\"hr24-benefit\"\u003e\n            \u003cspan class=\"hr24-icon\"\u003e⛸️\u003c\/span\u003e\n            \u003cspan\u003eMini Skates\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hr24-benefit\"\u003e\n            \u003cspan class=\"hr24-icon\"\u003e📖\u003c\/span\u003e\n            \u003cspan\u003eBookish Details\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hr24-benefit\"\u003e\n            \u003cspan class=\"hr24-icon\"\u003e💗\u003c\/span\u003e\n            \u003cspan\u003eRomance Accents\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hr24-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0595\/8208\/7301\/files\/ChatGPTImageOct11_2026_08_42_21PM.png?v=1791776690\" alt=\"Hockey romance miniature collectibles and accessories\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- GIFT --\u003e\n    \u003csection class=\"hr24-card hr24-gift hr24-glow\"\u003e\n\n      \u003cdiv class=\"hr24-content\"\u003e\n\n        \u003cp class=\"hr24-eyebrow hr24-shimmer\"\u003e\n          🎀 For the Hockey-Romance Reader in Your Life\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"hr24-h2\"\u003e\n          One Present Would Be Fun.\n          Twenty-Four Little Surprises Are Better.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"hr24-copy\"\u003e\n          Give them a countdown they can keep coming back to,\n          with another small reveal waiting behind each numbered compartment.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"hr24-quote\"\u003e\n          The kind of gift they keep opening, collecting and talking about.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hr24-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0595\/8208\/7301\/files\/ChatGPTImageOct11_2026_08_42_27PM.png?v=1791776690\" alt=\"Hockey romance countdown gift idea\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- DISPLAY --\u003e\n    \u003csection class=\"hr24-card hr24-blue\"\u003e\n\n      \u003cdiv class=\"hr24-content\"\u003e\n\n        \u003cp class=\"hr24-eyebrow hr24-shimmer\"\u003e\n          Open It · Collect It · Display It\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"hr24-h2\"\u003e\n          The Fun Doesn’t End When the Last Door Opens.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"hr24-copy\"\u003e\n          Arrange favorite pieces beside your books,\n          on a desk or inside a small collector display\n          after the countdown is complete.\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"hr24-places\"\u003e\n\n          \u003cdiv class=\"hr24-place\"\u003e\n            \u003cstrong\u003e📚 Bookshelf\u003c\/strong\u003e\n            \u003cspan\u003e\n              Add a playful hockey-romance touch beside favorite reads.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hr24-place\"\u003e\n            \u003cstrong\u003e🖥️ Desk\u003c\/strong\u003e\n            \u003cspan\u003e\n              Create a small collector corner in an everyday workspace.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hr24-place\"\u003e\n            \u003cstrong\u003e🛋️ Reading Corner\u003c\/strong\u003e\n            \u003cspan\u003e\n              Bring the bookish theme beyond the page.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hr24-place\"\u003e\n            \u003cstrong\u003e✨ Collector Shelf\u003c\/strong\u003e\n            \u003cspan\u003e\n              Keep favorite characters and accessories together after opening.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hr24-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0595\/8208\/7301\/files\/ChatGPTImageOct11_2026_08_42_33PM.png?v=1791776690\" alt=\"Hockey romance collectible figures displayed on shelf and desk\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- EXISTING REAL GIF PRESERVED --\u003e\n      \u003cdiv class=\"hr24-media\"\u003e\n\n        \u003cimg src=\"https:\/\/offcampusadvent.store\/cdn\/shop\/files\/GIF-2026-10-06-10-13-35.gif?v=1791299151\u0026amp;width=750\" alt=\"Hockey romance mini collectibles display animation\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- HOW IT WORKS --\u003e\n    \u003csection class=\"hr24-card\"\u003e\n\n      \u003cdiv class=\"hr24-content\"\u003e\n\n        \u003cp class=\"hr24-eyebrow hr24-shimmer\"\u003e\n          Your New Favorite Daily Ritual\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"hr24-h2\"\u003e\n          Find It. Open It. Add It to the Collection.\n        \u003c\/h2\u003e\n\n\n        \u003cdiv class=\"hr24-steps\"\u003e\n\n          \u003cdiv class=\"hr24-step\"\u003e\n            \u003cdiv class=\"hr24-step-num\"\u003e1\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eFind Today’s Number\u003c\/strong\u003e\n              \u003cspan\u003eChoose the matching numbered compartment.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"hr24-step\"\u003e\n            \u003cdiv class=\"hr24-step-num\"\u003e2\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eOpen the Door\u003c\/strong\u003e\n              \u003cspan\u003eReveal the surprise waiting inside.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"hr24-step\"\u003e\n            \u003cdiv class=\"hr24-step-num\"\u003e3\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eAdd It to the Collection\u003c\/strong\u003e\n              \u003cspan\u003eDisplay it with the pieces you have already discovered.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hr24-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0595\/8208\/7301\/files\/ChatGPTImageOct11_2026_08_42_30PM.png?v=1791776690\" alt=\"Opening a numbered hockey romance countdown compartment\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- LIFESTYLE --\u003e\n    \u003csection class=\"hr24-card hr24-pink\"\u003e\n\n      \u003cdiv class=\"hr24-split\"\u003e\n\n        \u003cdiv class=\"hr24-media\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0595\/8208\/7301\/files\/ChatGPTImageOct11_2026_08_42_36PM.png?v=1791776690\" alt=\"Bookish hockey romance collectible lifestyle gift\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hr24-content\"\u003e\n\n          \u003cp class=\"hr24-eyebrow hr24-shimmer\"\u003e\n            For Bookish Hockey Lovers\n          \u003c\/p\u003e\n\n          \u003ch2 class=\"hr24-h2\"\u003e\n            Bring the Vibe Beyond the Page.\n          \u003c\/h2\u003e\n\n          \u003cp class=\"hr24-copy\"\u003e\n            A playful mix of rink energy, romantic details\n            and collectible charm makes the countdown especially suited\n            to readers who love sports-romance aesthetics.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"hr24-quote\"\u003e\n            A tiny hockey-romance world, one door at a time.\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- PRODUCT DETAILS --\u003e\n    \u003csection class=\"hr24-card hr24-blue\"\u003e\n\n      \u003cdiv class=\"hr24-content\"\u003e\n\n        \u003cp class=\"hr24-eyebrow hr24-shimmer\"\u003e\n          Product Details\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"hr24-h2\"\u003e\n          The Essentials\n        \u003c\/h2\u003e\n\n\n        \u003cdiv class=\"hr24-specs\"\u003e\n\n          \u003cdiv class=\"hr24-spec\"\u003e\n            \u003cspan class=\"hr24-spec-label\"\u003e\n              Product Type\n            \u003c\/span\u003e\n            \u003cspan class=\"hr24-spec-value\"\u003e\n              24-Day Collectible Surprise Countdown\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"hr24-spec\"\u003e\n            \u003cspan class=\"hr24-spec-label\"\u003e\n              Theme\n            \u003c\/span\u003e\n            \u003cspan class=\"hr24-spec-value\"\u003e\n              Hockey Romance \/ Bookish Sports Romance\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"hr24-spec\"\u003e\n            \u003cspan class=\"hr24-spec-label\"\u003e\n              Countdown\n            \u003c\/span\u003e\n            \u003cspan class=\"hr24-spec-value\"\u003e\n              24 Numbered Compartments\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"hr24-spec\"\u003e\n            \u003cspan class=\"hr24-spec-label\"\u003e\n              Collectible Style\n            \u003c\/span\u003e\n            \u003cspan class=\"hr24-spec-value\"\u003e\n              Character-Style Mini Figures \u0026amp; Themed Accessories\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"hr24-spec\"\u003e\n            \u003cspan class=\"hr24-spec-label\"\u003e\n              After Opening\n            \u003c\/span\u003e\n            \u003cspan class=\"hr24-spec-value\"\u003e\n              Suitable for Collecting \u0026amp; Display\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"hr24-spec\"\u003e\n            \u003cspan class=\"hr24-spec-label\"\u003e\n              Suggested Display\n            \u003c\/span\u003e\n            \u003cspan class=\"hr24-spec-value\"\u003e\n              Bookshelf, Desk, Reading Corner \u0026amp; Collector Shelf\n            \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\n    \u003c!-- FAQ --\u003e\n    \u003csection class=\"hr24-card\"\u003e\n\n      \u003cdiv class=\"hr24-content\"\u003e\n\n        \u003cp class=\"hr24-eyebrow hr24-shimmer\"\u003e\n          FAQ\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"hr24-h2\"\u003e\n          Good to Know\n        \u003c\/h2\u003e\n\n\n        \u003cdiv class=\"hr24-faq\"\u003e\n\n          \u003cdetails\u003e\n            \u003csummary\u003e\n              How many numbered reveals are included?\n            \u003c\/summary\u003e\n\n            \u003cdiv class=\"hr24-faq-answer\"\u003e\n              The countdown features 24 numbered compartments,\n              creating a 24-day surprise-opening experience.\n            \u003c\/div\u003e\n          \u003c\/details\u003e\n\n\n          \u003cdetails\u003e\n            \u003csummary\u003e\n              What kind of theme does the collection use?\n            \u003c\/summary\u003e\n\n            \u003cdiv class=\"hr24-faq-answer\"\u003e\n              The visual theme mixes hockey-inspired details,\n              romance accents and bookish collectible styling.\n            \u003c\/div\u003e\n          \u003c\/details\u003e\n\n\n          \u003cdetails\u003e\n            \u003csummary\u003e\n              Can I display the pieces after opening them?\n            \u003c\/summary\u003e\n\n            \u003cdiv class=\"hr24-faq-answer\"\u003e\n              Yes. The mini collectibles can continue to be arranged\n              on a shelf, desk, reading corner or collector display\n              after the countdown is complete.\n            \u003c\/div\u003e\n          \u003c\/details\u003e\n\n\n          \u003cdetails\u003e\n            \u003csummary\u003e\n              Who is this best suited for?\n            \u003c\/summary\u003e\n\n            \u003cdiv class=\"hr24-faq-answer\"\u003e\n              It is especially suited to hockey fans,\n              sports-romance readers, bookish collectors\n              and people who enjoy daily surprise gifts.\n            \u003c\/div\u003e\n          \u003c\/details\u003e\n\n\n          \u003cdetails\u003e\n            \u003csummary\u003e\n              Do I have to open one compartment every day?\n            \u003c\/summary\u003e\n\n            \u003cdiv class=\"hr24-faq-answer\"\u003e\n              The numbered format is designed for a daily countdown,\n              but you can choose the pace that works best for your occasion.\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\n    \u003c!-- FINAL CTA --\u003e\n    \u003csection class=\"hr24-card hr24-gift hr24-glow\"\u003e\n\n      \u003cdiv class=\"hr24-cta-wrap\"\u003e\n\n        \u003cp class=\"hr24-eyebrow hr24-shimmer\"\u003e\n          🏒💗 Hockey · Romance · Collecting\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"hr24-h2\"\u003e\n          24 Doors.\u003cbr\u003e\n          24 Little Reasons to Smile.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"hr24-copy\"\u003e\n          Turn one gift into an entire countdown of hockey-romance surprises\n          they can open, collect and keep.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"hr24-cta\"\u003e\n          🎁 Choose Your Option Above \u0026amp; Start the Countdown\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"WSR","offers":[{"title":"Default Title","offer_id":67726643134830,"sku":null,"price":32.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/6499\/4414\/files\/ChatGPTImageOct11_2026_08_42_13PM.png?v=1791790749","url":"https:\/\/bvuyomi.com\/products\/%f0%9f%8f%92%f0%9f%92%97-24-day-hockey-romance-surprise-countdown-mini-collectibles-bookish-gifts","provider":"Bvuyomi","version":"1.0","type":"link"}