{"title":"Hair Care","description":null,"products":[{"product_id":"aura-beauty™-strength-shine-hair-bar","title":"Aura Beauty™ Strength \u0026 Shine Hair Bar","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- AURA BEAUTY™ — STRENGTH \u0026 SHINE HAIR BAR --\u003e\n\u003csection class=\"aura-rice-bar\"\u003e\n\u003cdiv class=\"rice-glow rice-glow-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-glow rice-glow-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-glow rice-glow-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-container\"\u003e\n\u003c!-- BADGE --\u003e\n\u003cdiv class=\"rice-badge\"\u003e\n\u003cspan\u003e\u003c\/span\u003e NATURALLY NOURISHING HAIR CARE\u003c\/div\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"rice-hero\"\u003e\n\u003cdiv class=\"rice-copy\"\u003e\n\u003cdiv class=\"rice-eyebrow\"\u003e✦ NOURISH • STRENGTHEN • SHINE\u003c\/div\u003e\n\u003ch1\u003eStrong Roots.\u003cbr\u003e\u003cspan\u003eRadiant Shine.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"rice-subtitle\"\u003eNaturally nourished hair starts with the power of rice.\u003c\/p\u003e\n\u003cp class=\"rice-description\"\u003eMeet the \u003cstrong\u003eAura Beauty™ Strength \u0026amp; Shine Hair Bar\u003c\/strong\u003e — a nourishing rice-powered hair bar designed to gently cleanse while helping strengthen, hydrate and restore dull, weak hair.\u003c\/p\u003e\n\u003cdiv class=\"rice-buttons\"\u003e\u003ca href=\"#rice-buy\" class=\"rice-button\"\u003e \u003cspan\u003eDISCOVER YOUR AURA\u003c\/span\u003e \u003cb\u003e→\u003c\/b\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c!-- MINI TRUST POINTS --\u003e\n\u003cdiv class=\"rice-trust\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRICE\u003c\/strong\u003e \u003cspan\u003ePOWERED\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGENTLE\u003c\/strong\u003e \u003cspan\u003eCARE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRADIANT\u003c\/strong\u003e \u003cspan\u003eSHINE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- VISUAL --\u003e\n\u003cdiv class=\"rice-visual\"\u003e\n\u003cdiv class=\"rice-ring rice-ring-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-ring rice-ring-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-aura-circle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- RICE GRAINS --\u003e\n\u003cdiv class=\"rice-grains\"\u003e\n\u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003c!-- HAIR BAR --\u003e\n\u003cdiv class=\"rice-bar\"\u003e\n\u003cdiv class=\"rice-bar-highlight\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-bar-label\"\u003e\n\u003csmall\u003eAURA\u003c\/small\u003e \u003cstrong\u003e BEAUTY™ \u003c\/strong\u003e \u003cspan\u003e STRENGTH\u003cbr\u003e\u0026amp; SHINE \u003c\/span\u003e \u003cem\u003e RICE HAIR BAR \u003c\/em\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rice-floating rice-floating-1\"\u003e🌾 RICE POWER\u003c\/div\u003e\n\u003cdiv class=\"rice-floating rice-floating-2\"\u003e✦ NATURAL SHINE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION HEADING --\u003e\n\u003cdiv class=\"rice-heading\"\u003e\n\u003cspan\u003eTHE POWER OF RICE\u003c\/span\u003e\n\u003ch2\u003eNourishment your hair\u003cbr\u003ecan \u003cem\u003efeel.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA simple hair-care ritual inspired by the natural nourishing properties of rice.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"rice-benefits\"\u003e\n\u003cdiv class=\"rice-benefit\"\u003e\n\u003cdiv class=\"rice-icon\"\u003e🌾\u003c\/div\u003e\n\u003ch3\u003eRice-Powered\u003c\/h3\u003e\n\u003cp\u003eRice is naturally rich in nutrients and amino acids that help nourish hair from root to tip.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rice-benefit\"\u003e\n\u003cdiv class=\"rice-icon\"\u003e✦\u003c\/div\u003e\n\u003ch3\u003eStrength \u0026amp; Repair\u003c\/h3\u003e\n\u003cp\u003eHelps reduce the appearance of breakage while leaving hair feeling stronger and healthier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rice-benefit\"\u003e\n\u003cdiv class=\"rice-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eDeep Hydration\u003c\/h3\u003e\n\u003cp\u003eHelps lock in moisture for soft, smooth and manageable strands.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rice-benefit\"\u003e\n\u003cdiv class=\"rice-icon\"\u003e♡\u003c\/div\u003e\n\u003ch3\u003eGentle Care\u003c\/h3\u003e\n\u003cp\u003eA naturally inspired cleansing experience suitable for all hair types.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RITUAL --\u003e\n\u003cdiv class=\"rice-ritual\"\u003e\n\u003cdiv class=\"ritual-content\"\u003e\n\u003cdiv class=\"ritual-label\"\u003eYOUR AURA RITUAL\u003c\/div\u003e\n\u003ch2\u003eWash.\u003cbr\u003eNourish.\u003cbr\u003e\u003cspan\u003eGlow.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eTurn your everyday wash into a moment of self-care. Gently cleanse your hair, rinse and reveal softer, smoother-looking strands with a naturally radiant finish.\u003c\/p\u003e\n\u003cdiv class=\"ritual-steps\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003cstrong\u003eWET\u003c\/strong\u003e \u003csmall\u003eHair thoroughly\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003cstrong\u003eWASH\u003c\/strong\u003e \u003csmall\u003eGently cleanse\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003cstrong\u003eRINSE\u003c\/strong\u003e \u003csmall\u003eReveal your shine\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ritual-decoration\"\u003e\n\u003cdiv class=\"ritual-circle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ritual-leaf leaf-1\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"ritual-leaf leaf-2\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"ritual-rice\"\u003e🌾\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STATEMENT --\u003e\n\u003cdiv class=\"rice-statement\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eNourish your hair.\u003cbr\u003e\u003cem\u003eElevate your aura.\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003cdiv class=\"rice-final\" id=\"rice-buy\"\u003e\n\u003cdiv class=\"final-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"final-content\"\u003e\n\u003cdiv class=\"final-small\"\u003eYOUR NEW HAIR RITUAL\u003c\/div\u003e\n\u003ch2\u003eStronger-looking hair.\u003cbr\u003e\u003cspan\u003eNatural radiance.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eGive your hair the nourishing ritual it deserves.\u003c\/p\u003e\n\u003ca href=\"\/products\/aura-beauty-strength-shine-hair-bar\" class=\"rice-button final-button\"\u003e \u003cspan\u003eGET YOUR HAIR BAR\u003c\/span\u003e \u003cb\u003e→\u003c\/b\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* ==========================================\n   AURA BEAUTY™\n   EARTHY AURA + PINK\n   STRENGTH \u0026 SHINE HAIR BAR\n========================================== *\/\n\n.aura-rice-bar {\n\n  --espresso: #3b2928;\n  --earth: #70534b;\n  --clay: #aa776b;\n\n  --rose: #d9979d;\n  --pink: #efc1c5;\n  --blush: #f8e3e3;\n\n  --cream: #fff9f4;\n  --sand: #ead8c8;\n\n  --sage: #9da68c;\n  --sage-light: #cbd0bd;\n\n  --muted: #806e69;\n\n  position: relative;\n  overflow: hidden;\n\n  padding: 110px 24px;\n\n  color: var(--espresso);\n\n  background:\n    radial-gradient(\n      circle at 10% 5%,\n      rgba(239,193,197,.65),\n      transparent 28%\n    ),\n\n    radial-gradient(\n      circle at 90% 20%,\n      rgba(157,166,140,.25),\n      transparent 25%\n    ),\n\n    radial-gradient(\n      circle at 50% 100%,\n      rgba(218,174,154,.3),\n      transparent 35%\n    ),\n\n    var(--cream);\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n\n.aura-rice-bar::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .2;\n\n  pointer-events: none;\n\n  background-image:\n    radial-gradient(\n      rgba(112,83,75,.18) .7px,\n      transparent .7px\n    );\n\n  background-size: 19px 19px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      black,\n      transparent 85%\n    );\n}\n\n\n.rice-container {\n\n  max-width: 1200px;\n\n  margin: auto;\n\n  position: relative;\n\n  z-index: 2;\n}\n\n\n\/* ==========================================\n   GLOWS\n========================================== *\/\n\n.rice-glow {\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  filter: blur(90px);\n\n  pointer-events: none;\n\n  opacity: .55;\n}\n\n\n.rice-glow-1 {\n\n  width: 430px;\n  height: 430px;\n\n  background: rgba(239,193,197,.65);\n\n  top: -190px;\n  left: -170px;\n\n  animation:\n    riceGlowMove 10s ease-in-out infinite;\n}\n\n\n.rice-glow-2 {\n\n  width: 350px;\n  height: 350px;\n\n  background: rgba(157,166,140,.35);\n\n  right: -140px;\n  top: 35%;\n\n  animation:\n    riceGlowMove 12s ease-in-out infinite reverse;\n}\n\n\n.rice-glow-3 {\n\n  width: 280px;\n  height: 280px;\n\n  background: rgba(218,174,154,.35);\n\n  left: 40%;\n  bottom: 5%;\n\n  animation:\n    riceGlowMove 9s ease-in-out infinite;\n}\n\n\n@keyframes riceGlowMove {\n\n  0%,100% {\n    transform:\n      translate(0,0)\n      scale(1);\n  }\n\n  50% {\n    transform:\n      translate(25px,-30px)\n      scale(1.1);\n  }\n\n}\n\n\n\/* ==========================================\n   BADGE\n========================================== *\/\n\n.rice-badge {\n\n  display: table;\n\n  margin: 0 auto 45px;\n\n  padding: 11px 20px;\n\n  border:\n    1px solid\n    rgba(170,119,107,.3);\n\n  border-radius: 50px;\n\n  background:\n    rgba(255,255,255,.5);\n\n  backdrop-filter:\n    blur(12px);\n\n  color: var(--earth);\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 3px;\n\n  box-shadow:\n    0 10px 30px\n    rgba(112,83,75,.08);\n\n  animation:\n    riceFadeDown 1s ease both;\n}\n\n\n.rice-badge span {\n\n  display: inline-block;\n\n  width: 7px;\n  height: 7px;\n\n  margin-right: 8px;\n\n  border-radius: 50%;\n\n  background: var(--rose);\n\n  box-shadow:\n    0 0 12px\n    rgba(217,151,157,.8);\n\n  animation:\n    ricePulse 2s infinite;\n}\n\n\n@keyframes ricePulse {\n\n  0%,100% {\n    opacity: .45;\n    transform: scale(.8);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.2);\n  }\n\n}\n\n\n\/* ==========================================\n   HERO\n========================================== *\/\n\n.rice-hero {\n\n  min-height: 650px;\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  align-items: center;\n\n  gap: 60px;\n}\n\n\n.rice-copy {\n\n  animation:\n    riceFadeLeft\n    1s\n    .2s\n    ease\n    both;\n}\n\n\n.rice-eyebrow {\n\n  color: var(--clay);\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 4px;\n\n  margin-bottom: 22px;\n}\n\n\n.rice-copy h1 {\n\n  font-family: Georgia, serif;\n\n  font-weight: 400;\n\n  font-size:\n    clamp(\n      50px,\n      6vw,\n      82px\n    );\n\n  line-height: .95;\n\n  letter-spacing: -4px;\n\n  margin: 0 0 28px;\n\n  color: var(--espresso);\n}\n\n\n.rice-copy h1 span {\n\n  background:\n\n    linear-gradient(\n      90deg,\n      var(--clay),\n      var(--rose),\n      var(--earth),\n      var(--clay)\n    );\n\n  background-size: 250% auto;\n\n  -webkit-background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  animation:\n    riceGradient\n    5s\n    linear\n    infinite;\n}\n\n\n@keyframes riceGradient {\n\n  to {\n    background-position:\n      250% center;\n  }\n\n}\n\n\n.rice-subtitle {\n\n  max-width: 520px;\n\n  font-size: 20px;\n\n  line-height: 1.5;\n\n  color: var(--earth);\n\n  margin-bottom: 18px;\n}\n\n\n.rice-description {\n\n  max-width: 560px;\n\n  color: var(--muted);\n\n  font-size: 15px;\n\n  line-height: 1.8;\n}\n\n\n.rice-description strong {\n\n  color: var(--earth);\n}\n\n\n\/* ==========================================\n   BUTTON\n========================================== *\/\n\n.rice-buttons {\n\n  margin-top: 35px;\n}\n\n\n.rice-button {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 30px;\n\n  padding:\n    18px 25px;\n\n  border-radius: 50px;\n\n  text-decoration: none;\n\n  color: white;\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  letter-spacing: 2px;\n\n  background:\n\n    linear-gradient(\n      110deg,\n      var(--earth),\n      var(--clay),\n      var(--rose),\n      var(--earth)\n    );\n\n  background-size: 250% auto;\n\n  box-shadow:\n    0 14px 40px\n    rgba(168,117,104,.25);\n\n  transition:\n    .4s ease;\n\n  animation:\n    riceButton 5s infinite;\n}\n\n\n.rice-button:hover {\n\n  transform:\n    translateY(-5px);\n\n  color: white;\n\n  box-shadow:\n    0 20px 50px\n    rgba(168,117,104,.35);\n\n  background-position:\n    right center;\n}\n\n\n.rice-button b {\n\n  font-size: 20px;\n\n  font-weight: 400;\n\n  transition:\n    transform .3s ease;\n}\n\n\n.rice-button:hover b {\n\n  transform:\n    translateX(6px);\n}\n\n\n@keyframes riceButton {\n\n  0%,100% {\n    background-position: left center;\n  }\n\n  50% {\n    background-position: right center;\n  }\n\n}\n\n\n\/* ==========================================\n   TRUST\n========================================== *\/\n\n.rice-trust {\n\n  display: flex;\n\n  gap: 35px;\n\n  margin-top: 50px;\n}\n\n\n.rice-trust div {\n\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 5px;\n}\n\n\n.rice-trust strong {\n\n  color: var(--earth);\n\n  font-size: 11px;\n\n  letter-spacing: 2px;\n}\n\n\n.rice-trust span {\n\n  color: var(--clay);\n\n  font-size: 8px;\n\n  letter-spacing: 2px;\n}\n\n\n\/* ==========================================\n   PRODUCT VISUAL\n========================================== *\/\n\n.rice-visual {\n\n  height: 610px;\n\n  position: relative;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  animation:\n    riceFadeRight\n    1s\n    .3s\n    ease\n    both;\n}\n\n\n.rice-aura-circle {\n\n  width: 410px;\n\n  height: 410px;\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  background:\n\n    radial-gradient(\n      circle,\n      rgba(239,193,197,.8),\n      rgba(239,193,197,.35) 42%,\n      rgba(157,166,140,.18) 65%,\n      transparent 73%\n    );\n\n  animation:\n    riceCircle\n    6s\n    ease-in-out\n    infinite;\n}\n\n\n@keyframes riceCircle {\n\n  0%,100% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(1.1);\n  }\n\n}\n\n\n\/* ==========================================\n   HAIR BAR\n========================================== *\/\n\n.rice-bar {\n\n  width: 260px;\n\n  height: 340px;\n\n  position: relative;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius:\n    34px;\n\n  background:\n\n    linear-gradient(\n      135deg,\n      #f5d8cf,\n      #e9b8b6 45%,\n      #c98883\n    );\n\n  box-shadow:\n\n    20px 30px 55px\n    rgba(112,83,75,.22),\n\n    inset\n    2px 2px 12px\n    rgba(255,255,255,.6),\n\n    inset\n    -8px -8px 18px\n    rgba(112,83,75,.15);\n\n  transform:\n    rotate(-7deg);\n\n  animation:\n    riceBarFloat\n    5s\n    ease-in-out\n    infinite;\n\n  z-index: 3;\n}\n\n\n@keyframes riceBarFloat {\n\n  0%,100% {\n    transform:\n      translateY(0)\n      rotate(-7deg);\n  }\n\n  50% {\n    transform:\n      translateY(-18px)\n      rotate(-4deg);\n  }\n\n}\n\n\n\/* BAR HIGHLIGHT *\/\n\n.rice-bar-highlight {\n\n  position: absolute;\n\n  width: 45px;\n\n  height: 270px;\n\n  left: 28px;\n\n  top: 35px;\n\n  border-radius: 30px;\n\n  background:\n    linear-gradient(\n      to right,\n      rgba(255,255,255,.28),\n      transparent\n    );\n\n  filter: blur(2px);\n}\n\n\n\/* LABEL *\/\n\n.rice-bar-label {\n\n  width: 170px;\n\n  padding:\n    25px 10px;\n\n  text-align: center;\n\n  border:\n    1px solid\n    rgba(255,255,255,.55);\n\n  border-radius: 14px;\n\n  background:\n    rgba(255,245,240,.18);\n\n  backdrop-filter:\n    blur(4px);\n\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 8px;\n\n  color: var(--espresso);\n}\n\n\n.rice-bar-label small {\n\n  font-size: 9px;\n\n  letter-spacing: 4px;\n\n  color: var(--earth);\n}\n\n\n.rice-bar-label strong {\n\n  font-family: Georgia, serif;\n\n  font-size: 22px;\n\n  letter-spacing: 2px;\n\n  font-weight: 400;\n}\n\n\n.rice-bar-label span {\n\n  font-size: 10px;\n\n  letter-spacing: 3px;\n\n  line-height: 1.5;\n\n  color: var(--earth);\n}\n\n\n.rice-bar-label em {\n\n  margin-top: 6px;\n\n  font-size: 7px;\n\n  letter-spacing: 2px;\n\n  font-style: normal;\n\n  color: var(--clay);\n}\n\n\n\/* ==========================================\n   RICE GRAINS\n========================================== *\/\n\n.rice-grains {\n\n  position: absolute;\n\n  width: 480px;\n\n  height: 480px;\n\n  animation:\n    grainRotate\n    25s\n    linear\n    infinite;\n}\n\n\n.rice-grains i {\n\n  position: absolute;\n\n  width: 12px;\n\n  height: 30px;\n\n  border-radius:\n    50%;\n\n  background:\n    linear-gradient(\n      90deg,\n      #e4d0a9,\n      #fff0c9\n    );\n\n  box-shadow:\n    0 5px 10px\n    rgba(112,83,75,.12);\n}\n\n\n.rice-grains i:nth-child(1) {\n  top: 40px;\n  left: 80px;\n  transform: rotate(-25deg);\n}\n\n.rice-grains i:nth-child(2) {\n  top: 100px;\n  right: 40px;\n  transform: rotate(45deg);\n}\n\n.rice-grains i:nth-child(3) {\n  bottom: 80px;\n  right: 60px;\n  transform: rotate(-40deg);\n}\n\n.rice-grains i:nth-child(4) {\n  bottom: 40px;\n  left: 110px;\n  transform: rotate(20deg);\n}\n\n.rice-grains i:nth-child(5) {\n  top: 200px;\n  left: 15px;\n  transform: rotate(65deg);\n}\n\n.rice-grains i:nth-child(6) {\n  top: 20px;\n  right: 150px;\n  transform: rotate(-15deg);\n}\n\n.rice-grains i:nth-child(7) {\n  bottom: 140px;\n  left: 40px;\n  transform: rotate(-50deg);\n}\n\n.rice-grains i:nth-child(8) {\n  bottom: 20px;\n  right: 150px;\n  transform: rotate(60deg);\n}\n\n\n@keyframes grainRotate {\n\n  to {\n    transform:\n      rotate(360deg);\n  }\n\n}\n\n\n\/* ==========================================\n   RINGS\n========================================== *\/\n\n.rice-ring {\n\n  position: absolute;\n\n  border:\n    1px solid\n    rgba(170,119,107,.2);\n\n  border-radius: 50%;\n\n  animation:\n    riceRing\n    18s\n    linear\n    infinite;\n}\n\n\n.rice-ring-1 {\n\n  width: 480px;\n  height: 480px;\n}\n\n\n.rice-ring-2 {\n\n  width: 550px;\n  height: 300px;\n\n  transform:\n    rotate(-25deg);\n\n  animation-duration:\n    22s;\n}\n\n\n@keyframes riceRing {\n\n  to {\n    transform:\n      rotate(360deg);\n  }\n\n}\n\n\n\/* ==========================================\n   FLOATING LABELS\n========================================== *\/\n\n.rice-floating {\n\n  position: absolute;\n\n  padding:\n    11px 15px;\n\n  border-radius:\n    50px;\n\n  border:\n    1px solid\n    rgba(170,119,107,.3);\n\n  background:\n    rgba(255,249,244,.78);\n\n  backdrop-filter:\n    blur(10px);\n\n  color:\n    var(--earth);\n\n  font-size: 8px;\n\n  letter-spacing: 2px;\n\n  box-shadow:\n    0 10px 25px\n    rgba(112,83,75,.1);\n\n  animation:\n    riceFloating\n    4s\n    ease-in-out\n    infinite;\n}\n\n\n.rice-floating-1 {\n\n  top: 130px;\n\n  left: -20px;\n}\n\n\n.rice-floating-2 {\n\n  right: -25px;\n\n  bottom: 125px;\n\n  animation-delay:\n    1.5s;\n}\n\n\n@keyframes riceFloating {\n\n  0%,100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-12px);\n  }\n\n}\n\n\n\/* ==========================================\n   HEADING\n========================================== *\/\n\n.rice-heading {\n\n  text-align: center;\n\n  padding:\n    120px 0 55px;\n}\n\n\n.rice-heading \u003e span {\n\n  color:\n    var(--clay);\n\n  font-size:\n    9px;\n\n  letter-spacing:\n    4px;\n}\n\n\n.rice-heading h2 {\n\n  font-family:\n    Georgia, serif;\n\n  font-weight:\n    400;\n\n  font-size:\n    clamp(38px,5vw,58px);\n\n  line-height:\n    1.05;\n\n  margin:\n    15px 0;\n\n  color:\n    var(--espresso);\n}\n\n\n.rice-heading h2 em {\n\n  color:\n    var(--clay);\n\n  font-style:\n    italic;\n}\n\n\n.rice-heading p {\n\n  max-width:\n    550px;\n\n  margin:\n    auto;\n\n  color:\n    var(--muted);\n\n  font-size:\n    14px;\n\n  line-height:\n    1.7;\n}\n\n\n\/* ==========================================\n   BENEFITS\n========================================== *\/\n\n.rice-benefits {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap:\n    15px;\n}\n\n\n.rice-benefit {\n\n  padding:\n    35px 25px;\n\n  border:\n    1px solid\n    rgba(170,119,107,.2);\n\n  border-radius:\n    22px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.78),\n      rgba(247,224,224,.48)\n    );\n\n  box-shadow:\n    0 12px 30px\n    rgba(112,83,75,.06);\n\n  transition:\n    .4s ease;\n}\n\n\n.rice-benefit:hover {\n\n  transform:\n    translateY(-10px);\n\n  border-color:\n    rgba(217,151,157,.6);\n\n  box-shadow:\n    0 25px 55px\n    rgba(112,83,75,.13);\n}\n\n\n.rice-icon {\n\n  font-size:\n    28px;\n\n  margin-bottom:\n    22px;\n}\n\n\n.rice-benefit h3 {\n\n  font-family:\n    Georgia, serif;\n\n  font-size:\n    20px;\n\n  font-weight:\n    400;\n\n  margin:\n    0 0 12px;\n}\n\n\n.rice-benefit p {\n\n  color:\n    var(--muted);\n\n  font-size:\n    13px;\n\n  line-height:\n    1.7;\n\n  margin:\n    0;\n}\n\n\n\/* ==========================================\n   RITUAL\n========================================== *\/\n\n.rice-ritual {\n\n  margin-top:\n    120px;\n\n  min-height:\n    500px;\n\n  padding:\n    70px;\n\n  border-radius:\n    35px;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  align-items:\n    center;\n\n  overflow:\n    hidden;\n\n  background:\n\n    linear-gradient(\n      135deg,\n      #ead8c8,\n      #f7dfe0\n    );\n\n  box-shadow:\n    0 25px 70px\n    rgba(112,83,75,.1);\n\n  position:\n    relative;\n}\n\n\n.ritual-content {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n}\n\n\n.ritual-label {\n\n  color:\n    var(--clay);\n\n  font-size:\n    9px;\n\n  letter-spacing:\n    4px;\n\n  font-weight:\n    700;\n}\n\n\n.rice-ritual h2 {\n\n  font-family:\n    Georgia, serif;\n\n  font-size:\n    clamp(45px,6vw,70px);\n\n  line-height:\n    .95;\n\n  font-weight:\n    400;\n\n  margin:\n    20px 0;\n\n  color:\n    var(--espresso);\n}\n\n\n.rice-ritual h2 span {\n\n  color:\n    var(--clay);\n\n  font-style:\n    italic;\n}\n\n\n.rice-ritual p {\n\n  max-width:\n    500px;\n\n  color:\n    var(--earth);\n\n  line-height:\n    1.8;\n\n  font-size:\n    14px;\n}\n\n\n\/* RITUAL STEPS *\/\n\n.ritual-steps {\n\n  display:\n    flex;\n\n  gap:\n    25px;\n\n  margin-top:\n    35px;\n}\n\n\n.ritual-steps div {\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  gap:\n    5px;\n}\n\n\n.ritual-steps span {\n\n  font-size:\n    9px;\n\n  color:\n    var(--clay);\n\n  letter-spacing:\n    2px;\n}\n\n\n.ritual-steps strong {\n\n  font-family:\n    Georgia, serif;\n\n  font-size:\n    16px;\n\n  font-weight:\n    400;\n}\n\n\n.ritual-steps small {\n\n  color:\n    var(--muted);\n\n  font-size:\n    9px;\n}\n\n\n\/* RITUAL DECORATION *\/\n\n.ritual-decoration {\n\n  position:\n    relative;\n\n  height:\n    400px;\n}\n\n\n.ritual-circle {\n\n  position:\n    absolute;\n\n  width:\n    340px;\n\n  height:\n    340px;\n\n  border-radius:\n    50%;\n\n  top:\n    30px;\n\n  left:\n    50%;\n\n  transform:\n    translateX(-50%);\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,255,255,.7),\n      rgba(239,193,197,.3),\n      transparent 70%\n    );\n\n  animation:\n    riceCircle\n    7s\n    ease-in-out\n    infinite;\n}\n\n\n.ritual-leaf,\n.ritual-rice {\n\n  position:\n    absolute;\n\n  font-size:\n    70px;\n\n  filter:\n    drop-shadow(\n      5px 10px 12px\n      rgba(112,83,75,.12)\n    );\n\n  animation:\n    riceFloating\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n.leaf-1 {\n\n  top:\n    40px;\n\n  left:\n    25%;\n}\n\n\n.leaf-2 {\n\n  bottom:\n    50px;\n\n  right:\n    18%;\n\n  animation-delay:\n    1s;\n}\n\n\n.ritual-rice {\n\n  font-size:\n    85px;\n\n  top:\n    140px;\n\n  left:\n    48%;\n\n  animation-delay:\n    1.5s;\n}\n\n\n\/* ==========================================\n   STATEMENT\n========================================== *\/\n\n.rice-statement {\n\n  padding:\n    120px 0;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    30px;\n}\n\n\n.rice-statement div {\n\n  width:\n    75px;\n\n  height:\n    1px;\n\n  background:\n    rgba(170,119,107,.45);\n}\n\n\n.rice-statement p {\n\n  text-align:\n    center;\n\n  font-family:\n    Georgia, serif;\n\n  font-size:\n    clamp(26px,4vw,44px);\n\n  line-height:\n    1.25;\n\n  color:\n    var(--earth);\n}\n\n\n.rice-statement em {\n\n  color:\n    var(--clay);\n\n  font-style:\n    italic;\n}\n\n\n\/* ==========================================\n   FINAL CTA\n========================================== *\/\n\n.rice-final {\n\n  position:\n    relative;\n\n  overflow:\n    hidden;\n\n  padding:\n    100px 30px;\n\n  border-radius:\n    35px;\n\n  text-align:\n    center;\n\n  background:\n\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(255,255,255,.8),\n      transparent 45%\n    ),\n\n    linear-gradient(\n      135deg,\n      #e8d3c1,\n      #f4d4d6,\n      #d7b3a5\n    );\n\n  border:\n    1px solid\n    rgba(170,119,107,.25);\n\n  box-shadow:\n    0 25px 70px\n    rgba(112,83,75,.12);\n}\n\n\n.final-content {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n}\n\n\n.final-small {\n\n  font-size:\n    9px;\n\n  letter-spacing:\n    4px;\n\n  color:\n    var(--earth);\n}\n\n\n.rice-final h2 {\n\n  font-family:\n    Georgia, serif;\n\n  font-size:\n    clamp(40px,6vw,70px);\n\n  line-height:\n    1;\n\n  font-weight:\n    400;\n\n  margin:\n    20px 0;\n\n  color:\n    var(--espresso);\n}\n\n\n.rice-final h2 span {\n\n  color:\n    var(--clay);\n\n  font-style:\n    italic;\n}\n\n\n.rice-final p {\n\n  color:\n    var(--earth);\n\n  margin-bottom:\n    35px;\n}\n\n\n.final-button {\n\n  box-shadow:\n    0 18px 50px\n    rgba(112,83,75,.2);\n}\n\n\n\/* ==========================================\n   ENTRANCE ANIMATIONS\n========================================== *\/\n\n@keyframes riceFadeDown {\n\n  from {\n    opacity: 0;\n    transform:\n      translateY(-20px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n@keyframes riceFadeLeft {\n\n  from {\n    opacity: 0;\n    transform:\n      translateX(-40px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateX(0);\n  }\n\n}\n\n\n@keyframes riceFadeRight {\n\n  from {\n    opacity: 0;\n    transform:\n      translateX(40px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateX(0);\n  }\n\n}\n\n\n\/* ==========================================\n   MOBILE\n========================================== *\/\n\n@media(max-width:850px) {\n\n  .aura-rice-bar {\n\n    padding:\n      70px 18px;\n  }\n\n\n  .rice-hero {\n\n    grid-template-columns:\n      1fr;\n\n    text-align:\n      center;\n\n    gap:\n      10px;\n  }\n\n\n  .rice-copy {\n\n    display:\n      flex;\n\n    flex-direction:\n      column;\n\n    align-items:\n      center;\n  }\n\n\n  .rice-copy h1 {\n\n    font-size:\n      52px;\n\n    letter-spacing:\n      -3px;\n  }\n\n\n  .rice-trust {\n\n    justify-content:\n      center;\n  }\n\n\n  .rice-visual {\n\n    height:\n      520px;\n\n    transform:\n      scale(.9);\n  }\n\n\n  .rice-benefits {\n\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n\n  .rice-ritual {\n\n    grid-template-columns:\n      1fr;\n\n    padding:\n      55px 30px;\n\n    text-align:\n      center;\n  }\n\n\n  .rice-ritual p {\n\n    margin-left:\n      auto;\n\n    margin-right:\n      auto;\n  }\n\n\n  .ritual-steps {\n\n    justify-content:\n      center;\n  }\n\n\n  .ritual-decoration {\n\n    height:\n      300px;\n\n    margin-top:\n      20px;\n  }\n\n}\n\n\n@media(max-width:520px) {\n\n  .rice-copy h1 {\n\n    font-size:\n      45px;\n  }\n\n\n  .rice-visual {\n\n    transform:\n      scale(.78);\n\n    margin:\n      -40px 0;\n  }\n\n\n  .rice-benefits {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .rice-trust {\n\n    gap:\n      18px;\n  }\n\n\n  .rice-statement {\n\n    padding:\n      80px 0;\n  }\n\n\n  .rice-statement div {\n\n    width:\n      30px;\n  }\n\n\n  .rice-ritual {\n\n    padding:\n      50px 20px;\n  }\n\n\n  .ritual-steps {\n\n    gap:\n      15px;\n  }\n\n\n  .rice-final {\n\n    padding:\n      75px 20px;\n  }\n\n}\n\n\n\/* ==========================================\n   REDUCED MOTION\n========================================== *\/\n\n@media(prefers-reduced-motion:reduce) {\n\n  *,\n  *::before,\n  *::after {\n\n    animation-duration:\n      .01ms !important;\n\n    animation-iteration-count:\n      1 !important;\n\n    scroll-behavior:\n      auto !important;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cp\u003e```\u003c\/p\u003e","brand":"Aura Beauty","offers":[{"title":"Default Title","offer_id":45387535515763,"sku":null,"price":140.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0707\/6108\/7091\/files\/rice-hair-soap-hero.png?v=1787390718"},{"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"},{"product_id":"aura-beauty™-7pcs-satin-nighttime-beauty-essentials-set","title":"Aura Beauty™ 7pcs Satin Nighttime Beauty Essentials Set","description":"\u003cstyle\u003e\n\/* =========================================================\n   AURA BEAUTY™ — 7PCS SATIN NIGHTTIME BEAUTY ESSENTIALS\n   Dreamy Luxury Animated Product Section\n   ========================================================= *\/\n\n#aura-satin-dream {\n  --pink: #e89ab2;\n  --pink-dark: #bd637f;\n  --pink-light: #fce8ee;\n  --rose: #a95670;\n  --cream: #fff9f8;\n  --text: #4c3540;\n  --muted: #806873;\n\n  position: relative;\n  overflow: hidden;\n  padding: 80px 20px;\n  color: var(--text);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n\n  background:\n    radial-gradient(circle at 15% 15%, rgba(255,255,255,.95), transparent 25%),\n    radial-gradient(circle at 85% 30%, rgba(235,174,193,.22), transparent 28%),\n    radial-gradient(circle at 50% 100%, rgba(244,210,220,.35), transparent 35%),\n    linear-gradient(145deg, #fffafa 0%, #f9e7eb 50%, #fff7f7 100%);\n}\n\n\/* =========================\n   DREAMY BACKGROUND\n========================= *\/\n\n#aura-satin-dream::before {\n  content: \"\";\n  position: absolute;\n  width: 650px;\n  height: 650px;\n  border-radius: 50%;\n  background: rgba(255,255,255,.45);\n  filter: blur(35px);\n  top: -350px;\n  left: -280px;\n  animation: dreamOrb 9s ease-in-out infinite;\n}\n\n#aura-satin-dream::after {\n  content: \"\";\n  position: absolute;\n  width: 500px;\n  height: 500px;\n  border-radius: 50%;\n  background: rgba(231,151,178,.14);\n  filter: blur(40px);\n  bottom: -250px;\n  right: -200px;\n  animation: dreamOrb 11s ease-in-out infinite reverse;\n}\n\n@keyframes dreamOrb {\n  0%,100% {\n    transform: translate(0,0) scale(1);\n  }\n  50% {\n    transform: translate(30px,25px) scale(1.1);\n  }\n}\n\n\/* =========================\n   STARS\n========================= *\/\n\n.aura-star {\n  position: absolute;\n  z-index: 1;\n  color: #fff;\n  opacity: 0;\n  pointer-events: none;\n  text-shadow:\n    0 0 8px rgba(255,255,255,.95),\n    0 0 20px rgba(226,140,169,.7);\n  animation: twinkle 4s infinite ease-in-out;\n}\n\n.aura-star.s1 {\n  top: 10%;\n  left: 7%;\n  font-size: 18px;\n}\n\n.aura-star.s2 {\n  top: 19%;\n  right: 12%;\n  font-size: 13px;\n  animation-delay: 1s;\n}\n\n.aura-star.s3 {\n  top: 52%;\n  left: 4%;\n  font-size: 12px;\n  animation-delay: 2s;\n}\n\n.aura-star.s4 {\n  bottom: 18%;\n  right: 8%;\n  font-size: 20px;\n  animation-delay: 2.7s;\n}\n\n.aura-star.s5 {\n  top: 70%;\n  left: 18%;\n  font-size: 10px;\n  animation-delay: 3.3s;\n}\n\n.aura-star.s6 {\n  top: 35%;\n  right: 4%;\n  font-size: 11px;\n  animation-delay: 1.8s;\n}\n\n@keyframes twinkle {\n  0%,100% {\n    opacity: 0;\n    transform: scale(.3) rotate(0deg);\n  }\n\n  30% {\n    opacity: 1;\n    transform: scale(1.4) rotate(90deg);\n  }\n\n  60% {\n    opacity: .8;\n    transform: scale(1) rotate(180deg);\n  }\n}\n\n\/* =========================\n   CONTAINER\n========================= *\/\n\n.aura-satin-container {\n  position: relative;\n  z-index: 3;\n  max-width: 1180px;\n  margin: auto;\n}\n\n\/* =========================\n   HERO\n========================= *\/\n\n.aura-satin-hero {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: 65px;\n}\n\n\/* =========================\n   LEFT CONTENT\n========================= *\/\n\n.aura-satin-content {\n  animation: textReveal 1.1s ease both;\n}\n\n@keyframes textReveal {\n  from {\n    opacity: 0;\n    transform: translateX(-45px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.aura-night-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 9px 18px;\n  margin-bottom: 22px;\n\n  border: 1px solid rgba(189,99,127,.16);\n  border-radius: 50px;\n\n  background: rgba(255,255,255,.72);\n  box-shadow: 0 10px 25px rgba(150,70,100,.07);\n\n  color: var(--rose);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n\/* Moon icon *\/\n\n.aura-moon {\n  display: inline-block;\n  font-size: 16px;\n  animation: moonFloat 3s ease-in-out infinite;\n}\n\n@keyframes moonFloat {\n  0%,100% {\n    transform: translateY(0) rotate(-8deg);\n  }\n\n  50% {\n    transform: translateY(-4px) rotate(8deg);\n  }\n}\n\n.aura-satin-title {\n  margin: 0 0 22px;\n  font-size: clamp(42px, 5vw, 70px);\n  line-height: .98;\n  letter-spacing: -2.8px;\n  font-weight: 800;\n}\n\n.aura-satin-title span {\n  display: block;\n\n  background:\n    linear-gradient(\n      90deg,\n      #a95670,\n      #ee9db6,\n      #ffffff,\n      #d57695,\n      #a95670\n    );\n\n  background-size: 300% auto;\n\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  animation: satinShimmer 5s linear infinite;\n}\n\n@keyframes satinShimmer {\n  to {\n    background-position: 300% center;\n  }\n}\n\n.aura-satin-description {\n  max-width: 580px;\n  margin: 0 0 25px;\n\n  color: var(--muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n\/* =========================\n   MINI TRUST LINE\n========================= *\/\n\n.aura-trust {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin: 25px 0;\n}\n\n.aura-trust-item {\n  padding: 9px 13px;\n  border-radius: 30px;\n\n  background: rgba(255,255,255,.7);\n  border: 1px solid rgba(255,255,255,.95);\n\n  color: #765661;\n  font-size: 12px;\n  font-weight: 700;\n\n  transition: all .3s ease;\n}\n\n.aura-trust-item:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 10px 25px rgba(170,75,105,.1);\n}\n\n\/* =========================\n   COLOUR SELECTOR\n========================= *\/\n\n.aura-colour-title {\n  margin: 25px 0 10px;\n\n  font-size: 13px;\n  font-weight: 800;\n  color: var(--text);\n}\n\n.aura-colours {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n}\n\n.aura-colour {\n  position: relative;\n\n  width: 43px;\n  height: 43px;\n\n  border-radius: 50%;\n  border: 3px solid rgba(255,255,255,.9);\n\n  box-shadow:\n    0 5px 14px rgba(80,40,50,.12);\n\n  cursor: pointer;\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n.aura-colour:hover {\n  transform: scale(1.13);\n}\n\n.aura-colour.active {\n  box-shadow:\n    0 0 0 3px var(--pink),\n    0 8px 20px rgba(170,70,100,.25);\n\n  transform: scale(1.08);\n}\n\n.aura-colour-pink {\n  background: linear-gradient(135deg,#f8c0d0,#d97999);\n}\n\n.aura-colour-black {\n  background: linear-gradient(135deg,#383238,#050505);\n}\n\n.aura-colour-beige {\n  background: linear-gradient(135deg,#e8d1bd,#b99a82);\n}\n\n.aura-colour-name {\n  margin-left: 4px;\n  color: #765761;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n\/* =========================\n   CTA\n========================= *\/\n\n.aura-satin-cta {\n  margin-top: 30px;\n}\n\n.aura-satin-button {\n  position: relative;\n  overflow: hidden;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n\n  min-width: 235px;\n\n  padding: 17px 28px;\n\n  border-radius: 50px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #d97896,\n      #b85c79\n    );\n\n  color: #fff !important;\n  text-decoration: none !important;\n\n  font-size: 15px;\n  font-weight: 800;\n\n  box-shadow:\n    0 15px 32px rgba(175,77,105,.28),\n    inset 0 1px rgba(255,255,255,.4);\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease;\n}\n\n.aura-satin-button::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -30%;\n  left: -100px;\n\n  width: 60px;\n  height: 160%;\n\n  background: rgba(255,255,255,.38);\n\n  transform: rotate(25deg);\n\n  transition: left .65s ease;\n}\n\n.aura-satin-button:hover::before {\n  left: 120%;\n}\n\n.aura-satin-button:hover {\n  transform: translateY(-5px) scale(1.03);\n\n  box-shadow:\n    0 22px 42px rgba(175,77,105,.35);\n}\n\n.aura-arrow {\n  font-size: 20px;\n  transition: transform .3s ease;\n}\n\n.aura-satin-button:hover .aura-arrow {\n  transform: translateX(6px);\n}\n\n\/* =========================\n   PRODUCT IMAGE\n========================= *\/\n\n.aura-satin-product {\n  position: relative;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  animation: productEntrance 1.2s ease both;\n}\n\n@keyframes productEntrance {\n  from {\n    opacity: 0;\n    transform: translateX(45px) scale(.9);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0) scale(1);\n  }\n}\n\n\/* Glow behind product *\/\n\n.aura-product-glow {\n  position: absolute;\n\n  width: 82%;\n  height: 82%;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(239,166,190,.48),\n      rgba(255,255,255,.05) 70%\n    );\n\n  filter: blur(20px);\n\n  animation: productGlow 4s ease-in-out infinite;\n}\n\n@keyframes productGlow {\n  0%,100% {\n    transform: scale(.9);\n    opacity: .55;\n  }\n\n  50% {\n    transform: scale(1.1);\n    opacity: .95;\n  }\n}\n\n\/* Image card *\/\n\n.aura-satin-image-card {\n  position: relative;\n  width: 100%;\n  max-width: 570px;\n\n  overflow: hidden;\n\n  border-radius: 35px;\n\n  background: #f1dcd5;\n\n  box-shadow:\n    0 35px 75px rgba(80,40,50,.18),\n    0 8px 20px rgba(80,40,50,.08);\n\n  animation: satinFloat 6s ease-in-out infinite;\n}\n\n@keyframes satinFloat {\n  0%,100% {\n    transform: translateY(0) rotate(0deg);\n  }\n\n  50% {\n    transform: translateY(-13px) rotate(.4deg);\n  }\n}\n\n.aura-satin-image-card img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  transition:\n    transform .8s cubic-bezier(.2,.8,.2,1);\n}\n\n.aura-satin-image-card:hover img {\n  transform: scale(1.035);\n}\n\n\/* =========================\n   FLOATING BADGES\n========================= *\/\n\n.aura-floating-badge {\n  position: absolute;\n  z-index: 5;\n\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 12px 17px;\n\n  border-radius: 50px;\n\n  background: rgba(255,255,255,.9);\n\n  backdrop-filter: blur(12px);\n\n  color: var(--rose);\n\n  font-size: 12px;\n  font-weight: 800;\n\n  box-shadow:\n    0 14px 30px rgba(70,30,45,.13);\n\n  animation: badgeFloat 4s ease-in-out infinite;\n}\n\n.aura-badge-top {\n  top: 7%;\n  left: -25px;\n}\n\n.aura-badge-bottom {\n  bottom: 9%;\n  right: -25px;\n  animation-delay: 1.5s;\n}\n\n@keyframes badgeFloat {\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-9px);\n  }\n}\n\n\/* =========================\n   FEATURES\n========================= *\/\n\n.aura-night-features {\n  margin-top: 90px;\n  text-align: center;\n}\n\n.aura-section-label {\n  display: inline-block;\n\n  margin-bottom: 9px;\n\n  color: var(--rose);\n\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.aura-section-title {\n  margin: 0 0 12px;\n\n  font-size: clamp(30px,4vw,46px);\n  line-height: 1.05;\n\n  color: var(--text);\n}\n\n.aura-section-description {\n  max-width: 650px;\n\n  margin: 0 auto 38px;\n\n  color: var(--muted);\n\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n.aura-feature-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(5,1fr);\n\n  gap: 15px;\n}\n\n.aura-feature-card {\n  padding: 24px 16px;\n\n  border-radius: 23px;\n\n  background: rgba(255,255,255,.72);\n\n  border:\n    1px solid rgba(255,255,255,.95);\n\n  box-shadow:\n    0 12px 30px rgba(90,40,60,.06);\n\n  transition:\n    transform .4s cubic-bezier(.2,.8,.2,1),\n    box-shadow .4s ease;\n}\n\n.aura-feature-card:hover {\n  transform:\n    translateY(-10px)\n    rotate(-1deg);\n\n  box-shadow:\n    0 25px 45px rgba(90,40,60,.13);\n}\n\n.aura-feature-icon {\n  width: 55px;\n  height: 55px;\n\n  margin: 0 auto 14px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 19px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #fde2e9,\n      #f5bdcd\n    );\n\n  font-size: 25px;\n\n  transition:\n    transform .4s ease;\n}\n\n.aura-feature-card:hover\n.aura-feature-icon {\n  transform:\n    rotate(8deg)\n    scale(1.1);\n}\n\n.aura-feature-card h4 {\n  margin: 0 0 7px;\n\n  font-size: 14px;\n\n  color: var(--text);\n}\n\n.aura-feature-card p {\n  margin: 0;\n\n  color: #806872;\n\n  font-size: 12px;\n\n  line-height: 1.55;\n}\n\n\/* =========================\n   BOTTOM MESSAGE\n========================= *\/\n\n.aura-night-message {\n  position: relative;\n\n  margin-top: 55px;\n\n  padding: 38px 25px;\n\n  overflow: hidden;\n\n  border-radius: 30px;\n\n  text-align: center;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.8),\n      rgba(250,224,232,.85)\n    );\n\n  border:\n    1px solid rgba(255,255,255,.95);\n\n  box-shadow:\n    0 15px 35px rgba(90,40,60,.06);\n}\n\n.aura-night-message::before {\n  content: \"✦\";\n\n  position: absolute;\n\n  left: 10%;\n  top: 25%;\n\n  color: white;\n\n  font-size: 25px;\n\n  animation: twinkle 3s infinite;\n}\n\n.aura-night-message strong {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: var(--rose);\n\n  font-size: 25px;\n}\n\n.aura-night-message span {\n  color: #80636c;\n\n  font-size: 14px;\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:900px) {\n\n  #aura-satin-dream {\n    padding: 55px 16px;\n  }\n\n  .aura-satin-hero {\n    grid-template-columns: 1fr;\n    gap: 38px;\n  }\n\n  .aura-satin-product {\n    order: -1;\n  }\n\n  .aura-satin-content {\n    text-align: center;\n  }\n\n  .aura-satin-description {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .aura-trust {\n    justify-content: center;\n  }\n\n  .aura-colours {\n    justify-content: center;\n  }\n\n  .aura-satin-cta {\n    display: flex;\n    justify-content: center;\n  }\n\n  .aura-satin-image-card {\n    max-width: 530px;\n  }\n\n  .aura-badge-top {\n    left: 5px;\n  }\n\n  .aura-badge-bottom {\n    right: 5px;\n  }\n\n  .aura-feature-grid {\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n}\n\n@media(max-width:550px) {\n\n  #aura-satin-dream {\n    padding: 42px 13px;\n  }\n\n  .aura-satin-title {\n    font-size: 42px;\n    letter-spacing: -1.8px;\n  }\n\n  .aura-satin-description {\n    font-size: 15px;\n  }\n\n  .aura-satin-image-card {\n    border-radius: 24px;\n  }\n\n  .aura-floating-badge {\n    padding: 9px 12px;\n    font-size: 10px;\n  }\n\n  .aura-badge-top {\n    top: 4%;\n    left: 3px;\n  }\n\n  .aura-badge-bottom {\n    right: 3px;\n    bottom: 4%;\n  }\n\n  .aura-satin-cta {\n    width: 100%;\n  }\n\n  .aura-satin-button {\n    width: 100%;\n  }\n\n  .aura-feature-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .aura-night-features {\n    margin-top: 60px;\n  }\n\n  .aura-night-message {\n    padding: 30px 18px;\n  }\n\n  .aura-night-message strong {\n    font-size: 21px;\n  }\n}\n\n\/* Accessibility *\/\n\n@media(prefers-reduced-motion:reduce) {\n\n  #aura-satin-dream *,\n  #aura-satin-dream::before,\n  #aura-satin-dream::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection id=\"aura-satin-dream\"\u003e\n\n  \u003c!-- DREAMY STARS --\u003e\n\n  \u003cspan class=\"aura-star s1\"\u003e✦\u003c\/span\u003e\n  \u003cspan class=\"aura-star s2\"\u003e✧\u003c\/span\u003e\n  \u003cspan class=\"aura-star s3\"\u003e✦\u003c\/span\u003e\n  \u003cspan class=\"aura-star s4\"\u003e✧\u003c\/span\u003e\n  \u003cspan class=\"aura-star s5\"\u003e✦\u003c\/span\u003e\n  \u003cspan class=\"aura-star s6\"\u003e✧\u003c\/span\u003e\n\n\n  \u003cdiv class=\"aura-satin-container\"\u003e\n\n    \u003c!-- =========================\n         HERO\n    ========================== --\u003e\n\n    \u003cdiv class=\"aura-satin-hero\"\u003e\n\n\n      \u003c!-- LEFT --\u003e\n\n      \u003cdiv class=\"aura-satin-content\"\u003e\n\n        \u003cdiv class=\"aura-night-label\"\u003e\n          \u003cspan class=\"aura-moon\"\u003e☾\u003c\/span\u003e\n          AURA BEAUTY™ NIGHT RITUAL\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"aura-satin-title\"\u003e\n\n          Sleep Beautiful.\n\n          \u003cspan\u003e\n            Wake Up Glowing. ✨\n          \u003c\/span\u003e\n\n        \u003c\/h2\u003e\n\n\n        \u003cp class=\"aura-satin-description\"\u003e\n\n          Introducing the\n          \u003cstrong\u003e\n            Aura Beauty™ 7pcs Satin Nighttime Beauty Essentials Set\n          \u003c\/strong\u003e.\n\n          Your complete bedtime beauty ritual in one gorgeous set —\n          because great hair and beautiful skin don't stop when you sleep.\n\n        \u003c\/p\u003e\n\n\n        \u003c!-- TRUST PILLS --\u003e\n\n        \u003cdiv class=\"aura-trust\"\u003e\n\n          \u003cdiv class=\"aura-trust-item\"\u003e\n            ✨ Hair Care\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"aura-trust-item\"\u003e\n            🌙 Nighttime Beauty\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"aura-trust-item\"\u003e\n            💗 Satin Comfort\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"aura-trust-item\"\u003e\n            🎁 Gift Ready\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- COLOURS --\u003e\n\n        \u003cdiv class=\"aura-colour-title\"\u003e\n          Choose Your Aura:\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"aura-colours\"\u003e\n\n          \u003cbutton type=\"button\" class=\"aura-colour aura-colour-pink active\" aria-label=\"Pink\" onclick=\"auraSelectColour(this,'Pink')\"\u003e\n          \u003c\/button\u003e\n\n          \u003cbutton type=\"button\" class=\"aura-colour aura-colour-black\" aria-label=\"Black\" onclick=\"auraSelectColour(this,'Black')\"\u003e\n          \u003c\/button\u003e\n\n          \u003cbutton type=\"button\" class=\"aura-colour aura-colour-beige\" aria-label=\"Beige\" onclick=\"auraSelectColour(this,'Beige')\"\u003e\n          \u003c\/button\u003e\n\n          \u003cspan class=\"aura-colour-name\" id=\"auraColourName\"\u003e\n            Pink\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- CTA --\u003e\n\n        \u003cdiv class=\"aura-satin-cta\"\u003e\n\n          \u003ca href=\"#aura-satin-buy\" class=\"aura-satin-button\" onclick=\"\n              document.querySelector('#aura-satin-buy')\n              ?.scrollIntoView({behavior:'smooth'});\n              return false;\n            \"\u003e\n\n            Shop Your Nighttime Set\n\n            \u003cspan class=\"aura-arrow\"\u003e\n              →\n            \u003c\/span\u003e\n\n          \u003c\/a\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- =========================\n           PRODUCT IMAGE\n      ========================== --\u003e\n\n      \u003cdiv class=\"aura-satin-product\"\u003e\n\n        \u003cdiv class=\"aura-product-glow\"\u003e\u003c\/div\u003e\n\n\n        \u003cdiv class=\"aura-satin-image-card\"\u003e\n\n          \u003cdiv class=\"aura-floating-badge aura-badge-top\"\u003e\n            ✨ 7 Beauty Essentials\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"aura-floating-badge aura-badge-bottom\"\u003e\n            ☾ Sleep • Protect • Glow\n          \u003c\/div\u003e\n\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/6108\/7091\/files\/aura-beauty-7pcs-satin-sleep-set.png?v=1787583945\" alt=\"Aura Beauty™ 7pcs Satin Nighttime Beauty Essentials Set\" loading=\"eager\"\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         WHAT'S INCLUDED\n    ========================== --\u003e\n\n    \u003cdiv class=\"aura-night-features\"\u003e\n\n      \u003cspan class=\"aura-section-label\"\u003e\n        Your Complete Nighttime Ritual\n      \u003c\/span\u003e\n\n      \u003ch3 class=\"aura-section-title\"\u003e\n        Everything You Need to Sleep Beautifully\n      \u003c\/h3\u003e\n\n      \u003cp class=\"aura-section-description\"\u003e\n\n        Seven thoughtful essentials designed to make your nighttime\n        routine feel more luxurious, organised and beautiful.\n\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"aura-feature-grid\"\u003e\n\n\n        \u003cdiv class=\"aura-feature-card\"\u003e\n\n          \u003cdiv class=\"aura-feature-icon\"\u003e\n            🛏️\n          \u003c\/div\u003e\n\n          \u003ch4\u003e\n            Satin Pillowcase\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Helps reduce friction against your hair and skin while you sleep.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aura-feature-card\"\u003e\n\n          \u003cdiv class=\"aura-feature-icon\"\u003e\n            🎀\n          \u003c\/div\u003e\n\n          \u003ch4\u003e\n            Shower Cap\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Helps protect your hairstyle between wash days.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aura-feature-card\"\u003e\n\n          \u003cdiv class=\"aura-feature-icon\"\u003e\n            🌙\n          \u003c\/div\u003e\n\n          \u003ch4\u003e\n            Sleep Mask\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Helps block out light for a more relaxing bedtime environment.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aura-feature-card\"\u003e\n\n          \u003cdiv class=\"aura-feature-icon\"\u003e\n            💗\n          \u003c\/div\u003e\n\n          \u003ch4\u003e\n            3 Hair Ties\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Gentle accessories for loose nighttime buns and ponytails.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aura-feature-card\"\u003e\n\n          \u003cdiv class=\"aura-feature-icon\"\u003e\n            👜\n          \u003c\/div\u003e\n\n          \u003ch4\u003e\n            Storage Bag\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Keep your complete beauty set organised and travel-ready.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         BOTTOM MESSAGE\n    ========================== --\u003e\n\n    \u003cdiv class=\"aura-night-message\" id=\"aura-satin-buy\"\u003e\n\n      \u003cstrong\u003e\n        Your Beauty Sleep Just Got an Upgrade. ✨\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Protect your hair. Pamper your skin. Wake up feeling beautiful.\n        With a little Aura Beauty™ magic.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n\nfunction auraSelectColour(element, colour) {\n\n  document\n    .querySelectorAll('#aura-satin-dream .aura-colour')\n    .forEach(function(button) {\n\n      button.classList.remove('active');\n\n    });\n\n  element.classList.add('active');\n\n  var name =\n    document.getElementById('auraColourName');\n\n  if (name) {\n    name.textContent = colour;\n  }\n\n}\n\n\u003c\/script\u003e","brand":"Aura Beauty","offers":[{"title":"Default Title","offer_id":45395296092275,"sku":null,"price":159.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0707\/6108\/7091\/files\/aura-beauty-7pcs-satin-sleep-set.png?v=1787583945"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0707\/6108\/7091\/collections\/aura-beauty-hair-care-collection.png?v=1787585389","url":"https:\/\/aurabeautyhub.co.za\/collections\/hair-care.oembed","provider":"Aura Beauty","version":"1.0","type":"link"}