{"product_id":"cosmoglow-scalp-oil-applicator","title":"CosmoGlow 15ML Scalp Oil Applicator","description":"\u003cstyle\u003e\n\/* COSMOGLOW | 15ML SCALP OIL APPLICATOR *\/\n\n.cg-scalp {\n  --cg-pink: #c4869c;\n  --cg-deep: #754b5b;\n  --cg-text: #856f77;\n  --cg-border: #f0dce2;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  box-sizing: border-box;\n  margin: 24px 0;\n  padding: 36px 20px 30px;\n  border: 1px solid var(--cg-border);\n  border-radius: 20px;\n  background:\n    radial-gradient(ellipse at 0% 0%, #ffffff 0%, transparent 43%),\n    radial-gradient(ellipse at 100% 100%, #f5dce4 0%, transparent 40%),\n    linear-gradient(135deg, #fff9fb, #f8e8ed, #fff6f8);\n  color: var(--cg-deep);\n  font-family: inherit;\n  text-align: center;\n  animation: cgScalpReveal .8s ease-out both;\n}\n\n.cg-scalp *,\n.cg-scalp *::before,\n.cg-scalp *::after {\n  box-sizing: border-box;\n}\n\n.cg-scalp .cg-orb {\n  position: absolute;\n  z-index: -1;\n  width: 145px;\n  height: 145px;\n  border-radius: 50%;\n  background: rgba(221, 165, 184, .20);\n  filter: blur(30px);\n  pointer-events: none;\n  animation: cgScalpGlow 7s ease-in-out infinite alternate;\n}\n\n.cg-scalp .cg-orb-one {\n  top: -70px;\n  left: -65px;\n}\n\n.cg-scalp .cg-orb-two {\n  right: -70px;\n  bottom: -75px;\n  animation-delay: -3s;\n}\n\n\/* INTRO *\/\n\n.cg-scalp .cg-kicker {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  margin: 0 0 17px;\n  color: #ad758a;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 2.8px;\n  line-height: 1.7;\n  text-transform: uppercase;\n}\n\n.cg-scalp .cg-kicker::before,\n.cg-scalp .cg-kicker::after {\n  width: 20px;\n  height: 1px;\n  background: #d6a1b2;\n  content: \"\";\n}\n\n.cg-scalp .cg-heading {\n  max-width: 520px;\n  margin: 0 auto 14px;\n  color: var(--cg-deep);\n  font-size: clamp(29px, 5vw, 43px);\n  font-weight: 500;\n  letter-spacing: -1.3px;\n  line-height: 1.15;\n}\n\n.cg-scalp .cg-heading em {\n  color: var(--cg-pink);\n  font-weight: 400;\n}\n\n.cg-scalp .cg-intro {\n  max-width: 410px;\n  margin: 0 auto;\n  color: var(--cg-text);\n  font-size: 13px;\n  line-height: 1.9;\n}\n\n\/* 15ML FEATURE *\/\n\n.cg-scalp .cg-capacity {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  margin: 20px auto 0;\n  padding: 10px 17px;\n  border: 1px solid rgba(196, 134, 156, .3);\n  border-radius: 50px;\n  background: rgba(255, 255, 255, .72);\n  color: #986579;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: .7px;\n  animation: cgScalpFloat 4s ease-in-out infinite;\n}\n\n.cg-scalp .cg-capacity span {\n  color: #c4869c;\n  font-size: 16px;\n}\n\n\/* DECORATIVE DIVIDER *\/\n\n.cg-scalp .cg-divider {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin: 25px auto;\n}\n\n.cg-scalp .cg-divider span {\n  width: 42px;\n  height: 1px;\n  background: #dfb9c5;\n}\n\n.cg-scalp .cg-divider i {\n  color: #c4869c;\n  font-size: 16px;\n  font-style: normal;\n  animation: cgScalpSparkle 3s ease-in-out infinite;\n}\n\n\/* FOUR BENEFIT CARDS *\/\n\n.cg-scalp .cg-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 11px;\n  max-width: 490px;\n  margin: 0 auto;\n}\n\n.cg-scalp .cg-card {\n  min-width: 0;\n  padding: 18px 10px 16px;\n  border: 1px solid rgba(207, 157, 175, .28);\n  border-radius: 15px;\n  background: rgba(255, 255, 255, .68);\n  box-shadow: 0 4px 16px rgba(117, 75, 91, .035);\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    box-shadow .3s ease;\n  animation: cgScalpRise .7s ease-out both;\n}\n\n.cg-scalp .cg-card:nth-child(2) {\n  animation-delay: .1s;\n}\n\n.cg-scalp .cg-card:nth-child(3) {\n  animation-delay: .2s;\n}\n\n.cg-scalp .cg-card:nth-child(4) {\n  animation-delay: .3s;\n}\n\n.cg-scalp .cg-card:hover {\n  transform: translateY(-4px);\n  background: rgba(255, 255, 255, .97);\n  box-shadow: 0 10px 24px rgba(117, 75, 91, .09);\n}\n\n.cg-scalp .cg-icon {\n  display: block;\n  margin-bottom: 9px;\n  font-size: 23px;\n  line-height: 1.3;\n  animation: cgScalpFloat 4s ease-in-out infinite;\n}\n\n.cg-scalp .cg-card:nth-child(2) .cg-icon {\n  animation-delay: -.8s;\n}\n\n.cg-scalp .cg-card:nth-child(3) .cg-icon {\n  animation-delay: -1.6s;\n}\n\n.cg-scalp .cg-card:nth-child(4) .cg-icon {\n  animation-delay: -2.4s;\n}\n\n.cg-scalp .cg-card-title {\n  display: block;\n  margin-bottom: 6px;\n  color: #795361;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n\n.cg-scalp .cg-card-text {\n  display: block;\n  color: #8c7880;\n  font-size: 11px;\n  line-height: 1.75;\n}\n\n\/* FOOTER *\/\n\n.cg-scalp .cg-footer {\n  margin: 25px 0 0;\n  color: #a36d81;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 1.6px;\n  line-height: 1.8;\n}\n\n.cg-scalp .cg-footer span {\n  color: #c4869c;\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes cgScalpReveal {\n  from {\n    opacity: 0;\n    transform: translateY(14px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes cgScalpRise {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes cgScalpFloat {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-4px);\n  }\n}\n\n@keyframes cgScalpGlow {\n  from {\n    opacity: .6;\n    transform: scale(.92);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1.12);\n  }\n}\n\n@keyframes cgScalpSparkle {\n  0%, 100% {\n    opacity: .65;\n    transform: scale(.95);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.15);\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 480px) {\n  .cg-scalp {\n    padding: 30px 15px 25px;\n    border-radius: 17px;\n  }\n\n  .cg-scalp .cg-heading {\n    font-size: 31px;\n    letter-spacing: -.8px;\n  }\n\n  .cg-scalp .cg-intro {\n    font-size: 12px;\n  }\n\n  .cg-scalp .cg-grid {\n    gap: 9px;\n  }\n\n  .cg-scalp .cg-card {\n    padding: 15px 8px;\n  }\n\n  .cg-scalp .cg-card-title {\n    font-size: 11px;\n  }\n\n  .cg-scalp .cg-card-text {\n    font-size: 10px;\n  }\n\n  .cg-scalp .cg-kicker {\n    font-size: 9px;\n    letter-spacing: 2px;\n  }\n}\n\n\/* ACCESSIBILITY *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .cg-scalp,\n  .cg-scalp *,\n  .cg-scalp *::before,\n  .cg-scalp *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003csection class=\"cg-scalp\" aria-label=\"CosmoGlow 15ML Scalp Oil Applicator\"\u003e\n\n  \u003cdiv class=\"cg-orb cg-orb-one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"cg-orb cg-orb-two\"\u003e\u003c\/div\u003e\n\n  \u003cheader\u003e\n    \u003cp class=\"cg-kicker\"\u003eCOSMOGLOW HAIR ESSENTIALS\u003c\/p\u003e\n\n    \u003ch2 class=\"cg-heading\"\u003e\n      Nourish Your Roots.\u003cbr\u003e\n      \u003cem\u003eLove Your Ritual.\u003c\/em\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"cg-intro\"\u003e\n      Make scalp care feel effortless. Apply your favourite\n      scalp oil with a convenient applicator designed to help\n      distribute oil directly where you need it.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"cg-capacity\"\u003e\n      \u003cspan aria-hidden=\"true\"\u003e💧\u003c\/span\u003e\n      15ML BUILT-IN RESERVOIR\n    \u003c\/div\u003e\n  \u003c\/header\u003e\n\n  \u003cdiv class=\"cg-divider\" aria-hidden=\"true\"\u003e\n    \u003cspan\u003e\u003c\/span\u003e\n    \u003ci\u003e✧\u003c\/i\u003e\n    \u003cspan\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"cg-grid\"\u003e\n\n    \u003carticle class=\"cg-card\"\u003e\n      \u003cspan class=\"cg-icon\" aria-hidden=\"true\"\u003e💧\u003c\/span\u003e\n      \u003cspan class=\"cg-card-title\"\u003eTargeted Application\u003c\/span\u003e\n      \u003cspan class=\"cg-card-text\"\u003e\n        Help direct your favourite scalp oil to your roots.\n      \u003c\/span\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"cg-card\"\u003e\n      \u003cspan class=\"cg-icon\" aria-hidden=\"true\"\u003e✨\u003c\/span\u003e\n      \u003cspan class=\"cg-card-title\"\u003eControlled Dispensing\u003c\/span\u003e\n      \u003cspan class=\"cg-card-text\"\u003e\n        Apply oil with greater control during your hair-care routine.\n      \u003c\/span\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"cg-card\"\u003e\n      \u003cspan class=\"cg-icon\" aria-hidden=\"true\"\u003e🌸\u003c\/span\u003e\n      \u003cspan class=\"cg-card-title\"\u003e15ML Reservoir\u003c\/span\u003e\n      \u003cspan class=\"cg-card-text\"\u003e\n        Keep your preferred liquid scalp oil close at hand.\n      \u003c\/span\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"cg-card\"\u003e\n      \u003cspan class=\"cg-icon\" aria-hidden=\"true\"\u003e💗\u003c\/span\u003e\n      \u003cspan class=\"cg-card-title\"\u003eSelf-Care Made Simple\u003c\/span\u003e\n      \u003cspan class=\"cg-card-text\"\u003e\n        Make scalp oil application part of your regular routine.\n      \u003c\/span\u003e\n    \u003c\/article\u003e\n\n  \u003c\/div\u003e\n\n  \u003cp class=\"cg-footer\"\u003e\n    \u003cspan\u003e✧\u003c\/span\u003e YOUR ROOTS. YOUR RITUAL. YOUR GLOW. \u003cspan\u003e✧\u003c\/span\u003e\n  \u003c\/p\u003e\n\n\u003c\/section\u003e","brand":"CosmoGlow","offers":[{"title":"Default Title","offer_id":50983139836143,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0841\/6903\/1919\/files\/Screenshot_2026-11-03_114733.png?v=1793699272","url":"https:\/\/cosmoglow.co.za\/products\/cosmoglow-scalp-oil-applicator","provider":"CosmoGlow","version":"1.0","type":"link"}