{"product_id":"long-lasting-plant","title":"💇‍♀️💈Plant-Based Bubble Mousse Hair Dye Shampoo, Gentle Gray Coverage","description":"\u003c!-- =========================================================\nPLANT-BASED FOAM HAIR DYE\nFUNCTION-FIRST SHOPIFY SINGLE PAGE\n\nPURE HTML + CSS\nNO BRAND\nNO CTA BUTTON\nNO LIQUID VARIABLES\n\nIMAGE 01 Hero \/ Main Visual\nIMAGE 02 Plant-Based Formula\nIMAGE 03 Longer-Lasting Color\nIMAGE 04 Light Fruity Scent\nIMAGE 05 Mess-Free Foam Application\n========================================================= --\u003e\n\n\n\u003cstyle\u003e\n.pfd-page,\n.pfd-page *{\n  box-sizing:border-box!important;\n}\n\n.pfd-page{\n  --pfd-ink:#1f2a23;\n  --pfd-text:#67736b;\n\n  --pfd-green:#5d7c42;\n  --pfd-green-dark:#36542a;\n  --pfd-green-soft:#edf4e8;\n\n  --pfd-cream:#f8f5ea;\n  --pfd-beige:#f1eadc;\n\n  --pfd-black:#1d231f;\n  --pfd-brown:#6d5137;\n  --pfd-gold:#b99a62;\n\n  --pfd-line:#dde5d7;\n\n  width:100%!important;\n  max-width:940px!important;\n\n  margin:0 auto!important;\n  padding:8px 10px 48px!important;\n\n  background:#ffffff!important;\n  color:var(--pfd-ink)!important;\n\n  font-family:inherit!important;\n  line-height:1.65!important;\n\n  overflow:hidden!important;\n}\n\n.pfd-page h1,\n.pfd-page h2,\n.pfd-page h3,\n.pfd-page p{\n  margin-top:0!important;\n}\n\n.pfd-page h1,\n.pfd-page h2,\n.pfd-page h3{\n  color:var(--pfd-ink)!important;\n\n  font-family:inherit!important;\n  line-height:1.12!important;\n\n  word-break:normal!important;\n  overflow-wrap:normal!important;\n}\n\n.pfd-page p,\n.pfd-page li{\n  color:var(--pfd-text)!important;\n\n  font-family:inherit!important;\n  font-size:16px!important;\n}\n\n.pfd-page img{\n  display:block!important;\n\n  width:100%!important;\n  max-width:100%!important;\n  height:auto!important;\n\n  border:0!important;\n}\n\n\n\/* =========================================================\nGENERAL\n========================================================= *\/\n\n.pfd-section{\n  margin-top:18px!important;\n  padding:42px 28px!important;\n\n  border-radius:26px!important;\n}\n\n.pfd-center{\n  text-align:center!important;\n}\n\n.pfd-white{\n  border:1px solid var(--pfd-line)!important;\n  background:#ffffff!important;\n}\n\n.pfd-green-soft{\n  background:\n    radial-gradient(\n      circle at 100% 0%,\n      rgba(93,124,66,.12),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      #edf4e8,\n      #fbfcf9\n    )!important;\n}\n\n.pfd-cream{\n  background:\n    radial-gradient(\n      circle at 0% 100%,\n      rgba(185,154,98,.09),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      #f8f5ea,\n      #ffffff\n    )!important;\n}\n\n.pfd-beige{\n  background:\n    linear-gradient(\n      135deg,\n      #f1eadc,\n      #faf8f2\n    )!important;\n}\n\n.pfd-eyebrow{\n  display:inline-flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n\n  margin-bottom:10px!important;\n  padding:7px 12px!important;\n\n  border-radius:999px!important;\n\n  background:#e5efdf!important;\n  color:var(--pfd-green-dark)!important;\n\n  font-size:12px!important;\n  font-weight:850!important;\n\n  letter-spacing:.08em!important;\n  text-transform:uppercase!important;\n}\n\n.pfd-heading{\n  max-width:760px!important;\n\n  margin:0 auto 13px!important;\n\n  font-size:clamp(28px,4.8vw,42px)!important;\n  font-weight:900!important;\n\n  letter-spacing:-.7px!important;\n}\n\n.pfd-lead{\n  max-width:700px!important;\n\n  margin:0 auto 25px!important;\n\n  font-size:17px!important;\n}\n\n\n\/* =========================================================\nMEDIA\n========================================================= *\/\n\n.pfd-media{\n  width:100%!important;\n  max-width:760px!important;\n\n  margin:24px auto 0!important;\n\n  overflow:hidden!important;\n\n  border-radius:22px!important;\n\n  background:#eef3e9!important;\n\n  box-shadow:0 12px 32px rgba(46,67,39,.09)!important;\n}\n\n\n\/* =========================================================\nHERO\n========================================================= *\/\n\n.pfd-hero{\n  display:grid!important;\n  grid-template-columns:minmax(0,1fr)!important;\n\n  gap:24px!important;\n\n  padding:48px 34px 32px!important;\n\n  border:1px solid #dce5d6!important;\n  border-radius:30px!important;\n\n  background:\n    radial-gradient(\n      circle at 94% 4%,\n      rgba(93,124,66,.18),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 0% 100%,\n      rgba(185,154,98,.13),\n      transparent 36%\n    ),\n    linear-gradient(\n      145deg,\n      #eff5ea,\n      #ffffff 54%,\n      #faf6eb\n    )!important;\n\n  box-shadow:0 18px 48px rgba(49,69,42,.10)!important;\n\n  text-align:center!important;\n}\n\n.pfd-hero-copy{\n  width:100%!important;\n  max-width:820px!important;\n\n  margin:0 auto!important;\n}\n\n.pfd-kicker{\n  display:inline-flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n\n  margin-bottom:15px!important;\n  padding:8px 14px!important;\n\n  border-radius:999px!important;\n\n  background:var(--pfd-green-dark)!important;\n  color:#ffffff!important;\n\n  font-size:12px!important;\n  font-weight:850!important;\n\n  letter-spacing:.07em!important;\n  text-transform:uppercase!important;\n}\n\n.pfd-hero h1{\n  max-width:820px!important;\n\n  margin:0 auto 16px!important;\n\n  font-size:clamp(38px,6vw,60px)!important;\n  font-weight:950!important;\n\n  letter-spacing:-1.4px!important;\n}\n\n.pfd-hero h1 span{\n  color:var(--pfd-green)!important;\n}\n\n.pfd-hero-copy\u003ep{\n  max-width:700px!important;\n\n  margin:0 auto 20px!important;\n\n  font-size:18px!important;\n}\n\n.pfd-trust{\n  display:grid!important;\n  grid-template-columns:repeat(4,minmax(0,1fr))!important;\n\n  gap:9px!important;\n\n  max-width:820px!important;\n\n  margin:18px auto 0!important;\n}\n\n.pfd-trust-item{\n  padding:13px 8px!important;\n\n  border:1px solid var(--pfd-line)!important;\n  border-radius:15px!important;\n\n  background:rgba(255,255,255,.94)!important;\n  color:var(--pfd-green-dark)!important;\n\n  font-size:13px!important;\n  font-weight:850!important;\n}\n\n\n\/* =========================================================\nPROBLEM GRID\n========================================================= *\/\n\n.pfd-problem-grid{\n  display:grid!important;\n  grid-template-columns:repeat(4,minmax(0,1fr))!important;\n\n  gap:11px!important;\n\n  margin-top:24px!important;\n}\n\n.pfd-problem{\n  padding:19px 12px!important;\n\n  border:1px solid var(--pfd-line)!important;\n  border-radius:17px!important;\n\n  background:#ffffff!important;\n\n  text-align:center!important;\n}\n\n.pfd-problem span{\n  display:block!important;\n\n  margin-bottom:8px!important;\n\n  font-size:25px!important;\n}\n\n.pfd-problem strong{\n  display:block!important;\n\n  margin-bottom:5px!important;\n\n  color:var(--pfd-ink)!important;\n\n  font-size:14px!important;\n}\n\n.pfd-problem p{\n  margin:0!important;\n\n  font-size:12px!important;\n}\n\n\n\/* =========================================================\nFEATURE CARDS\n========================================================= *\/\n\n.pfd-card-grid{\n  display:grid!important;\n  grid-template-columns:repeat(3,minmax(0,1fr))!important;\n\n  gap:13px!important;\n\n  margin-top:24px!important;\n}\n\n.pfd-card{\n  padding:21px 17px!important;\n\n  border:1px solid var(--pfd-line)!important;\n  border-radius:19px!important;\n\n  background:#ffffff!important;\n\n  box-shadow:0 8px 22px rgba(41,58,35,.05)!important;\n\n  text-align:center!important;\n}\n\n.pfd-icon{\n  display:grid!important;\n\n  width:48px!important;\n  height:48px!important;\n\n  margin:0 auto 11px!important;\n\n  place-items:center!important;\n\n  border-radius:50%!important;\n\n  background:var(--pfd-green-soft)!important;\n\n  font-size:23px!important;\n}\n\n.pfd-card:nth-child(2) .pfd-icon{\n  background:#f4eee4!important;\n}\n\n.pfd-card h3{\n  margin-bottom:7px!important;\n\n  font-size:17px!important;\n  font-weight:850!important;\n}\n\n.pfd-card p{\n  margin:0!important;\n\n  font-size:14px!important;\n}\n\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n.pfd-number{\n  display:inline-grid!important;\n\n  width:50px!important;\n  height:50px!important;\n\n  margin:0 auto 11px!important;\n\n  place-items:center!important;\n\n  border-radius:50%!important;\n\n  background:var(--pfd-green-dark)!important;\n  color:#ffffff!important;\n\n  font-size:15px!important;\n  font-weight:900!important;\n}\n\n\n\/* =========================================================\nCOLOR OPTIONS\n========================================================= *\/\n\n.pfd-color-grid{\n  display:grid!important;\n  grid-template-columns:repeat(4,minmax(0,1fr))!important;\n\n  gap:11px!important;\n\n  margin-top:24px!important;\n}\n\n.pfd-color{\n  padding:18px 8px!important;\n\n  border:1px solid var(--pfd-line)!important;\n  border-radius:17px!important;\n\n  background:#ffffff!important;\n\n  text-align:center!important;\n}\n\n.pfd-dot{\n  display:block!important;\n\n  width:43px!important;\n  height:43px!important;\n\n  margin:0 auto 9px!important;\n\n  border:4px solid #ffffff!important;\n  border-radius:50%!important;\n\n  box-shadow:0 0 0 1px rgba(0,0,0,.12)!important;\n}\n\n.pfd-color strong{\n  color:var(--pfd-ink)!important;\n\n  font-size:13px!important;\n}\n\n\n\/* =========================================================\nDETAILS\n========================================================= *\/\n\n.pfd-details{\n  max-width:780px!important;\n\n  margin:24px auto 0!important;\n\n  overflow:hidden!important;\n\n  border:1px solid var(--pfd-line)!important;\n  border-radius:18px!important;\n\n  background:#ffffff!important;\n}\n\n.pfd-row{\n  display:grid!important;\n  grid-template-columns:37% 63%!important;\n\n  border-bottom:1px solid var(--pfd-line)!important;\n}\n\n.pfd-row:last-child{\n  border-bottom:0!important;\n}\n\n.pfd-row div{\n  padding:14px!important;\n}\n\n.pfd-row div:first-child{\n  background:#eef3e9!important;\n\n  color:var(--pfd-green-dark)!important;\n\n  font-weight:850!important;\n}\n\n.pfd-row div:last-child{\n  color:var(--pfd-text)!important;\n}\n\n\n\/* =========================================================\nHOW TO USE\n========================================================= *\/\n\n.pfd-steps{\n  display:grid!important;\n  grid-template-columns:repeat(4,minmax(0,1fr))!important;\n\n  gap:11px!important;\n\n  margin-top:24px!important;\n}\n\n.pfd-step{\n  padding:19px 12px!important;\n\n  border:1px solid var(--pfd-line)!important;\n  border-radius:18px!important;\n\n  background:#ffffff!important;\n\n  text-align:center!important;\n}\n\n.pfd-step-num{\n  display:grid!important;\n\n  width:40px!important;\n  height:40px!important;\n\n  margin:0 auto 10px!important;\n\n  place-items:center!important;\n\n  border-radius:50%!important;\n\n  background:var(--pfd-green)!important;\n  color:#ffffff!important;\n\n  font-weight:900!important;\n}\n\n.pfd-step strong{\n  display:block!important;\n\n  margin-bottom:5px!important;\n\n  color:var(--pfd-ink)!important;\n\n  font-size:14px!important;\n}\n\n.pfd-step p{\n  margin:0!important;\n\n  font-size:12px!important;\n}\n\n\n\/* =========================================================\nNOTE\n========================================================= *\/\n\n.pfd-note{\n  max-width:760px!important;\n\n  margin:20px auto 0!important;\n  padding:17px 18px!important;\n\n  border-left:4px solid var(--pfd-green)!important;\n  border-radius:8px 16px 16px 8px!important;\n\n  background:#f3f7ef!important;\n\n  color:#5f6e5a!important;\n\n  text-align:left!important;\n}\n\n.pfd-note-list{\n  margin:0!important;\n  padding-left:20px!important;\n}\n\n.pfd-note-list li{\n  margin-bottom:7px!important;\n\n  color:#5f6e5a!important;\n\n  font-size:14px!important;\n}\n\n\n\/* =========================================================\nFAQ\n========================================================= *\/\n\n.pfd-faq{\n  max-width:780px!important;\n\n  margin:10px auto 0!important;\n  padding:16px 18px!important;\n\n  border:1px solid var(--pfd-line)!important;\n  border-radius:16px!important;\n\n  background:#ffffff!important;\n\n  text-align:left!important;\n}\n\n.pfd-faq summary{\n  cursor:pointer!important;\n  list-style:none!important;\n\n  color:var(--pfd-ink)!important;\n\n  font-size:15px!important;\n  font-weight:850!important;\n}\n\n.pfd-faq summary::-webkit-details-marker{\n  display:none!important;\n}\n\n.pfd-faq summary:after{\n  content:\"+\"!important;\n\n  float:right!important;\n\n  color:var(--pfd-green)!important;\n\n  font-size:20px!important;\n  font-weight:900!important;\n}\n\n.pfd-faq[open] summary:after{\n  content:\"−\"!important;\n}\n\n.pfd-faq p{\n  margin:10px 0 0!important;\n\n  font-size:14px!important;\n}\n\n\n\/* =========================================================\nFINAL\n========================================================= *\/\n\n.pfd-final{\n  margin-top:18px!important;\n\n  padding:48px 25px!important;\n\n  border-radius:27px!important;\n\n  background:\n    radial-gradient(\n      circle at 90% 5%,\n      rgba(93,124,66,.16),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 0% 100%,\n      rgba(185,154,98,.13),\n      transparent 38%\n    ),\n    linear-gradient(\n      145deg,\n      #eef4e9,\n      #ffffff 52%,\n      #faf5e9\n    )!important;\n\n  text-align:center!important;\n}\n\n.pfd-final h2{\n  max-width:700px!important;\n\n  margin:0 auto 13px!important;\n\n  font-size:clamp(31px,5vw,47px)!important;\n  font-weight:950!important;\n}\n\n.pfd-final p{\n  max-width:660px!important;\n\n  margin:0 auto!important;\n\n  font-size:17px!important;\n}\n\n.pfd-final-points{\n  display:flex!important;\n  flex-wrap:wrap!important;\n  justify-content:center!important;\n\n  gap:8px!important;\n\n  margin-top:20px!important;\n}\n\n.pfd-final-points span{\n  padding:8px 12px!important;\n\n  border:1px solid var(--pfd-line)!important;\n  border-radius:999px!important;\n\n  background:#ffffff!important;\n\n  color:var(--pfd-green-dark)!important;\n\n  font-size:12px!important;\n  font-weight:850!important;\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media(max-width:760px){\n\n  .pfd-page{\n    padding:5px 5px 30px!important;\n  }\n\n  .pfd-section{\n    margin-top:13px!important;\n    padding:31px 16px!important;\n\n    border-radius:21px!important;\n  }\n\n  .pfd-hero{\n    padding:31px 16px 20px!important;\n\n    border-radius:22px!important;\n  }\n\n  .pfd-hero h1{\n    font-size:clamp(31px,9vw,44px)!important;\n  }\n\n  .pfd-hero-copy\u003ep,\n  .pfd-lead{\n    font-size:16px!important;\n  }\n\n  .pfd-heading{\n    font-size:29px!important;\n  }\n\n  .pfd-trust{\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n  }\n\n  .pfd-problem-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n  }\n\n  .pfd-card-grid{\n    grid-template-columns:minmax(0,1fr)!important;\n  }\n\n  .pfd-color-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n  }\n\n  .pfd-steps{\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n  }\n\n  .pfd-row{\n    grid-template-columns:minmax(0,1fr)!important;\n  }\n\n  .pfd-row div:first-child{\n    padding-bottom:5px!important;\n  }\n\n  .pfd-row div:last-child{\n    padding-top:5px!important;\n  }\n\n}\n\n@media(max-width:480px){\n\n  .pfd-heading{\n    font-size:27px!important;\n  }\n\n  .pfd-steps{\n    grid-template-columns:minmax(0,1fr)!important;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"pfd-page\"\u003e\n\n\n\u003c!-- =========================================================\nHERO\n========================================================= --\u003e\n\n\u003csection class=\"pfd-hero\"\u003e\n\n  \u003cdiv class=\"pfd-hero-copy\"\u003e\n\n    \u003cspan class=\"pfd-kicker\"\u003e\n      🌿 PLANT-BASED FOAM HAIR COLOR\n    \u003c\/span\u003e\n\n    \u003ch1\u003e\n      Cover Gray Hair\n      \u003cspan\u003eWithout The Usual Mess.\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp\u003e\n      A ready-to-use foam hair dye designed for easy at-home\n      application, even root coverage and rich-looking color\n      in a smooth, spreadable foam.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"pfd-trust\"\u003e\n\n      \u003cdiv class=\"pfd-trust-item\"\u003e\n        🌿 Plant-Based Formula\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"pfd-trust-item\"\u003e\n        🎨 Gray Coverage\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"pfd-trust-item\"\u003e\n        🫧 Foam Application\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"pfd-trust-item\"\u003e\n        🍐 Light Fruity Scent\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       【IMAGE 01】\n       HERO \/ PRODUCT + HAIR COLOR RESULTS\n  ====================================================== --\u003e\n\n  \u003cdiv class=\"pfd-media\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0792\/3826\/7097\/files\/1_3007237f-d4fe-4c86-820b-4456f646967e.png?v=1792831077\" alt=\"Plant-based foam hair dye for gray hair coverage\" loading=\"eager\"\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\nPAIN POINT\n========================================================= --\u003e\n\n\u003csection class=\"pfd-section pfd-cream pfd-center\"\u003e\n\n  \u003cdiv class=\"pfd-eyebrow\"\u003e\n    COLORING HAIR AT HOME SHOULDN'T FEEL COMPLICATED\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"pfd-heading\"\u003e\n    Gray Roots, Fading Color \u0026amp; Messy Mixing Add Up Fast\n  \u003c\/h2\u003e\n\n  \u003cp class=\"pfd-lead\"\u003e\n    Traditional home coloring can mean strong odors,\n    dripping formulas, uneven application and frequent\n    touch-ups when color begins to fade.\n  \u003c\/p\u003e\n\n\n  \u003cdiv class=\"pfd-problem-grid\"\u003e\n\n    \u003cdiv class=\"pfd-problem\"\u003e\n\n      \u003cspan\u003e⚪\u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Visible Gray\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Gray roots can stand out between coloring sessions.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-problem\"\u003e\n\n      \u003cspan\u003e🎨\u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Fast Fading\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Color can lose richness after repeated washing.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-problem\"\u003e\n\n      \u003cspan\u003e🧪\u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Mixing Hassle\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Multi-step formulas can make home application harder.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-problem\"\u003e\n\n      \u003cspan\u003e💧\u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Drips \u0026amp; Mess\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Thin formulas can spread beyond the areas you want to color.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\nFEATURE 01\n========================================================= --\u003e\n\n\u003csection class=\"pfd-section pfd-green-soft pfd-center\"\u003e\n\n  \u003cdiv class=\"pfd-number\"\u003e\n    01\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"pfd-heading\"\u003e\n    Gentle Plant-Based Hair Coloring\n  \u003c\/h2\u003e\n\n  \u003cp class=\"pfd-lead\"\u003e\n    Infused with plant-derived ingredients, the formula offers\n    a gentler coloring option with less of the strong smell\n    commonly associated with traditional hair dyes.\n  \u003c\/p\u003e\n\n\n  \u003c!-- =====================================================\n       【IMAGE 02】\n       PLANT-BASED FORMULA\n  ====================================================== --\u003e\n\n  \u003cdiv class=\"pfd-media\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0792\/3826\/7097\/files\/2_99a9706f-d793-44fe-96f1-b3999ea22bd6.png?v=1792831077\" alt=\"Plant-based foam hair dye formula\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"pfd-card-grid\"\u003e\n\n    \u003cdiv class=\"pfd-card\"\u003e\n\n      \u003cdiv class=\"pfd-icon\"\u003e\n        🌿\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Plant-Derived Ingredients\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Botanical-inspired formulation for an easier-feeling\n        at-home coloring routine.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-card\"\u003e\n\n      \u003cdiv class=\"pfd-icon\"\u003e\n        🫧\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Foam Texture\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Smooth foam spreads across roots and strands\n        more easily than runny liquid formulas.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-card\"\u003e\n\n      \u003cdiv class=\"pfd-icon\"\u003e\n        👩\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        At-Home Use\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Designed for straightforward coloring without\n        complicated preparation.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\nFEATURE 02\n========================================================= --\u003e\n\n\u003csection class=\"pfd-section pfd-white pfd-center\"\u003e\n\n  \u003cdiv class=\"pfd-number\"\u003e\n    02\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"pfd-heading\"\u003e\n    Richer Color That Stays Vibrant Through More Washes\n  \u003c\/h2\u003e\n\n  \u003cp class=\"pfd-lead\"\u003e\n    The coloring formula is designed to help pigment hold\n    to the strands so the finished shade stays richer-looking\n    between applications.\n  \u003c\/p\u003e\n\n\n  \u003c!-- =====================================================\n       【IMAGE 03】\n       LONGER-LASTING COLOR\n  ====================================================== --\u003e\n\n  \u003cdiv class=\"pfd-media\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0792\/3826\/7097\/files\/9_8594a927-4ea8-4066-8960-0008b7db17f5.png?v=1792831077\" alt=\"Long-lasting foam hair dye color result\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"pfd-card-grid\"\u003e\n\n    \u003cdiv class=\"pfd-card\"\u003e\n\n      \u003cdiv class=\"pfd-icon\"\u003e\n        🎨\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Gray Coverage\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Apply through visible gray roots and strands\n        for a more even-looking finished color.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-card\"\u003e\n\n      \u003cdiv class=\"pfd-icon\"\u003e\n        ✨\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Vibrant Finish\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Helps maintain a rich-looking shade\n        through repeated washing.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-card\"\u003e\n\n      \u003cdiv class=\"pfd-icon\"\u003e\n        🔄\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Less Frequent Reapplication\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Longer-lasting color can mean fewer\n        touch-ups in your routine.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\nFEATURE 03\n========================================================= --\u003e\n\n\u003csection class=\"pfd-section pfd-beige pfd-center\"\u003e\n\n  \u003cdiv class=\"pfd-number\"\u003e\n    03\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"pfd-heading\"\u003e\n    A Lighter Fruity Scent Instead Of A Harsh Dye Smell\n  \u003c\/h2\u003e\n\n  \u003cp class=\"pfd-lead\"\u003e\n    The foam carries a light fruit-inspired scent designed\n    to make the coloring process feel fresher than formulas\n    with a strong traditional dye odor.\n  \u003c\/p\u003e\n\n\n  \u003c!-- =====================================================\n       【IMAGE 04】\n       FRUITY SCENT\n  ====================================================== --\u003e\n\n  \u003cdiv class=\"pfd-media\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0792\/3826\/7097\/files\/5_a3db5e87-7e7a-4a36-bdd1-e4f4d041a4ee.png?v=1792831077\" alt=\"Foam hair dye with light fruity scent\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"pfd-card-grid\"\u003e\n\n    \u003cdiv class=\"pfd-card\"\u003e\n\n      \u003cdiv class=\"pfd-icon\"\u003e\n        🍐\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Fruit-Inspired Scent\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        A lighter fragrance profile for a more pleasant\n        coloring experience.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-card\"\u003e\n\n      \u003cdiv class=\"pfd-icon\"\u003e\n        🌸\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Fresher Hair Feel\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Leaves hair with a cleaner, fresher scent\n        after the coloring process.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-card\"\u003e\n\n      \u003cdiv class=\"pfd-icon\"\u003e\n        🚫\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Less Harsh-Smelling\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Designed to avoid the intense odor often associated\n        with traditional dye products.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\nFEATURE 04\n========================================================= --\u003e\n\n\u003csection class=\"pfd-section pfd-green-soft pfd-center\"\u003e\n\n  \u003cdiv class=\"pfd-number\"\u003e\n    04\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"pfd-heading\"\u003e\n    Foam Makes Root-To-Length Coverage Easier\n  \u003c\/h2\u003e\n\n  \u003cp class=\"pfd-lead\"\u003e\n    The ready-to-use foam spreads smoothly through the hair,\n    making it easier to reach roots, gray areas and longer\n    sections without mixing separate components.\n  \u003c\/p\u003e\n\n\n  \u003c!-- =====================================================\n       【IMAGE 05】\n       MESS-FREE APPLICATION\n  ====================================================== --\u003e\n\n  \u003cdiv class=\"pfd-media\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0792\/3826\/7097\/files\/6_e7cac997-c65e-42fb-9f0e-0d3c17753813.png?v=1792831077\" alt=\"Easy foam hair dye application\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"pfd-card-grid\"\u003e\n\n    \u003cdiv class=\"pfd-card\"\u003e\n\n      \u003cdiv class=\"pfd-icon\"\u003e\n        🫧\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        No Mixing\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Dispense the foam directly instead of combining\n        multiple dye components.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-card\"\u003e\n\n      \u003cdiv class=\"pfd-icon\"\u003e\n        🎯\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Reach The Roots\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Spread foam into root areas and visible gray sections\n        for more complete coverage.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-card\"\u003e\n\n      \u003cdiv class=\"pfd-icon\"\u003e\n        🚿\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Easy Rinse\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Work the formula through evenly, then rinse\n        according to the product directions.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\nHOW TO USE\n========================================================= --\u003e\n\n\u003csection class=\"pfd-section pfd-cream pfd-center\"\u003e\n\n  \u003cdiv class=\"pfd-eyebrow\"\u003e\n    SIMPLE AT-HOME COLORING\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"pfd-heading\"\u003e\n    Apply, Spread, Wait \u0026amp; Rinse\n  \u003c\/h2\u003e\n\n  \u003cp class=\"pfd-lead\"\u003e\n    The foam format keeps the coloring routine straightforward\n    whether you're focusing on roots or applying through longer hair.\n  \u003c\/p\u003e\n\n\n  \u003cdiv class=\"pfd-steps\"\u003e\n\n    \u003cdiv class=\"pfd-step\"\u003e\n\n      \u003cdiv class=\"pfd-step-num\"\u003e\n        1\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Prepare\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Perform a patch test 24 hours before full application.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-step\"\u003e\n\n      \u003cdiv class=\"pfd-step-num\"\u003e\n        2\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Apply Foam\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Dispense and spread the foam through the areas you want to color.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-step\"\u003e\n\n      \u003cdiv class=\"pfd-step-num\"\u003e\n        3\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Cover Evenly\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Work the foam through roots and strands for consistent coverage.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-step\"\u003e\n\n      \u003cdiv class=\"pfd-step-num\"\u003e\n        4\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Rinse\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Follow the product directions for processing time, then rinse thoroughly.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\nCOLOR OPTIONS\n========================================================= --\u003e\n\n\u003csection class=\"pfd-section pfd-white pfd-center\"\u003e\n\n  \u003cdiv class=\"pfd-eyebrow\"\u003e\n    COLOR OPTIONS\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"pfd-heading\"\u003e\n    Choose The Shade That Fits Your Look\n  \u003c\/h2\u003e\n\n\n  \u003cdiv class=\"pfd-color-grid\"\u003e\n\n    \u003cdiv class=\"pfd-color\"\u003e\n\n      \u003ci class=\"pfd-dot\" style=\"background:#171717!important;\"\u003e\u003c\/i\u003e\n\n      \u003cstrong\u003e\n        Natural Black\n      \u003c\/strong\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-color\"\u003e\n\n      \u003ci class=\"pfd-dot\" style=\"background:#704a2e!important;\"\u003e\u003c\/i\u003e\n\n      \u003cstrong\u003e\n        Chestnut Brown\n      \u003c\/strong\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-color\"\u003e\n\n      \u003ci class=\"pfd-dot\" style=\"background:#513321!important;\"\u003e\u003c\/i\u003e\n\n      \u003cstrong\u003e\n        Coffee Brown\n      \u003c\/strong\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-color\"\u003e\n\n      \u003ci class=\"pfd-dot\" style=\"background:#342318!important;\"\u003e\u003c\/i\u003e\n\n      \u003cstrong\u003e\n        Dark Brown\n      \u003c\/strong\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\nPRODUCT DETAILS\n========================================================= --\u003e\n\n\u003csection class=\"pfd-section pfd-beige\"\u003e\n\n  \u003cdiv class=\"pfd-center\"\u003e\n\n    \u003cdiv class=\"pfd-eyebrow\"\u003e\n      PRODUCT DETAILS\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"pfd-heading\"\u003e\n      Ready-To-Use Foam Hair Color\n    \u003c\/h2\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"pfd-details\"\u003e\n\n    \u003cdiv class=\"pfd-row\"\u003e\n\n      \u003cdiv\u003e\n        Product Type\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        Plant-Based Foam Hair Dye\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-row\"\u003e\n\n      \u003cdiv\u003e\n        Net Content\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        500 ml\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-row\"\u003e\n\n      \u003cdiv\u003e\n        Available Colors\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        Natural Black · Chestnut Brown · Coffee Brown · Dark Brown\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-row\"\u003e\n\n      \u003cdiv\u003e\n        Formula\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        Ready-To-Use Foam\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-row\"\u003e\n\n      \u003cdiv\u003e\n        Shelf Life\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        3 Years\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pfd-row\"\u003e\n\n      \u003cdiv\u003e\n        Package Includes\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        1 × Plant-Based Foam Hair Dye\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\nNOTES\n========================================================= --\u003e\n\n\u003csection class=\"pfd-section pfd-green-soft\"\u003e\n\n  \u003cdiv class=\"pfd-center\"\u003e\n\n    \u003cdiv class=\"pfd-eyebrow\"\u003e\n      BEFORE YOU COLOR\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"pfd-heading\"\u003e\n      Patch Test First\n    \u003c\/h2\u003e\n\n    \u003cp class=\"pfd-lead\"\u003e\n      Hair dye can cause sensitivity, so always test a small\n      area before applying the product throughout the hair.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"pfd-note\"\u003e\n\n    \u003cul class=\"pfd-note-list\"\u003e\n\n      \u003cli\u003e\n        Perform a patch test 24 hours before full application.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        For external use on hair only.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Avoid contact with eyes.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Rinse thoroughly if accidental contact occurs.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Keep out of reach of children.\n      \u003c\/li\u003e\n\n    \u003c\/ul\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\nFAQ\n========================================================= --\u003e\n\n\u003csection class=\"pfd-section pfd-cream\"\u003e\n\n  \u003cdiv class=\"pfd-center\"\u003e\n\n    \u003cdiv class=\"pfd-eyebrow\"\u003e\n      QUICK ANSWERS\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"pfd-heading\"\u003e\n      Frequently Asked Questions\n    \u003c\/h2\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdetails class=\"pfd-faq\"\u003e\n\n    \u003csummary\u003e\n      What colors are available?\n    \u003c\/summary\u003e\n\n    \u003cp\u003e\n      The available shades are Natural Black, Chestnut Brown,\n      Coffee Brown and Dark Brown.\n    \u003c\/p\u003e\n\n  \u003c\/details\u003e\n\n\n  \u003cdetails class=\"pfd-faq\"\u003e\n\n    \u003csummary\u003e\n      Do I need to mix the formula before use?\n    \u003c\/summary\u003e\n\n    \u003cp\u003e\n      No. The product uses a ready-to-apply foam format,\n      so separate mixing is not required.\n    \u003c\/p\u003e\n\n  \u003c\/details\u003e\n\n\n  \u003cdetails class=\"pfd-faq\"\u003e\n\n    \u003csummary\u003e\n      Can I use it to cover gray roots?\n    \u003c\/summary\u003e\n\n    \u003cp\u003e\n      Yes. The foam can be worked into visible gray root areas\n      as well as through the rest of the hair for more even coverage.\n    \u003c\/p\u003e\n\n  \u003c\/details\u003e\n\n\n  \u003cdetails class=\"pfd-faq\"\u003e\n\n    \u003csummary\u003e\n      What does the formula smell like?\n    \u003c\/summary\u003e\n\n    \u003cp\u003e\n      It has a light fruit-inspired scent designed to be less\n      harsh-smelling than many traditional dye formulas.\n    \u003c\/p\u003e\n\n  \u003c\/details\u003e\n\n\n  \u003cdetails class=\"pfd-faq\"\u003e\n\n    \u003csummary\u003e\n      Should I perform a patch test?\n    \u003c\/summary\u003e\n\n    \u003cp\u003e\n      Yes. Perform a patch test 24 hours before full application\n      to check for sensitivity.\n    \u003c\/p\u003e\n\n  \u003c\/details\u003e\n\n\n  \u003cdetails class=\"pfd-faq\"\u003e\n\n    \u003csummary\u003e\n      How much product is included?\n    \u003c\/summary\u003e\n\n    \u003cp\u003e\n      Each package contains one 500 ml foam hair dye product.\n    \u003c\/p\u003e\n\n  \u003c\/details\u003e\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- =========================================================\nFINAL\n========================================================= --\u003e\n\n\u003csection class=\"pfd-final\"\u003e\n\n  \u003cdiv class=\"pfd-eyebrow\"\u003e\n    EASY COLOR · LESS MESS\n  \u003c\/div\u003e\n\n  \u003ch2\u003e\n    Refresh Gray Roots Without Turning Hair Coloring Into A Project\n  \u003c\/h2\u003e\n\n  \u003cp\u003e\n    Apply the ready-to-use foam through roots and strands\n    for rich-looking color with a simpler at-home routine.\n  \u003c\/p\u003e\n\n\n  \u003cdiv class=\"pfd-final-points\"\u003e\n\n    \u003cspan\u003e\n      🌿 Plant-Based Formula\n    \u003c\/span\u003e\n\n    \u003cspan\u003e\n      🎨 Gray Coverage\n    \u003c\/span\u003e\n\n    \u003cspan\u003e\n      🫧 No-Mix Foam\n    \u003c\/span\u003e\n\n    \u003cspan\u003e\n      🍐 Light Fruity Scent\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Natural Black","offer_id":50813867917529,"sku":"BOG100715-A","price":32.99,"currency_code":"USD","in_stock":true},{"title":"Chestnut Brown","offer_id":50813867950297,"sku":"BOG100715-C","price":32.99,"currency_code":"USD","in_stock":true},{"title":"Coffee Brown","offer_id":50813867983065,"sku":"BOG100715-D","price":32.99,"currency_code":"USD","in_stock":true},{"title":"Dark Brown","offer_id":50813868015833,"sku":"BOG100715-B","price":32.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0792\/3826\/7097\/files\/1_3007237f-d4fe-4c86-820b-4456f646967e.png?v=1792831077","url":"https:\/\/elariao.com\/products\/long-lasting-plant","provider":"Elariao","version":"1.0","type":"link"}