{"product_id":"3d-puffy-art-kit-with-paints-pen-palette-sj","title":"🎨 Nectavira® 3D Puffy Art Kit – Draw, Add Water \u0026 Watch It Puff!","description":"\u003c!-- =========================================================\n     NECTAVIRA® 3D PUFFY ART KIT\n     PRODUCT DETAIL PAGE — US DTC VERSION\n     ========================================================= --\u003e\n\u003csection id=\"nv-puffy-detail\"\u003e\u003c!-- =====================================================\n       HERO\n       ===================================================== --\u003e\n\u003cdiv class=\"nvpd-hero\"\u003e\n\u003cdiv class=\"nvpd-kicker\"\u003e\n\u003cspan\u003e🎨\u003c\/span\u003e CREATIVE FUN THAT POPS OFF THE PAGE\u003c\/div\u003e\n\u003ch2\u003eDraw It Flat. \u003cspan\u003eWatch It Puff Into 3D!\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"nvpd-lead\"\u003eTurn simple drawings into soft, raised 3D creations with just a little water. Color your design, brush on water, and watch the texture come to life.\u003c\/p\u003e\n\u003cdiv class=\"nvpd-hero-pills\"\u003e\n\u003cspan\u003e✏️ Draw\u003c\/span\u003e \u003ci\u003e→\u003c\/i\u003e \u003cspan\u003e💧 Add Water\u003c\/span\u003e \u003ci\u003e→\u003c\/i\u003e \u003cspan class=\"nvpd-hot\"\u003e✨ Watch It Puff\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO GIF --\u003e\n\u003cdiv class=\"nvpd-media nvpd-media-main\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0791\/9199\/8783\/files\/1_00_00_00-00_00_30_e4626f4c-ffa2-4b48-879b-350e9295416b.gif?v=1725854175\" alt=\"Nectavira 3D Puffy Art Kit demonstration\"\u003e\n\u003cdiv class=\"nvpd-media-badge\"\u003e✨ WATCH THE 3D MAGIC\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       MAGIC 3D ART\n       ===================================================== --\u003e\n\u003cdiv class=\"nvpd-section\"\u003e\n\u003cdiv class=\"nvpd-section-head\"\u003e\n\u003cspan class=\"nvpd-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003csmall\u003e THE MAGIC MOMENT \u003c\/small\u003e\n\u003ch3\u003eFrom Flat Art To Puffy 3D Texture\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eMagic 3D Art:\u003c\/strong\u003e Start with a flat drawing, then gently apply water with a damp brush. The special textured surface reacts to moisture and begins to rise, giving your artwork a fun three-dimensional finish.\u003c\/p\u003e\n\u003cdiv class=\"nvpd-feature-grid\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003e✏️\u003c\/span\u003e \u003cstrong\u003eDraw Your Idea\u003c\/strong\u003e \u003csmall\u003eCreate animals, food, characters, decorations and more.\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e💧\u003c\/span\u003e \u003cstrong\u003eAdd A Little Water\u003c\/strong\u003e \u003csmall\u003eBrush water onto the areas where you want raised texture.\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e☁️\u003c\/span\u003e \u003cstrong\u003eWatch It Puff\u003c\/strong\u003e \u003csmall\u003eSee flat artwork transform into a soft, dimensional creation.\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       LIFESTYLE IMAGE\n       ===================================================== --\u003e\n\u003cdiv class=\"nvpd-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1079\/1711\/5730\/files\/ChatGPTImageAug10_2026_09_56_32PM_1.png?v=1786370424\" alt=\"Creative 3D Puffy Art activity\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n       ENDLESS CREATIVE FUN\n       ===================================================== --\u003e\n\u003cdiv class=\"nvpd-section nvpd-soft-pink\"\u003e\n\u003cdiv class=\"nvpd-section-head\"\u003e\n\u003cspan class=\"nvpd-number nvpd-number-pink\"\u003e 02 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003csmall\u003e MAKE IT YOUR WAY \u003c\/small\u003e\n\u003ch3\u003eOne Craft Idea. Endless Possibilities.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eEndless Creative Fun:\u003c\/strong\u003e Use it for relaxed family craft time, rainy-day activities, birthday parties, classroom projects, holiday decorations or handmade gifts. Every design can look completely different.\u003c\/p\u003e\n\u003cdiv class=\"nvpd-usecases\"\u003e\n\u003cspan\u003e🏠 Family Time\u003c\/span\u003e \u003cspan\u003e🎉 Party Fun\u003c\/span\u003e \u003cspan\u003e✏️ School Projects\u003c\/span\u003e \u003cspan\u003e🎄 Holiday Crafts\u003c\/span\u003e \u003cspan\u003e🎁 DIY Gifts\u003c\/span\u003e \u003cspan\u003e🌈 Creative Play\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nvpd-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1079\/1711\/5730\/files\/ChatGPTImageAug10_2026_09_56_33PM_4.png?v=1786370423\" alt=\"Nectavira Puffy Art creative projects\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n       WIDE APPLICATION\n       ===================================================== --\u003e\n\u003cdiv class=\"nvpd-section\"\u003e\n\u003cdiv class=\"nvpd-section-head\"\u003e\n\u003cspan class=\"nvpd-number nvpd-number-orange\"\u003e 03 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003csmall\u003e CREATE MORE THAN ONE KIND OF ART \u003c\/small\u003e\n\u003ch3\u003eMade For Every Creative Moment\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eWide Application:\u003c\/strong\u003e Create colorful art projects, greeting cards, decorations, school crafts, character designs, food art, animal art and personalized DIY creations. Use your favorite drawing and coloring tools, then add water where you want the raised effect to appear.\u003c\/p\u003e\n\u003cdiv class=\"nvpd-mini-cards\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003e🐾\u003c\/span\u003e \u003cstrong\u003eAnimals\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e🍔\u003c\/span\u003e \u003cstrong\u003eFood Art\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e🌈\u003c\/span\u003e \u003cstrong\u003eColorful Art\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e🎁\u003c\/span\u003e \u003cstrong\u003eGift Ideas\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nvpd-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1079\/1711\/5730\/files\/ChatGPTImageAug10_2026_09_56_33PM_3.png?v=1786370424\" alt=\"Different creative uses for 3D Puffy Art\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n       3 STEPS\n       ===================================================== --\u003e\n\u003cdiv class=\"nvpd-section nvpd-step-section\"\u003e\n\u003cdiv class=\"nvpd-center-label\"\u003eHOW IT WORKS\u003c\/div\u003e\n\u003ch3 class=\"nvpd-center-title\"\u003eCreate 3D Art In \u003cspan\u003e3 Simple Steps\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"nvpd-steps\"\u003e\n\u003c!-- STEP 1 --\u003e\n\u003cdiv class=\"nvpd-step\"\u003e\n\u003cdiv class=\"nvpd-step-top\"\u003e\n\u003cb\u003e 1 \u003c\/b\u003e \u003cspan\u003e ✏️ \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e DRAW IT \u003c\/strong\u003e\n\u003cp\u003eDraw or color the design you want to transform.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ci class=\"nvpd-step-arrow\"\u003e → \u003c\/i\u003e \u003c!-- STEP 2 --\u003e\n\u003cdiv class=\"nvpd-step\"\u003e\n\u003cdiv class=\"nvpd-step-top\"\u003e\n\u003cb\u003e 2 \u003c\/b\u003e \u003cspan\u003e 💧 \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e ADD WATER \u003c\/strong\u003e\n\u003cp\u003eGently brush water onto the areas you want to puff.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ci class=\"nvpd-step-arrow\"\u003e → \u003c\/i\u003e \u003c!-- STEP 3 --\u003e\n\u003cdiv class=\"nvpd-step nvpd-step-final\"\u003e\n\u003cdiv class=\"nvpd-step-top\"\u003e\n\u003cb\u003e 3 \u003c\/b\u003e \u003cspan\u003e ✨ \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e WATCH IT PUFF! \u003c\/strong\u003e\n\u003cp\u003eWatch the surface develop a fun raised 3D texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nvpd-tip\"\u003e\n\u003cspan\u003e 💡 \u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eCreative Tip:\u003c\/strong\u003e Start with larger, simple shapes first. Once you get the feel for the texture, try smaller details and more layered designs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STEP IMAGE --\u003e\n\u003cdiv class=\"nvpd-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1079\/1711\/5730\/files\/ChatGPTImageAug10_2026_09_56_33PM_5.png?v=1786370423\" alt=\"How to use Nectavira 3D Puffy Art Kit\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n       WHY PEOPLE LOVE IT\n       ===================================================== --\u003e\n\u003cdiv class=\"nvpd-section\"\u003e\n\u003cdiv class=\"nvpd-center-label\"\u003eWHY YOU'LL LOVE IT\u003c\/div\u003e\n\u003ch3 class=\"nvpd-center-title\"\u003eMore Than Just Coloring\u003c\/h3\u003e\n\u003cdiv class=\"nvpd-love-grid\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003e✨\u003c\/span\u003e \u003cstrong\u003e Satisfying 3D Transformation \u003c\/strong\u003e\n\u003cp\u003eThe best part is watching a flat design change right in front of you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e🎨\u003c\/span\u003e \u003cstrong\u003e Encourages Creativity \u003c\/strong\u003e\n\u003cp\u003eMix colors, shapes and designs to create something completely personal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e👨👩👧👦\u003c\/span\u003e \u003cstrong\u003e Great For Shared Craft Time \u003c\/strong\u003e\n\u003cp\u003eAn easy activity for families, friends, parties and creative afternoons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e🎁\u003c\/span\u003e \u003cstrong\u003e Make Something Worth Sharing \u003c\/strong\u003e\n\u003cp\u003eFinished projects can become decorations, keepsakes or handmade gifts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       ORIGINAL GIF\n       ===================================================== --\u003e\n\u003cdiv class=\"nvpd-media nvpd-magic-demo\"\u003e\n\u003cimg src=\"https:\/\/cdn.fastcdnshop.com\/image\/4b8ee22300c9deb1e6e8352a5156b424bb5785b8.gif\" alt=\"3D Puffy Art transformation demonstration\" loading=\"lazy\"\u003e\n\u003cdiv class=\"nvpd-media-badge nvpd-media-badge-pink\"\u003eDRAW • WATER • PUFF ✨\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       IMPORTANT NOTES\n       ===================================================== --\u003e\n\u003cdiv class=\"nvpd-note-box\"\u003e\n\u003cdiv class=\"nvpd-note-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eHelpful Tips Before You Start\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eUse a damp brush rather than soaking the surface with excessive water.\u003c\/li\u003e\n\u003cli\u003eApply water gradually so you can control where the raised texture appears.\u003c\/li\u003e\n\u003cli\u003eAllow slight measurement variations where applicable due to manual measurement.\u003c\/li\u003e\n\u003cli\u003eProduct colors may look slightly different depending on screen settings, lighting and photography.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       ORIGINAL GUARANTEE IMAGE\n       ===================================================== --\u003e\n\u003cdiv class=\"nvpd-media nvpd-guarantee-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0566\/7461\/5457\/files\/2_d6eb7690-fa08-44a1-a77d-5389a387d08a_480x480.png?v=1659411405\" alt=\"Nectavira customer satisfaction information\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n       GUARANTEE\n       ===================================================== --\u003e\n\u003cdiv class=\"nvpd-guarantee\"\u003e\n\u003cdiv class=\"nvpd-guarantee-shield\"\u003e✓\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003e TRY IT WITH CONFIDENCE \u003c\/small\u003e\n\u003ch3\u003e180-Day Money-Back Guarantee\u003c\/h3\u003e\n\u003cp\u003eWe want you to feel confident trying Nectavira®. If you need help with your order or have a concern about your purchase, contact our support team and we'll work with you to help resolve it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       FINAL CTA\n       ===================================================== --\u003e\n\u003cdiv class=\"nvpd-final\"\u003e\n\u003cspan\u003e 🎨 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003csmall\u003e READY TO CREATE? \u003c\/small\u003e \u003cstrong\u003e Draw It. Add Water. Watch It Puff. \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cspan\u003e ✨ \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   RESET\n   ========================================================= *\/\n\n#nv-puffy-detail,\n#nv-puffy-detail * {\n  box-sizing:border-box;\n}\n\n\n\/* =========================================================\n   ROOT\n   ========================================================= *\/\n\n#nv-puffy-detail {\n  --navy:#102e63;\n  --blue:#176de3;\n  --cyan:#31c7f4;\n  --purple:#7b4be3;\n  --pink:#ef4e91;\n  --orange:#f68a29;\n  --yellow:#ffd23f;\n  --green:#53c66f;\n\n  width:100%;\n\n  margin:0;\n\n  padding:0;\n\n  color:#34445f;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  font-size:15px;\n\n  line-height:1.55;\n\n  -webkit-font-smoothing:\n    antialiased;\n}\n\n\n\/* remove theme default margins inside module *\/\n\n#nv-puffy-detail h2,\n#nv-puffy-detail h3,\n#nv-puffy-detail p,\n#nv-puffy-detail ul {\n  padding:0;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.nvpd-hero {\n  position:relative;\n\n  padding:\n    24px 20px 22px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(69,108,185,.14);\n\n  border-radius:\n    18px 18px 0 0;\n\n  background:\n    radial-gradient(\n      circle at 0 0,\n      rgba(255,210,63,.30),\n      transparent 27%\n    ),\n\n    radial-gradient(\n      circle at 100% 0,\n      rgba(239,78,145,.19),\n      transparent 28%\n    ),\n\n    linear-gradient(\n      145deg,\n      #fff9e9,\n      #ffffff 41%,\n      #eef7ff 73%,\n      #fff1f7\n    );\n}\n\n\n.nvpd-hero:after {\n  content:\"✦\";\n\n  position:absolute;\n\n  top:18px;\n  right:18px;\n\n  color:#f4bb25;\n\n  font-size:22px;\n\n  animation:\n    nvpdSpark\n    2.2s\n    ease-in-out\n    infinite;\n}\n\n\n@keyframes nvpdSpark {\n\n  50% {\n    transform:\n      scale(1.25)\n      rotate(18deg);\n  }\n\n}\n\n\n.nvpd-kicker {\n  display:inline-flex;\n\n  min-height:27px;\n\n  padding:\n    5px 10px;\n\n  align-items:center;\n\n  gap:5px;\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #176de3,\n      #754be1,\n      #ef4e91\n    );\n\n  color:#fff;\n\n  box-shadow:\n    0 4px 10px\n    rgba(72,69,177,.15);\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:.6px;\n}\n\n\n.nvpd-hero h2 {\n  margin:\n    12px 0 0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      31px,\n      7vw,\n      44px\n    );\n\n  font-weight:950;\n\n  line-height:.98;\n\n  letter-spacing:-1.1px;\n}\n\n\n.nvpd-hero h2 span {\n  display:block;\n\n  margin-top:4px;\n\n  color:transparent;\n\n  background:\n    linear-gradient(\n      90deg,\n      #176de3,\n      #7b4be3,\n      #ef4e91,\n      #f68a29\n    );\n\n  background-size:\n    200% auto;\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n  animation:\n    nvpdHeadline\n    4s\n    linear\n    infinite;\n}\n\n\n@keyframes nvpdHeadline {\n\n  to {\n    background-position:\n      200% center;\n  }\n\n}\n\n\n.nvpd-lead {\n  max-width:680px;\n\n  margin:\n    12px 0 0;\n\n  color:#53627a;\n\n  font-size:15px;\n\n  font-weight:550;\n\n  line-height:1.55;\n}\n\n\n.nvpd-hero-pills {\n  display:flex;\n\n  margin-top:16px;\n\n  align-items:center;\n\n  flex-wrap:wrap;\n\n  gap:6px;\n}\n\n\n.nvpd-hero-pills span {\n  display:inline-flex;\n\n  min-height:30px;\n\n  padding:\n    6px 10px;\n\n  align-items:center;\n\n  border:\n    1px solid\n    rgba(52,93,166,.12);\n\n  border-radius:999px;\n\n  background:#fff;\n\n  color:#344a71;\n\n  box-shadow:\n    0 2px 6px\n    rgba(48,70,120,.06);\n\n  font-size:10px;\n\n  font-weight:850;\n}\n\n\n.nvpd-hero-pills i {\n  color:#9ca6b6;\n\n  font-style:normal;\n\n  font-weight:900;\n}\n\n\n.nvpd-hero-pills .nvpd-hot {\n  border-color:\n    rgba(239,78,145,.18);\n\n  background:\n    linear-gradient(\n      135deg,\n      #fff1f6,\n      #fff4db\n    );\n\n  color:#e44d8b;\n}\n\n\n\/* =========================================================\n   MEDIA\n   ========================================================= *\/\n\n.nvpd-media {\n  position:relative;\n\n  width:100%;\n\n  margin:\n    12px 0;\n\n  overflow:hidden;\n\n  border-radius:15px;\n\n  background:#f5f6f8;\n\n  box-shadow:\n    0 5px 14px\n    rgba(31,56,105,.08);\n}\n\n\n.nvpd-media img {\n  display:block;\n\n  width:100%;\n  height:auto;\n\n  margin:0 !important;\n\n  border:0;\n\n  object-fit:cover;\n}\n\n\n.nvpd-media-main {\n  margin-top:10px;\n}\n\n\n.nvpd-media-badge {\n  position:absolute;\n\n  left:10px;\n  bottom:10px;\n\n  display:inline-flex;\n\n  min-height:27px;\n\n  padding:\n    6px 10px;\n\n  align-items:center;\n\n  border:\n    1px solid\n    rgba(255,255,255,.75);\n\n  border-radius:999px;\n\n  background:\n    rgba(16,46,99,.84);\n\n  color:#fff;\n\n  backdrop-filter:\n    blur(6px);\n\n  -webkit-backdrop-filter:\n    blur(6px);\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:.35px;\n}\n\n\n.nvpd-media-badge-pink {\n  background:\n    rgba(220,66,132,.86);\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n.nvpd-section {\n  margin:\n    12px 0;\n\n  padding:\n    20px 18px;\n\n  border:\n    1px solid\n    rgba(66,105,176,.12);\n\n  border-radius:16px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff,\n      #fbfcff\n    );\n\n  box-shadow:\n    0 4px 12px\n    rgba(38,64,114,.055);\n}\n\n\n.nvpd-soft-pink {\n  background:\n    linear-gradient(\n      145deg,\n      #fff,\n      #fff8dc 0%,\n      #fff3f7 55%,\n      #f2f8ff 100%\n    );\n}\n\n\n.nvpd-section-head {\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n}\n\n\n.nvpd-number {\n  display:grid;\n\n  width:40px;\n  height:40px;\n\n  flex:\n    0 0 40px;\n\n  place-items:center;\n\n  border-radius:12px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #176de3,\n      #31bff0\n    );\n\n  color:#fff;\n\n  box-shadow:\n    0 4px 9px\n    rgba(36,123,211,.16);\n\n  font-size:11px;\n\n  font-weight:950;\n}\n\n\n.nvpd-number-pink {\n  background:\n    linear-gradient(\n      135deg,\n      #ef4e91,\n      #ff7887\n    );\n}\n\n\n.nvpd-number-orange {\n  background:\n    linear-gradient(\n      135deg,\n      #f68a29,\n      #ffd23f\n    );\n\n  color:#70450b;\n}\n\n\n.nvpd-section-head small,\n.nvpd-center-label {\n  color:#8590a2;\n\n  font-size:7px;\n\n  font-weight:950;\n\n  letter-spacing:.75px;\n}\n\n\n.nvpd-section-head h3 {\n  margin:\n    3px 0 0;\n\n  color:#20375f;\n\n  font-size:\n    clamp(\n      20px,\n      5vw,\n      27px\n    );\n\n  font-weight:950;\n\n  line-height:1.06;\n\n  letter-spacing:-.35px;\n}\n\n\n.nvpd-section \u003e p {\n  margin:\n    0;\n\n  color:#536177;\n\n  font-size:14px;\n\n  line-height:1.62;\n}\n\n\n.nvpd-section \u003e p strong {\n  color:#293f68;\n\n  font-weight:900;\n}\n\n\n\/* =========================================================\n   FEATURES\n   ========================================================= *\/\n\n.nvpd-feature-grid {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:7px;\n\n  margin-top:15px;\n}\n\n\n.nvpd-feature-grid \u003e div {\n  padding:\n    11px 9px;\n\n  border:\n    1px solid\n    rgba(65,107,179,.10);\n\n  border-radius:11px;\n\n  background:#f8faff;\n}\n\n\n.nvpd-feature-grid \u003e div \u003e span {\n  display:grid;\n\n  width:30px;\n  height:30px;\n\n  place-items:center;\n\n  border-radius:8px;\n\n  background:#fff;\n\n  box-shadow:\n    0 2px 6px\n    rgba(48,73,126,.07);\n\n  font-size:14px;\n}\n\n\n.nvpd-feature-grid strong {\n  display:block;\n\n  margin-top:7px;\n\n  color:#2b4068;\n\n  font-size:10px;\n\n  font-weight:950;\n\n  line-height:1.1;\n}\n\n\n.nvpd-feature-grid small {\n  display:block;\n\n  margin-top:4px;\n\n  color:#69768a;\n\n  font-size:8px;\n\n  line-height:1.35;\n}\n\n\n\/* =========================================================\n   USE CASES\n   ========================================================= *\/\n\n.nvpd-usecases {\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:6px;\n\n  margin-top:14px;\n}\n\n\n.nvpd-usecases span {\n  display:inline-flex;\n\n  min-height:29px;\n\n  padding:\n    6px 9px;\n\n  align-items:center;\n\n  border:\n    1px solid\n    rgba(105,84,201,.11);\n\n  border-radius:999px;\n\n  background:#fff;\n\n  color:#43577c;\n\n  box-shadow:\n    0 2px 6px\n    rgba(43,64,118,.05);\n\n  font-size:9px;\n\n  font-weight:850;\n}\n\n\n\/* =========================================================\n   MINI CARDS\n   ========================================================= *\/\n\n.nvpd-mini-cards {\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap:6px;\n\n  margin-top:14px;\n}\n\n\n.nvpd-mini-cards \u003e div {\n  display:flex;\n\n  min-height:55px;\n\n  padding:\n    8px;\n\n  align-items:center;\n  justify-content:center;\n\n  flex-direction:column;\n\n  gap:4px;\n\n  border-radius:11px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #fff6d8,\n      #fff2f7\n    );\n\n  text-align:center;\n}\n\n\n.nvpd-mini-cards span {\n  font-size:17px;\n}\n\n\n.nvpd-mini-cards strong {\n  color:#3c4e70;\n\n  font-size:8.5px;\n\n  font-weight:900;\n}\n\n\n\/* =========================================================\n   HOW IT WORKS\n   ========================================================= *\/\n\n.nvpd-step-section {\n  background:\n    linear-gradient(\n      145deg,\n      #f5f9ff,\n      #fff,\n      #fff5fa\n    );\n}\n\n\n.nvpd-center-label {\n  text-align:center;\n}\n\n\n.nvpd-center-title {\n  margin:\n    4px 0 15px;\n\n  color:#233963;\n\n  font-size:\n    clamp(\n      22px,\n      5.3vw,\n      30px\n    );\n\n  font-weight:950;\n\n  line-height:1.05;\n\n  text-align:center;\n}\n\n\n.nvpd-center-title span {\n  color:#ef4e91;\n}\n\n\n.nvpd-steps {\n  display:grid;\n\n  grid-template-columns:\n    1fr 20px 1fr 20px 1fr;\n\n  align-items:center;\n\n  gap:4px;\n}\n\n\n.nvpd-step {\n  min-height:125px;\n\n  padding:\n    13px 9px 10px;\n\n  border:\n    1px solid\n    rgba(74,110,178,.12);\n\n  border-radius:13px;\n\n  background:#fff;\n\n  text-align:center;\n}\n\n\n.nvpd-step-final {\n  background:\n    linear-gradient(\n      145deg,\n      #fff6d5,\n      #fff0f7\n    );\n\n  border-color:\n    rgba(239,78,145,.16);\n}\n\n\n.nvpd-step-top {\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:5px;\n}\n\n\n.nvpd-step-top b {\n  display:grid;\n\n  width:23px;\n  height:23px;\n\n  place-items:center;\n\n  border-radius:50%;\n\n  background:#176de3;\n\n  color:#fff;\n\n  font-size:9px;\n\n  font-weight:950;\n}\n\n\n.nvpd-step:nth-child(3)\n.nvpd-step-top b {\n  background:#7b4be3;\n}\n\n\n.nvpd-step-final\n.nvpd-step-top b {\n  background:\n    linear-gradient(\n      135deg,\n      #ef4e91,\n      #f68a29\n    );\n}\n\n\n.nvpd-step-top span {\n  font-size:17px;\n}\n\n\n.nvpd-step \u003e strong {\n  display:block;\n\n  margin-top:8px;\n\n  color:#2b4068;\n\n  font-size:9px;\n\n  font-weight:950;\n}\n\n\n.nvpd-step \u003e p {\n  margin:\n    5px 0 0;\n\n  color:#69768b;\n\n  font-size:8px;\n\n  line-height:1.35;\n}\n\n\n.nvpd-step-arrow {\n  color:#9ba8bb;\n\n  font-size:15px;\n\n  font-style:normal;\n\n  font-weight:900;\n\n  text-align:center;\n}\n\n\n\/* TIP *\/\n\n.nvpd-tip {\n  display:flex;\n\n  margin-top:12px;\n\n  padding:\n    9px 11px;\n\n  align-items:flex-start;\n\n  gap:7px;\n\n  border-radius:10px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #fff7d8,\n      #fff4e8\n    );\n}\n\n\n.nvpd-tip \u003e span {\n  font-size:16px;\n}\n\n\n.nvpd-tip p {\n  margin:0;\n\n  color:#6b5a49;\n\n  font-size:9px;\n\n  line-height:1.45;\n}\n\n\n.nvpd-tip strong {\n  color:#684b29;\n}\n\n\n\/* =========================================================\n   LOVE GRID\n   ========================================================= *\/\n\n.nvpd-love-grid {\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap:8px;\n\n  margin-top:14px;\n}\n\n\n.nvpd-love-grid \u003e div {\n  padding:\n    13px;\n\n  border:\n    1px solid\n    rgba(67,107,178,.10);\n\n  border-radius:12px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #fff,\n      #f8faff\n    );\n}\n\n\n.nvpd-love-grid \u003e div \u003e span {\n  display:grid;\n\n  width:34px;\n  height:34px;\n\n  place-items:center;\n\n  border-radius:9px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #fff1c5,\n      #ffeaf3\n    );\n\n  font-size:16px;\n}\n\n\n.nvpd-love-grid strong {\n  display:block;\n\n  margin-top:8px;\n\n  color:#2c4169;\n\n  font-size:10px;\n\n  font-weight:950;\n\n  line-height:1.2;\n}\n\n\n.nvpd-love-grid p {\n  margin:\n    5px 0 0;\n\n  color:#67758a;\n\n  font-size:9px;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   NOTES\n   ========================================================= *\/\n\n.nvpd-note-box {\n  display:grid;\n\n  grid-template-columns:\n    42px 1fr;\n\n  margin:\n    12px 0;\n\n  padding:\n    14px;\n\n  gap:10px;\n\n  border:\n    1px solid\n    rgba(245,166,45,.25);\n\n  border-radius:14px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #fffaf0,\n      #fff\n    );\n}\n\n\n.nvpd-note-icon {\n  display:grid;\n\n  width:40px;\n  height:40px;\n\n  place-items:center;\n\n  border-radius:11px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #ffd23f,\n      #f68a29\n    );\n\n  font-size:18px;\n}\n\n\n.nvpd-note-box h3 {\n  margin:0;\n\n  color:#4a3c30;\n\n  font-size:16px;\n\n  font-weight:950;\n}\n\n\n.nvpd-note-box ul {\n  margin:\n    8px 0 0;\n\n  padding-left:18px;\n\n  color:#665a50;\n}\n\n\n.nvpd-note-box li {\n  margin:\n    0 0 5px;\n\n  font-size:10px;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   GUARANTEE\n   ========================================================= *\/\n\n.nvpd-guarantee-image {\n  max-width:100%;\n}\n\n\n.nvpd-guarantee {\n  display:grid;\n\n  grid-template-columns:\n    52px 1fr;\n\n  margin:\n    12px 0;\n\n  padding:\n    16px;\n\n  gap:11px;\n\n  border:\n    1px solid\n    rgba(67,185,121,.22);\n\n  border-radius:15px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #eefbf6,\n      #fff 52%,\n      #f2f8ff\n    );\n\n  box-shadow:\n    0 4px 12px\n    rgba(37,121,89,.06);\n}\n\n\n.nvpd-guarantee-shield {\n  display:grid;\n\n  width:50px;\n  height:55px;\n\n  place-items:center;\n\n  clip-path:\n    polygon(\n      50% 0,\n      92% 15%,\n      84% 67%,\n      50% 100%,\n      16% 67%,\n      8% 15%\n    );\n\n  background:\n    linear-gradient(\n      145deg,\n      #55cd8a,\n      #1da978\n    );\n\n  color:#fff;\n\n  font-size:19px;\n\n  font-weight:950;\n}\n\n\n.nvpd-guarantee small {\n  color:#438773;\n\n  font-size:6.5px;\n\n  font-weight:950;\n\n  letter-spacing:.65px;\n}\n\n\n.nvpd-guarantee h3 {\n  margin:\n    3px 0 0;\n\n  color:#235c4d;\n\n  font-size:18px;\n\n  font-weight:950;\n\n  line-height:1.05;\n}\n\n\n.nvpd-guarantee p {\n  margin:\n    7px 0 0;\n\n  color:#587269;\n\n  font-size:10px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   FINAL\n   ========================================================= *\/\n\n.nvpd-final {\n  display:grid;\n\n  grid-template-columns:\n    36px 1fr 34px;\n\n  min-height:65px;\n\n  margin-top:12px;\n\n  padding:\n    10px 12px;\n\n  align-items:center;\n\n  gap:8px;\n\n  border-radius:14px;\n\n  background:\n    linear-gradient(\n      100deg,\n      #102f68,\n      #176de3 34%,\n      #7549dd 67%,\n      #ef4e91\n    );\n\n  background-size:\n    200% 100%;\n\n  color:#fff;\n\n  box-shadow:\n    0 7px 18px\n    rgba(62,71,175,.17);\n\n  animation:\n    nvpdFinal\n    4s\n    ease-in-out\n    infinite alternate;\n}\n\n\n@keyframes nvpdFinal {\n\n  from {\n    background-position:\n      0 50%;\n  }\n\n  to {\n    background-position:\n      100% 50%;\n  }\n\n}\n\n\n.nvpd-final \u003e span {\n  display:grid;\n\n  width:34px;\n  height:34px;\n\n  place-items:center;\n\n  border-radius:9px;\n\n  background:\n    rgba(255,255,255,.14);\n\n  font-size:16px;\n}\n\n\n.nvpd-final small {\n  display:block;\n\n  color:\n    rgba(255,255,255,.69);\n\n  font-size:6px;\n\n  font-weight:900;\n\n  letter-spacing:.55px;\n}\n\n\n.nvpd-final strong {\n  display:block;\n\n  margin-top:3px;\n\n  color:#fff;\n\n  font-size:13px;\n\n  font-weight:950;\n\n  line-height:1.1;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:749px) {\n\n  #nv-puffy-detail {\n    font-size:14px;\n  }\n\n\n  .nvpd-hero {\n    padding:\n      18px 13px 17px;\n\n    border-radius:\n      15px 15px 0 0;\n  }\n\n\n  .nvpd-kicker {\n    min-height:24px;\n\n    padding:\n      5px 8px;\n\n    font-size:7px;\n  }\n\n\n  .nvpd-hero h2 {\n    margin-top:10px;\n\n    font-size:\n      clamp(\n        29px,\n        8.8vw,\n        37px\n      );\n  }\n\n\n  .nvpd-lead {\n    margin-top:9px;\n\n    font-size:13px;\n\n    line-height:1.48;\n  }\n\n\n  .nvpd-hero-pills {\n    margin-top:12px;\n\n    gap:4px;\n  }\n\n\n  .nvpd-hero-pills span {\n    min-height:27px;\n\n    padding:\n      5px 8px;\n\n    font-size:8px;\n  }\n\n\n  .nvpd-media {\n    margin:\n      9px 0;\n\n    border-radius:12px;\n  }\n\n\n  .nvpd-section {\n    margin:\n      9px 0;\n\n    padding:\n      15px 12px;\n\n    border-radius:13px;\n  }\n\n\n  .nvpd-section-head {\n    gap:8px;\n\n    margin-bottom:9px;\n  }\n\n\n  .nvpd-number {\n    width:35px;\n    height:35px;\n\n    flex-basis:35px;\n\n    border-radius:10px;\n\n    font-size:9px;\n  }\n\n\n  .nvpd-section-head h3 {\n    font-size:\n      clamp(\n        19px,\n        5.8vw,\n        24px\n      );\n  }\n\n\n  .nvpd-section-head small {\n    font-size:6px;\n  }\n\n\n  .nvpd-section \u003e p {\n    font-size:12.5px;\n\n    line-height:1.56;\n  }\n\n\n  .nvpd-feature-grid {\n    gap:5px;\n\n    margin-top:12px;\n  }\n\n\n  .nvpd-feature-grid \u003e div {\n    padding:\n      8px 6px;\n  }\n\n\n  .nvpd-feature-grid \u003e div \u003e span {\n    width:27px;\n    height:27px;\n\n    font-size:12px;\n  }\n\n\n  .nvpd-feature-grid strong {\n    margin-top:6px;\n\n    font-size:8px;\n  }\n\n\n  .nvpd-feature-grid small {\n    font-size:6.8px;\n\n    line-height:1.3;\n  }\n\n\n  .nvpd-usecases {\n    gap:5px;\n\n    margin-top:11px;\n  }\n\n\n  .nvpd-usecases span {\n    min-height:27px;\n\n    padding:\n      5px 8px;\n\n    font-size:8px;\n  }\n\n\n  .nvpd-mini-cards {\n    gap:5px;\n\n    margin-top:11px;\n  }\n\n\n  .nvpd-mini-cards \u003e div {\n    min-height:51px;\n\n    padding:7px 4px;\n  }\n\n\n  .nvpd-mini-cards span {\n    font-size:15px;\n  }\n\n\n  .nvpd-mini-cards strong {\n    font-size:7.3px;\n  }\n\n\n  .nvpd-center-title {\n    margin-bottom:12px;\n\n    font-size:\n      clamp(\n        21px,\n        6.2vw,\n        27px\n      );\n  }\n\n\n  .nvpd-steps {\n    grid-template-columns:\n      1fr 13px 1fr 13px 1fr;\n\n    gap:2px;\n  }\n\n\n  .nvpd-step {\n    min-height:112px;\n\n    padding:\n      10px 5px 8px;\n  }\n\n\n  .nvpd-step-top b {\n    width:20px;\n    height:20px;\n\n    font-size:7px;\n  }\n\n\n  .nvpd-step-top span {\n    font-size:14px;\n  }\n\n\n  .nvpd-step \u003e strong {\n    margin-top:7px;\n\n    font-size:7.4px;\n  }\n\n\n  .nvpd-step \u003e p {\n    margin-top:4px;\n\n    font-size:6.5px;\n\n    line-height:1.3;\n  }\n\n\n  .nvpd-step-arrow {\n    font-size:11px;\n  }\n\n\n  .nvpd-tip {\n    margin-top:9px;\n\n    padding:\n      8px;\n  }\n\n\n  .nvpd-tip p {\n    font-size:8px;\n  }\n\n\n  .nvpd-love-grid {\n    gap:6px;\n\n    margin-top:11px;\n  }\n\n\n  .nvpd-love-grid \u003e div {\n    padding:10px;\n  }\n\n\n  .nvpd-love-grid \u003e div \u003e span {\n    width:30px;\n    height:30px;\n\n    font-size:14px;\n  }\n\n\n  .nvpd-love-grid strong {\n    margin-top:6px;\n\n    font-size:8.8px;\n  }\n\n\n  .nvpd-love-grid p {\n    margin-top:4px;\n\n    font-size:7.8px;\n  }\n\n\n  .nvpd-note-box {\n    grid-template-columns:\n      37px 1fr;\n\n    margin:\n      9px 0;\n\n    padding:\n      11px;\n\n    gap:8px;\n  }\n\n\n  .nvpd-note-icon {\n    width:36px;\n    height:36px;\n\n    font-size:16px;\n  }\n\n\n  .nvpd-note-box h3 {\n    font-size:14px;\n  }\n\n\n  .nvpd-note-box li {\n    font-size:8.7px;\n  }\n\n\n  .nvpd-guarantee {\n    grid-template-columns:\n      45px 1fr;\n\n    margin:\n      9px 0;\n\n    padding:\n      12px;\n\n    gap:9px;\n  }\n\n\n  .nvpd-guarantee-shield {\n    width:43px;\n    height:48px;\n\n    font-size:17px;\n  }\n\n\n  .nvpd-guarantee h3 {\n    font-size:16px;\n  }\n\n\n  .nvpd-guarantee p {\n    font-size:8.8px;\n  }\n\n\n  .nvpd-final {\n    min-height:58px;\n\n    margin-top:9px;\n\n    grid-template-columns:\n      31px 1fr 30px;\n\n    padding:\n      8px 9px;\n  }\n\n\n  .nvpd-final \u003e span {\n    width:30px;\n    height:30px;\n\n    font-size:14px;\n  }\n\n\n  .nvpd-final strong {\n    font-size:11px;\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media(max-width:370px) {\n\n  .nvpd-feature-grid {\n    grid-template-columns:1fr;\n  }\n\n\n  .nvpd-feature-grid \u003e div {\n    display:grid;\n\n    grid-template-columns:\n      27px 1fr;\n\n    align-items:center;\n\n    column-gap:7px;\n  }\n\n\n  .nvpd-feature-grid \u003e div \u003e span {\n    grid-row:\n      1 \/ span 2;\n  }\n\n\n  .nvpd-feature-grid strong,\n  .nvpd-feature-grid small {\n    margin-top:0;\n  }\n\n\n  .nvpd-mini-cards {\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .nvpd-love-grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce) {\n\n  #nv-puffy-detail *,\n  #nv-puffy-detail *:before,\n  #nv-puffy-detail *:after {\n    animation-duration:.01ms !important;\n    animation-iteration-count:1 !important;\n  }\n\n}\n\n\u003c\/style\u003e","brand":"XSJ","offers":[{"title":"🔥 2 Packs","offer_id":58693344559452,"sku":"hb-3DZIBI*2","price":37.97,"currency_code":"USD","in_stock":true},{"title":"✨ 1 Pack","offer_id":58693344592220,"sku":"hb-3DZIBI*1","price":23.97,"currency_code":"USD","in_stock":true},{"title":"💖 3 Packs","offer_id":58693344624988,"sku":"hb-3DZIBI*3","price":48.97,"currency_code":"USD","in_stock":true},{"title":"🎉 5 Packs","offer_id":58693344657756,"sku":"hb-3DZIBI*5","price":64.97,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1027\/0955\/9644\/files\/ChatGPTImageAug10_2026_09_56_32PM_1.png?v=1786990481","url":"https:\/\/jurevon.com\/products\/3d-puffy-art-kit-with-paints-pen-palette-sj","provider":"Jurevon","version":"1.0","type":"link"}