{"product_id":"🔥collagen-repair-hair-mask-for-dry-damaged-hair","title":"🔥Collagen Repair Hair Mask for Dry Damaged Hair","description":"\u003cstyle\u003e\n\/* =========================================================\n   KERATIN + ARGAN HAIR MASK\n   SHOPIFY BODY HTML\n   ========================================================= *\/\n\n.hm-wrap,\n.hm-wrap *{\n  box-sizing:border-box;\n}\n\n.hm-wrap{\n  width:100%;\n  max-width:600px;\n  margin:0 auto;\n  padding:0;\n  color:#33291f;\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;\n  font-size:16px;\n  line-height:1.6;\n}\n\n.hm-wrap img{\n  display:block;\n  max-width:100%;\n}\n\n.hm-section{\n  margin:0;\n  padding:30px 20px;\n  background:transparent;\n}\n\n.hm-section + .hm-section{\n  border-top:1px solid rgba(141,103,47,.10);\n}\n\n.hm-eyebrow{\n  margin:0 0 8px;\n  color:#a46c22;\n  font-size:13px;\n  font-weight:800;\n  letter-spacing:1.6px;\n  text-transform:uppercase;\n}\n\n.hm-title{\n  margin:0 0 12px;\n  color:#2c2118;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:34px;\n  line-height:1.12;\n  font-weight:700;\n  letter-spacing:-.5px;\n}\n\n.hm-h2{\n  margin:0 0 10px;\n  color:#2e241b;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:28px;\n  line-height:1.18;\n}\n\n.hm-copy{\n  margin:0;\n  color:#665747;\n  font-size:17px;\n  line-height:1.65;\n}\n\n.hm-copy strong{\n  color:#34281e;\n}\n\n\/* ================= HERO ================= *\/\n\n.hm-hero{\n  position:relative;\n  overflow:hidden;\n  padding:36px 22px 32px;\n  background:\n    radial-gradient(circle at 85% 0%, rgba(239,194,113,.25), transparent 35%),\n    linear-gradient(145deg,#fffdf8 0%,#fbf2df 55%,#f4e1bb 100%);\n  border-radius:24px 24px 0 0;\n  text-align:center;\n}\n\n.hm-hero-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  margin-bottom:14px;\n  padding:7px 12px;\n  border:1px solid rgba(171,117,41,.25);\n  border-radius:999px;\n  background:rgba(255,255,255,.7);\n  color:#8c5b1e;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hm-hero-badge svg{\n  width:16px;\n  height:16px;\n  flex:none;\n}\n\n.hm-hero .hm-title{\n  font-size:38px;\n}\n\n.hm-hero-sub{\n  max-width:500px;\n  margin:0 auto 20px;\n  color:#665441;\n  font-size:18px;\n  line-height:1.55;\n}\n\n.hm-hero-points{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:8px;\n  margin-top:20px;\n}\n\n.hm-pill{\n  padding:7px 11px;\n  border-radius:999px;\n  background:#fffaf0;\n  border:1px solid rgba(160,107,34,.17);\n  color:#6b4b23;\n  font-size:13px;\n  font-weight:700;\n}\n\n\/* ================= IMAGE ================= *\/\n\n.hm-image-wrap{\n  padding:16px 0;\n  background:transparent;\n}\n\n.hm-image{\n  display:block;\n  width:100%;\n  aspect-ratio:1 \/ 1;\n  height:auto;\n  object-fit:cover;\n  margin:0;\n  padding:0;\n  border:0;\n  border-radius:16px;\n  background:transparent;\n}\n\n\/* ================= BENEFITS ================= *\/\n\n.hm-benefits{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n  margin-top:20px;\n}\n\n.hm-benefit{\n  min-height:170px;\n  padding:18px 15px;\n  border:1px solid rgba(158,109,44,.15);\n  border-radius:18px;\n  background:linear-gradient(145deg,#fffdf9 0%,#fbf0db 100%);\n}\n\n.hm-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:46px;\n  height:46px;\n  margin-bottom:12px;\n  border-radius:50%;\n  background:#f2d8a8;\n  color:#7c4e18;\n}\n\n.hm-icon svg{\n  width:24px;\n  height:24px;\n}\n\n.hm-benefit h3{\n  margin:0 0 6px;\n  color:#33261b;\n  font-size:17px;\n  line-height:1.3;\n}\n\n.hm-benefit p{\n  margin:0;\n  color:#756452;\n  font-size:14px;\n  line-height:1.55;\n}\n\n\/* ================= FEATURE BLOCK ================= *\/\n\n.hm-feature{\n  padding:22px 18px;\n  border-radius:20px;\n  background:#fff9ef;\n  border:1px solid rgba(158,109,44,.13);\n}\n\n.hm-feature-list{\n  display:grid;\n  gap:12px;\n  margin-top:18px;\n}\n\n.hm-feature-row{\n  display:flex;\n  align-items:flex-start;\n  gap:12px;\n}\n\n.hm-feature-check{\n  display:flex;\n  flex:none;\n  align-items:center;\n  justify-content:center;\n  width:28px;\n  height:28px;\n  margin-top:1px;\n  border-radius:50%;\n  background:#e9c47d;\n  color:#5f3c13;\n}\n\n.hm-feature-check svg{\n  width:16px;\n  height:16px;\n}\n\n.hm-feature-row strong{\n  display:block;\n  margin-bottom:2px;\n  color:#34281e;\n  font-size:16px;\n}\n\n.hm-feature-row span{\n  color:#73604d;\n  font-size:14px;\n  line-height:1.5;\n}\n\n\/* ================= INGREDIENTS ================= *\/\n\n.hm-ingredients{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n  margin-top:18px;\n}\n\n.hm-ingredient{\n  padding:16px 14px;\n  border-radius:16px;\n  background:linear-gradient(145deg,#fffdf9 0%,#f9ecd4 100%);\n  border:1px solid rgba(158,109,44,.13);\n}\n\n.hm-ingredient-name{\n  margin-bottom:5px;\n  color:#8f5b19;\n  font-weight:800;\n  font-size:16px;\n}\n\n.hm-ingredient-desc{\n  margin:0;\n  color:#70604f;\n  font-size:14px;\n  line-height:1.5;\n}\n\n\/* ================= FORMULA ================= *\/\n\n.hm-formula-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n  margin-top:18px;\n}\n\n.hm-formula-item{\n  display:flex;\n  align-items:center;\n  gap:9px;\n  padding:12px;\n  border-radius:14px;\n  background:#fff8eb;\n  border:1px solid rgba(160,106,35,.13);\n  color:#5d4831;\n  font-size:14px;\n  font-weight:700;\n}\n\n.hm-formula-item svg{\n  width:19px;\n  height:19px;\n  flex:none;\n  color:#9e671f;\n}\n\n\/* ================= HAIR TYPES ================= *\/\n\n.hm-types{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  margin-top:18px;\n}\n\n.hm-type{\n  padding:8px 11px;\n  border-radius:999px;\n  background:#f8edd8;\n  color:#72512d;\n  font-size:13px;\n  font-weight:700;\n}\n\n\/* ================= HOW TO USE ================= *\/\n\n.hm-steps{\n  display:grid;\n  gap:12px;\n  margin-top:20px;\n}\n\n.hm-step{\n  display:flex;\n  gap:14px;\n  padding:16px;\n  border-radius:17px;\n  background:#fffaf2;\n  border:1px solid rgba(158,109,44,.13);\n}\n\n.hm-step-num{\n  display:flex;\n  flex:none;\n  align-items:center;\n  justify-content:center;\n  width:40px;\n  height:40px;\n  border-radius:50%;\n  background:#b67b31;\n  color:#fff;\n  font-weight:800;\n}\n\n.hm-step h3{\n  margin:0 0 3px;\n  color:#33261d;\n  font-size:16px;\n}\n\n.hm-step p{\n  margin:0;\n  color:#71604f;\n  font-size:14px;\n  line-height:1.5;\n}\n\n\/* ================= QUICK INFO ================= *\/\n\n.hm-info-bar{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:8px;\n  margin-top:20px;\n}\n\n.hm-info{\n  padding:13px 7px;\n  border-radius:15px;\n  background:#f6e4c3;\n  text-align:center;\n}\n\n.hm-info svg{\n  display:block;\n  width:23px;\n  height:23px;\n  margin:0 auto 6px;\n  color:#79501e;\n}\n\n.hm-info strong{\n  display:block;\n  color:#60421e;\n  font-size:13px;\n  line-height:1.3;\n}\n\n\/* ================= FAQ ================= *\/\n\n.hm-faq{\n  display:grid;\n  gap:10px;\n  margin-top:18px;\n}\n\n.hm-faq details{\n  overflow:hidden;\n  border-radius:15px;\n  border:1px solid rgba(160,108,38,.14);\n  background:#fffaf1;\n}\n\n.hm-faq summary{\n  position:relative;\n  padding:16px 45px 16px 16px;\n  color:#3a2b20;\n  font-size:15px;\n  font-weight:750;\n  cursor:pointer;\n  list-style:none;\n}\n\n.hm-faq summary::-webkit-details-marker{\n  display:none;\n}\n\n.hm-faq summary:after{\n  content:\"+\";\n  position:absolute;\n  top:50%;\n  right:16px;\n  width:26px;\n  height:26px;\n  transform:translateY(-50%);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:#ecd09b;\n  color:#6d4517;\n  font-size:20px;\n  line-height:1;\n}\n\n.hm-faq details[open] summary:after{\n  content:\"−\";\n}\n\n.hm-faq-answer{\n  padding:0 16px 16px;\n  color:#70604f;\n  font-size:14px;\n  line-height:1.6;\n}\n\n\/* ================= TRUST ================= *\/\n\n.hm-trust{\n  padding:26px 18px;\n  border-radius:20px;\n  background:#33281f;\n  color:#fff;\n  text-align:center;\n}\n\n.hm-trust-top{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  gap:8px;\n  margin-bottom:7px;\n  font-size:17px;\n  font-weight:800;\n}\n\n.hm-trust-top svg{\n  width:23px;\n  height:23px;\n  color:#e8c985;\n}\n\n.hm-trust p{\n  margin:0;\n  color:#e7ded3;\n  font-size:14px;\n}\n\n.hm-payments{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:8px;\n  margin-top:16px;\n}\n\n.hm-payment{\n  min-width:72px;\n  padding:8px 10px;\n  border-radius:9px;\n  background:#fff;\n  color:#211b16;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.2px;\n}\n\n.hm-help{\n  margin-top:14px !important;\n  color:#cfc1b1 !important;\n  font-size:12px !important;\n}\n\n\/* ================= CTA ================= *\/\n\n@keyframes hmArrowMove{\n  0%,100%{transform:translateX(0);}\n  50%{transform:translateX(5px);}\n}\n\n@keyframes hmGlow{\n  0%,100%{box-shadow:0 10px 24px rgba(126,76,21,.16);}\n  50%{box-shadow:0 14px 34px rgba(126,76,21,.30);}\n}\n\n.hm-cta-wrap{\n  padding:22px 0 8px;\n  background:transparent;\n}\n\n.hm-cta{\n  display:block;\n  width:100%;\n  padding:0;\n  border-radius:20px;\n  overflow:hidden;\n  text-decoration:none !important;\n  background:linear-gradient(135deg,#a46b24,#d39a46);\n  color:#fff !important;\n  animation:hmGlow 2.4s ease-in-out infinite;\n}\n\n.hm-cta-inner{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:15px;\n  padding:20px 18px;\n}\n\n.hm-cta-text{\n  text-align:left;\n}\n\n.hm-cta-small{\n  display:block;\n  margin-bottom:2px;\n  color:#f9ead0;\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hm-cta-main{\n  display:block;\n  color:#fff;\n  font-size:20px;\n  line-height:1.25;\n  font-weight:850;\n}\n\n.hm-cta-sub{\n  display:block;\n  margin-top:3px;\n  color:#f7e6c8;\n  font-size:13px;\n}\n\n.hm-cta-icon{\n  display:flex;\n  flex:none;\n  align-items:center;\n  justify-content:center;\n  width:48px;\n  height:48px;\n  border-radius:50%;\n  background:rgba(255,255,255,.16);\n}\n\n.hm-cta-icon svg{\n  width:25px;\n  height:25px;\n  animation:hmArrowMove 1.2s ease-in-out infinite;\n}\n\n\/* ================= MOBILE ================= *\/\n\n@media(max-width:480px){\n  .hm-section{\n    padding:25px 15px;\n  }\n\n  .hm-hero{\n    padding:30px 16px 27px;\n    border-radius:18px 18px 0 0;\n  }\n\n  .hm-hero .hm-title{\n    font-size:31px;\n  }\n\n  .hm-title{\n    font-size:30px;\n  }\n\n  .hm-h2{\n    font-size:25px;\n  }\n\n  .hm-copy,\n  .hm-hero-sub{\n    font-size:16px;\n  }\n\n  .hm-benefits{\n    gap:9px;\n  }\n\n  .hm-benefit{\n    min-height:165px;\n    padding:15px 12px;\n  }\n\n  .hm-benefit h3{\n    font-size:15px;\n  }\n\n  .hm-benefit p{\n    font-size:13px;\n  }\n\n  .hm-ingredients{\n    grid-template-columns:1fr;\n  }\n\n  .hm-formula-grid{\n    grid-template-columns:1fr;\n  }\n\n  .hm-info strong{\n    font-size:11px;\n  }\n\n  .hm-cta-main{\n    font-size:18px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"hm-wrap\"\u003e\n\u003c!-- =====================================================\n     HERO\n     ===================================================== --\u003e\n\u003csection class=\"hm-hero\"\u003e\n\u003cdiv class=\"hm-hero-badge\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n      \u003cpath d=\"M12 3l2.1 5.1L19 10l-4.9 1.9L12 17l-2.1-5.1L5 10l4.9-1.9L12 3z\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e Deep Conditioning Hair Treatment\u003c\/div\u003e\n\u003ch2 class=\"hm-title\"\u003eSofter, Smoother,\u003cbr\u003eMore Manageable Hair\u003c\/h2\u003e\n\u003cp class=\"hm-hero-sub\"\u003eA rich keratin and argan oil hair mask made to condition dry, rough and stressed lengths without complicating your routine.\u003c\/p\u003e\n\u003cdiv class=\"hm-hero-points\"\u003e\n\u003cspan class=\"hm-pill\"\u003eDry \u0026amp; Damaged Hair\u003c\/span\u003e \u003cspan class=\"hm-pill\"\u003eFrizz Control\u003c\/span\u003e \u003cspan class=\"hm-pill\"\u003eEasy Detangling\u003c\/span\u003e \u003cspan class=\"hm-pill\"\u003eSoft Shine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     IMAGE 01\n     Replace ONLY the src below\n     ===================================================== --\u003e\n\u003cdiv class=\"hm-image-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/4d6ae67c-37a6-409b-a999-2759aaa2492e.jpg?v=1789375788\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n     CORE BENEFITS\n     ===================================================== --\u003e\n\u003csection class=\"hm-section\"\u003e\n\u003cdiv class=\"hm-eyebrow\"\u003eWhy Your Hair Will Love It\u003c\/div\u003e\n\u003ch2 class=\"hm-h2\"\u003eDeep Care for Dry, Rough Hair\u003c\/h2\u003e\n\u003cp class=\"hm-copy\"\u003eDesigned to condition stressed lengths, improve slip and leave hair feeling softer, smoother and easier to manage.\u003c\/p\u003e\n\u003cdiv class=\"hm-benefits\"\u003e\n\u003cdiv class=\"hm-benefit\"\u003e\n\u003cdiv class=\"hm-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M4 18c4-8 8-10 16-12\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M6 13c4 0 6 2 7 6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M14 8c1 3 3 5 6 6\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eSoftens Dry Lengths\u003c\/h3\u003e\n\u003cp\u003eHelps condition rough-feeling hair for a softer, more polished finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-benefit\"\u003e\n\u003cdiv class=\"hm-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M4 8c4-4 12-4 16 0\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M4 12c4-4 12-4 16 0\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M4 16c4-4 12-4 16 0\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eSmoother, Less Frizzy Look\u003c\/h3\u003e\n\u003cp\u003eHelps smooth the appearance of flyaways and dry, unruly ends.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-benefit\"\u003e\n\u003cdiv class=\"hm-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M5 5l14 14\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 4l12 12\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M4 8l12 12\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eEasier Detangling\u003c\/h3\u003e\n\u003cp\u003eRich conditioning slip helps make knots and tangles easier to work through.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-benefit\"\u003e\n\u003cdiv class=\"hm-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M12 2l2.2 5.2L20 9.5l-5.8 2.3L12 17l-2.2-5.2L4 9.5l5.8-2.3L12 2z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M19 15l1 2.5 2.5 1-2.5 1L19 22l-1-2.5-2.5-1 2.5-1L19 15z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eSoft, Healthy-Looking Shine\u003c\/h3\u003e\n\u003cp\u003eLeaves conditioned hair looking smoother, glossier and more touchable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     IMAGE 02\n     ===================================================== --\u003e\n\u003cdiv class=\"hm-image-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/d983bef6-1930-4530-90b1-c873e0a080bd.jpg?v=1789375788\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n     REPAIR \/ CONDITION\n     ===================================================== --\u003e\n\u003csection class=\"hm-section\"\u003e\n\u003cdiv class=\"hm-feature\"\u003e\n\u003cdiv class=\"hm-eyebrow\"\u003eFor Stressed Hair\u003c\/div\u003e\n\u003ch2 class=\"hm-h2\"\u003eCondition Where Hair Needs It Most\u003c\/h2\u003e\n\u003cp class=\"hm-copy\"\u003eIdeal when hair feels dry after coloring, heat styling, environmental exposure or everyday wear.\u003c\/p\u003e\n\u003cdiv class=\"hm-feature-list\"\u003e\n\u003cdiv class=\"hm-feature-row\"\u003e\n\u003cdiv class=\"hm-feature-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M5 12l4 4L19 6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDry \u0026amp; Rough Lengths\u003c\/strong\u003e \u003cspan\u003eHelps soften areas that feel coarse or difficult to manage.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-feature-row\"\u003e\n\u003cdiv class=\"hm-feature-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M5 12l4 4L19 6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eHeat-Styled Hair\u003c\/strong\u003e \u003cspan\u003eProvides rich conditioning after repeated blow-drying or hot-tool use.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-feature-row\"\u003e\n\u003cdiv class=\"hm-feature-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M5 12l4 4L19 6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eColor-Treated Hair\u003c\/strong\u003e \u003cspan\u003eHelps improve softness and manageability when lengths feel stressed.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     IMAGE 03\n     ===================================================== --\u003e\n\u003cdiv class=\"hm-image-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/68d39a9d-ee1d-4140-bda0-0934eb14f4f7.jpg?v=1789375787\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n     INGREDIENTS\n     ===================================================== --\u003e\n\u003csection class=\"hm-section\"\u003e\n\u003cdiv class=\"hm-eyebrow\"\u003eConditioning Blend\u003c\/div\u003e\n\u003ch2 class=\"hm-h2\"\u003eHair-Loving Ingredients\u003c\/h2\u003e\n\u003cp class=\"hm-copy\"\u003eA nourishing blend selected to help improve softness, manageability and the appearance of dry hair.\u003c\/p\u003e\n\u003cdiv class=\"hm-ingredients\"\u003e\n\u003cdiv class=\"hm-ingredient\"\u003e\n\u003cdiv class=\"hm-ingredient-name\"\u003eKeratin\u003c\/div\u003e\n\u003cp class=\"hm-ingredient-desc\"\u003eHelps condition stressed strands and improve the feel of rough lengths.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-ingredient\"\u003e\n\u003cdiv class=\"hm-ingredient-name\"\u003eArgan Oil\u003c\/div\u003e\n\u003cp class=\"hm-ingredient-desc\"\u003eHelps smooth dry ends and support a soft, healthy-looking shine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-ingredient\"\u003e\n\u003cdiv class=\"hm-ingredient-name\"\u003eRoyal Jelly\u003c\/div\u003e\n\u003cp class=\"hm-ingredient-desc\"\u003eAdds rich conditioning support for dry-feeling hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-ingredient\"\u003e\n\u003cdiv class=\"hm-ingredient-name\"\u003eOat Peptides\u003c\/div\u003e\n\u003cp class=\"hm-ingredient-desc\"\u003eHelps support softness and a smoother, more conditioned feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     IMAGE 04\n     ===================================================== --\u003e\n\u003cdiv class=\"hm-image-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/cc64e505-33ff-401d-8a25-8a7b0243527c.jpg?v=1789375787\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n     FORMULA\n     ===================================================== --\u003e\n\u003csection class=\"hm-section\"\u003e\n\u003cdiv class=\"hm-eyebrow\"\u003eGentle Hair Care\u003c\/div\u003e\n\u003ch2 class=\"hm-h2\"\u003eRich Conditioning, Simple Routine\u003c\/h2\u003e\n\u003cp class=\"hm-copy\"\u003eA creamy rinse-out mask designed for focused care on mid-lengths and ends.\u003c\/p\u003e\n\u003cdiv class=\"hm-formula-grid\"\u003e\n\u003cdiv class=\"hm-formula-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003cpath d=\"M6 6l12 12\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M18 6L6 18\"\u003e\u003c\/path\u003e\n        \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n      \u003c\/svg\u003e No Sulfates\u003c\/div\u003e\n\u003cdiv class=\"hm-formula-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003cpath d=\"M6 6l12 12\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M18 6L6 18\"\u003e\u003c\/path\u003e\n        \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n      \u003c\/svg\u003e No Mineral Oil\u003c\/div\u003e\n\u003cdiv class=\"hm-formula-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003cpath d=\"M6 6l12 12\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M18 6L6 18\"\u003e\u003c\/path\u003e\n        \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n      \u003c\/svg\u003e No Colorants\u003c\/div\u003e\n\u003cdiv class=\"hm-formula-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003cpath d=\"M6 6l12 12\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M18 6L6 18\"\u003e\u003c\/path\u003e\n        \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n      \u003c\/svg\u003e No Phthalates\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     IMAGE 05\n     ===================================================== --\u003e\n\u003cdiv class=\"hm-image-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/a1dcbb89-6421-4428-b06b-6ce6eae39be8.jpg?v=1789375788\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n     HAIR TYPES\n     ===================================================== --\u003e\n\u003csection class=\"hm-section\"\u003e\n\u003cdiv class=\"hm-eyebrow\"\u003eVersatile Hair Care\u003c\/div\u003e\n\u003ch2 class=\"hm-h2\"\u003eMade for More Than One Hair Type\u003c\/h2\u003e\n\u003cp class=\"hm-copy\"\u003eUse whenever lengths feel dry, rough, frizzy or difficult to manage.\u003c\/p\u003e\n\u003cdiv class=\"hm-types\"\u003e\n\u003cspan class=\"hm-type\"\u003eStraight\u003c\/span\u003e \u003cspan class=\"hm-type\"\u003eWavy\u003c\/span\u003e \u003cspan class=\"hm-type\"\u003eCurly\u003c\/span\u003e \u003cspan class=\"hm-type\"\u003eCoarse\u003c\/span\u003e \u003cspan class=\"hm-type\"\u003eColor-Treated\u003c\/span\u003e \u003cspan class=\"hm-type\"\u003ePermed\u003c\/span\u003e \u003cspan class=\"hm-type\"\u003eFrizz-Prone\u003c\/span\u003e \u003cspan class=\"hm-type\"\u003eDry Hair\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-info-bar\"\u003e\n\u003cdiv class=\"hm-info\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003cpath d=\"M12 3v18\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M7 8c3 2 7 2 10 0\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M7 16c3-2 7-2 10 0\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e \u003cstrong\u003eMid-Lengths\u003cbr\u003e\u0026amp; Ends\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-info\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\n        \u003cpath d=\"M12 7v5l3 2\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e \u003cstrong\u003e3–5 Min\u003cbr\u003eTreatment\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-info\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003cpath d=\"M7 4v4\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M17 4v4\"\u003e\u003c\/path\u003e\n        \u003crect x=\"4\" y=\"6\" width=\"16\" height=\"14\" rx=\"2\"\u003e\u003c\/rect\u003e\n        \u003cpath d=\"M4 10h16\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e \u003cstrong\u003e1–2×\u003cbr\u003eWeekly\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     HOW TO USE\n     ===================================================== --\u003e\n\u003csection class=\"hm-section\"\u003e\n\u003cdiv class=\"hm-eyebrow\"\u003eSimple Weekly Treatment\u003c\/div\u003e\n\u003ch2 class=\"hm-h2\"\u003eHow to Use\u003c\/h2\u003e\n\u003cdiv class=\"hm-steps\"\u003e\n\u003cdiv class=\"hm-step\"\u003e\n\u003cdiv class=\"hm-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eShampoo First\u003c\/h3\u003e\n\u003cp\u003eCleanse hair as usual, then gently squeeze out excess water.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-step\"\u003e\n\u003cdiv class=\"hm-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eApply to Damp Hair\u003c\/h3\u003e\n\u003cp\u003eWork the mask mainly through mid-lengths and ends.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-step\"\u003e\n\u003cdiv class=\"hm-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eLeave for 3–5 Minutes\u003c\/h3\u003e\n\u003cp\u003eAllow the rich conditioning formula time to coat dry lengths.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-step\"\u003e\n\u003cdiv class=\"hm-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eRinse Thoroughly\u003c\/h3\u003e\n\u003cp\u003eRinse well and style as usual. Use 1–2 times per week as needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     IMAGE 06\n     ===================================================== --\u003e\n\u003cdiv class=\"hm-image-wrap\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/28ac6f44-b54f-42ce-b158-fccbc68b9169.jpg?v=1789375788\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n     FAQ\n     ===================================================== --\u003e\n\u003csection class=\"hm-section\"\u003e\n\u003cdiv class=\"hm-eyebrow\"\u003eQuestions \u0026amp; Answers\u003c\/div\u003e\n\u003ch2 class=\"hm-h2\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"hm-faq\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow often should I use the hair mask?\u003c\/summary\u003e\n\u003cdiv class=\"hm-faq-answer\"\u003eUse 1–2 times per week, or whenever your hair feels especially dry, rough or difficult to manage.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhere should I apply it?\u003c\/summary\u003e\n\u003cdiv class=\"hm-faq-answer\"\u003eFocus mainly on the mid-lengths and ends, where dryness and roughness are usually most noticeable.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow long should I leave it on?\u003c\/summary\u003e\n\u003cdiv class=\"hm-faq-answer\"\u003eLeave the mask on damp hair for approximately 3–5 minutes, then rinse thoroughly.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I use it on color-treated hair?\u003c\/summary\u003e\n\u003cdiv class=\"hm-faq-answer\"\u003eYes. It is designed as a conditioning treatment for multiple hair types, including color-treated and heat-styled hair.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWill it help with frizz and tangles?\u003c\/summary\u003e\n\u003cdiv class=\"hm-faq-answer\"\u003eThe rich conditioning formula adds slip and softness, which can help make tangles easier to work through while smoothing the look of frizz and flyaways.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     TRUST \/ PAYMENT\n     ===================================================== --\u003e\n\u003csection class=\"hm-section\"\u003e\n\u003cdiv class=\"hm-trust\"\u003e\n\u003cdiv class=\"hm-trust-top\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003cpath d=\"M12 3l7 3v5c0 4.8-2.8 8-7 10-4.2-2-7-5.2-7-10V6l7-3z\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e Guaranteed Safe \u0026amp; Secure Checkout\u003c\/div\u003e\n\u003cp\u003eShop with confidence using secure payment options.\u003c\/p\u003e\n\u003cdiv class=\"hm-payments\"\u003e\n\u003cspan class=\"hm-payment\"\u003ePayPal\u003c\/span\u003e \u003cspan class=\"hm-payment\"\u003eVISA\u003c\/span\u003e \u003cspan class=\"hm-payment\"\u003eMastercard\u003c\/span\u003e \u003cspan class=\"hm-payment\"\u003eApple Pay\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"hm-help\"\u003eNeed help with your order? Contact our customer support team anytime.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     BOTTOM CTA\n     Entire block is clickable\n     ===================================================== --\u003e\n\u003cdiv class=\"hm-cta-wrap\"\u003e\u003ca class=\"hm-cta\" href=\"#MainProduct-{{%20section.id%20}}\"\u003e\n\u003cdiv class=\"hm-cta-inner\"\u003e\n\u003cdiv class=\"hm-cta-text\"\u003e\n\u003cspan class=\"hm-cta-small\"\u003eGive Dry Hair Extra Care\u003c\/span\u003e \u003cspan class=\"hm-cta-main\"\u003eGet Softer, Smoother Hair\u003c\/span\u003e \u003cspan class=\"hm-cta-sub\"\u003eTap to return to purchase options\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-cta-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M5 12h14\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M13 6l6 6-6 6\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ZWL","offers":[{"title":"3.38 oz","offer_id":48201894953091,"sku":"NC02102608081355-S0090-100ml","price":21.98,"currency_code":"USD","in_stock":true},{"title":"10.15 oz","offer_id":48201894985859,"sku":"NC02102608081355-S0033-300ml","price":32.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/a4f7a60e-6ecb-4cdf-9e18-59049cb8193e.jpg?v=1789375788","url":"https:\/\/craftivon.com\/products\/%f0%9f%94%a5collagen-repair-hair-mask-for-dry-damaged-hair","provider":"Craftivon","version":"1.0","type":"link"}