{"product_id":"hair-wash-and-scalp-massager","title":"Scalp Massage Shampoo Brush","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"crownup-brush\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"cb-hero\"\u003e\n\u003cdiv class=\"cb-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cb-hero-content\"\u003e\n\u003cdiv class=\"cb-eyebrow\"\u003e♛ CROWNUP™ SCALP CARE\u003c\/div\u003e\n\u003ch1\u003eWash. \u003cspan\u003eMassage.\u003c\/span\u003e Refresh.\u003c\/h1\u003e\n\u003cp\u003eTurn your everyday hair-washing routine into a relaxing scalp massage with the CrownUp Scalp Massage Brush.\u003c\/p\u003e\n\u003cdiv class=\"cb-pills\"\u003e\n\u003cspan\u003e✓ Shampoo Friendly\u003c\/span\u003e \u003cspan\u003e✓ Scalp Massage\u003c\/span\u003e \u003cspan\u003e✓ Easy to Carry\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTRO --\u003e\n\u003csection class=\"cb-intro\"\u003e\n\u003cdiv class=\"cb-crown\"\u003e♛\u003c\/div\u003e\n\u003cdiv class=\"cb-label\"\u003eYOUR EVERYDAY SCALP COMPANION\u003c\/div\u003e\n\u003ch2\u003eA Better Way To \u003cspan\u003eWash Your Hair.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eGently massage your scalp while shampooing to help work your shampoo through the hair and create a refreshing, enjoyable washing experience.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"cb-benefits\"\u003e\n\u003cdiv class=\"cb-heading\"\u003e\n\u003cdiv\u003eWHY YOU'LL LOVE IT\u003c\/div\u003e\n\u003ch2\u003eMore Than Just A Hair Brush\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-grid\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003cdiv class=\"cb-icon\"\u003e✦\u003c\/div\u003e\n\u003ch3\u003eWash With Ease\u003c\/h3\u003e\n\u003cp\u003eUse it together with your favourite shampoo to help distribute product across the scalp while washing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003cdiv class=\"cb-icon\"\u003e♢\u003c\/div\u003e\n\u003ch3\u003eRelaxing Scalp Massage\u003c\/h3\u003e\n\u003cp\u003eThe flexible massage tips provide a gentle scalp massage while you cleanse your hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003cdiv class=\"cb-icon\"\u003e◉\u003c\/div\u003e\n\u003ch3\u003eHelps Cleanse The Scalp\u003c\/h3\u003e\n\u003cp\u003eMassage your scalp as you shampoo to help loosen buildup and make your washing routine feel more thorough.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003cdiv class=\"cb-icon\"\u003e♛\u003c\/div\u003e\n\u003ch3\u003eCompact \u0026amp; Portable\u003c\/h3\u003e\n\u003cp\u003eLightweight and easy to carry, making it convenient for your bathroom, gym bag or travel routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW TO USE --\u003e\n\u003csection class=\"cb-how\"\u003e\n\u003cdiv class=\"cb-heading\"\u003e\n\u003cdiv\u003eHOW TO USE\u003c\/div\u003e\n\u003ch2\u003eSimple 3-Step Routine\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-steps\"\u003e\n\u003cdiv class=\"cb-step\"\u003e\n\u003cdiv class=\"cb-number\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eWet Your Hair\u003c\/h3\u003e\n\u003cp\u003eThoroughly wet your hair and scalp before applying your preferred shampoo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-step\"\u003e\n\u003cdiv class=\"cb-number\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eAdd Shampoo\u003c\/h3\u003e\n\u003cp\u003eApply your usual shampoo and gently work it through your scalp using the CrownUp brush.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-step\"\u003e\n\u003cdiv class=\"cb-number\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eMassage \u0026amp; Rinse\u003c\/h3\u003e\n\u003cp\u003eMove the brush around your scalp using gentle circular motions, then rinse thoroughly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURE --\u003e\n\u003csection class=\"cb-feature\"\u003e\n\u003cdiv class=\"cb-feature-box\"\u003e\n\u003cdiv class=\"cb-label\"\u003eCLEAN • MASSAGE • REFRESH\u003c\/div\u003e\n\u003ch2\u003eYour Shower, \u003cspan\u003eUpgraded.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eMake scalp care a simple part of your everyday shower. CrownUp combines cleansing and massage in one easy-to-use tool.\u003c\/p\u003e\n\u003cdiv class=\"cb-check-list\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e✓\u003c\/b\u003e Use while shampooing\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e✓\u003c\/b\u003e Gentle scalp massage\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e✓\u003c\/b\u003e Easy to rinse and clean\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e✓\u003c\/b\u003e Compact for travel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL --\u003e\n\u003csection class=\"cb-final\"\u003e\n\u003cdiv class=\"cb-final-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cb-final-crown\"\u003e♛\u003c\/div\u003e\n\u003cdiv class=\"cb-label\"\u003eCROWNUP™ HAIR \u0026amp; SCALP CARE\u003c\/div\u003e\n\u003ch2\u003eMassage Your Scalp. \u003cspan\u003eEnjoy Your Shower.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA simple addition to your routine for a cleaner-feeling, refreshed and relaxing hair-washing experience.\u003c\/p\u003e\n\u003cdiv class=\"cb-brand\"\u003eCROWN\u003cspan\u003eUP\u003c\/span\u003e™\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\n\/* =========================================\n   CROWNUP SCALP BRUSH\n========================================= *\/\n\n.crownup-brush {\n\n  --purple: #8b5cf6;\n  --purple-light: #c084fc;\n  --purple-dark: #4c1d95;\n\n  --black: #09060e;\n  --dark: #110b18;\n\n  --white: #ffffff;\n  --muted: #bdb4c8;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  color: var(--white);\n\n  background:\n    radial-gradient(\n      circle at 15% 0%,\n      rgba(139,92,246,.20),\n      transparent 30%\n    ),\n    var(--black);\n\n  overflow: hidden;\n\n  border-radius: 22px;\n}\n\n\n\/* HERO *\/\n\n.cb-hero {\n\n  min-height: 430px;\n\n  position: relative;\n\n  display: flex;\n\n  align-items: center;\n\n  padding:\n    70px 8%;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      120deg,\n      rgba(139,92,246,.18),\n      transparent 60%\n    ),\n    #0d0913;\n}\n\n\n.cb-hero-content {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 700px;\n\n  animation:\n    cbFade 1s ease;\n}\n\n\n.cb-eyebrow {\n\n  color:\n    var(--purple-light);\n\n  font-size: 11px;\n\n  font-weight: bold;\n\n  letter-spacing: 4px;\n\n  margin-bottom: 20px;\n}\n\n\n.cb-hero h1 {\n\n  margin: 0;\n\n  font-size:\n    clamp(45px, 7vw, 78px);\n\n  line-height: .95;\n\n  letter-spacing: -4px;\n}\n\n\n.cb-hero h1 span {\n\n  display: block;\n\n  color:\n    var(--purple-light);\n\n  background:\n    linear-gradient(\n      90deg,\n      #8b5cf6,\n      #e9d5ff,\n      #a855f7\n    );\n\n  background-size: 200% auto;\n\n  -webkit-background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  animation:\n    cbGradient 4s linear infinite;\n}\n\n\n.cb-hero p {\n\n  max-width: 600px;\n\n  margin-top: 28px;\n\n  color:\n    var(--muted);\n\n  line-height: 1.8;\n\n  font-size: 17px;\n}\n\n\n.cb-pills {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 10px;\n\n  margin-top: 28px;\n}\n\n\n.cb-pills span {\n\n  padding:\n    10px 15px;\n\n  border-radius: 50px;\n\n  border:\n    1px solid\n    rgba(192,132,252,.25);\n\n  background:\n    rgba(139,92,246,.07);\n\n  color:\n    #ddd6fe;\n\n  font-size: 12px;\n}\n\n\n\/* GLOW *\/\n\n.cb-glow {\n\n  position: absolute;\n\n  width: 330px;\n  height: 330px;\n\n  right: 5%;\n  top: -120px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(139,92,246,.25);\n\n  filter:\n    blur(80px);\n\n  animation:\n    cbFloat 6s ease-in-out infinite;\n}\n\n\n\/* INTRO *\/\n\n.cb-intro {\n\n  text-align: center;\n\n  padding:\n    85px 8%;\n\n  background:\n    #0b0710;\n}\n\n\n.cb-crown {\n\n  color:\n    var(--purple-light);\n\n  font-size: 32px;\n\n  margin-bottom: 15px;\n\n  animation:\n    cbCrown 3s ease-in-out infinite;\n}\n\n\n.cb-label {\n\n  color:\n    var(--purple-light);\n\n  font-size: 10px;\n\n  font-weight: bold;\n\n  letter-spacing: 4px;\n}\n\n\n.cb-intro h2 {\n\n  font-size:\n    clamp(32px, 5vw, 52px);\n\n  line-height: 1.05;\n\n  margin:\n    18px 0;\n}\n\n\n.cb-intro h2 span {\n\n  display: block;\n\n  color:\n    var(--purple-light);\n}\n\n\n.cb-intro p {\n\n  max-width: 720px;\n\n  margin: auto;\n\n  color:\n    var(--muted);\n\n  line-height: 1.8;\n\n  font-size: 16px;\n}\n\n\n\/* BENEFITS *\/\n\n.cb-benefits {\n\n  padding:\n    85px 8%;\n\n  background:\n    linear-gradient(\n      180deg,\n      #0b0710,\n      #120a1b\n    );\n}\n\n\n.cb-heading {\n\n  text-align: center;\n\n  margin-bottom: 50px;\n}\n\n\n.cb-heading \u003e div {\n\n  color:\n    var(--purple-light);\n\n  font-size: 10px;\n\n  font-weight: bold;\n\n  letter-spacing: 4px;\n}\n\n\n.cb-heading h2 {\n\n  margin-top: 14px;\n\n  font-size:\n    clamp(30px, 5vw, 48px);\n}\n\n\n.cb-grid {\n\n  max-width: 1200px;\n\n  margin: auto;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  gap: 18px;\n}\n\n\n.cb-card {\n\n  min-height: 220px;\n\n  padding: 30px 24px;\n\n  border-radius: 20px;\n\n  border:\n    1px solid\n    rgba(168,85,247,.16);\n\n  background:\n    rgba(255,255,255,.025);\n\n  transition:\n    .4s ease;\n}\n\n\n.cb-card:hover {\n\n  transform:\n    translateY(-9px);\n\n  border-color:\n    rgba(168,85,247,.55);\n\n  background:\n    rgba(139,92,246,.07);\n\n  box-shadow:\n    0 25px 60px\n    rgba(76,29,149,.25);\n}\n\n\n.cb-icon {\n\n  width: 46px;\n  height: 46px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 13px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8b5cf6,\n      #4c1d95\n    );\n\n  margin-bottom: 22px;\n\n  font-size: 20px;\n}\n\n\n.cb-card h3 {\n\n  margin:\n    0 0 12px;\n\n  font-size: 18px;\n}\n\n\n.cb-card p {\n\n  margin: 0;\n\n  color:\n    var(--muted);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\n\/* HOW TO *\/\n\n.cb-how {\n\n  padding:\n    85px 8%;\n\n  background:\n    #09060d;\n}\n\n\n.cb-steps {\n\n  max-width: 1050px;\n\n  margin: auto;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  gap: 25px;\n}\n\n\n.cb-step {\n\n  text-align: center;\n\n  padding: 30px;\n}\n\n\n.cb-number {\n\n  font-size: 55px;\n\n  font-weight: 900;\n\n  color:\n    rgba(168,85,247,.20);\n\n  margin-bottom: 8px;\n}\n\n\n.cb-step h3 {\n\n  font-size: 22px;\n\n  margin:\n    0 0 12px;\n}\n\n\n.cb-step p {\n\n  color:\n    var(--muted);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\n\/* FEATURE *\/\n\n.cb-feature {\n\n  padding:\n    90px 8%;\n\n  background:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(139,92,246,.18),\n      transparent 55%\n    );\n}\n\n\n.cb-feature-box {\n\n  max-width: 900px;\n\n  margin: auto;\n\n  padding:\n    65px 40px;\n\n  text-align: center;\n\n  border-radius: 28px;\n\n  border:\n    1px solid\n    rgba(168,85,247,.25);\n\n  background:\n    rgba(255,255,255,.025);\n\n  box-shadow:\n    0 30px 100px\n    rgba(0,0,0,.3);\n}\n\n\n.cb-feature h2 {\n\n  font-size:\n    clamp(36px, 6vw, 58px);\n\n  line-height: 1;\n\n  margin:\n    20px 0;\n}\n\n\n.cb-feature h2 span {\n\n  display: block;\n\n  color:\n    var(--purple-light);\n}\n\n\n.cb-feature p {\n\n  max-width: 650px;\n\n  margin: auto;\n\n  color:\n    var(--muted);\n\n  line-height: 1.8;\n}\n\n\n.cb-check-list {\n\n  max-width: 620px;\n\n  margin:\n    30px auto 0;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, 1fr);\n\n  gap: 12px;\n}\n\n\n.cb-check-list div {\n\n  padding: 14px;\n\n  border-radius: 10px;\n\n  background:\n    rgba(139,92,246,.08);\n\n  color:\n    #ddd6fe;\n\n  font-size: 13px;\n}\n\n\n.cb-check-list b {\n\n  color:\n    var(--purple-light);\n\n  margin-right: 7px;\n}\n\n\n\/* FINAL *\/\n\n.cb-final {\n\n  position: relative;\n\n  text-align: center;\n\n  overflow: hidden;\n\n  padding:\n    100px 8%;\n\n  background:\n    #07050a;\n}\n\n\n.cb-final-glow {\n\n  position: absolute;\n\n  width: 400px;\n  height: 400px;\n\n  left: 50%;\n  top: 50%;\n\n  transform:\n    translate(-50%, -50%);\n\n  border-radius: 50%;\n\n  background:\n    rgba(139,92,246,.14);\n\n  filter:\n    blur(100px);\n}\n\n\n.cb-final-crown {\n\n  position: relative;\n\n  font-size: 36px;\n\n  color:\n    var(--purple-light);\n\n  animation:\n    cbCrown 3s ease-in-out infinite;\n}\n\n\n.cb-final h2 {\n\n  position: relative;\n\n  font-size:\n    clamp(38px, 6vw, 68px);\n\n  line-height: 1;\n\n  margin:\n    20px 0;\n}\n\n\n.cb-final h2 span {\n\n  display: block;\n\n  color:\n    var(--purple-light);\n}\n\n\n.cb-final p {\n\n  position: relative;\n\n  max-width: 580px;\n\n  margin: auto;\n\n  color:\n    var(--muted);\n\n  line-height: 1.8;\n}\n\n\n.cb-brand {\n\n  position: relative;\n\n  margin-top: 35px;\n\n  font-weight: 800;\n\n  letter-spacing: 8px;\n\n  font-size: 18px;\n}\n\n\n.cb-brand span {\n\n  color:\n    var(--purple-light);\n}\n\n\n\/* ANIMATIONS *\/\n\n@keyframes cbFade {\n\n  from {\n    opacity: 0;\n    transform:\n      translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes cbGradient {\n\n  0% {\n    background-position: 0% center;\n  }\n\n  100% {\n    background-position: 200% center;\n  }\n\n}\n\n\n@keyframes cbFloat {\n\n  0%,100% {\n    transform:\n      translateY(0)\n      scale(1);\n  }\n\n  50% {\n    transform:\n      translateY(25px)\n      scale(1.08);\n  }\n\n}\n\n\n@keyframes cbCrown {\n\n  0%,100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-7px);\n  }\n\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 900px) {\n\n  .cb-grid {\n    grid-template-columns:\n      repeat(2, 1fr);\n  }\n\n  .cb-steps {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\n@media (max-width: 600px) {\n\n  .crownup-brush {\n    border-radius: 12px;\n  }\n\n  .cb-hero {\n    padding:\n      55px 24px;\n  }\n\n  .cb-hero h1 {\n    font-size: 45px;\n    letter-spacing: -2px;\n  }\n\n  .cb-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cb-check-list {\n    grid-template-columns: 1fr;\n  }\n\n  .cb-feature-box {\n    padding:\n      45px 24px;\n  }\n\n  .cb-intro,\n  .cb-benefits,\n  .cb-how,\n  .cb-feature {\n    padding-left: 22px;\n    padding-right: 22px;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":46888549744838,"sku":null,"price":350.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0757\/1521\/5558\/files\/rn-image_picker_lib_temp_e9786df4-0c48-450e-b4ce-db050e6aec34.jpg?v=1786222453","url":"https:\/\/crownup.co.za\/products\/hair-wash-and-scalp-massager","provider":"Crownup","version":"1.0","type":"link"}