{"product_id":"🎄-puckjoy™-hockey-advent-calendar-christmas-ice-hockey-surprise-gift-box-for-fans","title":"🎄 PuckJoy™ Hockey Advent Calendar – Christmas Ice Hockey Surprise Gift Box for Fans","description":"\u003c!-- ============================================================ SHOPIFY PREMIUM PRODUCT LANDING PAGE PRODUCT: Christmas Hockey Advent Calendar MARKET: USA \/ UK \/ CANADA \/ EUROPE LANGUAGE: ENGLISH  ORIGINAL PRODUCT TITLE: 24-Day Hockey Advent Calendar – Christmas Surprises for Hockey Fans  CORE MARKETING IDEA: 24 DAYS OF SURPRISES. ONE BIG LOVE FOR HOCKEY.  PRODUCT POSITIONING: A Christmas advent calendar inspired by ice hockey, featuring 24 numbered surprise compartments and hockey-themed miniature figures and accessories.  TARGET AUDIENCE: Ice Hockey Fans Hockey Families Sports Collectors Christmas Gift Shoppers Hockey Enthusiasts Parents Looking For Hockey-Themed Gifts Fans Of Miniature Sports Figures  VERIFIED VISUAL FEATURES: - 24 numbered surprise compartments - Red and navy Christmas calendar box - Winter ice rink and snowy mountain artwork - Miniature hockey player figures - Miniature goalie character - Hockey stick and puck-themed accessories - Various illustrated hockey accessories - Collectible miniature sports theme  COPYRIGHT: Original marketing copy. No professional league, team, player or third-party brand affiliation is claimed. Product images are sourced from the supplied Shopify product page. Please confirm commercial image rights before use.  PRODUCT ACCURACY: No fabricated reviews, certifications, sales, age ratings, collectible counts or shipping claims. 24 compartments do not guarantee 24 different full-size or individually complete player figurines. Exact assortment and materials must be verified with the product supplier. Decorative Christmas props are not included unless stated in the confirmed package contents.  All CSS + HTML + optional JavaScript included below. ============================================================ --\u003e \u003cstyle\u003e  \/* ============================================================    HOCKEY ADVENT — PREMIUM DESIGN TOKENS ============================================================ *\/  .hky26 {   --hky-red: #bd292e;   --hky-red-dark: #8d202b;   --hky-navy: #142d51;   --hky-navy-deep: #0c2039;   --hky-blue: #325d91;   --hky-ice: #edf7ff;   --hky-snow: #ffffff;   --hky-gold: #e6b86e;   --hky-cream: #fffaf1;   --hky-ink: #273446;   --hky-muted: #627083;   --hky-border: #dae5ee;    width: 100%;   max-width: 1200px;   margin: 0 auto;   padding: 8px 0 30px;   position: relative;   isolation: isolate;   container-type: inline-size;   overflow: hidden;   color: var(--hky-ink);   font-family: inherit; }  .hky26, .hky26 *, .hky26 *::before, .hky26 *::after {   box-sizing: border-box; }  .hky26 img {   display: block;   max-width: 100%; }  .hky26 a {   text-decoration: none; }  \/* ============================================================    PREMIUM SECTION CARDS ============================================================ *\/  .hky26 .hky26-card {   position: relative;   isolation: isolate;   overflow: hidden;   margin: 0 0 21px;   border: 1px solid var(--hky-border);   border-radius: 25px;   background: #ffffff;   box-shadow: 0 11px 34px rgba(24, 49, 76, .07);    transition:     transform .3s ease,     border-color .3s ease,     box-shadow .3s ease; }  @media (hover:hover) and (pointer:fine) {    .hky26 .hky26-card:hover {     transform: translateY(-3px);     border-color: #bad0e0;     box-shadow: 0 18px 42px rgba(24, 49, 76, .12);   }  }  .hky26 .hky26-pad {   padding: clamp(23px, 4.5cqw, 50px); }  \/* ============================================================    CHRISTMAS HOCKEY COLOR THEMES ============================================================ *\/  .hky26 .hky26-hero {   background:     radial-gradient(       circle at 97% 0%,       rgba(226, 60, 65, .17),       transparent 42%     ),     radial-gradient(       circle at 0% 100%,       rgba(121, 185, 241, .13),       transparent 43%     ),     linear-gradient(       145deg,       #fffefe,       #f0f7fd     ); }  .hky26 .hky26-light {   background: linear-gradient(     145deg,     #ffffff,     #f0f7fc   ); }  .hky26 .hky26-ice {   background: linear-gradient(     145deg,     #f8fcff,     #e6f3fc   ); }  .hky26 .hky26-snow {   background: linear-gradient(     145deg,     #ffffff,     #f3f7fb   ); }  .hky26 .hky26-cream {   background: linear-gradient(     145deg,     #fffdf8,     #f7ecda   );   border-color: #e8dcca; }  .hky26 .hky26-soft-red {   background: linear-gradient(     145deg,     #fffafa,     #faebed   );   border-color: #ead6dc; }  .hky26 .hky26-navy {   background:     radial-gradient(       circle at 97% 0%,       rgba(107, 181, 243, .16),       transparent 42%     ),     linear-gradient(       145deg,       #0d223c,       #25456d     );   border-color: #406088;   color: #ffffff; }  .hky26 .hky26-red {   background:     radial-gradient(       circle at 0% 0%,       rgba(255, 232, 197, .13),       transparent 40%     ),     linear-gradient(       145deg,       #8f1d2c,       #c8353c     );   border-color: #d1585b;   color: #ffffff; }  .hky26 .hky26-night {   background:     radial-gradient(       circle at 97% 0%,       rgba(255, 213, 126, .16),       transparent 40%     ),     linear-gradient(       145deg,       #111f37,       #243c61     );   border-color: #405579;   color: #ffffff; }  \/* ============================================================    TYPOGRAPHY ============================================================ *\/  .hky26 .hky26-headline {   margin: 0 0 19px;   color: #1d3554;   font-size: clamp(31px, 5.5cqw, 58px);   font-weight: 850;   line-height: 1.09;   letter-spacing: -.044em;   overflow-wrap: break-word; }  .hky26 .hky26-title {   margin: 0 0 18px;   color: #1e385b;   font-size: clamp(27px, 4.7cqw, 46px);   font-weight: 830;   line-height: 1.16;   letter-spacing: -.036em;   overflow-wrap: break-word; }  .hky26 .hky26-copy {   max-width: 63ch;   margin: 0 0 16px;   color: #5f7082;   font-size: clamp(14px, 2cqw, 17px);   line-height: 1.8; }  .hky26 .hky26-copy:last-child {   margin-bottom: 0; }  .hky26 .hky26-navy .hky26-headline, .hky26 .hky26-navy .hky26-title, .hky26 .hky26-red .hky26-headline, .hky26 .hky26-red .hky26-title, .hky26 .hky26-night .hky26-headline, .hky26 .hky26-night .hky26-title {   color: #ffffff; }  .hky26 .hky26-navy .hky26-copy, .hky26 .hky26-red .hky26-copy, .hky26 .hky26-night .hky26-copy {   color: #e5edf6; }  .hky26 .hky26-small {   margin: 13px 0 0;   color: #708095;   font-size: 12px;   line-height: 1.78; }  .hky26 .hky26-navy .hky26-small, .hky26 .hky26-red .hky26-small, .hky26 .hky26-night .hky26-small {   color: #dce7f4; }  \/* ============================================================    SECTION LABELS ============================================================ *\/  .hky26 .hky26-eyebrow {   display: flex;   align-items: center;   gap: 10px;   width: 100%;   margin: 0 0 20px;   font-size: 10px;   font-weight: 850;   letter-spacing: .13em;   line-height: 1.5;   text-transform: uppercase; }  .hky26 .hky26-eyebrow span {   display: inline-flex;   align-items: center;   gap: 8px;   max-width: 100%;   padding: 8px 12px;   border: 1px solid #cbddec;   border-radius: 999px;   background: #eef7ff;   color: #355c86; }  .hky26 .hky26-eyebrow span::before {   content: '';   flex-shrink: 0;   width: 7px;   height: 7px;   border-radius: 50%;   background: #c62c3e; }  .hky26 .hky26-eyebrow::after {   content: '';   flex: 1;   min-width: 10px;   height: 1px;   background: #d2dfe9; }  .hky26 .hky26-navy .hky26-eyebrow span, .hky26 .hky26-red .hky26-eyebrow span, .hky26 .hky26-night .hky26-eyebrow span {   border-color: rgba(215, 231, 255, .37);   background: rgba(255, 255, 255, .11);   color: #f6f9ff; }  .hky26 .hky26-navy .hky26-eyebrow::after, .hky26 .hky26-red .hky26-eyebrow::after, .hky26 .hky26-night .hky26-eyebrow::after {   background: rgba(218, 233, 255, .32); }  \/* ============================================================    SUBTLE GRADIENT HEADLINES ============================================================ *\/  @keyframes hky26-shimmer {   from {     background-position: 100% 50%;   }    to {     background-position: 0% 50%;   } }  @supports ((-webkit-background-clip:text) or (background-clip:text)) {    .hky26 .hky26-shine-light {     background: linear-gradient(       108deg,       #1d3555 0%,       #b8333c 28%,       #25436b 50%,       #477fa7 73%,       #1d3555 100%     );     background-size: 230% 100%;     -webkit-background-clip: text;     background-clip: text;     -webkit-text-fill-color: transparent;     color: transparent;     animation: hky26-shimmer 18s ease-in-out infinite alternate;   }    .hky26 .hky26-shine-dark {     background: linear-gradient(       108deg,       #ffffff 0%,       #bce8ff 26%,       #ffffff 50%,       #ffe0a2 75%,       #ffffff 100%     );     background-size: 230% 100%;     -webkit-background-clip: text;     background-clip: text;     -webkit-text-fill-color: transparent;     color: transparent;     animation: hky26-shimmer 19s ease-in-out infinite alternate;   }  }  \/* ============================================================    RESPONSIVE GRID ============================================================ *\/  .hky26 .hky26-grid {   display: grid;   grid-template-columns: minmax(0, 1fr);   align-items: center;   gap: 27px; }  \/* ============================================================    PRODUCT IMAGES ============================================================ *\/  .hky26 .hky26-media {   display: block;   width: 100%;   margin: 0;   overflow: hidden;   border: 1px solid rgba(44, 81, 119, .17);   border-radius: 19px;   background: #e7f0f7; }  .hky26 .hky26-media img {   display: block;   width: 100%;   max-width: 100%;   height: auto;   margin: 0;   object-fit: contain;   object-position: center; }  .hky26 .hky26-image-frame {   padding: 6px;   border-radius: 25px;   background: linear-gradient(     135deg,     #bd2931,     #f2d69b,     #214d7c   ); }  .hky26 .hky26-image-frame .hky26-media {   border-radius: 17px; }  \/* ============================================================    CTA BUTTONS ============================================================ *\/  .hky26 .hky26-btn {   display: inline-flex;   align-items: center;   justify-content: center;   gap: 11px;   width: 100%;   max-width: 410px;   min-height: 56px;   margin: 23px 0 0;   padding: 15px 23px;   border: 1px solid #ad202c;   border-radius: 999px;   background: linear-gradient(     110deg,     #b92330,     #e04447   );   color: #ffffff !important;   font-size: 14px;   font-weight: 850;   line-height: 1.4;   text-decoration: none !important;   text-align: center;   box-shadow: 0 11px 26px rgba(155, 31, 43, .21);    transition:     transform .25s ease,     filter .25s ease,     box-shadow .25s ease; }  .hky26 .hky26-btn:hover {   transform: translateY(-2px);   filter: brightness(1.07);   color: #ffffff !important;   box-shadow: 0 15px 32px rgba(155, 31, 43, .28); }  .hky26 .hky26-btn:active {   transform: scale(.98); }  .hky26 .hky26-btn:focus-visible {   outline: 3px solid #ffd187;   outline-offset: 4px; }  .hky26 .hky26-btn-gold {   border-color: #f5c876;   background: linear-gradient(     110deg,     #f5c875,     #ffdf9c   );   color: #27334b !important; }  .hky26 .hky26-btn-gold:hover {   color: #27334b !important; }  \/* ============================================================    BENEFIT TAGS ============================================================ *\/  .hky26 .hky26-tags {   display: flex;   flex-wrap: wrap;   gap: 9px;   margin: 21px 0 0; }  .hky26 .hky26-tag {   display: inline-flex;   align-items: center;   gap: 7px;   max-width: 100%;   padding: 9px 12px;   border: 1px solid #d8e3ed;   border-radius: 999px;   background: #f5faff;   color: #416182;   font-size: 12px;   font-weight: 760;   line-height: 1.45; }  .hky26 .hky26-navy .hky26-tag, .hky26 .hky26-red .hky26-tag, .hky26 .hky26-night .hky26-tag {   border-color: rgba(215, 234, 255, .33);   background: rgba(255, 255, 255, .11);   color: #f2f7ff; }  \/* ============================================================    FEATURE MARQUEE ============================================================ *\/  .hky26 .hky26-marquee {   overflow: hidden;   width: 100%;   margin: 5px 0 22px;   padding: 15px 0;   border-top: 1px solid #3e5c81;   border-bottom: 1px solid #3e5c81;   background: #142d51; }  .hky26 .hky26-marquee-track {   display: flex;   width: max-content;   animation: hky26-scroll 28s linear infinite; }  .hky26 .hky26-marquee-group {   display: flex;   align-items: center;   flex-shrink: 0;   gap: 28px;   padding-right: 28px;   white-space: nowrap; }  .hky26 .hky26-marquee-group span {   color: #ffffff;   font-size: 11px;   font-weight: 850;   letter-spacing: .12em;   text-transform: uppercase; }  .hky26 .hky26-marquee-group b {   color: #f2c680;   font-size: 12px; }  @keyframes hky26-scroll {   from {     transform: translateX(0);   }    to {     transform: translateX(-50%);   } }  @media (hover:hover) and (pointer:fine) {    .hky26 .hky26-marquee:hover .hky26-marquee-track {     animation-play-state: paused;   }  }  \/* ============================================================    MINI BENEFIT CARDS ============================================================ *\/  .hky26 .hky26-mini-grid {   display: grid;   grid-template-columns: repeat(2, minmax(0, 1fr));   gap: 11px;   margin-top: 23px; }  .hky26 .hky26-mini {   min-width: 0;   padding: 18px 14px;   border: 1px solid #dce6ef;   border-radius: 17px;   background: #ffffff;    transition:     transform .25s ease,     border-color .25s ease,     box-shadow .25s ease; }  .hky26 .hky26-mini-icon {   display: block;   margin-bottom: 10px;   font-size: 23px;   line-height: 1.3; }  .hky26 .hky26-mini strong {   display: block;   margin-bottom: 7px;   color: #29415f;   font-size: 14px;   font-weight: 800;   line-height: 1.4; }  .hky26 .hky26-mini p {   margin: 0;   color: #66778b;   font-size: 12px;   line-height: 1.76; }  .hky26 .hky26-navy .hky26-mini, .hky26 .hky26-red .hky26-mini, .hky26 .hky26-night .hky26-mini {   border-color: rgba(222, 235, 255, .28);   background: rgba(255, 255, 255, .10); }  .hky26 .hky26-navy .hky26-mini strong, .hky26 .hky26-red .hky26-mini strong, .hky26 .hky26-night .hky26-mini strong {   color: #ffffff; }  .hky26 .hky26-navy .hky26-mini p, .hky26 .hky26-red .hky26-mini p, .hky26 .hky26-night .hky26-mini p {   color: #e8eff7; }  @media (hover:hover) and (pointer:fine) {    .hky26 .hky26-mini:hover {     transform: translateY(-3px);     border-color: #b4ccdf;     box-shadow: 0 10px 24px rgba(24, 49, 76, .08);   }  }  \/* ============================================================    EMOTIONAL QUOTE ============================================================ *\/  .hky26 .hky26-insight {   margin-top: 23px;   padding: 19px 21px;   border-left: 4px solid #bd3440;   border-radius: 0 16px 16px 0;   background: #fbecef;   color: #8b384a;   font-size: 15px;   font-weight: 750;   line-height: 1.76; }  .hky26 .hky26-navy .hky26-insight, .hky26 .hky26-red .hky26-insight, .hky26 .hky26-night .hky26-insight {   border-left-color: #ffd48b;   background: rgba(255, 255, 255, .11);   color: #fff2dd; }  \/* ============================================================    GIFT OCCASION CARDS ============================================================ *\/  .hky26 .hky26-scene-grid {   display: grid;   grid-template-columns: repeat(2, minmax(0, 1fr));   gap: 11px;   margin-top: 23px; }  .hky26 .hky26-scene {   min-width: 0;   padding: 19px 15px;   border: 1px solid #dfe8ef;   border-radius: 17px;   background: #ffffff; }  .hky26 .hky26-scene-icon {   display: block;   margin-bottom: 10px;   font-size: 23px;   line-height: 1.3; }  .hky26 .hky26-scene strong {   display: block;   margin-bottom: 7px;   color: #2a4363;   font-size: 14px;   font-weight: 800;   line-height: 1.4; }  .hky26 .hky26-scene p {   margin: 0;   color: #65778a;   font-size: 12px;   line-height: 1.76; }  .hky26 .hky26-navy .hky26-scene, .hky26 .hky26-red .hky26-scene, .hky26 .hky26-night .hky26-scene {   border-color: rgba(222, 238, 255, .28);   background: rgba(255, 255, 255, .10); }  .hky26 .hky26-navy .hky26-scene strong, .hky26 .hky26-red .hky26-scene strong, .hky26 .hky26-night .hky26-scene strong {   color: #ffffff; }  .hky26 .hky26-navy .hky26-scene p, .hky26 .hky26-red .hky26-scene p, .hky26 .hky26-night .hky26-scene p {   color: #e7eef7; }  \/* ============================================================    HOW IT WORKS — STEPS ============================================================ *\/  .hky26 .hky26-step-grid {   display: grid;   grid-template-columns: minmax(0, 1fr);   gap: 13px;   margin-top: 24px; }  .hky26 .hky26-step {   padding: 22px;   border: 1px solid #dce6ef;   border-radius: 18px;   background: #ffffff; }  .hky26 .hky26-step-number {   display: inline-flex;   align-items: center;   justify-content: center;   width: 42px;   height: 42px;   margin-bottom: 15px;   border-radius: 13px;   background: #e8f3fd;   color: #2c659e;   font-size: 14px;   font-weight: 900; }  .hky26 .hky26-step strong {   display: block;   margin-bottom: 9px;   color: #294360;   font-size: 17px;   font-weight: 800;   line-height: 1.4; }  .hky26 .hky26-step p {   margin: 0;   color: #637588;   font-size: 13px;   line-height: 1.79; }  \/* ============================================================    HIGHLIGHT GRID ============================================================ *\/  .hky26 .hky26-highlight-grid {   display: grid;   grid-template-columns: minmax(0, 1fr);   gap: 13px;   margin-top: 24px; }  .hky26 .hky26-highlight {   padding: 23px;   border: 1px solid #dfe7ef;   border-radius: 19px;   background: #ffffff;    transition:     transform .25s ease,     border-color .25s ease,     box-shadow .25s ease; }  .hky26 .hky26-highlight-label {   display: inline-flex;   margin-bottom: 15px;   padding: 7px 11px;   border: 1px solid #d5e2f0;   border-radius: 999px;   background: #ecf6ff;   color: #38648b;   font-size: 11px;   font-weight: 820; }  .hky26 .hky26-highlight strong {   display: block;   margin-bottom: 10px;   color: #29415e;   font-size: 18px;   font-weight: 800;   line-height: 1.4; }  .hky26 .hky26-highlight p {   margin: 0;   color: #657589;   font-size: 13px;   line-height: 1.79; }  @media (hover:hover) and (pointer:fine) {    .hky26 .hky26-highlight:hover {     transform: translateY(-4px);     border-color: #b9d0e4;     box-shadow: 0 13px 29px rgba(24, 49, 76, .09);   }  }  \/* ============================================================    PRODUCT SPECIFICATIONS ============================================================ *\/  .hky26 .hky26-spec-wrap {   overflow: hidden;   margin-top: 23px;   border: 1px solid #dce5ed;   border-radius: 18px;   background: #ffffff; }  .hky26 .hky26-spec-table {   width: 100%;   margin: 0;   border: 0;   border-collapse: collapse;   background: #ffffff;   color: #30455e;   font-size: 13px;   line-height: 1.7; }  .hky26 .hky26-spec-table tr {   border-bottom: 1px solid #eaf0f5; }  .hky26 .hky26-spec-table tr:last-child {   border-bottom: 0; }  .hky26 .hky26-spec-table th {   width: 39%;   padding: 15px 13px;   border: 0;   background: #eef5fb;   color: #385575;   font-size: 12px;   font-weight: 800;   text-align: left;   vertical-align: top; }  .hky26 .hky26-spec-table td {   padding: 15px 13px;   border: 0;   background: #ffffff;   color: #647387;   vertical-align: top; }  \/* ============================================================    IMPORTANT PRODUCT NOTES ============================================================ *\/  .hky26 .hky26-info {   margin-top: 23px;   padding: 22px;   border: 1px solid #d2e1ef;   border-radius: 18px;   background: #edf7ff; }  .hky26 .hky26-info strong {   display: block;   margin-bottom: 11px;   color: #2d5880;   font-size: 15px;   font-weight: 850;   line-height: 1.5; }  .hky26 .hky26-info p {   margin: 0 0 12px;   color: #526d86;   font-size: 13px;   line-height: 1.84; }  .hky26 .hky26-info p:last-child {   margin-bottom: 0; }  \/* ============================================================    FAQ ACCORDION ============================================================ *\/  .hky26 .hky26-faq {   margin-top: 23px; }  .hky26 .hky26-faq details {   overflow: hidden;   margin-bottom: 11px;   border: 1px solid #dfe7ef;   border-radius: 16px;   background: #ffffff; }  .hky26 .hky26-faq summary {   display: flex;   align-items: center;   justify-content: space-between;   gap: 15px;   min-height: 56px;   padding: 17px 19px;   color: #2d4563;   font-size: 14px;   font-weight: 800;   line-height: 1.55;   list-style: none;   cursor: pointer; }  .hky26 .hky26-faq summary::-webkit-details-marker {   display: none; }  .hky26 .hky26-faq summary::after {   content: '+';   display: inline-flex;   align-items: center;   justify-content: center;   flex-shrink: 0;   width: 29px;   height: 29px;   border-radius: 50%;   background: #e8f3fb;   color: #356c9d;   font-size: 20px;   font-weight: 500; }  .hky26 .hky26-faq details[open] summary::after {   content: '−'; }  .hky26 .hky26-faq details[open] {   border-color: #aacadd;   background: #fbfdff; }  .hky26 .hky26-faq details p {   margin: 0;   padding: 0 19px 20px;   color: #617387;   font-size: 13px;   line-height: 1.85; }  \/* ============================================================    FINAL CONVERSION SECTION ============================================================ *\/  .hky26 .hky26-final {   padding: clamp(29px, 5cqw, 63px);   border-color: #45688f;   background:     radial-gradient(       circle at 95% 0%,       rgba(245, 201, 127, .18),       transparent 42%     ),     radial-gradient(       circle at 0% 100%,       rgba(255, 255, 255, .07),       transparent 40%     ),     linear-gradient(       145deg,       #102545,       #2a4b72     );   color: #ffffff;   text-align: center; }  .hky26 .hky26-final .hky26-eyebrow {   max-width: 560px;   margin-left: auto;   margin-right: auto; }  .hky26 .hky26-final .hky26-headline {   max-width: 850px;   margin: 0 auto 19px;   color: #ffffff; }  .hky26 .hky26-final .hky26-copy {   max-width: 640px;   margin-left: auto;   margin-right: auto;   color: #e7eef7; }  .hky26 .hky26-final .hky26-tags {   justify-content: center; }  .hky26 .hky26-final .hky26-btn {   margin-left: auto;   margin-right: auto; }  .hky26 .hky26-final-note {   max-width: 620px;   margin: 19px auto 0;   color: #d5e3f0;   font-size: 12px;   line-height: 1.8; }  \/* ============================================================    UTILITIES ============================================================ *\/  .hky26 .hky26-center {   text-align: center; }  .hky26 .hky26-center .hky26-eyebrow {   max-width: 560px;   margin-left: auto;   margin-right: auto; }  .hky26 .hky26-center .hky26-copy {   margin-left: auto;   margin-right: auto; }  \/* ============================================================    DESKTOP RESPONSIVE ============================================================ *\/  @container (min-width: 700px) {    .hky26 .hky26-grid {     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);     gap: 39px;   }    .hky26 .hky26-grid-reverse .hky26-visual {     order: -1;   }    .hky26 .hky26-step-grid {     grid-template-columns: repeat(3, minmax(0, 1fr));   }    .hky26 .hky26-highlight-grid {     grid-template-columns: repeat(2, minmax(0, 1fr));   }    .hky26 .hky26-spec-table th,   .hky26 .hky26-spec-table td {     padding: 18px 23px;     font-size: 14px;   }  }  @container (min-width: 950px) {    .hky26 .hky26-highlight-grid {     grid-template-columns: repeat(4, minmax(0, 1fr));   }  }  \/* ============================================================    SMALL MOBILE ============================================================ *\/  @container (max-width: 420px) {    .hky26 .hky26-card {     margin-bottom: 16px;     border-radius: 19px;   }    .hky26 .hky26-pad {     padding: 22px 17px;   }    .hky26 .hky26-eyebrow {     font-size: 9px;     letter-spacing: .09em;   }    .hky26 .hky26-headline {     font-size: clamp(29px, 8.3cqw, 39px);   }    .hky26 .hky26-title {     font-size: clamp(26px, 7.5cqw, 34px);   }    .hky26 .hky26-mini,   .hky26 .hky26-scene {     padding: 15px 12px;   }    .hky26 .hky26-spec-table th,   .hky26 .hky26-spec-table td {     padding: 13px 10px;     font-size: 12px;   }  }  \/* ============================================================    ACCESSIBILITY ============================================================ *\/  @media (prefers-reduced-motion: reduce) {    .hky26 .hky26-marquee-track,   .hky26 .hky26-shine-light,   .hky26 .hky26-shine-dark {     animation: none !important;   }    .hky26 .hky26-card,   .hky26 .hky26-btn,   .hky26 .hky26-mini,   .hky26 .hky26-highlight {     transition: none !important;   }  }  \u003c\/style\u003e \u003cdiv class=\"hky26\" id=\"hky26-landing\"\u003e \u003c!-- ========================================================        SECTION 1 — HERO   ========================================================= --\u003e \u003csection class=\"hky26-card hky26-hero hky26-pad\"\u003e \u003cdiv class=\"hky26-grid\"\u003e \u003cdiv\u003e \u003cdiv class=\"hky26-eyebrow\"\u003e\u003cspan\u003eTHE CHRISTMAS COUNTDOWN FOR HOCKEY FANS\u003c\/span\u003e\u003c\/div\u003e \u003ch2 id=\"hky26-hero-title\" class=\"hky26-headline hky26-shine-light\"\u003e24 Days Of Surprises. One Big Love For Hockey.\u003c\/h2\u003e \u003cp class=\"hky26-copy\"\u003eFor some people, Christmas is all about candy and cozy sweaters.\u003c\/p\u003e \u003cp class=\"hky26-copy\"\u003eFor hockey fans? It's even better when the holidays come with a little rink-side magic.\u003c\/p\u003e \u003cp class=\"hky26-copy\"\u003eMeet the 24-Day Hockey Advent Calendar — a festive Christmas countdown filled with hockey-inspired miniature surprises, collectible-style characters and playful sports accessories.\u003c\/p\u003e \u003cp class=\"hky26-copy\"\u003eFrom adorable little players to ice hockey-themed details, every numbered compartment adds another moment of excitement before Christmas.\u003c\/p\u003e \u003cp class=\"hky26-copy\"\u003eBecause the only thing more exciting than game day might be discovering what's behind today's door.\u003c\/p\u003e \u003cdiv class=\"hky26-tags\"\u003e \u003cspan class=\"hky26-tag\"\u003e 🎄 24-Day Countdown \u003c\/span\u003e \u003cspan class=\"hky26-tag\"\u003e 🏒 Hockey-Themed Surprises \u003c\/span\u003e \u003cspan class=\"hky26-tag\"\u003e 🎁 Fan Gift Idea \u003c\/span\u003e \u003c\/div\u003e \u003ca class=\"hky26-btn hky26-buy\" href=\"\/products\/%F0%9F%8E%84-puckjoy%E2%84%A2-hockey-advent-calendar-christmas-ice-hockey-surprise-gift-box-for-fans\"\u003e Explore The Hockey Advent Calendar \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e \u003cp class=\"hky26-small\"\u003eFeatures 24 numbered surprise compartments. Miniature hockey figures and accessories are illustrated in the product photos. Actual assortment may vary.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"hky26-visual\"\u003e \u003cdiv class=\"hky26-image-frame\"\u003e \u003cfigure class=\"hky26-media\"\u003e\u003cimg src=\"https:\/\/valorsca.us\/cdn\/shop\/files\/1b96a397-b1cc-45dc-8f67-ca01ecc176bd.png?v=1791792994\u0026amp;width=1946\" alt=\"Red and navy Christmas hockey advent calendar with snowy ice rink illustration, 24 surprises and four miniature hockey player and goalie characters\" width=\"1000\" height=\"1000\" loading=\"eager\" decoding=\"async\"\u003e\u003c\/figure\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ========================================================        SECTION 2 — HOLIDAY MARQUEE   ========================================================= --\u003e \u003cdiv class=\"hky26-marquee\"\u003e \u003cdiv class=\"hky26-marquee-track\"\u003e \u003cdiv class=\"hky26-marquee-group\"\u003e \u003cspan\u003e24 DAYS OF HOCKEY JOY\u003c\/span\u003e\u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eMINI PLAYER SURPRISES\u003c\/span\u003e\u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eFESTIVE COUNTDOWN FUN\u003c\/span\u003e\u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eMADE FOR HOCKEY FANS\u003c\/span\u003e\u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eHOLIDAY COLLECTIBLE MAGIC\u003c\/span\u003e\u003cb\u003e✦\u003c\/b\u003e \u003c\/div\u003e \u003cdiv class=\"hky26-marquee-group\"\u003e \u003cspan\u003e24 DAYS OF HOCKEY JOY\u003c\/span\u003e\u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eMINI PLAYER SURPRISES\u003c\/span\u003e\u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eFESTIVE COUNTDOWN FUN\u003c\/span\u003e\u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eMADE FOR HOCKEY FANS\u003c\/span\u003e\u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eHOLIDAY COLLECTIBLE MAGIC\u003c\/span\u003e\u003cb\u003e✦\u003c\/b\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- ========================================================        SECTION 3 — EMOTIONAL HOOK   ========================================================= --\u003e \u003csection class=\"hky26-card hky26-navy hky26-pad\"\u003e \u003cdiv class=\"hky26-eyebrow\"\u003e\u003cspan\u003eCHRISTMAS IS BETTER WHEN HOCKEY IS INVOLVED\u003c\/span\u003e\u003c\/div\u003e \u003ch2 id=\"hky26-story-title\" class=\"hky26-title hky26-shine-dark\"\u003eFor The Fan Who Dreams Of Hockey, Even During The Holidays.\u003c\/h2\u003e \u003cp class=\"hky26-copy\"\u003eYou know that person.\u003c\/p\u003e \u003cp class=\"hky26-copy\"\u003eThe one who never misses a chance to talk hockey. The one who loves the sound of skates on ice. The one who gets excited every time the puck drops.\u003c\/p\u003e \u003cp class=\"hky26-copy\"\u003eThis advent calendar brings that same hockey-loving energy to the countdown to Christmas.\u003c\/p\u003e \u003cp class=\"hky26-copy\"\u003eInstead of an ordinary daily treat, each numbered compartment offers a hockey-themed surprise to discover.\u003c\/p\u003e \u003cdiv class=\"hky26-mini-grid\"\u003e \u003cdiv class=\"hky26-mini\"\u003e \u003cspan class=\"hky26-mini-icon\"\u003e🏒\u003c\/span\u003e \u003cstrong\u003eHockey Personality\u003c\/strong\u003e \u003cp\u003eA celebration of the sport they love, right down to the tiny details.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"hky26-mini\"\u003e \u003cspan class=\"hky26-mini-icon\"\u003e🎄\u003c\/span\u003e \u003cstrong\u003eHoliday Excitement\u003c\/strong\u003e \u003cp\u003eAdd another moment of anticipation to the Christmas countdown.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"hky26-mini\"\u003e \u003cspan class=\"hky26-mini-icon\"\u003e🧸\u003c\/span\u003e \u003cstrong\u003eAdorable Characters\u003c\/strong\u003e \u003cp\u003eCute miniature hockey players bring a playful collectible look.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"hky26-mini\"\u003e \u003cspan class=\"hky26-mini-icon\"\u003e🎁\u003c\/span\u003e \u003cstrong\u003eThoughtful Gifting\u003c\/strong\u003e \u003cp\u003eA holiday surprise inspired by someone's favorite sport.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"hky26-insight\"\u003eThe best Christmas gifts aren't always about how big the present is. Sometimes they're about how perfectly the gift matches someone's personality.\u003c\/div\u003e \u003c\/section\u003e \u003c!-- ========================================================        SECTION 4 — THE DAILY UNBOXING EXPERIENCE   ========================================================= --\u003e \u003csection class=\"hky26-card hky26-ice hky26-pad\"\u003e \u003cdiv class=\"hky26-grid hky26-grid-reverse\"\u003e \u003cdiv\u003e \u003cdiv class=\"hky26-eyebrow\"\u003e\u003cspan\u003eA LITTLE HOCKEY SURPRISE EVERY DAY\u003c\/span\u003e\u003c\/div\u003e \u003ch2 id=\"hky26-unbox-title\" class=\"hky26-title hky26-shine-light\"\u003eOpen A Door. Discover A Surprise. Get Closer To Christmas.\u003c\/h2\u003e \u003cp class=\"hky26-copy\"\u003eThere's something special about advent calendars.\u003c\/p\u003e \u003cp class=\"hky26-copy\"\u003eThe numbered doors. The mystery. That little moment before you see what's waiting inside.\u003c\/p\u003e \u003cp class=\"hky26-copy\"\u003eThis hockey-themed calendar takes the familiar tradition and adds a sporty twist.\u003c\/p\u003e \u003cp class=\"hky26-copy\"\u003eBehind the festive red and navy compartments, the illustrated surprises include miniature hockey characters and rink-inspired accessories.\u003c\/p\u003e \u003cp class=\"hky26-copy\"\u003eIt's a fun way to make the days leading up to Christmas feel like a countdown to something exciting.\u003c\/p\u003e \u003cdiv class=\"hky26-tags\"\u003e \u003cspan class=\"hky26-tag\"\u003e 📅 24 Numbered Doors \u003c\/span\u003e \u003cspan class=\"hky26-tag\"\u003e 🏒 Hockey Surprises \u003c\/span\u003e \u003cspan class=\"hky26-tag\"\u003e ❄️ Winter Sports Theme \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"hky26-insight\"\u003eDon't just count the days until Christmas. Give each day a little reason to smile.\u003c\/div\u003e \u003cp class=\"hky26-small\"\u003eThe calendar has 24 numbered compartments. Individual contents may include small accessories, and not every door is necessarily a complete player figure.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"hky26-visual\"\u003e \u003cfigure class=\"hky26-media\"\u003e\u003cimg src=\"https:\/\/valorsca.us\/cdn\/shop\/files\/c4b55baa-9d10-4208-9952-32fcb43bd07f.png?v=1791792996\u0026amp;width=1946\" alt=\"Opened hockey Christmas advent calendar revealing 24 numbered compartments, miniature hockey players, goalie mask, pucks, hockey sticks and other hockey-themed accessories\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ========================================================        SECTION 5 — HOW IT WORKS   ========================================================= --\u003e \u003csection class=\"hky26-card hky26-light hky26-pad\"\u003e \u003cdiv class=\"hky26-center\"\u003e \u003cdiv class=\"hky26-eyebrow\"\u003e\u003cspan\u003eYOUR NEW HOLIDAY COUNTDOWN RITUAL\u003c\/span\u003e\u003c\/div\u003e \u003ch2 id=\"hky26-steps-title\" class=\"hky26-title hky26-shine-light\"\u003eThree Simple Steps To 24 Days Of Hockey Fun.\u003c\/h2\u003e \u003cp class=\"hky26-copy\"\u003eAll the excitement of an advent\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"CH","offers":[{"title":"Default Title","offer_id":49735153647854,"sku":null,"price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0819\/0296\/0878\/files\/1b96a397-b1cc-45dc-8f67-ca01ecc176bd.png?v=1791794402","url":"https:\/\/bavixa.com\/products\/%f0%9f%8e%84-puckjoy%e2%84%a2-hockey-advent-calendar-christmas-ice-hockey-surprise-gift-box-for-fans","provider":"bavixa","version":"1.0","type":"link"}