{"product_id":"digital-book-publication","title":"DIGITAL BOOK \u0026 PUBLICATION","description":"\u003cstyle\u003e\n\/* =========================================================\n   YOURCONTENTMAKER — PRODUCT CHECKOUT GUIDE\n   Designed for Shopify product descriptions\n   ========================================================= *\/\n\n.ycm-product-checkout-guide{\n  --ycm-pink:#ff0088;\n  --ycm-orange:#ff8a00;\n  --ycm-yellow:#ffd400;\n  --ycm-blue:#00e5ff;\n  --ycm-purple:#9d4dff;\n  --ycm-green:#63f200;\n  --ycm-dark:#050505;\n\n  position:relative;\n  width:100%;\n  max-width:1100px;\n  margin:24px auto;\n  padding:28px;\n  color:#ffffff;\n  background:\n    radial-gradient(\n      circle at 10% 5%,\n      rgba(255,0,136,.15),\n      transparent 34%\n    ),\n    radial-gradient(\n      circle at 95% 90%,\n      rgba(0,229,255,.12),\n      transparent 34%\n    ),\n    var(--ycm-dark);\n  border:2px solid var(--ycm-pink);\n  border-radius:26px;\n  box-shadow:\n    0 0 25px rgba(255,0,136,.30),\n    0 0 55px rgba(0,229,255,.10);\n  overflow:hidden;\n}\n\n.ycm-product-checkout-guide,\n.ycm-product-checkout-guide *{\n  box-sizing:border-box;\n}\n\n\/* Animated background glow *\/\n\n.ycm-product-checkout-guide::before{\n  content:\"\";\n  position:absolute;\n  width:260px;\n  height:260px;\n  top:-150px;\n  left:-120px;\n  background:rgba(255,0,136,.22);\n  border-radius:50%;\n  filter:blur(65px);\n  animation:ycmGlowMoveOne 7s ease-in-out infinite;\n  pointer-events:none;\n}\n\n.ycm-product-checkout-guide::after{\n  content:\"\";\n  position:absolute;\n  width:250px;\n  height:250px;\n  right:-130px;\n  bottom:-160px;\n  background:rgba(0,229,255,.18);\n  border-radius:50%;\n  filter:blur(70px);\n  animation:ycmGlowMoveTwo 7s ease-in-out infinite;\n  pointer-events:none;\n}\n\n@keyframes ycmGlowMoveOne{\n  0%,100%{\n    transform:translate(0,0) scale(1);\n  }\n\n  50%{\n    transform:translate(70px,40px) scale(1.18);\n  }\n}\n\n@keyframes ycmGlowMoveTwo{\n  0%,100%{\n    transform:translate(0,0) scale(1);\n  }\n\n  50%{\n    transform:translate(-65px,-35px) scale(1.15);\n  }\n}\n\n\/* Main content *\/\n\n.ycm-checkout-inner{\n  position:relative;\n  z-index:2;\n}\n\n.ycm-checkout-top{\n  padding:26px 22px;\n  text-align:center;\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,0,136,.14),\n      rgba(0,229,255,.08)\n    ),\n    #0d0d11;\n  border:1px solid #34343e;\n  border-radius:20px;\n}\n\n.ycm-final-step-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  margin-bottom:12px;\n  padding:7px 14px;\n  color:#050505;\n  background:var(--ycm-yellow);\n  border-radius:999px;\n  font-size:11px;\n  font-weight:950;\n  letter-spacing:.4px;\n  text-transform:uppercase;\n  animation:ycmBadgePulse 1.9s ease-in-out infinite;\n}\n\n@keyframes ycmBadgePulse{\n  0%,100%{\n    transform:scale(1);\n    box-shadow:0 0 10px rgba(255,212,0,.25);\n  }\n\n  50%{\n    transform:scale(1.05);\n    box-shadow:0 0 26px rgba(255,212,0,.65);\n  }\n}\n\n.ycm-checkout-top h1{\n  margin:0;\n  color:#ffffff;\n  font-size:38px;\n  line-height:1.15;\n  font-weight:950;\n}\n\n.ycm-checkout-top h1 span{\n  color:var(--ycm-yellow);\n  text-shadow:\n    0 0 10px rgba(255,212,0,.55),\n    0 0 22px rgba(255,212,0,.25);\n}\n\n.ycm-checkout-top p{\n  max-width:820px;\n  margin:12px auto 0;\n  color:#dddde5;\n  font-size:17px;\n  line-height:1.55;\n}\n\n\/* Progress cards *\/\n\n.ycm-order-progress{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:11px;\n  max-width:940px;\n  margin:20px auto 0;\n}\n\n.ycm-progress-card{\n  position:relative;\n  min-width:0;\n  padding:16px 12px;\n  text-align:center;\n  background:#111116;\n  border:1px solid #303039;\n  border-radius:15px;\n  overflow:hidden;\n}\n\n.ycm-progress-card.completed{\n  border-color:rgba(99,242,0,.65);\n  background:\n    linear-gradient(\n      145deg,\n      rgba(99,242,0,.08),\n      rgba(99,242,0,.02)\n    ),\n    #111116;\n}\n\n.ycm-progress-card.current{\n  border-color:var(--ycm-yellow);\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,212,0,.14),\n      rgba(255,0,136,.07)\n    ),\n    #111116;\n  box-shadow:\n    0 0 20px rgba(255,212,0,.20);\n  animation:ycmCurrentStep 2s ease-in-out infinite;\n}\n\n@keyframes ycmCurrentStep{\n  0%,100%{\n    box-shadow:\n      0 0 12px rgba(255,212,0,.18);\n  }\n\n  50%{\n    box-shadow:\n      0 0 28px rgba(255,212,0,.48),\n      0 0 42px rgba(255,0,136,.18);\n  }\n}\n\n.ycm-progress-icon{\n  display:flex;\n  width:39px;\n  height:39px;\n  margin:0 auto 9px;\n  align-items:center;\n  justify-content:center;\n  color:#ffffff;\n  background:var(--ycm-pink);\n  border-radius:50%;\n  font-size:18px;\n  font-weight:950;\n}\n\n.ycm-progress-card.completed .ycm-progress-icon{\n  color:#050505;\n  background:var(--ycm-green);\n}\n\n.ycm-progress-card.current .ycm-progress-icon{\n  color:#050505;\n  background:var(--ycm-yellow);\n  animation:ycmIconBounce 1.4s ease-in-out infinite;\n}\n\n@keyframes ycmIconBounce{\n  0%,100%{\n    transform:translateY(0);\n  }\n\n  50%{\n    transform:translateY(-5px);\n  }\n}\n\n.ycm-progress-card strong{\n  display:block;\n  color:var(--ycm-blue);\n  font-size:15px;\n  line-height:1.25;\n}\n\n.ycm-progress-card.current strong{\n  color:var(--ycm-yellow);\n}\n\n.ycm-progress-card span{\n  display:block;\n  margin-top:5px;\n  color:#bfbfc8;\n  font-size:11px;\n  line-height:1.4;\n}\n\n\/* Main checkout message *\/\n\n.ycm-checkout-message{\n  display:grid;\n  grid-template-columns:auto minmax(0,1fr);\n  gap:17px;\n  align-items:center;\n  margin-top:18px;\n  padding:20px;\n  background:#0d0d11;\n  border:1px solid #31313a;\n  border-radius:17px;\n}\n\n.ycm-message-icon{\n  display:flex;\n  width:62px;\n  height:62px;\n  align-items:center;\n  justify-content:center;\n  flex:0 0 62px;\n  background:\n    linear-gradient(\n      145deg,\n      var(--ycm-pink),\n      var(--ycm-purple)\n    );\n  border-radius:17px;\n  font-size:31px;\n  box-shadow:\n    0 0 22px rgba(255,0,136,.30);\n  animation:ycmMessageFloat 2.4s ease-in-out infinite;\n}\n\n@keyframes ycmMessageFloat{\n  0%,100%{\n    transform:translateY(0) rotate(-2deg);\n  }\n\n  50%{\n    transform:translateY(-6px) rotate(3deg);\n  }\n}\n\n.ycm-message-content h2{\n  margin:0;\n  color:#ffffff;\n  font-size:24px;\n  line-height:1.25;\n  font-weight:950;\n}\n\n.ycm-message-content h2 span{\n  color:var(--ycm-yellow);\n}\n\n.ycm-message-content p{\n  margin:7px 0 0;\n  color:#ccccd4;\n  font-size:14px;\n  line-height:1.5;\n}\n\n\/* Scroll instructions *\/\n\n.ycm-scroll-direction{\n  margin:20px 0 0;\n  padding:20px 16px;\n  text-align:center;\n  background:\n    linear-gradient(\n      145deg,\n      rgba(0,229,255,.08),\n      rgba(255,0,136,.08)\n    ),\n    #101014;\n  border:1px solid #34343d;\n  border-radius:16px;\n}\n\n.ycm-scroll-direction strong{\n  display:block;\n  color:var(--ycm-blue);\n  font-size:20px;\n  font-weight:950;\n}\n\n.ycm-scroll-direction p{\n  max-width:720px;\n  margin:10px auto 0;\n  color:#dddddd;\n  font-size:16px;\n  line-height:1.55;\n}\n\n.ycm-scroll-direction p span{\n  color:var(--ycm-yellow);\n  font-weight:950;\n}\n\n\/* Unique animated arrow trail *\/\n\n.ycm-arrow-trail{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:8px;\n  margin-top:15px;\n}\n\n.ycm-arrow-row{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:44px;\n  height:30px;\n  color:var(--ycm-yellow);\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,212,0,.14),\n      rgba(255,0,136,.10)\n    );\n  border:1px solid rgba(255,212,0,.40);\n  border-radius:10px;\n  font-size:22px;\n  line-height:1;\n  box-shadow:\n    0 0 12px rgba(255,212,0,.14);\n  animation:ycmArrowTrail 1.5s ease-in-out infinite;\n}\n\n.ycm-arrow-row:nth-child(1){\n  opacity:.55;\n}\n\n.ycm-arrow-row:nth-child(2){\n  opacity:.78;\n  animation-delay:.18s;\n}\n\n.ycm-arrow-row:nth-child(3){\n  opacity:1;\n  animation-delay:.36s;\n}\n\n@keyframes ycmArrowTrail{\n  0%,100%{\n    transform:translateY(-3px) scale(.94);\n    box-shadow:\n      0 0 8px rgba(255,212,0,.12);\n  }\n\n  50%{\n    transform:translateY(5px) scale(1.04);\n    box-shadow:\n      0 0 20px rgba(255,212,0,.42),\n      0 0 28px rgba(255,0,136,.20);\n  }\n}\n\n\/* Tablet *\/\n\n@media screen and (max-width:800px){\n\n  .ycm-product-checkout-guide{\n    margin:18px 10px;\n    padding:19px 13px;\n  }\n\n  .ycm-checkout-top h1{\n    font-size:30px;\n  }\n\n  .ycm-order-progress{\n    gap:8px;\n  }\n\n  .ycm-progress-card{\n    padding:13px 7px;\n  }\n\n  .ycm-progress-card strong{\n    font-size:13px;\n  }\n\n  .ycm-checkout-message{\n    padding:16px;\n  }\n\n}\n\n\/* Mobile *\/\n\n@media screen and (max-width:560px){\n\n  .ycm-product-checkout-guide{\n    width:calc(100% - 10px);\n    margin:10px 5px;\n    padding:11px 8px;\n    border-radius:16px;\n  }\n\n  .ycm-checkout-top{\n    padding:16px 9px;\n    border-radius:13px;\n  }\n\n  .ycm-final-step-badge{\n    margin-bottom:8px;\n    padding:5px 10px;\n    font-size:9px;\n  }\n\n  .ycm-checkout-top h1{\n    font-size:23px;\n  }\n\n  .ycm-checkout-top p{\n    margin-top:8px;\n    font-size:12px;\n    line-height:1.4;\n  }\n\n  .ycm-order-progress{\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:5px;\n    margin-top:13px;\n  }\n\n  .ycm-progress-card{\n    padding:9px 4px;\n    border-radius:10px;\n  }\n\n  .ycm-progress-icon{\n    width:29px;\n    height:29px;\n    margin-bottom:5px;\n    font-size:13px;\n  }\n\n  .ycm-progress-card strong{\n    font-size:9px;\n    line-height:1.2;\n  }\n\n  .ycm-progress-card span{\n    display:none;\n  }\n\n  .ycm-checkout-message{\n    grid-template-columns:auto minmax(0,1fr);\n    gap:10px;\n    margin-top:12px;\n    padding:12px 9px;\n    border-radius:12px;\n  }\n\n  .ycm-message-icon{\n    width:43px;\n    height:43px;\n    flex-basis:43px;\n    border-radius:11px;\n    font-size:22px;\n  }\n\n  .ycm-message-content h2{\n    font-size:16px;\n  }\n\n  .ycm-message-content p{\n    margin-top:4px;\n    font-size:10px;\n    line-height:1.4;\n  }\n\n  .ycm-scroll-direction{\n    margin-top:13px;\n    padding:14px 9px;\n    border-radius:12px;\n  }\n\n  .ycm-scroll-direction strong{\n    font-size:15px;\n  }\n\n  .ycm-scroll-direction p{\n    margin-top:7px;\n    font-size:11px;\n    line-height:1.4;\n  }\n\n  .ycm-arrow-trail{\n    gap:6px;\n    margin-top:11px;\n  }\n\n  .ycm-arrow-row{\n    width:38px;\n    height:25px;\n    border-radius:8px;\n    font-size:18px;\n  }\n\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"ycm-product-checkout-guide\" id=\"ycmProductCheckoutGuide\"\u003e\n\n  \u003cdiv class=\"ycm-checkout-inner\"\u003e\n\n    \u003csection class=\"ycm-checkout-top\"\u003e\n\n      \u003cdiv class=\"ycm-final-step-badge\"\u003e\n        ✅ Final Step\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        Perfect! You’re on the\n        \u003cspan\u003eCorrect Package\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp\u003e\n        You have already selected your package, chosen your video service,\n        and submitted your project details. This is the correct package for\n        your project. Your final step is to scroll down to the secure purchase\n        section and complete payment to officially begin your order.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"ycm-order-progress\"\u003e\n\n        \u003cdiv class=\"ycm-progress-card completed\"\u003e\n\n          \u003cdiv class=\"ycm-progress-icon\"\u003e\n            ✓\n          \u003c\/div\u003e\n\n          \u003cstrong\u003ePackage Selected\u003c\/strong\u003e\n\n          \u003cspan\u003e\n            You selected the package that fits your project.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ycm-progress-card completed\"\u003e\n\n          \u003cdiv class=\"ycm-progress-icon\"\u003e\n            ✓\n          \u003c\/div\u003e\n\n          \u003cstrong\u003eDetails Submitted\u003c\/strong\u003e\n\n          \u003cspan\u003e\n            Your video vision was sent to our creative team.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ycm-progress-card current\"\u003e\n\n          \u003cdiv class=\"ycm-progress-icon\"\u003e\n            3\n          \u003c\/div\u003e\n\n          \u003cstrong\u003eComplete Payment\u003c\/strong\u003e\n\n          \u003cspan\u003e\n            Finish checkout below to begin your order.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003csection class=\"ycm-checkout-message\"\u003e\n\n      \u003cdiv class=\"ycm-message-icon\"\u003e\n        🛒\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ycm-message-content\"\u003e\n\n        \u003ch2\u003e\n          Your Final Step Is to\n          \u003cspan\u003eComplete Checkout\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Continue scrolling down this page. Review the package information,\n          choose any available options, and use the Add to Cart or Buy button\n          to complete your purchase.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003cdiv class=\"ycm-scroll-direction\"\u003e\n\n      \u003cstrong\u003e\n        🎉 You’re Almost Finished!\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        This is the correct package for your project. Simply\n        \u003cspan\u003escroll down\u003c\/span\u003e to the checkout section below\n        to complete your order and officially start production.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"ycm-arrow-trail\"\u003e\n\n        \u003cdiv class=\"ycm-arrow-row\"\u003e\n          ↓\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ycm-arrow-row\"\u003e\n          ↓\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ycm-arrow-row\"\u003e\n          ↓\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Your Content Maker","offers":[{"title":"Default Title","offer_id":52988205662525,"sku":null,"price":2499.99,"currency_code":"USD","in_stock":true}],"url":"https:\/\/yourcontentmaker.com\/products\/digital-book-publication","provider":"Your Content Maker","version":"1.0","type":"link"}