{"product_id":"aura-beauty™-4-5pcs-hair-styling-essentials-massage-scalp-barber-comb-set","title":"Aura Beauty™ 4\/5pcs Hair Styling Essentials – Massage, Scalp \u0026 Barber Comb Set","description":"\u003cstyle\u003e\n\/* =========================================================\n   AURA BEAUTY™ — HAIR STYLING ESSENTIALS\n   Highly Animated Shopify Custom Liquid Section\n   ========================================================= *\/\n\n#aura-hair-set {\n  --pink: #e98aa7;\n  --pink-dark: #c95d80;\n  --rose: #b95776;\n  --cream: #fff8f8;\n  --soft-pink: #fde9ef;\n  --text: #4a3038;\n  --white: #ffffff;\n\n  position: relative;\n  overflow: hidden;\n  padding: 80px 20px;\n  background:\n    radial-gradient(circle at 10% 20%, rgba(255,255,255,.95), transparent 28%),\n    radial-gradient(circle at 90% 80%, rgba(245,177,198,.25), transparent 30%),\n    linear-gradient(135deg, #fffafa 0%, #fdecef 48%, #fff7f8 100%);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  color: var(--text);\n}\n\n\/* Floating background circles *\/\n#aura-hair-set::before,\n#aura-hair-set::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  pointer-events: none;\n  filter: blur(2px);\n}\n\n#aura-hair-set::before {\n  width: 420px;\n  height: 420px;\n  background: rgba(255,255,255,.5);\n  top: -180px;\n  left: -180px;\n  animation: auraFloat 7s ease-in-out infinite;\n}\n\n#aura-hair-set::after {\n  width: 300px;\n  height: 300px;\n  background: rgba(232,138,167,.12);\n  bottom: -120px;\n  right: -100px;\n  animation: auraFloat 9s ease-in-out infinite reverse;\n}\n\n@keyframes auraFloat {\n  0%,100% { transform: translate(0,0) scale(1); }\n  50% { transform: translate(25px,20px) scale(1.08); }\n}\n\n\/* Sparkles *\/\n.aura-sparkle {\n  position: absolute;\n  color: #fff;\n  font-size: 18px;\n  opacity: 0;\n  pointer-events: none;\n  animation: sparkle 4s infinite;\n  text-shadow: 0 0 12px rgba(255,255,255,.9);\n}\n\n.aura-sparkle:nth-child(1) { top: 12%; left: 8%; animation-delay: .2s; }\n.aura-sparkle:nth-child(2) { top: 22%; right: 12%; animation-delay: 1.2s; }\n.aura-sparkle:nth-child(3) { top: 58%; left: 18%; animation-delay: 2s; }\n.aura-sparkle:nth-child(4) { bottom: 15%; right: 10%; animation-delay: 2.8s; }\n.aura-sparkle:nth-child(5) { top: 45%; right: 4%; animation-delay: 3.4s; }\n\n@keyframes sparkle {\n  0% { opacity: 0; transform: scale(.3) rotate(0deg); }\n  30% { opacity: 1; transform: scale(1.3) rotate(90deg); }\n  60% { opacity: .8; transform: scale(1) rotate(180deg); }\n  100% { opacity: 0; transform: scale(.3) rotate(360deg); }\n}\n\n\/* Main container *\/\n.aura-container {\n  max-width: 1180px;\n  margin: auto;\n  position: relative;\n  z-index: 2;\n}\n\n\/* Hero *\/\n.aura-hero {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: 55px;\n}\n\n\/* Text *\/\n.aura-content {\n  animation: auraReveal 1s ease forwards;\n}\n\n@keyframes auraReveal {\n  from {\n    opacity: 0;\n    transform: translateX(-40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.aura-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 18px;\n  border-radius: 50px;\n  background: rgba(255,255,255,.75);\n  border: 1px solid rgba(201,93,128,.18);\n  color: var(--rose);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  box-shadow: 0 8px 25px rgba(170,80,110,.08);\n  margin-bottom: 20px;\n}\n\n.aura-title {\n  margin: 0 0 20px;\n  font-size: clamp(38px, 5vw, 68px);\n  line-height: .98;\n  font-weight: 800;\n  letter-spacing: -2px;\n  color: var(--text);\n}\n\n.aura-title span {\n  display: block;\n  background: linear-gradient(90deg, #bd5275, #ee8eaa, #bd5275);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: auraGradient 4s linear infinite;\n}\n\n@keyframes auraGradient {\n  to { background-position: 200% center; }\n}\n\n.aura-description {\n  font-size: 17px;\n  line-height: 1.75;\n  color: #72535c;\n  margin-bottom: 28px;\n}\n\n\/* Benefits *\/\n.aura-benefits {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n  margin: 25px 0 32px;\n}\n\n.aura-benefit {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 13px 14px;\n  background: rgba(255,255,255,.65);\n  border-radius: 15px;\n  border: 1px solid rgba(255,255,255,.9);\n  font-size: 13px;\n  font-weight: 600;\n  transition: all .35s ease;\n}\n\n.aura-benefit:hover {\n  transform: translateY(-4px);\n  background: #fff;\n  box-shadow: 0 12px 28px rgba(190,80,115,.12);\n}\n\n.aura-check {\n  width: 26px;\n  height: 26px;\n  flex: 0 0 26px;\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #e98aa7, #c95d80);\n  color: #fff;\n  font-size: 13px;\n}\n\n\/* CTA *\/\n.aura-cta {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  flex-wrap: wrap;\n}\n\n.aura-button {\n  position: relative;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-width: 210px;\n  padding: 17px 28px;\n  border-radius: 50px;\n  background: linear-gradient(135deg, #d96d8c, #b84f70);\n  color: white !important;\n  text-decoration: none !important;\n  font-weight: 800;\n  font-size: 15px;\n  box-shadow:\n    0 14px 30px rgba(185,79,112,.28),\n    inset 0 1px rgba(255,255,255,.35);\n  transition: all .35s ease;\n}\n\n.aura-button::before {\n  content: \"\";\n  position: absolute;\n  width: 80px;\n  height: 160%;\n  background: rgba(255,255,255,.35);\n  transform: rotate(25deg) translateX(-150px);\n  transition: transform .6s ease;\n}\n\n.aura-button:hover::before {\n  transform: rotate(25deg) translateX(280px);\n}\n\n.aura-button:hover {\n  transform: translateY(-5px) scale(1.03);\n  box-shadow: 0 20px 40px rgba(185,79,112,.35);\n}\n\n.aura-button-arrow {\n  font-size: 20px;\n  transition: transform .3s ease;\n}\n\n.aura-button:hover .aura-button-arrow {\n  transform: translateX(5px);\n}\n\n.aura-note {\n  font-size: 12px;\n  color: #8a6972;\n}\n\n\/* Product image *\/\n.aura-product-wrap {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  animation: productEntrance 1.1s ease forwards;\n}\n\n@keyframes productEntrance {\n  from {\n    opacity: 0;\n    transform: translateX(50px) scale(.92);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0) scale(1);\n  }\n}\n\n.aura-image-glow {\n  position: absolute;\n  width: 85%;\n  height: 85%;\n  border-radius: 50%;\n  background: rgba(234,139,168,.22);\n  filter: blur(45px);\n  animation: glowPulse 4s ease-in-out infinite;\n}\n\n@keyframes glowPulse {\n  0%,100% { transform: scale(.92); opacity: .55; }\n  50% { transform: scale(1.08); opacity: .9; }\n}\n\n.aura-product-card {\n  position: relative;\n  width: 100%;\n  max-width: 560px;\n  border-radius: 32px;\n  overflow: hidden;\n  background: #f3dfd9;\n  box-shadow:\n    0 35px 70px rgba(105,54,66,.18),\n    0 5px 20px rgba(105,54,66,.08);\n  animation: productFloat 5s ease-in-out infinite;\n}\n\n@keyframes productFloat {\n  0%,100% { transform: translateY(0) rotate(0deg); }\n  50% { transform: translateY(-12px) rotate(.5deg); }\n}\n\n.aura-product-card img {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n\/* Floating badges *\/\n.aura-badge {\n  position: absolute;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  border-radius: 50px;\n  background: rgba(255,255,255,.9);\n  backdrop-filter: blur(12px);\n  color: var(--rose);\n  font-size: 12px;\n  font-weight: 800;\n  box-shadow: 0 12px 30px rgba(80,30,45,.12);\n  animation: badgeFloat 4s ease-in-out infinite;\n}\n\n.aura-badge-one {\n  top: 8%;\n  left: -25px;\n}\n\n.aura-badge-two {\n  bottom: 10%;\n  right: -25px;\n  animation-delay: 1.5s;\n}\n\n@keyframes badgeFloat {\n  0%,100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n\/* Included section *\/\n.aura-included {\n  margin-top: 90px;\n  text-align: center;\n}\n\n.aura-section-label {\n  display: inline-block;\n  color: var(--rose);\n  font-size: 12px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  font-weight: 800;\n  margin-bottom: 10px;\n}\n\n.aura-section-title {\n  margin: 0 0 12px;\n  font-size: clamp(28px, 4vw, 45px);\n  color: var(--text);\n}\n\n.aura-section-subtitle {\n  max-width: 650px;\n  margin: 0 auto 35px;\n  color: #765a62;\n  line-height: 1.7;\n}\n\n\/* Feature cards *\/\n.aura-features {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 15px;\n}\n\n.aura-feature {\n  padding: 24px 16px;\n  background: rgba(255,255,255,.72);\n  border: 1px solid rgba(255,255,255,.95);\n  border-radius: 22px;\n  box-shadow: 0 12px 30px rgba(120,55,75,.07);\n  transition: all .4s cubic-bezier(.2,.8,.2,1);\n}\n\n.aura-feature:hover {\n  transform: translateY(-10px) rotate(-1deg);\n  box-shadow: 0 22px 45px rgba(120,55,75,.14);\n}\n\n.aura-feature-icon {\n  width: 52px;\n  height: 52px;\n  margin: 0 auto 14px;\n  display: grid;\n  place-items: center;\n  border-radius: 18px;\n  background: linear-gradient(135deg,#fde0e8,#f7b7c9);\n  font-size: 25px;\n  transition: transform .4s ease;\n}\n\n.aura-feature:hover .aura-feature-icon {\n  transform: rotate(10deg) scale(1.1);\n}\n\n.aura-feature h4 {\n  margin: 0 0 7px;\n  font-size: 14px;\n  color: var(--text);\n}\n\n.aura-feature p {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: #80656d;\n}\n\n\/* Bottom statement *\/\n.aura-bottom {\n  margin-top: 60px;\n  padding: 35px 25px;\n  border-radius: 28px;\n  text-align: center;\n  background: linear-gradient(135deg, rgba(255,255,255,.8), rgba(253,226,234,.8));\n  border: 1px solid rgba(255,255,255,.9);\n}\n\n.aura-bottom strong {\n  display: block;\n  margin-bottom: 8px;\n  font-size: 24px;\n  color: var(--rose);\n}\n\n.aura-bottom span {\n  color: #80636b;\n  font-size: 14px;\n}\n\n\/* Mobile *\/\n@media (max-width: 900px) {\n  #aura-hair-set {\n    padding: 55px 16px;\n  }\n\n  .aura-hero {\n    grid-template-columns: 1fr;\n    gap: 35px;\n  }\n\n  .aura-content {\n    text-align: center;\n  }\n\n  .aura-eyebrow {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .aura-cta {\n    justify-content: center;\n  }\n\n  .aura-benefits {\n    text-align: left;\n  }\n\n  .aura-product-wrap {\n    order: -1;\n  }\n\n  .aura-product-card {\n    max-width: 520px;\n  }\n\n  .aura-badge-one {\n    left: 5px;\n  }\n\n  .aura-badge-two {\n    right: 5px;\n  }\n\n  .aura-features {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 550px) {\n  #aura-hair-set {\n    padding: 42px 13px;\n  }\n\n  .aura-title {\n    font-size: 40px;\n  }\n\n  .aura-description {\n    font-size: 15px;\n  }\n\n  .aura-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .aura-button {\n    width: 100%;\n  }\n\n  .aura-note {\n    width: 100%;\n    text-align: center;\n  }\n\n  .aura-product-card {\n    border-radius: 22px;\n  }\n\n  .aura-badge {\n    padding: 9px 12px;\n    font-size: 10px;\n  }\n\n  .aura-badge-one {\n    left: 4px;\n    top: 5%;\n  }\n\n  .aura-badge-two {\n    right: 4px;\n    bottom: 5%;\n  }\n\n  .aura-features {\n    grid-template-columns: 1fr;\n  }\n\n  .aura-feature {\n    padding: 20px;\n  }\n\n  .aura-included {\n    margin-top: 60px;\n  }\n}\n\n\/* Reduced motion accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n  #aura-hair-set *,\n  #aura-hair-set::before,\n  #aura-hair-set::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003csection id=\"aura-hair-set\"\u003e\n\n  \u003c!-- Sparkles --\u003e\n  \u003cspan class=\"aura-sparkle\"\u003e✦\u003c\/span\u003e\n  \u003cspan class=\"aura-sparkle\"\u003e✧\u003c\/span\u003e\n  \u003cspan class=\"aura-sparkle\"\u003e✦\u003c\/span\u003e\n  \u003cspan class=\"aura-sparkle\"\u003e✧\u003c\/span\u003e\n  \u003cspan class=\"aura-sparkle\"\u003e✦\u003c\/span\u003e\n\n  \u003cdiv class=\"aura-container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"aura-hero\"\u003e\n\n      \u003cdiv class=\"aura-content\"\u003e\n\n        \u003cdiv class=\"aura-eyebrow\"\u003e\n          ✨ AURA BEAUTY™\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"aura-title\"\u003e\n          Elevate Your\n          \u003cspan\u003eHair Care Routine\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"aura-description\"\u003e\n          Transform every styling session into a luxurious, salon-worthy\n          experience with the Aura Beauty™ Hair Styling Essentials Set.\n          Everything you need for effortless styling — from root to tip.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"aura-benefits\"\u003e\n\n          \u003cdiv class=\"aura-benefit\"\u003e\n            \u003cspan class=\"aura-check\"\u003e✓\u003c\/span\u003e\n            All-in-one styling set\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"aura-benefit\"\u003e\n            \u003cspan class=\"aura-check\"\u003e✓\u003c\/span\u003e\n            Suitable for all hair types\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"aura-benefit\"\u003e\n            \u003cspan class=\"aura-check\"\u003e✓\u003c\/span\u003e\n            Home \u0026amp; salon ready\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"aura-benefit\"\u003e\n            \u003cspan class=\"aura-check\"\u003e✓\u003c\/span\u003e\n            Lightweight \u0026amp; travel-friendly\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"aura-cta\"\u003e\n\n          \u003ca href=\"#aura-buy\" class=\"aura-button\" onclick=\"document.querySelector('#aura-buy')?.scrollIntoView({behavior:'smooth'}); return false;\"\u003e\n            Shop the Essentials\n            \u003cspan class=\"aura-button-arrow\"\u003e→\u003c\/span\u003e\n          \u003c\/a\u003e\n\n          \u003cspan class=\"aura-note\"\u003e\n            ✨ Your hair deserves a little Aura magic\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003c!-- PRODUCT IMAGE --\u003e\n      \u003cdiv class=\"aura-product-wrap\"\u003e\n\n        \u003cdiv class=\"aura-image-glow\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"aura-product-card\"\u003e\n\n          \u003cdiv class=\"aura-badge aura-badge-one\"\u003e\n            ✨ 5 Essential Tools\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"aura-badge aura-badge-two\"\u003e\n            ♡ Salon Inspired\n          \u003c\/div\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/6108\/7091\/files\/aura-beauty-hair-styling-set.png?v=1787576906\" alt=\"Aura Beauty™ Hair Styling Essentials Set\" loading=\"eager\"\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- WHAT'S INCLUDED --\u003e\n    \u003cdiv class=\"aura-included\"\u003e\n\n      \u003cspan class=\"aura-section-label\"\u003e\n        Everything You Need\n      \u003c\/span\u003e\n\n      \u003ch3 class=\"aura-section-title\"\u003e\n        What's Included?\n      \u003c\/h3\u003e\n\n      \u003cp class=\"aura-section-subtitle\"\u003e\n        A carefully selected collection of everyday hair tools designed\n        to make styling easier, smoother and more enjoyable.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"aura-features\"\u003e\n\n        \u003cdiv class=\"aura-feature\"\u003e\n          \u003cdiv class=\"aura-feature-icon\"\u003e🪮\u003c\/div\u003e\n          \u003ch4\u003eMassage Comb\u003c\/h4\u003e\n          \u003cp\u003e\n            Gently stimulates the scalp while you style.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"aura-feature\"\u003e\n          \u003cdiv class=\"aura-feature-icon\"\u003e✨\u003c\/div\u003e\n          \u003ch4\u003eHair Brush\u003c\/h4\u003e\n          \u003cp\u003e\n            Helps detangle hair smoothly and effortlessly.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"aura-feature\"\u003e\n          \u003cdiv class=\"aura-feature-icon\"\u003e💗\u003c\/div\u003e\n          \u003ch4\u003eHairline Brush\u003c\/h4\u003e\n          \u003cp\u003e\n            Perfect for edges and detailed styling.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"aura-feature\"\u003e\n          \u003cdiv class=\"aura-feature-icon\"\u003e💫\u003c\/div\u003e\n          \u003ch4\u003eStyling Combs\u003c\/h4\u003e\n          \u003cp\u003e\n            Precision tools for flyaways and fine styling.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"aura-feature\"\u003e\n          \u003cdiv class=\"aura-feature-icon\"\u003e💦\u003c\/div\u003e\n          \u003ch4\u003eSpray Bottle\u003c\/h4\u003e\n          \u003cp\u003e\n            Keep hair perfectly damp during styling.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- WHY YOU'LL LOVE IT --\u003e\n    \u003cdiv class=\"aura-bottom\" id=\"aura-buy\"\u003e\n\n      \u003cstrong\u003e\n        Because Great Hair Starts With the Right Tools ✨\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Bring a little Aura Beauty™ magic to every styling session.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Aura Beauty","offers":[{"title":"Default Title","offer_id":45395265421427,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0707\/6108\/7091\/files\/aura-beauty-hair-styling-set.png?v=1787576906","url":"https:\/\/aurabeautyhub.co.za\/products\/aura-beauty%e2%84%a2-4-5pcs-hair-styling-essentials-massage-scalp-barber-comb-set","provider":"Aura Beauty","version":"1.0","type":"link"}