{"product_id":"scalp-applicatior","title":"Precision Scalp Applicator","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- =========================================\n     CROWNUP™ SCALP APPLICATOR\n     PREMIUM ANIMATED PRODUCT DESCRIPTION\n========================================= --\u003e\n\u003cdiv class=\"crownup-product\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"cu-hero\"\u003e\n\u003cdiv class=\"cu-orb cu-orb-one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cu-orb cu-orb-two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cu-hero-content\"\u003e\n\u003cdiv class=\"cu-eyebrow\"\u003e\n\u003cspan\u003e♛\u003c\/span\u003e CROWNUP™ PRECISION CARE\u003c\/div\u003e\n\u003ch1\u003eScalp Applicator \u003cspan\u003ePrecision Delivery\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp\u003eUpgrade your scalp-care routine with controlled, targeted and mess-free application designed for everyday convenience.\u003c\/p\u003e\n\u003cdiv class=\"cu-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cu-tags\"\u003e\n\u003cspan\u003e✓ Precision\u003c\/span\u003e \u003cspan\u003e✓ Easy Application\u003c\/span\u003e \u003cspan\u003e✓ Mess-Free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTRO --\u003e\n\u003csection class=\"cu-intro\"\u003e\n\u003cdiv class=\"cu-crown\"\u003e♛\u003c\/div\u003e\n\u003cdiv class=\"cu-small-title\"\u003eTHE CROWNUP DIFFERENCE\u003c\/div\u003e\n\u003ch2\u003eGive Your Scalp-Care Routine \u003cspan\u003eMore Control.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe CrownUp Scalp Applicator is designed to make applying suitable scalp oils, serums and other scalp-care products easier and more controlled.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"cu-benefits\"\u003e\n\u003cdiv class=\"cu-heading\"\u003e\n\u003cdiv\u003eWHY CROWNUP?\u003c\/div\u003e\n\u003ch2\u003eDesigned With Purpose\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cu-benefit-grid\"\u003e\n\u003cdiv class=\"cu-card\"\u003e\n\u003cdiv class=\"cu-icon\"\u003e✦\u003c\/div\u003e\n\u003ch3\u003ePrecision Application\u003c\/h3\u003e\n\u003cp\u003eApply your scalp-care product with greater control and target specific areas of the scalp more easily.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cu-card\"\u003e\n\u003cdiv class=\"cu-icon\"\u003e◉\u003c\/div\u003e\n\u003ch3\u003eControlled Dispensing\u003c\/h3\u003e\n\u003cp\u003eThe built-in reservoir helps make application more measured and convenient.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cu-card\"\u003e\n\u003cdiv class=\"cu-icon\"\u003e♢\u003c\/div\u003e\n\u003ch3\u003eLess Mess\u003c\/h3\u003e\n\u003cp\u003eDesigned to help reduce unnecessary spills and make your routine cleaner and easier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cu-card\"\u003e\n\u003cdiv class=\"cu-icon\"\u003e♛\u003c\/div\u003e\n\u003ch3\u003eComfortable Design\u003c\/h3\u003e\n\u003cp\u003eA sleek ergonomic shape makes the applicator easy to hold and manoeuvre during use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRODUCT HIGHLIGHT --\u003e\n\u003csection class=\"cu-highlight\"\u003e\n\u003cdiv class=\"cu-highlight-inner\"\u003e\n\u003cdiv class=\"cu-highlight-content\"\u003e\n\u003cdiv class=\"cu-small-title\"\u003ePRECISION • CONTROL • CONVENIENCE\u003c\/div\u003e\n\u003ch2\u003eYour Routine. \u003cspan\u003eElevated.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eStop struggling with difficult scalp application. CrownUp gives you a simple way to bring your scalp-care products exactly where you want them.\u003c\/p\u003e\n\u003cdiv class=\"cu-checks\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e✓\u003c\/b\u003e Precision-focused applicator\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e✓\u003c\/b\u003e Convenient product reservoir\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e✓\u003c\/b\u003e Easy-to-handle design\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e✓\u003c\/b\u003e Perfect for your daily routine\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW TO USE --\u003e\n\u003csection class=\"cu-how\"\u003e\n\u003cdiv class=\"cu-heading\"\u003e\n\u003cdiv\u003eHOW IT WORKS\u003c\/div\u003e\n\u003ch2\u003eSimple. Precise. Easy.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cu-steps\"\u003e\n\u003cdiv class=\"cu-step\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003ch3\u003eFill\u003c\/h3\u003e\n\u003cp\u003eAdd your preferred suitable scalp-care product into the applicator reservoir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cu-step\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003ch3\u003ePosition\u003c\/h3\u003e\n\u003cp\u003ePlace the applicator gently against the scalp where you want to apply your product.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cu-step\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003ch3\u003eApply\u003c\/h3\u003e\n\u003cp\u003eMove the applicator across the scalp using smooth and controlled strokes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL --\u003e\n\u003csection class=\"cu-final\"\u003e\n\u003cdiv class=\"cu-final-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cu-final-crown\"\u003e♛\u003c\/div\u003e\n\u003cdiv class=\"cu-small-title\"\u003eWELCOME TO CROWNUP™\u003c\/div\u003e\n\u003ch2\u003eCrown Your \u003cspan\u003eRoutine.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003ePrecision application meets effortless design. Make every scalp-care routine feel more refined.\u003c\/p\u003e\n\u003cdiv class=\"cu-logo\"\u003eCROWN\u003cspan\u003eUP\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\n\/* =========================================\n   CROWNUP VARIABLES\n========================================= *\/\n\n.crownup-product {\n  --purple: #8b5cf6;\n  --purple-light: #c084fc;\n  --purple-dark: #4c1d95;\n  --deep: #08060d;\n  --dark: #100b18;\n  --text: #ffffff;\n  --muted: #b9b0c5;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  color: var(--text);\n\n  background:\n    radial-gradient(\n      circle at 10% 0%,\n      rgba(139, 92, 246, .18),\n      transparent 30%\n    ),\n    var(--deep);\n\n  overflow: hidden;\n  border-radius: 24px;\n}\n\n\n\/* =========================================\n   HERO\n========================================= *\/\n\n.cu-hero {\n\n  min-height: 470px;\n\n  display: flex;\n  align-items: center;\n\n  position: relative;\n\n  padding:\n    70px 8%;\n\n  background:\n    linear-gradient(\n      120deg,\n      rgba(139,92,246,.18),\n      transparent 55%\n    ),\n    #0d0913;\n\n  overflow: hidden;\n}\n\n\n.cu-hero-content {\n\n  position: relative;\n  z-index: 2;\n\n  max-width: 720px;\n\n  animation:\n    cuAppear 1s ease forwards;\n}\n\n\n.cu-eyebrow {\n\n  color: var(--purple-light);\n\n  font-size: 12px;\n\n  font-weight: 700;\n\n  letter-spacing: 4px;\n\n  margin-bottom: 22px;\n}\n\n\n.cu-eyebrow span {\n\n  display: inline-block;\n\n  color: #ddd6fe;\n\n  margin-right: 7px;\n\n  animation:\n    cuCrownFloat 3s ease-in-out infinite;\n}\n\n\n.cu-hero h1 {\n\n  margin: 0;\n\n  font-size:\n    clamp(43px, 7vw, 78px);\n\n  line-height: .98;\n\n  letter-spacing: -4px;\n}\n\n\n.cu-hero h1 span {\n\n  display: block;\n\n  background:\n    linear-gradient(\n      90deg,\n      #8b5cf6,\n      #e9d5ff,\n      #a855f7,\n      #8b5cf6\n    );\n\n  background-size: 300% auto;\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  animation:\n    cuGradient 5s linear infinite;\n}\n\n\n.cu-hero p {\n\n  max-width: 610px;\n\n  margin-top: 28px;\n\n  color: var(--muted);\n\n  font-size: 17px;\n\n  line-height: 1.8;\n}\n\n\n.cu-divider {\n\n  width: 100px;\n  height: 3px;\n\n  margin:\n    28px 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--purple),\n      transparent\n    );\n}\n\n\n.cu-tags {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 10px;\n}\n\n\n.cu-tags span {\n\n  padding:\n    9px 15px;\n\n  border:\n    1px solid\n    rgba(192,132,252,.25);\n\n  border-radius: 50px;\n\n  background:\n    rgba(139,92,246,.07);\n\n  color:\n    #ddd6fe;\n\n  font-size: 12px;\n}\n\n\n\/* =========================================\n   FLOATING GLOWS\n========================================= *\/\n\n.cu-orb {\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  filter: blur(75px);\n\n  pointer-events: none;\n}\n\n\n.cu-orb-one {\n\n  width: 300px;\n  height: 300px;\n\n  right: 4%;\n  top: -130px;\n\n  background:\n    rgba(139,92,246,.25);\n\n  animation:\n    cuFloat 6s ease-in-out infinite;\n}\n\n\n.cu-orb-two {\n\n  width: 220px;\n  height: 220px;\n\n  right: 35%;\n  bottom: -150px;\n\n  background:\n    rgba(168,85,247,.15);\n\n  animation:\n    cuFloat 8s ease-in-out infinite reverse;\n}\n\n\n\/* =========================================\n   INTRO\n========================================= *\/\n\n.cu-intro {\n\n  text-align: center;\n\n  padding:\n    90px 8%;\n\n  background: #0b0710;\n}\n\n\n.cu-crown {\n\n  color:\n    var(--purple-light);\n\n  font-size: 30px;\n\n  margin-bottom: 15px;\n\n  animation:\n    cuCrownFloat 3s ease-in-out infinite;\n}\n\n\n.cu-small-title {\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.cu-intro h2 {\n\n  font-size:\n    clamp(32px, 5vw, 52px);\n\n  line-height: 1.1;\n\n  margin:\n    17px 0 20px;\n}\n\n\n.cu-intro h2 span {\n\n  display: block;\n\n  color:\n    var(--purple-light);\n}\n\n\n.cu-intro p {\n\n  max-width: 700px;\n\n  margin: auto;\n\n  color: var(--muted);\n\n  line-height: 1.8;\n\n  font-size: 16px;\n}\n\n\n\/* =========================================\n   BENEFITS\n========================================= *\/\n\n.cu-benefits {\n\n  padding:\n    85px 8%;\n\n  background:\n    linear-gradient(\n      180deg,\n      #0b0710,\n      #120a1c\n    );\n}\n\n\n.cu-heading {\n\n  text-align: center;\n\n  margin-bottom: 50px;\n}\n\n\n.cu-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.cu-heading h2 {\n\n  font-size:\n    clamp(30px, 5vw, 48px);\n\n  margin:\n    14px 0 0;\n\n  letter-spacing: -1px;\n}\n\n\n.cu-benefit-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  gap: 18px;\n\n  max-width: 1200px;\n\n  margin: auto;\n}\n\n\n.cu-card {\n\n  min-height: 230px;\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  position: relative;\n\n  overflow: hidden;\n}\n\n\n.cu-card::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 100px;\n  height: 100px;\n\n  right: -50px;\n  top: -50px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(139,92,246,.18);\n\n  filter: blur(25px);\n}\n\n\n.cu-card:hover {\n\n  transform:\n    translateY(-10px);\n\n  border-color:\n    rgba(168,85,247,.55);\n\n  box-shadow:\n    0 25px 60px\n    rgba(88,28,135,.22);\n\n  background:\n    rgba(139,92,246,.07);\n}\n\n\n.cu-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  font-size: 20px;\n\n  margin-bottom: 22px;\n}\n\n\n.cu-card h3 {\n\n  font-size: 18px;\n\n  margin:\n    0 0 12px;\n}\n\n\n.cu-card p {\n\n  color: var(--muted);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n\n  margin: 0;\n}\n\n\n\/* =========================================\n   HIGHLIGHT\n========================================= *\/\n\n.cu-highlight {\n\n  padding:\n    90px 8%;\n\n  background:\n    radial-gradient(\n      circle at 70% 50%,\n      rgba(139,92,246,.18),\n      transparent 45%\n    ),\n    #09060d;\n}\n\n\n.cu-highlight-inner {\n\n  max-width: 950px;\n\n  margin: auto;\n\n  padding:\n    65px 50px;\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,.35);\n}\n\n\n.cu-highlight-content {\n\n  text-align: center;\n}\n\n\n.cu-highlight h2 {\n\n  font-size:\n    clamp(35px, 6vw, 58px);\n\n  line-height: 1;\n\n  margin:\n    20px 0;\n}\n\n\n.cu-highlight h2 span {\n\n  color:\n    var(--purple-light);\n}\n\n\n.cu-highlight p {\n\n  max-width: 650px;\n\n  margin: auto;\n\n  color: var(--muted);\n\n  line-height: 1.8;\n}\n\n\n.cu-checks {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, 1fr);\n\n  gap: 12px;\n\n  max-width: 650px;\n\n  margin:\n    32px auto 0;\n}\n\n\n.cu-checks div {\n\n  padding: 14px;\n\n  border-radius: 10px;\n\n  background:\n    rgba(139,92,246,.08);\n\n  color: #ddd6fe;\n\n  font-size: 13px;\n}\n\n\n.cu-checks b {\n\n  color:\n    var(--purple-light);\n\n  margin-right: 7px;\n}\n\n\n\/* =========================================\n   HOW TO USE\n========================================= *\/\n\n.cu-how {\n\n  padding:\n    85px 8%;\n\n  background: #0d0913;\n}\n\n\n.cu-steps {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  max-width: 1050px;\n\n  margin: auto;\n\n  gap: 25px;\n}\n\n\n.cu-step {\n\n  text-align: center;\n\n  padding: 30px;\n}\n\n\n.cu-step span {\n\n  display: block;\n\n  font-size: 55px;\n\n  font-weight: 800;\n\n  color:\n    rgba(168,85,247,.20);\n\n  margin-bottom: 8px;\n}\n\n\n.cu-step h3 {\n\n  font-size: 22px;\n\n  margin:\n    0 0 12px;\n}\n\n\n.cu-step p {\n\n  color:\n    var(--muted);\n\n  line-height: 1.7;\n\n  font-size: 14px;\n}\n\n\n\/* =========================================\n   FINAL CTA\n========================================= *\/\n\n.cu-final {\n\n  position: relative;\n\n  overflow: hidden;\n\n  text-align: center;\n\n  padding:\n    100px 8%;\n\n  background:\n    #07050a;\n}\n\n\n.cu-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  background:\n    rgba(124,58,237,.15);\n\n  filter:\n    blur(100px);\n\n  pointer-events: none;\n}\n\n\n.cu-final-crown {\n\n  position: relative;\n\n  color:\n    var(--purple-light);\n\n  font-size: 35px;\n\n  margin-bottom: 20px;\n\n  animation:\n    cuCrownFloat 3s ease-in-out infinite;\n}\n\n\n.cu-final h2 {\n\n  position: relative;\n\n  font-size:\n    clamp(40px, 7vw, 70px);\n\n  line-height: .95;\n\n  margin:\n    20px 0;\n}\n\n\n.cu-final h2 span {\n\n  display: block;\n\n  color:\n    var(--purple-light);\n}\n\n\n.cu-final p {\n\n  position: relative;\n\n  max-width: 550px;\n\n  margin: auto;\n\n  color:\n    var(--muted);\n\n  line-height: 1.8;\n}\n\n\n.cu-logo {\n\n  position: relative;\n\n  margin-top: 38px;\n\n  font-size: 18px;\n\n  font-weight: 800;\n\n  letter-spacing: 8px;\n\n  color: #ffffff;\n}\n\n\n.cu-logo span {\n\n  color:\n    var(--purple-light);\n}\n\n\n\/* =========================================\n   ANIMATIONS\n========================================= *\/\n\n@keyframes cuAppear {\n\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n\n@keyframes cuGradient {\n\n  0% {\n    background-position: 0% center;\n  }\n\n  100% {\n    background-position: 300% center;\n  }\n\n}\n\n\n@keyframes cuFloat {\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 cuCrownFloat {\n\n  0%, 100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-6px);\n  }\n\n}\n\n\n\/* =========================================\n   RESPONSIVE\n========================================= *\/\n\n@media (max-width: 900px) {\n\n  .cu-benefit-grid {\n    grid-template-columns:\n      repeat(2, 1fr);\n  }\n\n  .cu-steps {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\n@media (max-width: 600px) {\n\n  .crownup-product {\n    border-radius: 12px;\n  }\n\n  .cu-hero {\n    padding:\n      55px 25px;\n  }\n\n  .cu-hero h1 {\n    font-size: 44px;\n    letter-spacing: -2px;\n  }\n\n  .cu-hero p {\n    font-size: 15px;\n  }\n\n  .cu-benefits,\n  .cu-how,\n  .cu-highlight {\n    padding-left: 22px;\n    padding-right: 22px;\n  }\n\n  .cu-intro {\n    padding:\n      70px 22px;\n  }\n\n  .cu-benefit-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cu-checks {\n    grid-template-columns: 1fr;\n  }\n\n  .cu-highlight-inner {\n    padding:\n      45px 25px;\n  }\n\n  .cu-final {\n    padding:\n      80px 22px;\n  }\n\n}\n\n\u003c\/style\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":46887541244102,"sku":null,"price":600.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0757\/1521\/5558\/files\/rn-image_picker_lib_temp_6ab269da-efce-4bcf-a18f-c7ba20682877.png?v=1786222453","url":"https:\/\/crownup.co.za\/products\/scalp-applicatior","provider":"Crownup","version":"1.0","type":"link"}