{"product_id":"24-days-of-dinosaur-christmas-advent-calendar-24-collectible-dino-figurines-holiday-surprises","title":"🦖🎅🎄Calendrier de l’Avent de Noël des dinosaures – 24 jours, 24 figurines à collectionner et des surprises des fêtes","description":"\u003cstyle\u003e\n\/* ============================================================\n   24-DAY DINOSAUR CHRISTMAS ADVENT CALENDAR\n   PREMIUM 16-MODULE SHOPIFY PRODUCT DETAIL PAGE\n\n   THEME:\n   VINTAGE CHRISTMAS • FOREST GREEN • CHAMPAGNE GOLD\n\n   MAIN SECTION BACKGROUND:\n   ONE CONSISTENT SOFT CREAM-GREEN COLOR\n\n   EACH SECTION:\n   UNIQUE DINOSAUR \/ CHRISTMAS BACKGROUND MOTIF\n\n   TITLE:\n   FIXED 7-STOP ONE-WAY GRADIENT FLOW\n   DESKTOP 15S \/ MOBILE 10S\n\n   MOBILE-FIRST • NO JAVASCRIPT • NO IMAGE PLACEHOLDERS\n============================================================ *\/\n\n#dino-advent24{\n  --da-bg:#f1f1e7;\n  --da-paper:#fffdf7;\n  --da-cream:#fbf7eb;\n  --da-green:#294e3b;\n  --da-dark:#1c3e31;\n  --da-forest:#224635;\n  --da-sage:#e5ece0;\n  --da-red:#a44845;\n  --da-red-soft:#f9eae3;\n  --da-gold:#bd9558;\n  --da-gold-soft:#f6ebd6;\n  --da-ink:#324c3c;\n  --da-muted:#6a7a6a;\n  --da-line:rgba(68,102,73,.14);\n  --da-shadow:0 9px 28px rgba(39,65,45,.055);\n\n  width:100%;\n  max-width:1140px;\n  margin:0 auto;\n  padding:0 11px;\n  position:relative;\n  isolation:isolate;\n  box-sizing:border-box;\n  color:var(--da-ink);\n  font-family:Arial,Helvetica,sans-serif;\n  line-height:1.7;\n  container-type:inline-size;\n  container-name:dinoadvent24;\n}\n\n#dino-advent24 *,\n#dino-advent24 *::before,\n#dino-advent24 *::after{\n  box-sizing:border-box;\n  overflow-wrap:break-word;\n}\n\n#dino-advent24 h1,\n#dino-advent24 h2,\n#dino-advent24 h3,\n#dino-advent24 p{\n  margin:0;\n}\n\n\/* ============================================================\n   ALL 16 LARGE MODULES USE ONE UNIFIED BACKGROUND\n============================================================ *\/\n\n#dino-advent24 .da-section{\n  position:relative;\n  isolation:isolate;\n  overflow:hidden;\n  margin:0 0 14px;\n  padding:37px 28px;\n  border:1px solid var(--da-line);\n  border-radius:23px;\n  background:var(--da-bg);\n  text-align:center;\n}\n\n#dino-advent24 .da-section:last-child{\n  margin-bottom:0;\n}\n\n#dino-advent24 .da-section \u003e *{\n  position:relative;\n  z-index:1;\n}\n\n\/* Background illustrations *\/\n#dino-advent24 .da-section::before{\n  content:\"\";\n  position:absolute;\n  z-index:0;\n  width:270px;\n  height:175px;\n  top:-9px;\n  right:-16px;\n  background-image:var(--da-pattern);\n  background-size:var(--da-pattern-size,180px 160px);\n  background-repeat:repeat;\n  opacity:.28;\n  pointer-events:none;\n\n  -webkit-mask-image:linear-gradient(\n    270deg,\n    #000 0%,\n    rgba(0,0,0,.87) 43%,\n    transparent 100%\n  );\n\n  mask-image:linear-gradient(\n    270deg,\n    #000 0%,\n    rgba(0,0,0,.87) 43%,\n    transparent 100%\n  );\n}\n\n#dino-advent24 .da-section::after{\n  content:\"✦  ✧  ✦\";\n  position:absolute;\n  z-index:0;\n  bottom:12px;\n  left:24px;\n  color:rgba(135,151,111,.28);\n  font-size:13px;\n  letter-spacing:8px;\n  pointer-events:none;\n}\n\n\/* ============================================================\n   16 DIFFERENT DINOSAUR \/ CHRISTMAS BACKGROUND PATTERNS\n============================================================ *\/\n\n\/* 01 — Dinosaur footprint *\/\n#dino-advent24 .da-art-footprint{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='165' viewBox='0 0 160 165'%3E%3Cg fill='none' stroke='%2387a18a' stroke-width='2.4'%3E%3Cpath d='M43 113Q20 90 42 73Q64 58 82 76Q91 45 108 61Q126 78 105 113Q91 142 67 136Q49 135 43 113Z'\/%3E%3Cpath d='M21 52Q11 30 24 21Q39 15 45 40Q49 58 35 63Q27 65 21 52ZM68 34Q60 9 75 7Q91 7 91 33Q90 51 79 53Q69 52 68 34ZM116 47Q118 25 133 30Q148 38 137 58Q130 73 119 68Q111 61 116 47Z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:160px 165px;\n}\n\n\/* 02 — Waiting clock *\/\n#dino-advent24 .da-art-clock{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='165' height='165' viewBox='0 0 165 165'%3E%3Cg fill='none' stroke='%2394a28a' stroke-width='2.4'%3E%3Ccircle cx='82' cy='83' r='60'\/%3E%3Cpath d='M82 42V83L110 99M82 23V35M82 130V143M22 83H35M129 83H142'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:165px 165px;\n}\n\n\/* 03 — Dinosaur egg *\/\n#dino-advent24 .da-art-egg{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='165' viewBox='0 0 160 165'%3E%3Cg fill='none' stroke='%2391a287' stroke-width='2.5'%3E%3Cpath d='M80 15Q42 15 32 77Q20 137 80 149Q140 137 128 77Q118 15 80 15Z'\/%3E%3Cpath d='M31 94L50 83L66 99L82 82L100 100L119 85L130 94'\/%3E%3Cpath d='M66 49L76 58L66 68L57 58ZM100 59L109 68L100 77L91 68Z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:160px 165px;\n}\n\n\/* 04 — Christmas stars *\/\n#dino-advent24 .da-art-star{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='175' height='165' viewBox='0 0 175 165'%3E%3Cg fill='none' stroke='%23a49b72' stroke-width='2.3'%3E%3Cpath d='M88 10L102 63L155 77L102 91L88 145L74 91L21 77L74 63Z'\/%3E%3Cpath d='M28 15L33 30L48 35L33 40L28 55L23 40L8 35L23 30ZM148 107L153 120L166 125L153 130L148 143L143 130L130 125L143 120Z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:175px 165px;\n}\n\n\/* 05 — Christmas tree *\/\n#dino-advent24 .da-art-tree{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='170' height='175' viewBox='0 0 170 175'%3E%3Cg fill='none' stroke='%238ba289' stroke-width='2.4'%3E%3Cpath d='M85 15L59 58H70L41 104H58L25 144H145L112 104H129L100 58H111Z'\/%3E%3Cpath d='M85 144V167M56 81H114M49 121H121' stroke-dasharray='5 6'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:170px 175px;\n}\n\n\/* 06 — Numbered compartment *\/\n#dino-advent24 .da-art-drawer{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='185' height='170' viewBox='0 0 185 170'%3E%3Cg fill='none' stroke='%238da087' stroke-width='2'%3E%3Crect x='15' y='20' width='155' height='130' rx='7'\/%3E%3Cpath d='M66 20V150M118 20V150M15 63H170M15 106H170'\/%3E%3Cpath d='M35 38H46M88 38H98M140 38H150M35 80H46M88 80H98M140 80H150'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:185px 170px;\n}\n\n\/* 07 — Dinosaur tail *\/\n#dino-advent24 .da-art-tail{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='185' height='170' viewBox='0 0 185 170'%3E%3Cg fill='none' stroke='%238ba187' stroke-width='2.3'%3E%3Cpath d='M27 128Q52 76 106 69Q149 68 156 35Q167 67 145 90Q120 117 81 119Q52 122 27 128Z'\/%3E%3Cpath d='M62 92L70 68L85 82L99 58L112 74L126 50L138 68'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:185px 170px;\n}\n\n\/* 08 — Comparison stars *\/\n#dino-advent24 .da-art-compare{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='170' height='165' viewBox='0 0 170 165'%3E%3Cg fill='none' stroke='%23a1a187' stroke-width='2'%3E%3Cpath d='M85 17V145M30 48H140M58 145H112M44 48L19 100H69ZM126 48L101 100H151Z'\/%3E%3Cpath d='M19 100Q44 125 69 100M101 100Q126 125 151 100'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:170px 165px;\n}\n\n\/* 09 — Footprint trail *\/\n#dino-advent24 .da-art-trail{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='195' height='160' viewBox='0 0 195 160'%3E%3Cg fill='none' stroke='%238ca18b' stroke-width='2.4'%3E%3Cpath d='M12 145Q38 80 93 85T178 16' stroke-dasharray='7 10'\/%3E%3Ccircle cx='35' cy='111' r='12'\/%3E%3Ccircle cx='96' cy='90' r='11'\/%3E%3Ccircle cx='151' cy='44' r='10'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:195px 160px;\n}\n\n\/* 10 — Winter forest *\/\n#dino-advent24 .da-art-forest{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='190' height='170' viewBox='0 0 190 170'%3E%3Cg fill='none' stroke='%238ca187' stroke-width='2'%3E%3Cpath d='M52 19L30 65H41L18 112H36L11 145H92L67 112H83L60 65H73ZM133 43L113 83H123L101 125H116L99 151H177L160 125H175L153 83H163Z'\/%3E%3Cpath d='M52 145V162M136 151V166'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:190px 170px;\n}\n\n\/* 11 — Gift boxes *\/\n#dino-advent24 .da-art-gift{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='175' height='170' viewBox='0 0 175 170'%3E%3Cg fill='none' stroke='%23a99a7b' stroke-width='2.2'%3E%3Crect x='23' y='64' width='129' height='89' rx='4'\/%3E%3Cpath d='M15 64H160V46H15ZM87 46V153M87 46Q45 46 48 21Q67 3 87 46ZM87 46Q129 46 126 21Q107 3 87 46Z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:175px 170px;\n}\n\n\/* 12 — Four steps *\/\n#dino-advent24 .da-art-steps{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='210' height='150' viewBox='0 0 210 150'%3E%3Cg fill='none' stroke='%2390a28c' stroke-width='2'%3E%3Cpath d='M15 75H195' stroke-dasharray='5 8'\/%3E%3Ccircle cx='26' cy='75' r='14'\/%3E%3Ccircle cx='78' cy='75' r='14'\/%3E%3Ccircle cx='130' cy='75' r='14'\/%3E%3Ccircle cx='182' cy='75' r='14'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:210px 150px;\n}\n\n\/* 13 — Full calendar grid *\/\n#dino-advent24 .da-art-grid{\n  --da-pattern:\n    repeating-linear-gradient(\n      90deg,\n      rgba(124,148,116,.5) 0 1px,\n      transparent 1px 31px\n    ),\n    repeating-linear-gradient(\n      0deg,\n      rgba(124,148,116,.5) 0 1px,\n      transparent 1px 31px\n    );\n  --da-pattern-size:155px 155px;\n}\n\n\/* 14 — Festive checklist *\/\n#dino-advent24 .da-art-list{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='170' height='165' viewBox='0 0 170 165'%3E%3Cg fill='none' stroke='%2390a18a' stroke-width='2'%3E%3Crect x='24' y='15' width='122' height='138' rx='6'\/%3E%3Cpath d='M42 46L50 55L64 35M76 45H126M42 88L50 97L64 77M76 88H126M42 130L50 139L64 119M76 130H126'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:170px 165px;\n}\n\n\/* 15 — Questions *\/\n#dino-advent24 .da-art-faq{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='155' height='165' viewBox='0 0 155 165'%3E%3Cg fill='none' stroke='%2392a18a' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M26 51Q26 17 57 17Q88 17 88 49Q88 65 62 80V96'\/%3E%3Ccircle cx='62' cy='114' r='3'\/%3E%3Cpath d='M116 38V90M116 108V116'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:155px 165px;\n}\n\n\/* 16 — Magic sparkles *\/\n#dino-advent24 .da-art-magic{\n  --da-pattern:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='185' height='170' viewBox='0 0 185 170'%3E%3Cg fill='none' stroke='%23a99b7f' stroke-width='2'%3E%3Cpath d='M91 10L105 65L160 79L105 93L91 148L77 93L22 79L77 65Z'\/%3E%3Cpath d='M27 18L32 33L47 38L32 43L27 58L22 43L7 38L22 33M158 112L163 125L176 130L163 135L158 148L153 135L140 130L153 125'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  --da-pattern-size:185px 170px;\n}\n\n\/* ============================================================\n   ORIGINAL 7-STOP TITLE FLOW\n============================================================ *\/\n\n#dino-advent24 .da-title{\n  max-width:910px;\n  margin:0 auto 14px;\n  color:#204635;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(25px,3vw,37px);\n  line-height:1.19;\n  letter-spacing:-.7px;\n  font-weight:700;\n\n  background:linear-gradient(\n    90deg,\n    #204635 0%,\n    #577a5b 19%,\n    #a47b4e 38%,\n    #d7b678 53%,\n    #759169 68%,\n    #3d644b 83%,\n    #204635 100%\n  );\n\n  background-size:240% 100%;\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n\n  animation:da-title-flow 15s linear infinite;\n}\n\n#dino-advent24 .da-hero-title{\n  font-size:clamp(31px,4vw,47px);\n  line-height:1.12;\n}\n\n@keyframes da-title-flow{\n  0%{background-position:100% 50%}\n  100%{background-position:-140% 50%}\n}\n\n\/* ============================================================\n   LABELS AND TEXT\n============================================================ *\/\n\n#dino-advent24 .da-eyebrow{\n  display:inline-block;\n  margin:0 auto 12px;\n  padding:7px 15px;\n  border:1px solid #d6dfcf;\n  border-radius:999px;\n  background:#e4ebdc;\n  color:#4f704f;\n  font-size:10px;\n  font-weight:850;\n  letter-spacing:1.25px;\n  line-height:1.5;\n  text-transform:uppercase;\n}\n\n#dino-advent24 .da-lead{\n  max-width:830px;\n  margin:0 auto 17px;\n  color:#5e7462;\n  font-size:16px;\n  line-height:1.82;\n}\n\n#dino-advent24 .da-copy{\n  max-width:805px;\n  margin:0 auto 16px;\n  color:var(--da-muted);\n  font-size:14px;\n  line-height:1.82;\n}\n\n\/* ============================================================\n   FLEXIBLE GRIDS\n============================================================ *\/\n\n#dino-advent24 .da-grid2,\n#dino-advent24 .da-grid3,\n#dino-advent24 .da-grid4{\n  display:grid;\n  gap:12px;\n  margin-top:21px;\n  text-align:left;\n}\n\n#dino-advent24 .da-grid2{\n  grid-template-columns:repeat(2,minmax(0,1fr));\n}\n\n#dino-advent24 .da-grid3{\n  grid-template-columns:repeat(3,minmax(0,1fr));\n}\n\n#dino-advent24 .da-grid4{\n  grid-template-columns:repeat(4,minmax(0,1fr));\n}\n\n\/* ============================================================\n   PREMIUM SMALL CARDS\n============================================================ *\/\n\n#dino-advent24 .da-card{\n  min-width:0;\n  padding:21px 17px;\n  border:1px solid var(--da-line);\n  border-radius:17px;\n  background:var(--da-paper);\n  box-shadow:var(--da-shadow);\n}\n\n#dino-advent24 .da-card.da-sage{\n  background:#e6eee2;\n}\n\n#dino-advent24 .da-card.da-gold{\n  background:#f5e9d3;\n}\n\n#dino-advent24 .da-card.da-red{\n  background:#f8e7e2;\n}\n\n#dino-advent24 .da-card.da-dark-card{\n  background:#294939;\n  border-color:#486c51;\n}\n\n#dino-advent24 .da-card-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:41px;\n  height:41px;\n  margin-bottom:11px;\n  border:1px solid #d9e2d2;\n  border-radius:50%;\n  background:#eaf0e5;\n  color:#557653;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:16px;\n  font-weight:800;\n}\n\n#dino-advent24 .da-card h3{\n  margin-bottom:8px;\n  color:#31543c;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:18px;\n  line-height:1.35;\n}\n\n#dino-advent24 .da-card p{\n  color:#6b7b6e;\n  font-size:13px;\n  line-height:1.79;\n}\n\n#dino-advent24 .da-dark-card h3{\n  color:#fff8e9;\n}\n\n#dino-advent24 .da-dark-card p{\n  color:#e0e9dc;\n}\n\n\/* ============================================================\n   BENEFIT PILLS AND STATS\n============================================================ *\/\n\n#dino-advent24 .da-pills{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:9px;\n  margin:19px auto;\n}\n\n#dino-advent24 .da-pill{\n  display:inline-flex;\n  align-items:center;\n  padding:8px 12px;\n  border:1px solid #dbe3d5;\n  border-radius:999px;\n  background:#fffdf8;\n  color:#45684c;\n  font-size:12px;\n  font-weight:750;\n  line-height:1.5;\n}\n\n#dino-advent24 .da-stats{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:9px;\n  max-width:890px;\n  margin:15px auto 0;\n}\n\n#dino-advent24 .da-stat{\n  padding:15px 8px;\n  border:1px solid #e2dfd0;\n  border-radius:13px;\n  background:#fffdf8;\n}\n\n#dino-advent24 .da-stat strong{\n  display:block;\n  color:#3d6748;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:21px;\n  line-height:1.25;\n}\n\n#dino-advent24 .da-stat span{\n  display:block;\n  margin-top:5px;\n  color:#738275;\n  font-size:11px;\n  line-height:1.55;\n}\n\n\/* ============================================================\n   HERO COUNTDOWN FEATURE\n============================================================ *\/\n\n#dino-advent24 .da-hero-panel{\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  align-items:center;\n  gap:23px;\n  max-width:930px;\n  margin:23px auto 0;\n  padding:26px;\n  border:1px solid #476b51;\n  border-radius:20px;\n  background:\n    radial-gradient(\n      circle at 85% 10%,\n      rgba(208,161,83,.15),\n      transparent 47%\n    ),\n    #223e2f;\n  text-align:left;\n}\n\n#dino-advent24 .da-hero-panel small{\n  display:block;\n  margin-bottom:11px;\n  color:#ecd4a5;\n  font-size:10px;\n  font-weight:850;\n  letter-spacing:1.25px;\n}\n\n#dino-advent24 .da-hero-panel strong{\n  display:block;\n  margin-bottom:11px;\n  color:#fff8e9;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:24px;\n  line-height:1.34;\n}\n\n#dino-advent24 .da-hero-panel p{\n  color:#e0e8dc;\n  font-size:13px;\n  line-height:1.8;\n}\n\n#dino-advent24 .da-board{\n  min-width:0;\n  padding:14px;\n  border:1px solid #6b805a;\n  border-radius:14px;\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.055),\n      transparent 60%\n    ),\n    #173426;\n  box-shadow:\n    inset 0 0 0 4px rgba(195,164,93,.12),\n    0 12px 25px rgba(0,0,0,.13);\n}\n\n#dino-advent24 .da-board-caption{\n  margin-bottom:10px;\n  color:#e8ce92;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:13px;\n  font-weight:700;\n  text-align:center;\n  letter-spacing:1px;\n}\n\n#dino-advent24 .da-board-grid{\n  display:grid;\n  grid-template-columns:repeat(6,minmax(0,1fr));\n  gap:5px;\n}\n\n#dino-advent24 .da-board-grid span{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  min-width:0;\n  aspect-ratio:1\/1.06;\n  border:1px solid rgba(223,188,122,.35);\n  border-radius:4px;\n  background:#29573a;\n  color:#f2d79e;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:13px;\n  font-weight:700;\n  box-shadow:inset 0 1px 3px rgba(0,0,0,.12);\n}\n\n#dino-advent24 .da-board-grid span::after{\n  content:\"\";\n  position:absolute;\n  bottom:4px;\n  left:50%;\n  width:8px;\n  height:3px;\n  border-radius:0 0 8px 8px;\n  transform:translateX(-50%);\n  background:#152e23;\n  opacity:.7;\n}\n\n#dino-advent24 .da-board-footer{\n  margin-top:11px;\n  color:#eddec0;\n  font-size:10px;\n  font-weight:750;\n  text-align:center;\n  letter-spacing:.7px;\n}\n\n\/* ============================================================\n   EMOTIONAL NOTE\n============================================================ *\/\n\n#dino-advent24 .da-note{\n  max-width:860px;\n  margin:21px auto 0;\n  padding:19px 18px;\n  border:1px solid #dce0d1;\n  border-radius:16px;\n  background:#fffdf8;\n}\n\n#dino-advent24 .da-note strong{\n  display:block;\n  margin-bottom:6px;\n  color:#355640;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:20px;\n  line-height:1.45;\n}\n\n#dino-advent24 .da-note p{\n  color:#6e7e70;\n  font-size:12px;\n  line-height:1.78;\n}\n\n\/* ============================================================\n   DARK FEATURE SPOTLIGHT\n============================================================ *\/\n\n#dino-advent24 .da-spotlight{\n  max-width:930px;\n  margin:22px auto 0;\n  padding:31px 24px;\n  border:1px solid #547257;\n  border-radius:20px;\n  background:\n    radial-gradient(\n      circle at 12% 12%,\n      rgba(210,173,96,.19),\n      transparent 47%\n    ),\n    radial-gradient(\n      circle at 90% 87%,\n      rgba(177,68,67,.13),\n      transparent 45%\n    ),\n    #1d3b2d;\n}\n\n#dino-advent24 .da-spotlight small{\n  display:block;\n  margin-bottom:10px;\n  color:#efd19d;\n  font-size:10px;\n  font-weight:850;\n  letter-spacing:1.5px;\n}\n\n#dino-advent24 .da-spotlight strong{\n  display:block;\n  max-width:795px;\n  margin:0 auto 13px;\n  color:#fff8e8;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:28px;\n  line-height:1.32;\n}\n\n#dino-advent24 .da-spotlight p{\n  max-width:750px;\n  margin:0 auto;\n  color:#e0e9dc;\n  font-size:14px;\n  line-height:1.83;\n}\n\n#dino-advent24 .da-spotlight-line{\n  display:flex;\n  justify-content:center;\n  gap:17px;\n  margin-top:19px;\n  color:#e9c68c;\n  font-size:19px;\n}\n\n\/* ============================================================\n   CHARACTER DETAILS\n============================================================ *\/\n\n#dino-advent24 .da-feature{\n  min-width:0;\n  padding:22px 16px;\n  border:1px solid #dbe1d3;\n  border-radius:17px;\n  background:#fffdf8;\n  text-align:center;\n}\n\n#dino-advent24 .da-feature:nth-child(2){\n  background:#e8eee3;\n}\n\n#dino-advent24 .da-feature:nth-child(3){\n  background:#f7e9d7;\n}\n\n#dino-advent24 .da-feature:nth-child(4){\n  background:#f8e8e2;\n}\n\n#dino-advent24 .da-feature b{\n  display:block;\n  margin-bottom:10px;\n  color:#a67e4b;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:27px;\n  line-height:1.25;\n}\n\n#dino-advent24 .da-feature h3{\n  margin-bottom:8px;\n  color:#34543e;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:17px;\n  line-height:1.35;\n}\n\n#dino-advent24 .da-feature p{\n  color:#6e7d70;\n  font-size:12px;\n  line-height:1.78;\n}\n\n\/* ============================================================\n   COMPARISON\n============================================================ *\/\n\n#dino-advent24 .da-compare{\n  min-width:0;\n  padding:23px 20px;\n  border:1px solid #dce1d5;\n  border-radius:17px;\n  background:#fffdf8;\n  text-align:left;\n}\n\n#dino-advent24 .da-compare.da-featured{\n  background:#e6eee3;\n  border-color:#bed1b9;\n}\n\n#dino-advent24 .da-compare h3{\n  margin-bottom:13px;\n  color:#365642;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:20px;\n  line-height:1.35;\n}\n\n#dino-advent24 .da-compare ul{\n  padding:0;\n  margin:0;\n  list-style:none;\n}\n\n#dino-advent24 .da-compare li{\n  position:relative;\n  padding:9px 0 9px 18px;\n  border-bottom:1px solid rgba(92,114,88,.12);\n  color:#6c7b6d;\n  font-size:13px;\n  line-height:1.75;\n}\n\n#dino-advent24 .da-compare li::before{\n  content:\"✦\";\n  position:absolute;\n  left:0;\n  top:10px;\n  color:#b48b51;\n  font-size:11px;\n}\n\n#dino-advent24 .da-compare li:last-child{\n  border-bottom:0;\n}\n\n\/* ============================================================\n   USE CASES\n============================================================ *\/\n\n#dino-advent24 .da-use{\n  min-width:0;\n  padding:21px 14px;\n  border:1px solid #dce1d5;\n  border-radius:17px;\n  background:#fffdf8;\n  text-align:center;\n}\n\n#dino-advent24 .da-use:nth-child(2){\n  background:#e7eee3;\n}\n\n#dino-advent24 .da-use:nth-child(3){\n  background:#f6ead6;\n}\n\n#dino-advent24 .da-use:nth-child(4){\n  background:#f8e8e2;\n}\n\n#dino-advent24 .da-use b{\n  display:block;\n  margin-bottom:9px;\n  color:#aa8350;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:27px;\n}\n\n#dino-advent24 .da-use h3{\n  margin-bottom:8px;\n  color:#375640;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:17px;\n  line-height:1.35;\n}\n\n#dino-advent24 .da-use p{\n  color:#6e7b6f;\n  font-size:12px;\n  line-height:1.79;\n}\n\n\/* ============================================================\n   GIFT OPTIONS\n============================================================ *\/\n\n#dino-advent24 .da-gift{\n  min-width:0;\n  padding:23px 17px;\n  border:1px solid #dce1d6;\n  border-radius:17px;\n  background:#fffdf8;\n  text-align:center;\n}\n\n#dino-advent24 .da-gift:nth-child(2){\n  background:#f6ead6;\n}\n\n#dino-advent24 .da-gift:nth-child(3){\n  background:#e8eee3;\n}\n\n#dino-advent24 .da-gift b{\n  display:block;\n  margin-bottom:10px;\n  color:#ad8550;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:27px;\n}\n\n#dino-advent24 .da-gift h3{\n  margin-bottom:8px;\n  color:#365541;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:19px;\n  line-height:1.34;\n}\n\n#dino-advent24 .da-gift p{\n  color:#6e7b70;\n  font-size:13px;\n  line-height:1.77;\n}\n\n\/* ============================================================\n   HOW-TO STEPS\n============================================================ *\/\n\n#dino-advent24 .da-step{\n  min-width:0;\n  padding:21px 15px;\n  border:1px solid #dce1d4;\n  border-radius:17px;\n  background:#fffdf8;\n  text-align:left;\n}\n\n#dino-advent24 .da-step-num{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:40px;\n  height:40px;\n  margin-bottom:11px;\n  border-radius:50%;\n  background:#3c704b;\n  color:#fff;\n  font-size:15px;\n  font-weight:850;\n}\n\n#dino-advent24 .da-step:nth-child(2) .da-step-num{\n  background:#b18a53;\n}\n\n#dino-advent24 .da-step:nth-child(3) .da-step-num{\n  background:#a8514e;\n}\n\n#dino-advent24 .da-step:nth-child(4) .da-step-num{\n  background:#52755d;\n}\n\n#dino-advent24 .da-step h3{\n  margin-bottom:8px;\n  color:#345440;\n  font-size:15px;\n  font-weight:850;\n  line-height:1.43;\n}\n\n#dino-advent24 .da-step p{\n  color:#6d7b6d;\n  font-size:13px;\n  line-height:1.78;\n}\n\n\/* ============================================================\n   COLLECTION PANEL\n============================================================ *\/\n\n#dino-advent24 .da-collection{\n  display:grid;\n  grid-template-columns:.6fr 1.4fr;\n  align-items:center;\n  gap:22px;\n  max-width:895px;\n  margin:23px auto 0;\n  padding:25px;\n  border:1px solid #dbe1d4;\n  border-radius:19px;\n  background:#fffdf8;\n  text-align:left;\n}\n\n#dino-advent24 .da-collection-number{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  min-height:169px;\n  border:1px solid #c7d8c2;\n  border-radius:16px;\n  background:#e4eee0;\n  text-align:center;\n}\n\n#dino-advent24 .da-collection-number b{\n  color:#426c4a;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:73px;\n  line-height:1;\n}\n\n#dino-advent24 .da-collection-number span{\n  display:block;\n  max-width:150px;\n  margin-top:10px;\n  color:#5f7860;\n  font-size:10px;\n  font-weight:850;\n  letter-spacing:1.05px;\n  line-height:1.5;\n}\n\n#dino-advent24 .da-collection-info h3{\n  margin-bottom:10px;\n  color:#355640;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:23px;\n  line-height:1.35;\n}\n\n#dino-advent24 .da-collection-info p{\n  color:#697a6c;\n  font-size:13px;\n  line-height:1.8;\n}\n\n#dino-advent24 .da-collection-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  margin-top:14px;\n}\n\n#dino-advent24 .da-collection-tags span{\n  display:inline-flex;\n  padding:7px 10px;\n  border:1px solid #dce4d5;\n  border-radius:999px;\n  background:#edf2e8;\n  color:#4f7151;\n  font-size:11px;\n  font-weight:750;\n}\n\n\/* ============================================================\n   PRODUCT INFORMATION TABLE\n============================================================ *\/\n\n#dino-advent24 .da-tablewrap{\n  max-width:895px;\n  margin:22px auto 0;\n  overflow:hidden;\n  border:1px solid #dce0d3;\n  border-radius:17px;\n  background:#fffdf8;\n}\n\n#dino-advent24 .da-table{\n  width:100%;\n  border-collapse:collapse;\n  text-align:left;\n}\n\n#dino-advent24 .da-table tr{\n  border-bottom:1px solid #e4e6da;\n}\n\n#dino-advent24 .da-table tr:nth-child(even){\n  background:#edf1e7;\n}\n\n#dino-advent24 .da-table tr:last-child{\n  border-bottom:0;\n}\n\n#dino-advent24 .da-table th{\n  width:36%;\n  padding:13px 16px;\n  color:#365741;\n  font-size:13px;\n  font-weight:850;\n  line-height:1.75;\n  vertical-align:top;\n}\n\n#dino-advent24 .da-table td{\n  padding:13px 16px;\n  color:#6c7b6e;\n  font-size:13px;\n  line-height:1.78;\n  vertical-align:top;\n}\n\n\/* ============================================================\n   FAQ\n============================================================ *\/\n\n#dino-advent24 .da-faq{\n  max-width:875px;\n  margin:22px auto 0;\n  text-align:left;\n}\n\n#dino-advent24 .da-faq-item{\n  padding:17px 0;\n  border-bottom:1px solid #dce1d5;\n}\n\n#dino-advent24 .da-faq-item:first-child{\n  border-top:1px solid #dce1d5;\n}\n\n#dino-advent24 .da-faq-item strong{\n  display:block;\n  margin-bottom:6px;\n  color:#355540;\n  font-size:14px;\n  font-weight:850;\n  line-height:1.56;\n}\n\n#dino-advent24 .da-faq-item p{\n  color:#6b7a6c;\n  font-size:13px;\n  line-height:1.8;\n}\n\n\/* ============================================================\n   FINAL CTA\n============================================================ *\/\n\n#dino-advent24 .da-final-inner{\n  max-width:925px;\n  margin:22px auto 0;\n  padding:36px 25px;\n  border:1px solid #517154;\n  border-radius:20px;\n  background:\n    radial-gradient(\n      circle at 13% 13%,\n      rgba(222,179,101,.17),\n      transparent 47%\n    ),\n    radial-gradient(\n      circle at 88% 87%,\n      rgba(167,67,65,.14),\n      transparent 44%\n    ),\n    #1e3e2e;\n}\n\n#dino-advent24 .da-final-inner strong{\n  display:block;\n  max-width:800px;\n  margin:0 auto 15px;\n  color:#fff8e9;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:28px;\n  line-height:1.32;\n}\n\n#dino-advent24 .da-final-inner p{\n  max-width:770px;\n  margin:0 auto 15px;\n  color:#e0e9dc;\n  font-size:14px;\n  line-height:1.81;\n}\n\n#dino-advent24 .da-final-tags{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:9px;\n  margin:21px auto;\n}\n\n#dino-advent24 .da-final-tags span{\n  padding:8px 12px;\n  border:1px solid rgba(241,218,168,.25);\n  border-radius:999px;\n  background:rgba(255,255,255,.05);\n  color:#f0e3c6;\n  font-size:11px;\n  font-weight:750;\n}\n\n#dino-advent24 .da-final-action{\n  display:block;\n  max-width:510px;\n  margin:23px auto 0;\n  padding:15px 17px;\n  border:1px solid #eed7a5;\n  border-radius:12px;\n  background:#f5e3bc;\n  color:#31513b;\n  font-size:13px;\n  font-weight:850;\n  line-height:1.6;\n  letter-spacing:.35px;\n}\n\n#dino-advent24 .da-backtop{\n  display:inline-block;\n  margin-top:19px;\n  color:#efd6a3!important;\n  font-size:12px;\n  font-weight:750;\n  text-decoration:none!important;\n}\n\n\/* ============================================================\n   RESPONSIVE CONTAINERS\n============================================================ *\/\n\n@container dinoadvent24 (max-width:850px){\n  .da-grid4{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n}\n\n@container dinoadvent24 (max-width:620px){\n  .da-grid2,\n  .da-grid3{\n    grid-template-columns:1fr;\n  }\n}\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media(max-width:700px){\n\n  #dino-advent24{\n    padding:0 7px;\n  }\n\n  #dino-advent24 .da-section{\n    margin-bottom:11px;\n    padding:26px 16px;\n    border-radius:18px;\n  }\n\n  #dino-advent24 .da-title{\n    font-size:25px;\n    animation-duration:10s;\n    letter-spacing:-.35px;\n  }\n\n  #dino-advent24 .da-hero-title{\n    font-size:31px;\n  }\n\n  #dino-advent24 .da-lead{\n    font-size:14px;\n  }\n\n  #dino-advent24 .da-copy{\n    font-size:13px;\n  }\n\n  #dino-advent24 .da-grid2,\n  #dino-advent24 .da-grid3{\n    grid-template-columns:1fr;\n  }\n\n  #dino-advent24 .da-grid4{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:9px;\n  }\n\n  #dino-advent24 .da-card{\n    padding:17px 15px;\n  }\n\n  #dino-advent24 .da-card h3{\n    font-size:17px;\n  }\n\n  #dino-advent24 .da-hero-panel{\n    grid-template-columns:1fr;\n    gap:20px;\n    padding:20px 16px;\n  }\n\n  #dino-advent24 .da-hero-panel strong{\n    font-size:22px;\n  }\n\n  #dino-advent24 .da-board{\n    max-width:450px;\n    width:100%;\n    margin:0 auto;\n  }\n\n  #dino-advent24 .da-board-grid{\n    gap:5px;\n  }\n\n  #dino-advent24 .da-stats{\n    gap:6px;\n  }\n\n  #dino-advent24 .da-stat{\n    padding:12px 5px;\n  }\n\n  #dino-advent24 .da-stat strong{\n    font-size:19px;\n  }\n\n  #dino-advent24 .da-stat span{\n    font-size:10px;\n  }\n\n  #dino-advent24 .da-note{\n    padding:17px 14px;\n  }\n\n  #dino-advent24 .da-note strong{\n    font-size:18px;\n  }\n\n  #dino-advent24 .da-spotlight{\n    padding:25px 17px;\n  }\n\n  #dino-advent24 .da-spotlight strong{\n    font-size:23px;\n  }\n\n  #dino-advent24 .da-section::before{\n    width:175px;\n    height:135px;\n    opacity:.24;\n  }\n\n  #dino-advent24 .da-compare{\n    padding:20px 17px;\n  }\n\n  #dino-advent24 .da-collection{\n    grid-template-columns:1fr;\n    padding:19px 16px;\n  }\n\n  #dino-advent24 .da-collection-number{\n    min-height:116px;\n  }\n\n  #dino-advent24 .da-collection-number b{\n    font-size:54px;\n  }\n\n  #dino-advent24 .da-table th,\n  #dino-advent24 .da-table td{\n    padding:11px 10px;\n    font-size:12px;\n  }\n\n  #dino-advent24 .da-final-inner{\n    padding:27px 17px;\n  }\n\n  #dino-advent24 .da-final-inner strong{\n    font-size:23px;\n  }\n\n}\n\n@media(max-width:400px){\n\n  #dino-advent24 .da-pill{\n    padding:8px 10px;\n    font-size:11px;\n  }\n\n  #dino-advent24 .da-grid4{\n    gap:8px;\n  }\n\n  #dino-advent24 .da-grid4 .da-card,\n  #dino-advent24 .da-grid4 .da-feature,\n  #dino-advent24 .da-grid4 .da-use,\n  #dino-advent24 .da-grid4 .da-step{\n    padding:15px 11px;\n  }\n\n  #dino-advent24 .da-grid4 h3{\n    font-size:15px;\n  }\n\n  #dino-advent24 .da-grid4 p{\n    font-size:12px;\n  }\n\n  #dino-advent24 .da-board-grid span{\n    font-size:11px;\n  }\n\n}\n\n@media(prefers-reduced-motion:reduce){\n\n  #dino-advent24 .da-title{\n    animation:none;\n    background:none;\n    color:#204635;\n    -webkit-text-fill-color:#204635;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv id=\"dino-advent24\"\u003e\n\n\u003c\/div\u003e","brand":"XCC","offers":[{"title":"Default Title","offer_id":44516029595735,"sku":"NC035526102112035-A款恐龙盲盒","price":34.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/35bb31c0-7d6a-4780-b356-ec7e046012aa.png?v=1792571782","url":"https:\/\/mycheesemas.com\/fr\/products\/24-days-of-dinosaur-christmas-advent-calendar-24-collectible-dino-figurines-holiday-surprises","provider":"mycheesemas","version":"1.0","type":"link"}