{"product_id":"2-in-1-transforming-mechanical-egg-dragon-phoenix-winged-unicorn","title":"🥚2-in-1 Transforming Mechanical Egg – Dragon, Phoenix \u0026 Winged Unicorn","description":"\u003cstyle\u003e\n\/* =========================================================\n   FANTASY TRANSFORM COLLECTION\n   Optimized for Shopify Custom Liquid\n   ========================================================= *\/\n\n#fantasy-transform-page,\n#fantasy-transform-page * {\n  box-sizing: border-box;\n  min-width: 0;\n}\n\n#fantasy-transform-page {\n  --bg-deep: #100806;\n  --bg-main: #1a0d09;\n  --bg-warm: #2b120c;\n\n  --surface: rgba(255,255,255,.055);\n  --surface-strong: rgba(255,255,255,.085);\n\n  --text-main: #fffaf5;\n  --text-soft: #e5d4c9;\n  --text-muted: #cdb8aa;\n\n  --gold: #ffc66c;\n  --gold-soft: #ffe0a7;\n  --orange: #e76f32;\n  --red: #a73d22;\n\n  --border: rgba(255,222,190,.15);\n  --border-strong: rgba(255,200,120,.28);\n\n  --shadow:\n    0 24px 70px rgba(0,0,0,.28),\n    0 4px 18px rgba(0,0,0,.16);\n\n  width: 100%;\n  max-width: 1120px;\n  margin: 0 auto;\n  padding: 18px;\n\n  color: var(--text-main);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  font-size: 16px;\n  line-height: 1.65;\n\n  background:\n    radial-gradient(circle at 10% 0%, rgba(220,92,35,.18), transparent 28%),\n    radial-gradient(circle at 92% 8%, rgba(255,193,92,.12), transparent 26%),\n    radial-gradient(circle at 55% 55%, rgba(130,38,20,.12), transparent 40%),\n    linear-gradient(180deg, #170a07 0%, #27110c 45%, #120806 100%);\n\n  border: 1px solid rgba(255,255,255,.06);\n  border-radius: 30px;\n\n  overflow: hidden;\n  position: relative;\n  isolation: isolate;\n}\n\n\n\/* ambient decoration *\/\n\n#fantasy-transform-page::before,\n#fantasy-transform-page::after {\n  content: \"\";\n  position: absolute;\n  pointer-events: none;\n  z-index: -1;\n  border-radius: 50%;\n  filter: blur(20px);\n}\n\n#fantasy-transform-page::before {\n  width: 320px;\n  height: 320px;\n  top: 180px;\n  right: -170px;\n  background: rgba(255,164,70,.07);\n}\n\n#fantasy-transform-page::after {\n  width: 360px;\n  height: 360px;\n  left: -220px;\n  top: 48%;\n  background: rgba(181,53,28,.08);\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n   ========================================================= *\/\n\n#fantasy-transform-page h1,\n#fantasy-transform-page h2,\n#fantasy-transform-page h3,\n#fantasy-transform-page p {\n  margin-top: 0;\n  overflow-wrap: normal;\n  word-break: normal;\n  hyphens: none;\n}\n\n#fantasy-transform-page h1,\n#fantasy-transform-page h2,\n#fantasy-transform-page h3 {\n  text-wrap: balance;\n}\n\n#fantasy-transform-page h1 {\n  margin: 0 0 18px;\n\n  color: #ffffff;\n\n  font-size: clamp(38px, 6vw, 68px);\n  font-weight: 850;\n  line-height: .99;\n\n  letter-spacing: -.045em;\n}\n\n#fantasy-transform-page h2 {\n  margin: 0 0 15px;\n\n  color: #ffffff;\n\n  font-size: clamp(27px, 4vw, 43px);\n  font-weight: 800;\n  line-height: 1.08;\n\n  letter-spacing: -.035em;\n}\n\n#fantasy-transform-page h3 {\n  margin: 0 0 9px;\n\n  color: #ffffff;\n\n  font-size: 19px;\n  font-weight: 750;\n  line-height: 1.28;\n}\n\n#fantasy-transform-page p {\n  margin-bottom: 15px;\n\n  color: var(--text-soft);\n\n  font-size: 15px;\n  line-height: 1.75;\n}\n\n#fantasy-transform-page strong,\n#fantasy-transform-page b {\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   CARD SYSTEM\n   ========================================================= *\/\n\n#fantasy-transform-page .ft-card {\n  position: relative;\n\n  padding: clamp(24px, 4.8vw, 52px);\n  margin: 0 0 18px;\n\n  border: 1px solid var(--border);\n  border-radius: 26px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.065),\n      rgba(255,255,255,.018)\n    );\n\n  box-shadow: var(--shadow);\n\n  overflow: hidden;\n}\n\n#fantasy-transform-page .ft-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      115deg,\n      rgba(255,255,255,.035),\n      transparent 30%\n    );\n\n  opacity: .8;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n#fantasy-transform-page .ft-hero {\n  padding: 0;\n\n  border-color: rgba(255,198,108,.27);\n\n  background:\n    radial-gradient(circle at 50% -20%, rgba(255,169,69,.2), transparent 42%),\n    linear-gradient(145deg, #34150e 0%, #1a0b08 70%);\n}\n\n#fantasy-transform-page .ft-hero::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 0;\n\n  width: 65%;\n  height: 2px;\n\n  transform: translateX(-50%);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,205,129,.8),\n      transparent\n    );\n}\n\n#fantasy-transform-page .ft-hero-copy {\n  position: relative;\n  z-index: 2;\n\n  padding:\n    clamp(38px, 7vw, 72px)\n    clamp(20px, 6vw, 70px)\n    clamp(30px, 5vw, 52px);\n\n  text-align: center;\n}\n\n#fantasy-transform-page .ft-hero h1 {\n  max-width: 900px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n#fantasy-transform-page .ft-lead {\n  max-width: 760px;\n  margin: 0 auto 22px;\n\n  color: #f2dfd3;\n\n  font-size: clamp(15px, 2vw, 18px);\n  line-height: 1.72;\n}\n\n\n\/* =========================================================\n   KICKER\n   ========================================================= *\/\n\n#fantasy-transform-page .ft-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  margin-bottom: 13px;\n\n  color: var(--gold);\n\n  font-size: 11px;\n  font-weight: 850;\n  line-height: 1.3;\n\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n#fantasy-transform-page .ft-kicker::before {\n  content: \"\";\n\n  width: 20px;\n  height: 1px;\n\n  background: currentColor;\n\n  opacity: .75;\n}\n\n\n\/* =========================================================\n   PILLS\n   ========================================================= *\/\n\n#fantasy-transform-page .ft-pills {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n\n  gap: 9px;\n\n  margin-top: 23px;\n}\n\n#fantasy-transform-page .ft-pill {\n  display: inline-flex;\n  align-items: center;\n\n  min-height: 38px;\n\n  padding: 8px 14px;\n\n  border: 1px solid rgba(255,199,108,.27);\n  border-radius: 999px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.09),\n      rgba(255,255,255,.035)\n    );\n\n  color: #fff8ee;\n\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.25;\n\n  white-space: normal;\n\n  box-shadow:\n    inset 0 1px rgba(255,255,255,.06),\n    0 7px 20px rgba(0,0,0,.1);\n\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    background .25s ease;\n}\n\n#fantasy-transform-page .ft-pill:hover {\n  transform: translateY(-2px);\n\n  border-color: rgba(255,202,114,.52);\n\n  background: rgba(255,255,255,.1);\n}\n\n\n\/* =========================================================\n   IMAGES \/ FIGURES\n   ========================================================= *\/\n\n#fantasy-transform-page figure {\n  position: relative;\n\n  margin: 0;\n\n  border: 1px solid rgba(255,220,190,.12);\n  border-radius: 20px;\n\n  background: #170b08;\n\n  overflow: hidden;\n\n  box-shadow:\n    0 18px 45px rgba(0,0,0,.21),\n    inset 0 1px rgba(255,255,255,.04);\n\n  isolation: isolate;\n}\n\n#fantasy-transform-page figure::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n\n  border-radius: inherit;\n\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);\n}\n\n#fantasy-transform-page figure img,\n#fantasy-transform-page .ft-video {\n  display: block;\n\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n\n  object-fit: cover;\n\n  background: #100806;\n\n  transition:\n    transform .7s cubic-bezier(.2,.7,.2,1),\n    filter .45s ease;\n}\n\n#fantasy-transform-page figure:hover img {\n  transform: scale(1.018);\n\n  filter: brightness(1.025);\n}\n\n#fantasy-transform-page figcaption {\n  position: relative;\n  z-index: 2;\n\n  padding: 11px 14px;\n\n  border-top: 1px solid rgba(255,255,255,.06);\n\n  background: rgba(18,9,7,.94);\n\n  color: var(--text-muted);\n\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n#fantasy-transform-page .ft-image {\n  margin-top: 20px;\n}\n\n\n\/* HERO IMAGE *\/\n\n#fantasy-transform-page .ft-hero \u003e figure {\n  border-radius: 0;\n  border-left: 0;\n  border-right: 0;\n  border-bottom: 0;\n\n  box-shadow: none;\n}\n\n\n\/* =========================================================\n   CREATURE LAYOUT\n   ========================================================= *\/\n\n#fantasy-transform-page .ft-creature {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n  grid-template-columns: 1fr;\n\n  gap: 24px;\n\n  align-items: center;\n}\n\n#fantasy-transform-page .ft-creature .ft-copy {\n  order: 0;\n}\n\n#fantasy-transform-page .ft-creature \u003e figure {\n  order: 1;\n}\n\n\n\/* =========================================================\n   FEATURE LIST\n   ========================================================= *\/\n\n#fantasy-transform-page .ft-list {\n  padding: 0;\n  margin: 21px 0 0;\n\n  list-style: none;\n}\n\n#fantasy-transform-page .ft-list li {\n  display: flex;\n  align-items: flex-start;\n\n  gap: 11px;\n\n  margin: 0 0 13px;\n  padding: 13px 15px;\n\n  border: 1px solid rgba(255,255,255,.055);\n  border-radius: 14px;\n\n  background: rgba(255,255,255,.025);\n\n  color: #e7d7cd;\n\n  font-size: 14px;\n  line-height: 1.58;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    border-color .25s ease;\n}\n\n#fantasy-transform-page .ft-list li:hover {\n  transform: translateX(3px);\n\n  background: rgba(255,255,255,.045);\n\n  border-color: rgba(255,200,120,.16);\n}\n\n#fantasy-transform-page .ft-list b {\n  color: var(--gold-soft);\n}\n\n#fantasy-transform-page .ft-number {\n  display: inline-grid;\n  place-items: center;\n\n  flex: 0 0 27px;\n\n  width: 27px;\n  height: 27px;\n\n  margin-top: 1px;\n\n  border: 1px solid rgba(255,255,255,.1);\n  border-radius: 50%;\n\n  background:\n    linear-gradient(145deg, #ffd27e, #e59d32);\n\n  color: #301209;\n\n  font-size: 11px;\n  font-weight: 900;\n\n  box-shadow: 0 5px 15px rgba(229,157,50,.2);\n}\n\n\n\/* =========================================================\n   BANNER\n   ========================================================= *\/\n\n#fantasy-transform-page .ft-banner {\n  border-color: rgba(255,192,100,.19);\n\n  background:\n    radial-gradient(circle at 100% 0%, rgba(255,178,74,.12), transparent 31%),\n    linear-gradient(\n      125deg,\n      rgba(134,40,18,.87),\n      rgba(68,24,15,.94) 52%,\n      rgba(29,13,10,.97)\n    );\n}\n\n#fantasy-transform-page .ft-banner p {\n  color: #f3ddd0;\n}\n\n\n\/* PHOENIX CARD ACCENT *\/\n\n#fantasy-transform-page .ft-banner:nth-of-type(4) {\n  background:\n    radial-gradient(circle at 15% 10%, rgba(255,168,49,.16), transparent 28%),\n    radial-gradient(circle at 95% 75%, rgba(150,27,15,.16), transparent 30%),\n    linear-gradient(\n      125deg,\n      rgba(105,30,15,.94),\n      rgba(48,17,12,.96)\n    );\n}\n\n\n\/* =========================================================\n   TRANSFORMATION GRID\n   ========================================================= *\/\n\n#fantasy-transform-page .ft-grid {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0,1fr));\n\n  gap: 11px;\n\n  margin-top: 21px;\n}\n\n#fantasy-transform-page .ft-mini {\n  position: relative;\n\n  padding: 17px;\n\n  border: 1px solid rgba(255,220,190,.13);\n  border-radius: 16px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.065),\n      rgba(255,255,255,.022)\n    );\n\n  box-shadow: inset 0 1px rgba(255,255,255,.025);\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    border-color .25s ease;\n}\n\n#fantasy-transform-page .ft-mini:hover {\n  transform: translateY(-3px);\n\n  background: rgba(255,255,255,.075);\n\n  border-color: rgba(255,202,115,.25);\n}\n\n#fantasy-transform-page .ft-mini strong {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: #ffffff;\n\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1.4;\n}\n\n#fantasy-transform-page .ft-mini span {\n  display: block;\n\n  color: #d9c4b7;\n\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   NOTES\n   ========================================================= *\/\n\n#fantasy-transform-page .ft-note {\n  position: relative;\n\n  padding: 15px 17px;\n  margin-top: 19px;\n\n  border: 1px solid rgba(255,201,115,.15);\n  border-left: 3px solid var(--gold);\n  border-radius: 0 13px 13px 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255,197,106,.105),\n      rgba(255,197,106,.025)\n    );\n\n  color: #f0d8c8;\n\n  font-size: 12px;\n  line-height: 1.68;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n#fantasy-transform-page .ft-faq {\n  margin-top: 12px;\n\n  border-top: 1px solid var(--border);\n}\n\n#fantasy-transform-page .ft-faq details {\n  position: relative;\n\n  padding: 0;\n\n  border-bottom: 1px solid var(--border);\n\n  transition: background .25s ease;\n}\n\n#fantasy-transform-page .ft-faq details:hover {\n  background: rgba(255,255,255,.018);\n}\n\n#fantasy-transform-page .ft-faq summary {\n  position: relative;\n\n  display: block;\n\n  padding: 19px 48px 19px 3px;\n\n  cursor: pointer;\n\n  list-style: none;\n\n  color: #fff;\n\n  font-size: 14px;\n  font-weight: 750;\n  line-height: 1.5;\n\n  transition: color .25s ease;\n\n  overflow-wrap: normal;\n  word-break: normal;\n}\n\n#fantasy-transform-page .ft-faq summary::-webkit-details-marker {\n  display: none;\n}\n\n#fantasy-transform-page .ft-faq summary::after {\n  content: \"+\";\n\n  position: absolute;\n\n  right: 4px;\n  top: 50%;\n\n  display: grid;\n  place-items: center;\n\n  width: 29px;\n  height: 29px;\n\n  border: 1px solid rgba(255,197,106,.24);\n  border-radius: 50%;\n\n  background: rgba(255,197,106,.06);\n\n  color: var(--gold);\n\n  font-size: 20px;\n  font-weight: 400;\n  line-height: 1;\n\n  transform: translateY(-50%);\n  transition:\n    transform .3s ease,\n    background .25s ease;\n}\n\n#fantasy-transform-page .ft-faq details[open] summary {\n  color: var(--gold-soft);\n}\n\n#fantasy-transform-page .ft-faq details[open] summary::after {\n  content: \"−\";\n\n  background: rgba(255,197,106,.12);\n\n  transform:\n    translateY(-50%)\n    rotate(180deg);\n}\n\n#fantasy-transform-page .ft-faq details p {\n  max-width: 780px;\n\n  margin: 0;\n\n  padding: 0 45px 20px 3px;\n\n  color: #d7c2b6;\n\n  font-size: 13px;\n  line-height: 1.68;\n}\n\n\n\/* =========================================================\n   FINAL CTA-STYLE SECTION\n   ========================================================= *\/\n\n#fantasy-transform-page .ft-final {\n  position: relative;\n\n  padding:\n    clamp(38px, 6vw, 66px)\n    clamp(20px, 5vw, 56px);\n\n  text-align: center;\n\n  border-color: rgba(255,201,113,.29);\n\n  background:\n    radial-gradient(circle at 50% 0%, rgba(255,189,86,.15), transparent 42%),\n    linear-gradient(\n      145deg,\n      #4d1c11,\n      #210d08 72%\n    );\n}\n\n#fantasy-transform-page .ft-final::after {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 50%;\n\n  width: 48%;\n  height: 1px;\n\n  transform: translateX(-50%);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,216,153,.75),\n      transparent\n    );\n}\n\n#fantasy-transform-page .ft-final p {\n  max-width: 710px;\n\n  margin: 0 auto;\n\n  color: #f1dbcd;\n}\n\n\n\/* =========================================================\n   SUBTLE SCROLL REVEAL\n   ========================================================= *\/\n\n#fantasy-transform-page.js-ready .ft-reveal {\n  opacity: 0;\n\n  transform: translateY(22px);\n\n  transition:\n    opacity .7s ease,\n    transform .7s cubic-bezier(.2,.65,.25,1);\n}\n\n#fantasy-transform-page.js-ready .ft-reveal.ft-visible {\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\n\/* =========================================================\n   DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 760px) {\n\n  #fantasy-transform-page {\n    padding: 20px;\n  }\n\n  #fantasy-transform-page .ft-card {\n    margin-bottom: 20px;\n  }\n\n  #fantasy-transform-page .ft-creature {\n    grid-template-columns:\n      minmax(0,.93fr)\n      minmax(0,1.07fr);\n\n    gap: clamp(28px, 5vw, 58px);\n  }\n\n  #fantasy-transform-page .ft-creature.ft-reverse .ft-copy {\n    order: 1;\n  }\n\n  #fantasy-transform-page .ft-creature.ft-reverse \u003e figure {\n    order: 0;\n  }\n\n  #fantasy-transform-page .ft-grid {\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n  }\n\n\n  \/* Alternating image rhythm *\/\n\n  #fantasy-transform-page\n  .ft-card:not(.ft-hero):not(.ft-banner):not(.ft-final)\n  \u003e .ft-image:nth-of-type(even) {\n    width: 92%;\n    margin-left: auto;\n  }\n\n  #fantasy-transform-page\n  .ft-card:not(.ft-hero):not(.ft-banner):not(.ft-final)\n  \u003e .ft-image:nth-of-type(odd) {\n    width: 96%;\n  }\n}\n\n\n\/* =========================================================\n   LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1000px) {\n\n  #fantasy-transform-page .ft-card {\n    border-radius: 28px;\n  }\n\n  #fantasy-transform-page .ft-hero {\n    border-radius: 28px;\n  }\n\n  #fantasy-transform-page .ft-mini {\n    min-height: 128px;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET \/ MOBILE\n   ========================================================= *\/\n\n@media (max-width: 759px) {\n\n  #fantasy-transform-page {\n    padding: 9px;\n\n    border-radius: 20px;\n  }\n\n  #fantasy-transform-page .ft-card {\n    padding: 25px 17px;\n\n    margin-bottom: 11px;\n\n    border-radius: 19px;\n  }\n\n  #fantasy-transform-page .ft-hero {\n    padding: 0;\n  }\n\n  #fantasy-transform-page .ft-hero-copy {\n    padding: 34px 17px 29px;\n  }\n\n  #fantasy-transform-page h1 {\n    font-size: clamp(36px, 11vw, 52px);\n\n    line-height: 1.02;\n  }\n\n  #fantasy-transform-page h2 {\n    font-size: clamp(27px, 8vw, 35px);\n\n    line-height: 1.1;\n  }\n\n  #fantasy-transform-page .ft-lead {\n    font-size: 15px;\n\n    line-height: 1.68;\n  }\n\n  #fantasy-transform-page .ft-creature {\n    gap: 20px;\n  }\n\n  #fantasy-transform-page .ft-creature \u003e figure {\n    margin-top: 2px;\n  }\n\n  #fantasy-transform-page .ft-image {\n    margin-top: 13px;\n  }\n\n  #fantasy-transform-page figure {\n    border-radius: 15px;\n  }\n\n  #fantasy-transform-page .ft-grid {\n    gap: 8px;\n  }\n\n  #fantasy-transform-page .ft-mini {\n    padding: 14px 12px;\n\n    border-radius: 13px;\n  }\n\n  #fantasy-transform-page .ft-pills {\n    gap: 7px;\n  }\n\n  #fantasy-transform-page .ft-pill {\n    min-height: 35px;\n\n    padding: 7px 10px;\n\n    font-size: 11px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 480px) {\n\n  #fantasy-transform-page {\n    padding: 6px;\n\n    border-radius: 16px;\n  }\n\n  #fantasy-transform-page .ft-card {\n    padding: 22px 14px;\n\n    border-radius: 16px;\n  }\n\n  #fantasy-transform-page .ft-hero {\n    padding: 0;\n  }\n\n  #fantasy-transform-page .ft-hero-copy {\n    padding: 31px 14px 26px;\n  }\n\n  #fantasy-transform-page h1 {\n    margin-bottom: 14px;\n\n    font-size: 38px;\n\n    letter-spacing: -.04em;\n  }\n\n  #fantasy-transform-page h2 {\n    font-size: 29px;\n  }\n\n  #fantasy-transform-page p {\n    font-size: 14px;\n\n    line-height: 1.7;\n  }\n\n  #fantasy-transform-page .ft-kicker {\n    font-size: 9px;\n\n    letter-spacing: .11em;\n  }\n\n  #fantasy-transform-page .ft-kicker::before {\n    width: 14px;\n  }\n\n  #fantasy-transform-page .ft-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #fantasy-transform-page .ft-mini {\n    min-height: 0;\n  }\n\n  #fantasy-transform-page .ft-list li {\n    padding: 11px 10px;\n\n    font-size: 13px;\n  }\n\n  #fantasy-transform-page .ft-faq summary {\n    padding-top: 17px;\n    padding-bottom: 17px;\n\n    font-size: 13px;\n  }\n\n  #fantasy-transform-page .ft-final {\n    padding: 34px 16px;\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 360px) {\n\n  #fantasy-transform-page h1 {\n    font-size: 34px;\n  }\n\n  #fantasy-transform-page h2 {\n    font-size: 26px;\n  }\n\n  #fantasy-transform-page .ft-pill {\n    width: 100%;\n\n    justify-content: center;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY \/ REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #fantasy-transform-page *,\n  #fantasy-transform-page *::before,\n  #fantasy-transform-page *::after {\n    scroll-behavior: auto !important;\n\n    animation: none !important;\n\n    transition: none !important;\n  }\n\n  #fantasy-transform-page.js-ready .ft-reveal {\n    opacity: 1;\n\n    transform: none;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv id=\"fantasy-transform-page\" lang=\"en\"\u003e\n\n  \u003c!-- =====================================================\n       HERO\n       ===================================================== --\u003e\n\n  \u003csection class=\"ft-card ft-hero ft-reveal\"\u003e\n\n    \u003cdiv class=\"ft-hero-copy\"\u003e\n\n      \u003cspan class=\"ft-kicker\"\u003e\n        Dragon · Phoenix · Winged Unicorn\n      \u003c\/span\u003e\n\n      \u003ch1\u003e\n        One Mysterious Egg. Three Extraordinary Reveals.\n      \u003c\/h1\u003e\n\n      \u003cp class=\"ft-lead\"\u003e\n        Start with the mechanical dragon, then explore the fiery phoenix and winged unicorn. Each design begins as a compact egg and opens into a distinctive fantasy figure.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"ft-pills\"\u003e\n\n        \u003cspan class=\"ft-pill\"\u003e\n          🥚 Egg-to-Creature Design\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ft-pill\"\u003e\n          ⚙️ Mechanical Details\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ft-pill\"\u003e\n          🪽 Three Fantasy Forms\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ft-pill\"\u003e\n          ✨ Play \u0026amp; Display\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cfigure\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/0086\/4745\/files\/mechanical_dragon_fast_extended.gif?v=1792659906\" alt=\"\"\u003e\n    \u003c\/figure\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       01 MECHANICAL DRAGON\n       ===================================================== --\u003e\n\n  \u003csection class=\"ft-card ft-reveal\"\u003e\n\n    \u003cdiv class=\"ft-creature\"\u003e\n\n      \u003cdiv class=\"ft-copy\"\u003e\n\n        \u003cspan class=\"ft-kicker\"\u003e\n          Creature 01 · Mechanical Dragon\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          Dark Panels. Angular Details. Dragon Character.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          The black mechanical dragon features an angular head, mechanical legs, extended wings and a segmented tail. Its dark finish gives the transformed figure a bold fantasy-tech look for a desk, shelf or gaming setup.\n        \u003c\/p\u003e\n\n        \u003cul class=\"ft-list\"\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"ft-number\"\u003e✓\u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cb\u003eDragon silhouette:\u003c\/b\u003e\n              a defined head, legs and long tail.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"ft-number\"\u003e✓\u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cb\u003eWing framework:\u003c\/b\u003e\n              layered sections create a wider display profile.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"ft-number\"\u003e✓\u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cb\u003eMechanical finish:\u003c\/b\u003e\n              dark panels and visible joints reinforce the robotic style.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n      \u003c\/div\u003e\n\n      \u003cfigure\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/0086\/4745\/files\/95106928199335937_acbae844-5f0e-411b-a8f9-e034d69b340f.webp?v=1792645552\" alt=\"\" loading=\"lazy\"\u003e\n      \u003c\/figure\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/0086\/4745\/files\/95108648233074689_1cfa52f9-7b59-4b9f-9f56-cc0a7ec9b0aa.png?v=1792642361\" alt=\"Mechanical dragon egg form\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/merc\/2026-10-19\/95106929088528385.webp\" alt=\"Hands-on mechanical dragon transformation\" loading=\"lazy\"\u003e\n\n      \u003cfigcaption\u003e\n        Follow the instructions supplied with the exact figure for its transformation sequence.\n      \u003c\/figcaption\u003e\n\n    \u003c\/figure\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/product-management\/2026-10-19\/95108743326334977.png\" alt=\"Mechanical dragon wing structure and connections\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/merc\/2026-10-19\/95106928568434689.webp\" alt=\"Mechanical dragon claws and segmented tail details\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       TRANSFORMATION OVERVIEW\n       ===================================================== --\u003e\n\n  \u003csection class=\"ft-card ft-banner ft-reveal\"\u003e\n\n    \u003cspan class=\"ft-kicker\"\u003e\n      The Transformation\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      From Compact Egg to Full Fantasy Form.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Explore the shell, reposition the connected sections according to the product instructions, and reveal a creature with a very different silhouette.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"ft-grid\"\u003e\n\n      \u003cdiv class=\"ft-mini\"\u003e\n\n        \u003cstrong\u003e\n          1. Start with the Egg\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Look at the compact shell, seams and mechanical accents.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ft-mini\"\u003e\n\n        \u003cstrong\u003e\n          2. Open \u0026amp; Reposition\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Move the connected components carefully into place.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ft-mini\"\u003e\n\n        \u003cstrong\u003e\n          3. Reveal the Creature\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Finish the figure's body, limbs, tail and wings where included.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ft-note\"\u003e\n      The dragon, phoenix and unicorn are three different designs. Select the matching creature option and check its listing for the included figure and accessories.\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       02 MECHANICAL PHOENIX\n       ===================================================== --\u003e\n\n  \u003csection class=\"ft-card ft-banner ft-reveal\"\u003e\n\n    \u003cdiv class=\"ft-creature\"\u003e\n\n      \u003cdiv class=\"ft-copy\"\u003e\n\n        \u003cspan class=\"ft-kicker\"\u003e\n          Creature 02 · Mechanical Phoenix\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          Red and Gold. Wings That Change the Whole Look.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          The phoenix version uses a fiery red-and-gold palette, layered feather-inspired panels and visible mechanical joints. Its expanded form creates a distinctive fantasy display silhouette.\n        \u003c\/p\u003e\n\n\n        \u003cul class=\"ft-list\"\u003e\n\n          \u003cli\u003e\n\n            \u003cspan class=\"ft-number\"\u003e\n              ✓\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cb\u003eLayered wing panels:\u003c\/b\u003e\n              a feather-inspired outline with visual depth.\n            \u003c\/span\u003e\n\n          \u003c\/li\u003e\n\n\n          \u003cli\u003e\n\n            \u003cspan class=\"ft-number\"\u003e\n              ✓\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cb\u003eMechanical connections:\u003c\/b\u003e\n              visible joints link the wings and body.\n            \u003c\/span\u003e\n\n          \u003c\/li\u003e\n\n\n          \u003cli\u003e\n\n            \u003cspan class=\"ft-number\"\u003e\n              ✓\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cb\u003eDisplay-ready form:\u003c\/b\u003e\n              a striking fantasy figure for shelves and desks.\n            \u003c\/span\u003e\n\n          \u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cfigure\u003e\n\n        \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/product-management\/2026-10-21\/95437680040476673.png\" alt=\"Red and gold transforming mechanical phoenix\" loading=\"lazy\"\u003e\n\n      \u003c\/figure\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/product-management\/2026-10-21\/95437806540685313.png\" alt=\"Mechanical phoenix transformation stages\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/product-management\/2026-10-21\/95437837695975425.png\" alt=\"Mechanical phoenix with layered extended wings\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/product-management\/2026-10-21\/95437862375260161.png\" alt=\"Mechanical phoenix head, body and tail details\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/product-management\/2026-10-21\/95437890158329857.png\" alt=\"Hands-on mechanical phoenix transformation\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/product-management\/2026-10-21\/95437917907845121.png\" alt=\"Mechanical phoenix displayed on a shelf\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/product-management\/2026-10-21\/95437932285919233.png\" alt=\"Mechanical phoenix fantasy gift presentation\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       03 WINGED UNICORN\n       ===================================================== --\u003e\n\n  \u003csection class=\"ft-card ft-reveal\"\u003e\n\n    \u003cdiv class=\"ft-creature ft-reverse\"\u003e\n\n      \u003cdiv class=\"ft-copy\"\u003e\n\n        \u003cspan class=\"ft-kicker\"\u003e\n          Creature 03 · Winged Unicorn\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          Pearl White. Soft Pink. A Touch of Gold.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          The unicorn version pairs a pearl-white body with soft pink accents and gold-colored details. A spiral horn, wing sections and connected joints give this fantasy figure a lighter, graceful look.\n        \u003c\/p\u003e\n\n\n        \u003cul class=\"ft-list\"\u003e\n\n          \u003cli\u003e\n\n            \u003cspan class=\"ft-number\"\u003e\n              ✓\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cb\u003eWinged unicorn form:\u003c\/b\u003e\n              horn, legs and layered wings.\n            \u003c\/span\u003e\n\n          \u003c\/li\u003e\n\n\n          \u003cli\u003e\n\n            \u003cspan class=\"ft-number\"\u003e\n              ✓\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cb\u003eSoft fantasy palette:\u003c\/b\u003e\n              pearl white, pink accents and gold-colored details.\n            \u003c\/span\u003e\n\n          \u003c\/li\u003e\n\n\n          \u003cli\u003e\n\n            \u003cspan class=\"ft-number\"\u003e\n              ✓\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cb\u003eTwo display looks:\u003c\/b\u003e\n              compact egg form or transformed unicorn form.\n            \u003c\/span\u003e\n\n          \u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cfigure\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/0086\/4745\/files\/winged_unicorn_egg_to_unicorn_fast.gif?v=1792659906\" alt=\"\"\u003e\n\n      \u003c\/figure\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/merc\/2026-10-20\/95256995598172161.webp\" alt=\"Mechanical unicorn egg form\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/merc\/2026-10-20\/95257621002452993.webp\" alt=\"Egg-to-unicorn transformation sequence\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/merc\/2026-10-20\/95257618989187073.webp\" alt=\"Unicorn horn, body and mechanical details\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/merc\/2026-10-20\/95257620364918785.webp\" alt=\"Hands-on transforming unicorn figure\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n\n    \u003cfigure class=\"ft-image\"\u003e\n\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/merc\/2026-10-20\/95257620683685889.webp\" alt=\"Winged unicorn displayed on a desk or shelf\" loading=\"lazy\"\u003e\n\n    \u003c\/figure\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       PLAY \u0026 DISPLAY\n       ===================================================== --\u003e\n\n  \u003csection class=\"ft-card ft-reveal\"\u003e\n\n    \u003cspan class=\"ft-kicker\"\u003e\n      Made for Play and Display\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      A Hands-On Discovery, Then a Figure to Show Off.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      These designs combine the curiosity of a mystery egg with the experience of exploring a transforming figure. After transformation, the creature can be displayed on a suitable stable surface alongside books, collectibles or gaming-room décor.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"ft-grid\"\u003e\n\n      \u003cdiv class=\"ft-mini\"\u003e\n\n        \u003cstrong\u003e\n          🎮 Creative Downtime\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Explore the construction and transformation at your own pace.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ft-mini\"\u003e\n\n        \u003cstrong\u003e\n          🖥️ Desk or Shelf\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Display the finished creature in a workspace or collection.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ft-mini\"\u003e\n\n        \u003cstrong\u003e\n          🎁 Fantasy Gift Idea\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          A distinctive option for fans of mechanical figures and fantasy creatures.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ft-note\"\u003e\n      The dragon, phoenix and unicorn are separate design options, not three creatures included in every order. Confirm the selected variant, recommended age, small-parts warnings and package contents before purchasing.\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       FAQ\n       ===================================================== --\u003e\n\n  \u003csection class=\"ft-card ft-reveal\"\u003e\n\n    \u003cspan class=\"ft-kicker\"\u003e\n      Good to Know\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Frequently Asked Questions\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"ft-faq\"\u003e\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Are the dragon, phoenix and unicorn all included together?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          No. They are three different design options. Select the creature you want and check the chosen variant before placing your order.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Do the egg and creature represent two separate toys?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          The egg and transformed creature represent two configurations of the same design. Check the individual product details for the exact item included.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Does the figure transform automatically?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          Automatic or motorized transformation is not claimed here. Follow the instructions supplied with the exact product.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Can the transformed figure be displayed?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          The finished form can be displayed on a suitable stable indoor surface.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          What age is it suitable for?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          Follow the recommended age and small-parts warnings on the actual product packaging and manufacturer instructions.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Are dimensions and materials the same for all three designs?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          They may differ by model. Refer to the individual product details for confirmed dimensions, materials and package contents.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       FINAL\n       ===================================================== --\u003e\n\n  \u003csection class=\"ft-card ft-final ft-reveal\"\u003e\n\n    \u003cspan class=\"ft-kicker\"\u003e\n      One Egg. Three Fantasy Forms.\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Choose Your Creature.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Start with the dark mechanical dragon, explore the blazing red-and-gold phoenix, or choose the pearl-white winged unicorn. Select the design that fits your imagination and check the chosen option before adding it to your cart.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"ft-pills\"\u003e\n\n      \u003cspan class=\"ft-pill\"\u003e\n        Mechanical Dragon\n      \u003c\/span\u003e\n\n      \u003cspan class=\"ft-pill\"\u003e\n        Mechanical Phoenix\n      \u003c\/span\u003e\n\n      \u003cspan class=\"ft-pill\"\u003e\n        Winged Unicorn\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n(function () {\n\n  var page = document.getElementById('fantasy-transform-page');\n\n  if (!page) return;\n\n\n  \/* Enable animation styling only when JS works *\/\n\n  page.classList.add('js-ready');\n\n\n  var items = page.querySelectorAll('.ft-reveal');\n\n\n  if (\n    'IntersectionObserver' in window \u0026\u0026\n    !window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  ) {\n\n    var observer = new IntersectionObserver(\n      function (entries) {\n\n        entries.forEach(function (entry) {\n\n          if (entry.isIntersecting) {\n\n            entry.target.classList.add('ft-visible');\n\n            observer.unobserve(entry.target);\n\n          }\n\n        });\n\n      },\n      {\n        threshold: 0.08,\n        rootMargin: '0px 0px -35px 0px'\n      }\n    );\n\n\n    items.forEach(function (item) {\n      observer.observe(item);\n    });\n\n  } else {\n\n    items.forEach(function (item) {\n      item.classList.add('ft-visible');\n    });\n\n  }\n\n\n  \/* FAQ:\n     keep only one question open at a time\n  *\/\n\n  var details = page.querySelectorAll('.ft-faq details');\n\n  details.forEach(function (detail) {\n\n    detail.addEventListener('toggle', function () {\n\n      if (!detail.open) return;\n\n      details.forEach(function (other) {\n\n        if (other !== detail) {\n          other.removeAttribute('open');\n        }\n\n      });\n\n    });\n\n  });\n\n})();\n\u003c\/script\u003e","brand":"mysite","offers":[{"title":"🐉 Mechanical Dragon","offer_id":50866744131632,"sku":"62R26101901-蛋变龙","price":39.98,"currency_code":"USD","in_stock":true},{"title":"🐦‍🔥Mechanical Phoenix","offer_id":50866744164400,"sku":"VHR26102104-凤凰变形蛋","price":39.98,"currency_code":"USD","in_stock":true},{"title":"🦄Winged Unicorn","offer_id":50866744197168,"sku":"JDO26102001-Default Title","price":39.98,"currency_code":"USD","in_stock":true},{"title":"✨🔥Complete Set – All 3 Creatures","offer_id":50866744229936,"sku":"JDO26102001-Default Title+VHR26102104-凤凰变形蛋+62R26101901-蛋变龙","price":99.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0689\/7414\/9680\/files\/95108624963076097_792b4091-94ba-4818-bb61-dbc834a54d43.png?v=1792721944","url":"https:\/\/vilyro.com\/es\/products\/2-in-1-transforming-mechanical-egg-dragon-phoenix-winged-unicorn","provider":"vilyro.com","version":"1.0","type":"link"}