{"product_id":"mystery-dumpling-squishy-advent-calendar-24-day","title":"Mystery Dumpling Squishy Advent Calendar, 24 Day Christmas Countdown, Cute Squishy Toys Kids Gift","description":"\u003c!-- ============================================================\n  MYSTERY DUMPLING SQUISHY ADVENT CALENDAR — Product Detail Page\n  Pure HTML + CSS, no JS, paste directly into Shopify product description\n  Replace each \u003c!-- IMG: xxx --\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  \/* ============ Reset ============ *\/\n  .md-detail * { margin:0; padding:0; box-sizing:border-box; }\n  .md-detail {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\n    background: #0f0722;\n    color: #e8dff5;\n    line-height: 1.6;\n    padding: 0 0 120px 0;\n    overflow-x: hidden;\n    position: relative;\n    z-index: 1;\n  }\n  .md-detail img { max-width:100%; display:block; }\n\n  \/* ============ Module base ============ *\/\n  .md-module {\n    padding: 60px 24px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    border-radius: 32px;\n    margin: 16px 12px;\n  }\n  .md-tag {\n    display: inline-block;\n    font-size: 12px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    padding: 6px 18px;\n    border-radius: 20px;\n    margin-bottom: 16px;\n    font-weight: 600;\n  }\n  .md-title {\n    font-size: 30px;\n    font-weight: 800;\n    line-height: 1.25;\n    margin-bottom: 14px;\n    letter-spacing: 0.5px;\n  }\n  .md-desc {\n    font-size: 15px;\n    max-width: 520px;\n    margin: 0 auto 28px auto;\n    opacity: 0.92;\n  }\n  .md-img-wrap {\n    max-width: 560px;\n    margin: 0 auto;\n    border-radius: 24px;\n    overflow: hidden;\n    position: relative;\n  }\n  .md-img-wrap img {\n    width: 100%;\n    border-radius: 24px;\n  }\n\n  \/* ============ Module 1: HERO ============ *\/\n  .md-hero {\n    background: radial-gradient(ellipse at 50% 0%, #2a1458 0%, #0f0722 70%);\n    padding-top: 70px;\n  }\n  .md-hero .md-tag {\n    background: rgba(255,213,74,0.15);\n    color: #ffd54a;\n    border: 1px solid rgba(255,213,74,0.4);\n  }\n  .md-hero .md-title {\n    color: #ffd54a;\n    font-size: 36px;\n    text-shadow: 0 0 30px rgba(255,213,74,0.3);\n  }\n  .md-hero .md-title span { color: #ff9ff3; }\n  .md-hero .md-desc { color: #d4c5f0; }\n\n  .md-hero::before, .md-hero::after {\n    content: '';\n    position: absolute;\n    width: 6px; height: 6px;\n    background: #ffd54a;\n    border-radius: 50%;\n    box-shadow: 0 0 12px #ffd54a, 0 0 24px #ffd54a;\n    animation: mdTwinkle 2.5s ease-in-out infinite;\n  }\n  .md-hero::before { top: 15%; left: 12%; }\n  .md-hero::after  { top: 25%; right: 15%; animation-delay: 1.2s; }\n\n  .md-hero .md-img-wrap {\n    animation: mdFloat 4s ease-in-out infinite;\n    box-shadow: 0 20px 60px rgba(138, 90, 255, 0.35);\n  }\n\n  \/* ============ Module 2: 24-Day Countdown ============ *\/\n  .md-countdown {\n    background: linear-gradient(160deg, #1a0e38 0%, #241247 100%);\n  }\n  .md-countdown .md-tag {\n    background: rgba(255,159,243,0.15);\n    color: #ff9ff3;\n    border: 1px solid rgba(255,159,243,0.4);\n  }\n  .md-countdown .md-title { color: #ff9ff3; }\n  .md-countdown .md-desc { color: #d4c5f0; }\n\n  .md-days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    max-width: 480px;\n    margin: 0 auto 28px auto;\n  }\n  .md-day {\n    width: 32px; height: 32px;\n    line-height: 32px;\n    border-radius: 10px;\n    background: rgba(255,159,243,0.12);\n    border: 1px solid rgba(255,159,243,0.35);\n    color: #ff9ff3;\n    font-size: 13px;\n    font-weight: 700;\n    animation: mdGlow 2.8s ease-in-out infinite;\n  }\n  .md-day:nth-child(odd) { animation-delay: 0.6s; }\n  .md-day:nth-child(3n)  { animation-delay: 1.2s; }\n\n  .md-countdown .md-img-wrap {\n    box-shadow: 0 15px 50px rgba(255, 159, 243, 0.25);\n  }\n\n  \/* ============ Module 3: 3 Textures ============ *\/\n  .md-textures {\n    background: linear-gradient(135deg, #251347 0%, #2f1a5c 100%);\n  }\n  .md-textures .md-tag {\n    background: rgba(255,213,74,0.15);\n    color: #ffd54a;\n    border: 1px solid rgba(255,213,74,0.4);\n  }\n  .md-textures .md-title { color: #ffd54a; }\n  .md-textures .md-desc { color: #e0d4f7; }\n\n  .md-cards {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    max-width: 540px;\n    margin: 0 auto 28px auto;\n  }\n  .md-card {\n    flex: 1 1 140px;\n    padding: 18px 12px;\n    border-radius: 18px;\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.12);\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\n  }\n  .md-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 12px 30px rgba(255,213,74,0.2);\n  }\n  .md-card-icon { font-size: 28px; margin-bottom: 8px; }\n  .md-card-name {\n    font-size: 14px;\n    font-weight: 700;\n    color: #ffd54a;\n    margin-bottom: 4px;\n  }\n  .md-card-sub { font-size: 12px; color: #c9b8e8; }\n\n  .md-textures .md-img-wrap {\n    box-shadow: 0 15px 50px rgba(255, 213, 74, 0.2);\n  }\n\n  \/* ============ Module 4: Family Time ============ *\/\n  .md-family {\n    background: linear-gradient(160deg, #1e0f3d 0%, #2a1650 100%);\n  }\n  .md-family .md-tag {\n    background: rgba(255,159,243,0.15);\n    color: #ff9ff3;\n    border: 1px solid rgba(255,159,243,0.4);\n  }\n  .md-family .md-title { color: #ff9ff3; }\n  .md-family .md-desc { color: #d4c5f0; }\n\n  .md-family .md-img-wrap {\n    box-shadow: 0 15px 50px rgba(255, 159, 243, 0.25);\n    animation: mdFloat 5s ease-in-out infinite reverse;\n  }\n\n  .md-badges {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-bottom: 28px;\n  }\n  .md-badge {\n    font-size: 13px;\n    padding: 8px 16px;\n    border-radius: 20px;\n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(255,255,255,0.15);\n    color: #e8dff5;\n  }\n\n  \/* ============ Module 5: Space Packaging ============ *\/\n  .md-package {\n    background: linear-gradient(135deg, #2a1854 0%, #35206a 100%);\n  }\n  .md-package .md-tag {\n    background: rgba(255,213,74,0.15);\n    color: #ffd54a;\n    border: 1px solid rgba(255,213,74,0.4);\n  }\n  .md-package .md-title { color: #ffd54a; }\n  .md-package .md-desc { color: #e0d4f7; }\n\n  .md-package::before {\n    content: '';\n    position: absolute;\n    top: 50%; left: 50%;\n    width: 300px; height: 300px;\n    border: 1px dashed rgba(255,213,74,0.2);\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n    animation: mdOrbit 20s linear infinite;\n  }\n  .md-package::after {\n    content: '';\n    position: absolute;\n    top: 20%; right: 10%;\n    width: 12px; height: 12px;\n    background: #ffd54a;\n    border-radius: 50%;\n    box-shadow: 0 0 15px #ffd54a;\n    animation: mdTwinkle 2s ease-in-out infinite;\n  }\n\n  .md-package .md-img-wrap {\n    box-shadow: 0 15px 50px rgba(138, 90, 255, 0.4);\n  }\n\n  \/* ============ Module 6: CTA Gift ============ *\/\n  .md-gift {\n    background: radial-gradient(ellipse at 50% 100%, #2a1458 0%, #0f0722 70%);\n    padding-bottom: 70px;\n  }\n  .md-gift .md-tag {\n    background: rgba(255,159,243,0.15);\n    color: #ff9ff3;\n    border: 1px solid rgba(255,159,243,0.4);\n  }\n  .md-gift .md-title {\n    color: #ff9ff3;\n    font-size: 28px;\n  }\n  .md-gift .md-title span { color: #ffd54a; }\n  .md-gift .md-desc { color: #d4c5f0; }\n\n  .md-cta {\n    display: inline-block;\n    margin-top: 8px;\n    padding: 14px 40px;\n    border-radius: 30px;\n    background: linear-gradient(135deg, #ff9ff3, #ffd54a);\n    color: #1a0b2e;\n    font-weight: 800;\n    font-size: 15px;\n    letter-spacing: 1px;\n    animation: mdShine 3s ease-in-out infinite;\n    background-size: 200% 200%;\n  }\n\n  \/* ============ Keyframes ============ *\/\n  @keyframes mdTwinkle {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50%      { opacity: 0.3; transform: scale(0.6); }\n  }\n  @keyframes mdFloat {\n    0%, 100% { transform: translateY(0); }\n    50%      { transform: translateY(-10px); }\n  }\n  @keyframes mdGlow {\n    0%, 100% { box-shadow: 0 0 0 rgba(255,159,243,0); }\n    50%      { box-shadow: 0 0 12px rgba(255,159,243,0.5); }\n  }\n  @keyframes mdOrbit {\n    from { transform: translate(-50%, -50%) rotate(0deg); }\n    to   { transform: translate(-50%, -50%) rotate(360deg); }\n  }\n  @keyframes mdShine {\n    0%, 100% { background-position: 0% 50%; }\n    50%      { background-position: 100% 50%; }\n  }\n\n  .md-module { animation: mdFadeUp 0.9s ease-out both; }\n  .md-module:nth-child(1) { animation-delay: 0.1s; }\n  .md-module:nth-child(2) { animation-delay: 0.25s; }\n  .md-module:nth-child(3) { animation-delay: 0.4s; }\n  .md-module:nth-child(4) { animation-delay: 0.55s; }\n  .md-module:nth-child(5) { animation-delay: 0.7s; }\n  .md-module:nth-child(6) { animation-delay: 0.85s; }\n  @keyframes mdFadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (max-width: 480px) {\n    .md-title { font-size: 24px !important; }\n    .md-hero .md-title { font-size: 28px; }\n    .md-module { padding: 44px 18px; margin: 12px 8px; border-radius: 24px; }\n    .md-day { width: 28px; height: 28px; line-height: 28px; font-size: 11px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"md-detail\"\u003e\n\u003c!-- ============ Module 1: HERO ============ --\u003e \u003c!-- IMG: Replace with Image 1 (starry family-shot main image) --\u003e\n\u003csection class=\"md-module md-hero\"\u003e\n\u003cdiv class=\"md-tag\"\u003eSpace Edition · Christmas\u003c\/div\u003e\n\u003ch1 class=\"md-title\"\u003eMystery Dumpling\u003cbr\u003e\u003cspan\u003eSquishy Advent Calendar\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"md-desc\"\u003e24 days of Christmas countdown surprises · ultra-soft squishies · open a tiny joy every single day\u003c\/p\u003e\n\u003cdiv class=\"md-img-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/m1_82bac321-f08a-4214-831f-ea22ef5f643c.jpg?v=1791445393\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============ Module 2: 24-Day Countdown ============ --\u003e \u003c!-- IMG: Replace with Image 2 (gift box under Christmas tree) --\u003e\n\u003csection class=\"md-module md-countdown\"\u003e\n\u003cdiv class=\"md-tag\"\u003e24 Days of Surprises\u003c\/div\u003e\n\u003ch2 class=\"md-title\"\u003e24-Day Christmas Countdown\u003cbr\u003eOpen One Every Day\u003c\/h2\u003e\n\u003cp class=\"md-desc\"\u003eFrom Dec 1 to Christmas Eve, open a new door each day. Collect 24+ mini squishies, plus 1 hidden large special dumpling waiting to be discovered.\u003c\/p\u003e\n\u003cdiv class=\"md-days\"\u003e\n\u003cdiv class=\"md-day\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e6\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e7\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e8\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e9\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e10\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e11\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e12\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e13\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e14\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e15\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e16\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e17\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e18\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e19\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e20\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e21\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e22\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e23\u003c\/div\u003e\n\u003cdiv class=\"md-day\"\u003e24\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"md-img-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/m3_f1ba3c90-f3ab-4a03-aae1-245345dc45a5.jpg?v=1791445394\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============ Module 3: 3 Textures ============ --\u003e \u003c!-- IMG: Replace with Image 5 (clean family shot showing 3 textures) --\u003e\n\u003csection class=\"md-module md-textures\"\u003e\n\u003cdiv class=\"md-tag\"\u003e3 Texture Types\u003c\/div\u003e\n\u003ch2 class=\"md-title\"\u003e3 Amazing Textures\u003cbr\u003eEndless Squeeze Fun\u003c\/h2\u003e\n\u003cp class=\"md-desc\"\u003eEvery style delivers a different feel — bouncy, glittery, or doughy. Stress-relieving and endlessly therapeutic.\u003c\/p\u003e\n\u003cdiv class=\"md-cards\"\u003e\n\u003cdiv class=\"md-card\"\u003e\n\u003cdiv class=\"md-card-icon\"\u003e🟡\u003c\/div\u003e\n\u003cdiv class=\"md-card-name\"\u003eMaltose\u003c\/div\u003e\n\u003cdiv class=\"md-card-sub\"\u003eBouncy \u0026amp; stretchy pull\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"md-card\"\u003e\n\u003cdiv class=\"md-card-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"md-card-name\"\u003eSparkle\u003c\/div\u003e\n\u003cdiv class=\"md-card-sub\"\u003eGlitter \u0026amp; shimmer flow\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"md-card\"\u003e\n\u003cdiv class=\"md-card-icon\"\u003e⚪\u003c\/div\u003e\n\u003cdiv class=\"md-card-name\"\u003eWheat Flour\u003c\/div\u003e\n\u003cdiv class=\"md-card-sub\"\u003eMatte soft dough feel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"md-img-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/m2_29e07614-bb40-4025-bd47-22a8e4d99eb1.jpg?v=1791445394\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============ Module 4: Family Time ============ --\u003e \u003c!-- IMG: Replace with Image 3 (family playing with squishies) --\u003e\n\u003csection class=\"md-module md-family\"\u003e\n\u003cdiv class=\"md-tag\"\u003eFamily Time\u003c\/div\u003e\n\u003ch2 class=\"md-title\"\u003eWarm Christmas Moments\u003cbr\u003eTogether Under the Tree\u003c\/h2\u003e\n\u003cp class=\"md-desc\"\u003eMore than a toy — it's a cozy family ritual gathered around the Christmas tree. Made for kids ages 3+, soft and safe material parents can trust.\u003c\/p\u003e\n\u003cdiv class=\"md-badges\"\u003e\n\u003cdiv class=\"md-badge\"\u003e🎁 Ages 3+\u003c\/div\u003e\n\u003cdiv class=\"md-badge\"\u003e🧸 Soft \u0026amp; Safe\u003c\/div\u003e\n\u003cdiv class=\"md-badge\"\u003e🌟 Stress Relief\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"md-img-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/m4_16828665-d65d-4e7e-9699-f17c44a906cf.jpg?v=1791445394\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============ Module 5: Space Packaging ============ --\u003e \u003c!-- IMG: Replace with Image 4 (packaging side close-up) --\u003e\n\u003csection class=\"md-module md-package\"\u003e\n\u003cdiv class=\"md-tag\"\u003eSpace Edition\u003c\/div\u003e\n\u003ch2 class=\"md-title\"\u003eDazzling Starry Packaging\u003cbr\u003eAmazing Unboxing Moment\u003c\/h2\u003e\n\u003cp class=\"md-desc\"\u003eDreamy purple starry box with planets, rockets and glitter elements — unboxing feels like opening a tiny universe. Built-in ceremony for gifting.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ============ Module 6: CTA Gift ============ --\u003e \u003c!-- IMG: Replace with Image 6 (clean Christmas scene shot) --\u003e\n\u003csection class=\"md-module md-gift\"\u003e\n\u003cdiv class=\"md-tag\"\u003ePerfect Christmas Gift\u003c\/div\u003e\n\u003ch2 class=\"md-title\"\u003eThis Christmas,\u003cbr\u003e\u003cspan\u003eGive the Gift of Surprise\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"md-desc\"\u003eFor your kids, your bestie, or anyone needing a little stress relief — 24 days of tiny happiness, starting this winter.\u003c\/p\u003e\n\u003cdiv class=\"md-cta\"\u003eAdd to Cart · Grab Yours\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"WAQ","offers":[{"title":"Default Title","offer_id":62378971660428,"sku":"B03485-A","price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/m1_82bac321-f08a-4214-831f-ea22ef5f643c.jpg?v=1791445393","url":"https:\/\/yooyappvip.us\/products\/mystery-dumpling-squishy-advent-calendar-24-day","provider":"YooyappVip","version":"1.0","type":"link"}