{"product_id":"revero™-dreamcurl","title":"Revero™ DreamCurl","description":"\u003cdiv class=\"dreamcurl-page\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"dc-hero\"\u003e\n    \u003cdiv class=\"dc-hero-glow\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"dc-eyebrow\"\u003e\n      REVERO™ DREAMCURL\n    \u003c\/div\u003e\n\n    \u003ch1\u003e\n      Wake up\u003cbr\u003e\n      \u003cem\u003ewavy.\u003c\/em\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"dc-hero-sub\"\u003e\n      Beautiful waves without the heat, the morning rush,\n      or the endless styling.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"dc-hero-line\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"dc-hero-tag\"\u003e\n      SLEEP IN. WAKE UP STYLED.\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"dc-intro\"\u003e\n\n    \u003cdiv class=\"dc-label\"\u003e\n      YOUR NEW NIGHTTIME ROUTINE\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Your easiest\u003cbr\u003e\n      hair day starts \u003cem\u003etonight.\u003c\/em\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      DreamCurl turns your bedtime routine into effortless styling time.\n      Wrap your hair, get some sleep, and wake up ready to go.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n  \u003csection class=\"dc-benefits\"\u003e\n\n    \u003cdiv class=\"dc-benefit\"\u003e\n      \u003cdiv class=\"dc-benefit-number\"\u003e01\u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003ch3\u003eNo heat required\u003c\/h3\u003e\n        \u003cp\u003e\n          Create soft, beautiful waves without reaching for a curling iron\n          or exposing your hair to styling heat.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dc-benefit\"\u003e\n      \u003cdiv class=\"dc-benefit-number\"\u003e02\u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003ch3\u003eWake up ready\u003c\/h3\u003e\n        \u003cp\u003e\n          Style while you sleep and spend less time creating your look\n          in the morning.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dc-benefit\"\u003e\n      \u003cdiv class=\"dc-benefit-number\"\u003e03\u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003ch3\u003eSoft, effortless waves\u003c\/h3\u003e\n        \u003cp\u003e\n          Designed to create a relaxed, voluminous wave rather than\n          a stiff, over-styled curl.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dc-benefit\"\u003e\n      \u003cdiv class=\"dc-benefit-number\"\u003e04\u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003ch3\u003eMade for longer hair\u003c\/h3\u003e\n        \u003cp\u003e\n          A comfortable styling option for longer, fuller hair that\n          needs a little more room to create beautiful waves.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- THE EXPERIENCE --\u003e\n  \u003csection class=\"dc-experience\"\u003e\n\n    \u003cdiv class=\"dc-experience-inner\"\u003e\n\n      \u003cdiv class=\"dc-label\"\u003e\n        WHY YOU'LL LOVE IT\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Less styling.\u003cbr\u003e\n        More \u003cem\u003esleep.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        No complicated technique. No hot tools heating up your bathroom.\n        Just a simple way to wake up with hair that feels ready for the day.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"dc-feature-row\"\u003e\n\n        \u003cdiv class=\"dc-feature\"\u003e\n          \u003cspan\u003e✦\u003c\/span\u003e\n          \u003cstrong\u003eHEATLESS\u003c\/strong\u003e\n          \u003csmall\u003eStyle without heat\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dc-feature\"\u003e\n          \u003cspan\u003e☾\u003c\/span\u003e\n          \u003cstrong\u003eOVERNIGHT\u003c\/strong\u003e\n          \u003csmall\u003eStyle while you sleep\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dc-feature\"\u003e\n          \u003cspan\u003e♡\u003c\/span\u003e\n          \u003cstrong\u003eSOFT TOUCH\u003c\/strong\u003e\n          \u003csmall\u003eComfortable satin feel\u003c\/small\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- HAIR BENEFITS --\u003e\n  \u003csection class=\"dc-hair\"\u003e\n\n    \u003cdiv class=\"dc-label\"\u003e\n      BETTER FOR YOUR ROUTINE\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Give your hair\u003cbr\u003e\n      a \u003cem\u003ebreak\u003c\/em\u003e from heat.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"dc-hair-intro\"\u003e\n      Frequent heat styling can become a daily habit. DreamCurl gives\n      you another option when you want beautiful movement without\n      turning on the heat.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"dc-hair-grid\"\u003e\n\n      \u003cdiv class=\"dc-hair-card\"\u003e\n        \u003cdiv class=\"dc-hair-icon\"\u003e❄\u003c\/div\u003e\n        \u003ch3\u003eHeatless styling\u003c\/h3\u003e\n        \u003cp\u003e\n          Skip the curling iron when you want a softer approach to\n          creating waves.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dc-hair-card\"\u003e\n        \u003cdiv class=\"dc-hair-icon\"\u003e〰\u003c\/div\u003e\n        \u003ch3\u003eNatural-looking movement\u003c\/h3\u003e\n        \u003cp\u003e\n          Create relaxed waves with an effortless, undone finish.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dc-hair-card\"\u003e\n        \u003cdiv class=\"dc-hair-icon\"\u003e♡\u003c\/div\u003e\n        \u003ch3\u003eGentle satin feel\u003c\/h3\u003e\n        \u003cp\u003e\n          The smooth fabric helps make your nighttime styling routine\n          feel comfortable and luxurious.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dc-hair-card\"\u003e\n        \u003cdiv class=\"dc-hair-icon\"\u003e☾\u003c\/div\u003e\n        \u003ch3\u003eMore time in the morning\u003c\/h3\u003e\n        \u003cp\u003e\n          Let your hair do the work overnight so your mornings can\n          feel a little less rushed.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- HOW IT WORKS --\u003e\n  \u003csection class=\"dc-how\"\u003e\n\n    \u003cdiv class=\"dc-how-header\"\u003e\n\n      \u003cdiv class=\"dc-label\"\u003e\n        THREE SIMPLE STEPS\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Wrap it.\u003cbr\u003e\n        Sleep.\u003cbr\u003e\n        \u003cem\u003eWake up.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dc-steps\"\u003e\n\n      \u003cdiv class=\"dc-step\"\u003e\n\n        \u003cdiv class=\"dc-step-circle\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003ch3\u003eWrap\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Start with slightly damp or dry hair and wrap your sections\n          around the DreamCurl headband.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dc-step\"\u003e\n\n        \u003cdiv class=\"dc-step-circle\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003ch3\u003eSleep\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Secure your hair and let the heatless styling happen while\n          you get your beauty sleep.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dc-step\"\u003e\n\n        \u003cdiv class=\"dc-step-circle\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003ch3\u003eUnwrap\u003c\/h3\u003e\n\n        \u003cp\u003e\n          In the morning, gently release your hair and separate the\n          waves with your fingers.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n  \u003c!-- FINAL --\u003e\n  \u003csection class=\"dc-final\"\u003e\n\n    \u003cdiv class=\"dc-final-line\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"dc-label\"\u003e\n      REVERO™ DREAMCURL\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Good hair\u003cbr\u003e\n      starts \u003cem\u003etonight.\u003c\/em\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      South African Beauty that performs.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n\n\/* =========================================\n   REVERO DREAMCURL\n   PREMIUM PINK BEAUTY DESIGN\n========================================= *\/\n\n.dreamcurl-page {\n\n  --pink: #D98FA8;\n  --pink-light: #F4DDE5;\n  --pink-pale: #FAF2F5;\n  --pink-dark: #9D526F;\n\n  --cream: #FFF9F7;\n  --text: #241C20;\n  --muted: #74696D;\n\n  --gold: #B89A68;\n\n  width: 100%;\n  max-width: 100%;\n\n  margin: 0 auto;\n\n  overflow: hidden;\n\n  background: var(--cream);\n\n  color: var(--text);\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n\n\/* GLOBAL *\/\n\n.dreamcurl-page *,\n.dreamcurl-page *::before,\n.dreamcurl-page *::after {\n  box-sizing: border-box;\n}\n\n.dreamcurl-page h1,\n.dreamcurl-page h2,\n.dreamcurl-page h3,\n.dreamcurl-page p {\n  margin-top: 0;\n}\n\n.dreamcurl-page h1,\n.dreamcurl-page h2,\n.dreamcurl-page h3 {\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-weight: 400;\n\n  letter-spacing: -0.035em;\n}\n\n.dreamcurl-page p {\n  line-height: 1.7;\n}\n\n.dc-label {\n  font-size: 10px;\n\n  letter-spacing: 0.24em;\n\n  font-weight: 700;\n\n  color: var(--pink-dark);\n\n  margin-bottom: 20px;\n}\n\n\n\/* =========================================\n   HERO\n========================================= *\/\n\n.dc-hero {\n\n  position: relative;\n\n  min-height: 610px;\n\n  padding: 90px 8% 85px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 78% 22%,\n      rgba(255,255,255,0.7),\n      transparent 27%\n    ),\n    radial-gradient(\n      circle at 20% 85%,\n      rgba(255,255,255,0.28),\n      transparent 35%\n    ),\n    var(--pink-light);\n\n  color: var(--text);\n}\n\n\n\/* animated glow *\/\n\n.dc-hero-glow {\n\n  position: absolute;\n\n  width: 320px;\n  height: 320px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,255,255,0.34);\n\n  filter: blur(2px);\n\n  right: -90px;\n\n  top: 80px;\n\n  animation:\n    dcFloat 6s ease-in-out infinite;\n\n  pointer-events: none;\n}\n\n\n.dc-eyebrow {\n\n  position: relative;\n\n  z-index: 2;\n\n  font-size: 10px;\n\n  letter-spacing: 0.28em;\n\n  font-weight: 700;\n\n  color: var(--pink-dark);\n\n  margin-bottom: 28px;\n\n  animation:\n    dcFadeUp 0.7s ease both;\n}\n\n\n.dc-hero h1 {\n\n  position: relative;\n\n  z-index: 2;\n\n  font-size:\n    clamp(\n      58px,\n      9vw,\n      108px\n    );\n\n  line-height: 0.88;\n\n  margin-bottom: 30px;\n\n  animation:\n    dcFadeUp 0.8s ease 0.08s both;\n}\n\n\n.dc-hero h1 em,\n.dc-intro h2 em,\n.dc-experience h2 em,\n.dc-hair h2 em,\n.dc-how h2 em,\n.dc-final h2 em {\n\n  font-style: italic;\n\n  color: var(--pink-dark);\n}\n\n\n.dc-hero-sub {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 520px;\n\n  font-size: 18px;\n\n  line-height: 1.6;\n\n  color: #55494E;\n\n  margin-bottom: 35px;\n\n  animation:\n    dcFadeUp 0.8s ease 0.16s both;\n}\n\n\n.dc-hero-line {\n\n  width: 55px;\n\n  height: 1px;\n\n  background: var(--pink-dark);\n\n  margin-bottom: 20px;\n\n  animation:\n    dcExpand 0.8s ease 0.3s both;\n}\n\n\n.dc-hero-tag {\n\n  font-size: 9px;\n\n  letter-spacing: 0.22em;\n\n  font-weight: 700;\n\n  color: var(--pink-dark);\n\n  animation:\n    dcFadeUp 0.8s ease 0.35s both;\n}\n\n\n\/* =========================================\n   INTRO\n========================================= *\/\n\n.dc-intro {\n\n  padding: 90px 8% 75px;\n\n  max-width: 900px;\n}\n\n\n.dc-intro h2 {\n\n  font-size:\n    clamp(\n      44px,\n      6vw,\n      72px\n    );\n\n  line-height: 0.98;\n\n  margin-bottom: 28px;\n\n  opacity: 0;\n\n  animation:\n    dcFadeUp 0.8s ease forwards;\n}\n\n\n.dc-intro p {\n\n  max-width: 610px;\n\n  font-size: 16px;\n\n  color: var(--muted);\n}\n\n\n\/* =========================================\n   BENEFITS\n========================================= *\/\n\n.dc-benefits {\n\n  background: var(--pink-pale);\n\n  padding: 60px 8%;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, 1fr);\n\n  gap: 1px;\n\n  background-color:\n    rgba(157,82,111,0.12);\n}\n\n\n.dc-benefit {\n\n  background: var(--pink-pale);\n\n  padding: 38px 30px;\n\n  display: flex;\n\n  gap: 22px;\n\n  transition:\n    transform 0.3s ease,\n    background 0.3s ease;\n}\n\n\n.dc-benefit:hover {\n\n  transform: translateY(-4px);\n\n  background: #fff;\n}\n\n\n.dc-benefit-number {\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 12px;\n\n  color: var(--pink-dark);\n\n  padding-top: 4px;\n\n  min-width: 28px;\n}\n\n\n.dc-benefit h3 {\n\n  font-size: 26px;\n\n  margin-bottom: 9px;\n}\n\n\n.dc-benefit p {\n\n  font-size: 13px;\n\n  color: var(--muted);\n\n  margin-bottom: 0;\n\n  max-width: 430px;\n}\n\n\n\/* =========================================\n   EXPERIENCE\n========================================= *\/\n\n.dc-experience {\n\n  background: var(--text);\n\n  color: var(--cream);\n\n  padding: 100px 8%;\n\n  position: relative;\n\n  overflow: hidden;\n}\n\n\n.dc-experience::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 420px;\n  height: 420px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(217,143,168,0.08);\n\n  right: -170px;\n\n  top: -160px;\n}\n\n\n.dc-experience-inner {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 900px;\n\n  margin: 0 auto;\n}\n\n\n.dc-experience .dc-label {\n\n  color: var(--pink);\n\n}\n\n\n.dc-experience h2 {\n\n  font-size:\n    clamp(\n      48px,\n      7vw,\n      82px\n    );\n\n  line-height: 0.94;\n\n  margin-bottom: 27px;\n}\n\n\n.dc-experience h2 em {\n\n  color: var(--pink);\n}\n\n\n.dc-experience \u003e div \u003e p {\n\n  max-width: 590px;\n\n  font-size: 15px;\n\n  color: rgba(255,249,247,0.68);\n\n  margin-bottom: 55px;\n}\n\n\n.dc-feature-row {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  gap: 12px;\n}\n\n\n.dc-feature {\n\n  padding: 25px 18px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,0.16);\n\n  display: flex;\n\n  flex-direction: column;\n}\n\n\n.dc-feature span {\n\n  color: var(--pink);\n\n  font-size: 21px;\n\n  margin-bottom: 18px;\n}\n\n\n.dc-feature strong {\n\n  font-size: 9px;\n\n  letter-spacing: 0.18em;\n\n  margin-bottom: 7px;\n}\n\n\n.dc-feature small {\n\n  font-size: 11px;\n\n  color: rgba(255,249,247,0.48);\n}\n\n\n\/* =========================================\n   HAIR BENEFITS\n========================================= *\/\n\n.dc-hair {\n\n  padding: 90px 8%;\n\n  background: var(--cream);\n}\n\n\n.dc-hair h2 {\n\n  font-size:\n    clamp(\n      45px,\n      6vw,\n      70px\n    );\n\n  line-height: 0.97;\n\n  margin-bottom: 25px;\n}\n\n\n.dc-hair-intro {\n\n  max-width: 600px;\n\n  color: var(--muted);\n\n  font-size: 15px;\n\n  margin-bottom: 50px;\n}\n\n\n.dc-hair-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  gap: 12px;\n}\n\n\n.dc-hair-card {\n\n  padding: 30px 22px;\n\n  min-height: 230px;\n\n  background: #fff;\n\n  border:\n    1px solid\n    rgba(157,82,111,0.1);\n\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n\n.dc-hair-card:hover {\n\n  transform: translateY(-5px);\n\n  box-shadow:\n    0 15px 35px\n    rgba(70,40,50,0.08);\n}\n\n\n.dc-hair-icon {\n\n  color: var(--pink-dark);\n\n  font-size: 25px;\n\n  margin-bottom: 22px;\n}\n\n\n.dc-hair-card h3 {\n\n  font-size: 22px;\n\n  line-height: 1.1;\n\n  margin-bottom: 11px;\n}\n\n\n.dc-hair-card p {\n\n  color: var(--muted);\n\n  font-size: 12px;\n\n  margin-bottom: 0;\n}\n\n\n\/* =========================================\n   HOW IT WORKS\n========================================= *\/\n\n.dc-how {\n\n  padding: 95px 8%;\n\n  background: var(--pink-light);\n}\n\n\n.dc-how-header {\n\n  margin-bottom: 55px;\n}\n\n\n.dc-how h2 {\n\n  font-size:\n    clamp(\n      50px,\n      7vw,\n      82px\n    );\n\n  line-height: 0.9;\n}\n\n\n.dc-how h2 em {\n\n  color: var(--pink-dark);\n}\n\n\n.dc-steps {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  gap: 40px;\n}\n\n\n.dc-step {\n\n  border-top:\n    1px solid\n    rgba(157,82,111,0.3);\n\n  padding-top: 24px;\n}\n\n\n.dc-step-circle {\n\n  width: 46px;\n\n  height: 46px;\n\n  border:\n    1px solid\n    var(--pink-dark);\n\n  border-radius: 50%;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  color: var(--pink-dark);\n\n  font-size: 10px;\n\n  letter-spacing: 0.08em;\n\n  margin-bottom: 25px;\n}\n\n\n.dc-step h3 {\n\n  font-size: 30px;\n\n  margin-bottom: 10px;\n}\n\n\n.dc-step p {\n\n  color: var(--muted);\n\n  font-size: 13px;\n\n  max-width: 300px;\n}\n\n\n\n\/* =========================================\n   FINAL\n========================================= *\/\n\n.dc-final {\n\n  background: var(--text);\n\n  color: var(--cream);\n\n  padding: 105px 8%;\n\n  text-align: center;\n}\n\n\n.dc-final-line {\n\n  width: 45px;\n\n  height: 1px;\n\n  background: var(--pink);\n\n  margin:\n    0 auto 30px;\n}\n\n\n.dc-final .dc-label {\n\n  color: var(--pink);\n\n  margin-bottom: 22px;\n}\n\n\n.dc-final h2 {\n\n  font-size:\n    clamp(\n      52px,\n      7vw,\n      88px\n    );\n\n  line-height: 0.92;\n\n  margin-bottom: 30px;\n}\n\n\n.dc-final h2 em {\n\n  color: var(--pink);\n}\n\n\n.dc-final p {\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-style: italic;\n\n  color: var(--pink);\n\n  font-size: 17px;\n}\n\n\n\/* =========================================\n   ANIMATIONS\n========================================= *\/\n\n@keyframes dcFadeUp {\n\n  from {\n\n    opacity: 0;\n\n    transform:\n      translateY(18px);\n\n  }\n\n  to {\n\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n  }\n\n}\n\n\n@keyframes dcExpand {\n\n  from {\n\n    width: 0;\n\n    opacity: 0;\n\n  }\n\n  to {\n\n    width: 55px;\n\n    opacity: 1;\n\n  }\n\n}\n\n\n@keyframes dcFloat {\n\n  0%,\n  100% {\n\n    transform:\n      translateY(0)\n      scale(1);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-18px)\n      scale(1.04);\n\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 800px) {\n\n  .dc-hero {\n\n    min-height: 540px;\n\n    padding:\n      75px 7%\n      65px;\n  }\n\n\n  .dc-hero h1 {\n\n    font-size: 58px;\n\n    line-height: 0.9;\n  }\n\n\n  .dc-hero-sub {\n\n    font-size: 15px;\n\n    max-width: 360px;\n  }\n\n\n  .dc-intro {\n\n    padding:\n      68px 7%\n      55px;\n  }\n\n\n  .dc-intro h2 {\n\n    font-size: 44px;\n  }\n\n\n  .dc-intro p {\n\n    font-size: 14px;\n  }\n\n\n  \/* BENEFITS *\/\n\n  .dc-benefits {\n\n    grid-template-columns: 1fr;\n\n    padding: 45px 7%;\n\n    gap: 1px;\n  }\n\n\n  .dc-benefit {\n\n    padding: 28px 20px;\n\n    gap: 16px;\n  }\n\n\n  .dc-benefit h3 {\n\n    font-size: 23px;\n  }\n\n\n  .dc-benefit p {\n\n    font-size: 12px;\n  }\n\n\n  \/* EXPERIENCE *\/\n\n  .dc-experience {\n\n    padding:\n      75px 7%;\n  }\n\n\n  .dc-experience h2 {\n\n    font-size: 48px;\n  }\n\n\n  .dc-experience \u003e div \u003e p {\n\n    font-size: 13px;\n\n    margin-bottom: 40px;\n  }\n\n\n  .dc-feature-row {\n\n    grid-template-columns: 1fr;\n\n    gap: 0;\n  }\n\n\n  .dc-feature {\n\n    padding:\n      20px 0;\n\n    flex-direction: row;\n\n    align-items: center;\n\n    gap: 14px;\n  }\n\n\n  .dc-feature span {\n\n    margin-bottom: 0;\n\n    width: 22px;\n  }\n\n\n  .dc-feature strong {\n\n    margin-bottom: 0;\n\n    min-width: 85px;\n  }\n\n\n  .dc-feature small {\n\n    font-size: 10px;\n  }\n\n\n  \/* HAIR *\/\n\n  .dc-hair {\n\n    padding:\n      70px 7%;\n  }\n\n\n  .dc-hair h2 {\n\n    font-size: 45px;\n  }\n\n\n  .dc-hair-intro {\n\n    font-size: 13px;\n\n    margin-bottom: 35px;\n  }\n\n\n  .dc-hair-grid {\n\n    grid-template-columns:\n      1fr 1fr;\n\n    gap: 8px;\n  }\n\n\n  .dc-hair-card {\n\n    min-height: 205px;\n\n    padding:\n      22px 17px;\n  }\n\n\n  .dc-hair-icon {\n\n    font-size: 22px;\n\n    margin-bottom: 17px;\n  }\n\n\n  .dc-hair-card h3 {\n\n    font-size: 19px;\n\n    line-height: 1.12;\n  }\n\n\n  .dc-hair-card p {\n\n    font-size: 11px;\n\n    line-height: 1.55;\n  }\n\n\n  \/* HOW *\/\n\n  .dc-how {\n\n    padding:\n      70px 7%;\n  }\n\n\n  .dc-how h2 {\n\n    font-size: 52px;\n  }\n\n\n  .dc-steps {\n\n    grid-template-columns: 1fr;\n\n    gap: 30px;\n  }\n\n\n  .dc-step {\n\n    padding-top: 20px;\n  }\n\n\n  .dc-step h3 {\n\n    font-size: 27px;\n  }\n\n\n  .dc-step p {\n\n    font-size: 12px;\n\n    max-width: 100%;\n  }\n\n\n\n  \/* FINAL *\/\n\n  .dc-final {\n\n    padding:\n      80px 7%;\n  }\n\n\n  .dc-final h2 {\n\n    font-size: 53px;\n  }\n\n}\n\n\n\/* =========================================\n   REDUCED MOTION\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .dreamcurl-page *,\n  .dreamcurl-page *::before,\n  .dreamcurl-page *::after {\n\n    animation-duration: 0.01ms !important;\n\n    animation-iteration-count: 1 !important;\n\n    transition-duration: 0.01ms !important;\n\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Revero","offers":[{"title":"Default Title","offer_id":45751302914134,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0744\/8841\/4294\/files\/revero-dreamcurl-marble-spa.png?v=1789248002","url":"https:\/\/revero.co.za\/products\/revero%e2%84%a2-dreamcurl","provider":"Revero","version":"1.0","type":"link"}