{"product_id":"beauty-habit™-rawedge","title":"Beauty Habit™ RawEdge","description":"\u003c!-- BEAUTY HABIT™ RAWEDGE — PREMIUM DARKEDGE ROLLER PRODUCT DESCRIPTION --\u003e\n\u003cdiv class=\"bh-rawedge\"\u003e\n\n  \u003cstyle\u003e\n    .bh-rawedge {\n      --black: #070707;\n      --dark: #0d0d0d;\n      --dark2: #141414;\n      --gold: #c9a96a;\n      --gold-light: #f0d59a;\n      --white: #f5f5f5;\n      --muted: #a6a6a6;\n      font-family: Arial, Helvetica, sans-serif;\n      background: linear-gradient(145deg, #050505, #101010 50%, #060606);\n      color: var(--white);\n      padding: 0;\n      margin: 0;\n      overflow: hidden;\n      border-radius: 18px;\n      box-shadow: 0 20px 60px rgba(0,0,0,.45);\n    }\n\n    .bh-rawedge * {\n      box-sizing: border-box;\n    }\n\n    .bh-hero {\n      position: relative;\n      padding: 70px 25px;\n      text-align: center;\n      background:\n        radial-gradient(circle at 50% 0%, rgba(201,169,106,.16), transparent 35%),\n        linear-gradient(180deg, #111 0%, #050505 100%);\n      border-bottom: 1px solid rgba(201,169,106,.25);\n    }\n\n    .bh-hero::before {\n      content: \"\";\n      position: absolute;\n      inset: 20px;\n      border: 1px solid rgba(201,169,106,.12);\n      border-radius: 14px;\n      pointer-events: none;\n    }\n\n    .bh-eyebrow {\n      display: inline-block;\n      color: var(--gold-light);\n      font-size: 11px;\n      letter-spacing: 4px;\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 20px;\n      animation: fadeUp .8s ease forwards;\n    }\n\n    .bh-hero h2 {\n      margin: 0 auto 18px;\n      max-width: 850px;\n      font-size: clamp(32px, 6vw, 64px);\n      line-height: 1.05;\n      letter-spacing: -2px;\n      font-weight: 900;\n      text-transform: uppercase;\n      background: linear-gradient(90deg, #fff, #c9a96a, #fff);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-size: 200% auto;\n      animation: shine 5s linear infinite, fadeUp .8s ease forwards;\n    }\n\n    .bh-hero p {\n      max-width: 700px;\n      margin: 0 auto;\n      color: #bdbdbd;\n      font-size: 16px;\n      line-height: 1.8;\n      animation: fadeUp 1s ease forwards;\n    }\n\n    .bh-badge {\n      display: inline-block;\n      margin-top: 30px;\n      padding: 12px 22px;\n      border: 1px solid rgba(201,169,106,.45);\n      border-radius: 50px;\n      color: var(--gold-light);\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      box-shadow: 0 0 25px rgba(201,169,106,.08);\n    }\n\n    .bh-section {\n      padding: 60px 25px;\n      max-width: 1100px;\n      margin: auto;\n    }\n\n    .bh-title {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n\n    .bh-title span {\n      display: block;\n      color: var(--gold);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }\n\n    .bh-title h3 {\n      margin: 0;\n      font-size: clamp(26px, 4vw, 42px);\n      text-transform: uppercase;\n      letter-spacing: -1px;\n      color: #fff;\n    }\n\n    .bh-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 18px;\n    }\n\n    .bh-card {\n      position: relative;\n      background: linear-gradient(145deg, #171717, #0b0b0b);\n      padding: 28px;\n      border-radius: 14px;\n      border: 1px solid rgba(255,255,255,.07);\n      transition: all .35s ease;\n      overflow: hidden;\n    }\n\n    .bh-card::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\n      transition: .5s ease;\n    }\n\n    .bh-card:hover {\n      transform: translateY(-6px);\n      border-color: rgba(201,169,106,.35);\n      box-shadow: 0 15px 40px rgba(0,0,0,.45);\n    }\n\n    .bh-card:hover::before {\n      left: 100%;\n    }\n\n    .bh-icon {\n      font-size: 28px;\n      margin-bottom: 16px;\n      display: block;\n    }\n\n    .bh-card h4 {\n      margin: 0 0 10px;\n      color: var(--gold-light);\n      font-size: 17px;\n      letter-spacing: .3px;\n    }\n\n    .bh-card p {\n      margin: 0;\n      color: #aaa;\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    .bh-dark-section {\n      background: #080808;\n      border-top: 1px solid rgba(255,255,255,.05);\n      border-bottom: 1px solid rgba(255,255,255,.05);\n    }\n\n    .bh-list {\n      max-width: 750px;\n      margin: auto;\n    }\n\n    .bh-list-item {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      padding: 17px 20px;\n      margin-bottom: 10px;\n      background: #111;\n      border: 1px solid rgba(255,255,255,.06);\n      border-radius: 10px;\n      transition: .3s ease;\n    }\n\n    .bh-list-item:hover {\n      transform: translateX(6px);\n      border-color: rgba(201,169,106,.3);\n    }\n\n    .bh-check {\n      color: #d8b978;\n      font-size: 18px;\n      min-width: 24px;\n    }\n\n    .bh-cross {\n      color: #777;\n      font-size: 18px;\n      min-width: 24px;\n    }\n\n    .bh-list-item strong {\n      font-size: 14px;\n      color: #e5e5e5;\n    }\n\n    .bh-use {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 15px;\n    }\n\n    .bh-step {\n      position: relative;\n      text-align: center;\n      padding: 30px 18px;\n      background: linear-gradient(145deg, #151515, #090909);\n      border-radius: 14px;\n      border: 1px solid rgba(201,169,106,.12);\n    }\n\n    .bh-number {\n      width: 45px;\n      height: 45px;\n      margin: 0 auto 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      border: 1px solid var(--gold);\n      color: var(--gold-light);\n      font-weight: 800;\n      font-size: 14px;\n    }\n\n    .bh-step h4 {\n      margin: 0 0 10px;\n      font-size: 15px;\n      color: #fff;\n    }\n\n    .bh-step p {\n      margin: 0;\n      color: #999;\n      font-size: 13px;\n      line-height: 1.6;\n    }\n\n    .bh-final {\n      text-align: center;\n      padding: 75px 25px;\n      background:\n        radial-gradient(circle at center, rgba(201,169,106,.12), transparent 45%),\n        #070707;\n    }\n\n    .bh-final h3 {\n      margin: 0 0 15px;\n      font-size: clamp(28px, 5vw, 48px);\n      text-transform: uppercase;\n      letter-spacing: -1px;\n    }\n\n    .bh-final p {\n      max-width: 600px;\n      margin: auto;\n      color: #aaa;\n      line-height: 1.8;\n      font-size: 15px;\n    }\n\n    .bh-line {\n      width: 70px;\n      height: 2px;\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\n      margin: 25px auto;\n    }\n\n    @keyframes fadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes shine {\n      0% { background-position: 0% center; }\n      100% { background-position: 200% center; }\n    }\n\n    @media (max-width: 750px) {\n      .bh-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .bh-use {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .bh-hero {\n        padding: 55px 20px;\n      }\n\n      .bh-section {\n        padding: 45px 18px;\n      }\n    }\n\n    @media (max-width: 450px) {\n      .bh-use {\n        grid-template-columns: 1fr;\n      }\n\n      .bh-card {\n        padding: 23px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"bh-hero\"\u003e\n    \u003cdiv class=\"bh-eyebrow\"\u003eBeauty Habit™ RawEdge Collection\u003c\/div\u003e\n\n    \u003ch2\u003eGrow Darker.\u003cbr\u003eLook Bolder.\u003cbr\u003eFeel Powerful.\u003c\/h2\u003e\n\n    \u003cp\u003e\n      Meet the \u003cstrong\u003eBeauty Habit™ DarkEdge Roller\u003c\/strong\u003e — a precision grooming tool\n      designed for men who take their beard seriously. Featuring ultra-fine\n      \u003cstrong\u003e0.28mm microneedles\u003c\/strong\u003e, the DarkEdge Roller is designed to complement\n      your grooming routine and help maximise the performance of your favourite beard oils\n      and serums.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"bh-badge\"\u003ePrecision Grooming • Premium Results\u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- WHY IT WORKS --\u003e\n  \u003cdiv class=\"bh-section\"\u003e\n    \u003cdiv class=\"bh-title\"\u003e\n      \u003cspan\u003eEngineered For Your Routine\u003c\/span\u003e\n      \u003ch3\u003eWhy You'll Want It\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bh-grid\"\u003e\n\n      \u003cdiv class=\"bh-card\"\u003e\n        \u003cspan class=\"bh-icon\"\u003e🪡\u003c\/span\u003e\n        \u003ch4\u003e0.28mm Precision Microneedles\u003c\/h4\u003e\n        \u003cp\u003e\n          Fine microneedles designed for controlled, targeted use across the beard area\n          as part of a consistent grooming routine.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bh-card\"\u003e\n        \u003cspan class=\"bh-icon\"\u003e🩸\u003c\/span\u003e\n        \u003ch4\u003eDesigned To Stimulate The Skin\u003c\/h4\u003e\n        \u003cp\u003e\n          The rolling action helps create a stimulating grooming experience while\n          supporting your regular beard-care routine.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bh-card\"\u003e\n        \u003cspan class=\"bh-icon\"\u003e💧\u003c\/span\u003e\n        \u003ch4\u003eEnhance Your Beard Routine\u003c\/h4\u003e\n        \u003cp\u003e\n          Use alongside your preferred beard oil or serum to help your skincare and\n          grooming routine feel more complete.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bh-card\"\u003e\n        \u003cspan class=\"bh-icon\"\u003e⚡\u003c\/span\u003e\n        \u003ch4\u003eQuick \u0026amp; Easy To Use\u003c\/h4\u003e\n        \u003cp\u003e\n          Designed to fit effortlessly into your routine. A few minutes of consistent\n          care can make grooming feel simple and effortless.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bh-card\"\u003e\n        \u003cspan class=\"bh-icon\"\u003e🖤\u003c\/span\u003e\n        \u003ch4\u003eMatte Black. Built To Impress.\u003c\/h4\u003e\n        \u003cp\u003e\n          A sleek, masculine matte-black finish that looks as premium as it feels.\n          Designed for the modern man who values his appearance.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bh-card\"\u003e\n        \u003cspan class=\"bh-icon\"\u003e💪\u003c\/span\u003e\n        \u003ch4\u003eMade For Serious Grooming\u003c\/h4\u003e\n        \u003cp\u003e\n          Whether you're refining your beard routine or looking for a smarter way to\n          care for uneven areas, DarkEdge is built to become part of your daily ritual.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- WHO IS IT FOR --\u003e\n  \u003cdiv class=\"bh-dark-section\"\u003e\n    \u003cdiv class=\"bh-section\"\u003e\n\n      \u003cdiv class=\"bh-title\"\u003e\n        \u003cspan\u003eBuilt For The Ambitious\u003c\/span\u003e\n        \u003ch3\u003eWho Is This For?\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bh-list\"\u003e\n\n        \u003cdiv class=\"bh-list-item\"\u003e\n          \u003cspan class=\"bh-check\"\u003e✓\u003c\/span\u003e\n          \u003cstrong\u003eMen looking to improve the appearance of patchy or uneven beard areas\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bh-list-item\"\u003e\n          \u003cspan class=\"bh-check\"\u003e✓\u003c\/span\u003e\n          \u003cstrong\u003eMen who want their beard to look fuller, darker and more defined\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bh-list-item\"\u003e\n          \u003cspan class=\"bh-check\"\u003e✓\u003c\/span\u003e\n          \u003cstrong\u003eMen who want to upgrade their existing beard-care routine\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bh-list-item\"\u003e\n          \u003cspan class=\"bh-check\"\u003e✓\u003c\/span\u003e\n          \u003cstrong\u003eMen who want a premium grooming tool that looks as good as it performs\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- GOODBYE --\u003e\n  \u003cdiv class=\"bh-section\"\u003e\n\n    \u003cdiv class=\"bh-title\"\u003e\n      \u003cspan\u003eUpgrade Your Grooming Game\u003c\/span\u003e\n      \u003ch3\u003eLeave The Old Routine Behind\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bh-list\"\u003e\n\n      \u003cdiv class=\"bh-list-item\"\u003e\n        \u003cspan class=\"bh-cross\"\u003e×\u003c\/span\u003e\n        \u003cstrong\u003ePatchy-looking and uneven beard areas\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bh-list-item\"\u003e\n        \u003cspan class=\"bh-cross\"\u003e×\u003c\/span\u003e\n        \u003cstrong\u003eA grooming routine that feels incomplete\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bh-list-item\"\u003e\n        \u003cspan class=\"bh-cross\"\u003e×\u003c\/span\u003e\n        \u003cstrong\u003eBeard products that aren't part of a consistent routine\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bh-list-item\"\u003e\n        \u003cspan class=\"bh-cross\"\u003e×\u003c\/span\u003e\n        \u003cstrong\u003eFeeling unsure about your beard's appearance\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- HOW TO USE --\u003e\n  \u003cdiv class=\"bh-dark-section\"\u003e\n    \u003cdiv class=\"bh-section\"\u003e\n\n      \u003cdiv class=\"bh-title\"\u003e\n        \u003cspan\u003eSimple. Controlled. Consistent.\u003c\/span\u003e\n        \u003ch3\u003eHow To Use\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bh-use\"\u003e\n\n        \u003cdiv class=\"bh-step\"\u003e\n          \u003cdiv class=\"bh-number\"\u003e01\u003c\/div\u003e\n          \u003ch4\u003eClean\u003c\/h4\u003e\n          \u003cp\u003eWash and thoroughly dry your beard and skin before use.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bh-step\"\u003e\n          \u003cdiv class=\"bh-number\"\u003e02\u003c\/div\u003e\n          \u003ch4\u003eRoll\u003c\/h4\u003e\n          \u003cp\u003eGently roll the DarkEdge Roller across the beard area in controlled directions.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bh-step\"\u003e\n          \u003cdiv class=\"bh-number\"\u003e03\u003c\/div\u003e\n          \u003ch4\u003eApply\u003c\/h4\u003e\n          \u003cp\u003eFollow your routine with your preferred beard oil or serum.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bh-step\"\u003e\n          \u003cdiv class=\"bh-number\"\u003e04\u003c\/div\u003e\n          \u003ch4\u003eRepeat\u003c\/h4\u003e\n          \u003cp\u003eUse consistently according to the product instructions for your chosen routine.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- FINAL CTA --\u003e\n  \u003cdiv class=\"bh-final\"\u003e\n\n    \u003cdiv class=\"bh-eyebrow\"\u003eBeauty Habit™ RawEdge\u003c\/div\u003e\n\n    \u003ch3\u003eReal Care.\u003cbr\u003eReal You. 🖤\u003c\/h3\u003e\n\n    \u003cdiv class=\"bh-line\"\u003e\u003c\/div\u003e\n\n    \u003cp\u003e\n      Your beard is part of your identity. Make your grooming routine count.\n      Elevate your ritual with the \u003cstrong\u003eBeauty Habit™ DarkEdge Roller\u003c\/strong\u003e —\n      precision grooming designed for the man who refuses to settle for ordinary.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Beauty Habit","offers":[{"title":"Default Title","offer_id":43024072998983,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0693\/6222\/1127\/files\/derma-roller-unboxing.png?v=1785429769","url":"https:\/\/beautyhabit.co.za\/products\/beauty-habit%e2%84%a2-rawedge","provider":"Beauty Habit","version":"1.0","type":"link"}