{"product_id":"beauty-habit™-eclat-brow-precision-trimmer","title":"Beauty Habit™ Éclat Brow Precision Trimmer","description":"\u003c!-- BEAUTY HABIT™ ÉCLAT BROW PRECISION TRIMMER --\u003e\n\u003cdiv class=\"beauty-habit-product\"\u003e\n\n  \u003cstyle\u003e\n    .beauty-habit-product {\n      --rose: #6b243c;\n      --deep-rose: #3a0f20;\n      --champagne: #e7c98f;\n      --gold: #c9a45c;\n      --cream: #fff8ed;\n      --text: #3a2028;\n      font-family: \"Helvetica Neue\", Arial, sans-serif;\n      color: var(--text);\n      max-width: 1100px;\n      margin: 40px auto;\n      overflow: hidden;\n      border-radius: 28px;\n      background: #fffaf5;\n      box-shadow: 0 25px 80px rgba(58, 15, 32, 0.18);\n    }\n\n    .bh-hero {\n      position: relative;\n      padding: 80px 35px;\n      text-align: center;\n      overflow: hidden;\n      background:\n        radial-gradient(circle at 15% 20%, rgba(231,201,143,.22), transparent 30%),\n        radial-gradient(circle at 85% 80%, rgba(255,255,255,.12), transparent 30%),\n        linear-gradient(135deg, #3a0f20 0%, #6b243c 48%, #c9a45c 100%);\n      color: white;\n    }\n\n    .bh-hero:before {\n      content: \"\";\n      position: absolute;\n      width: 500px;\n      height: 500px;\n      border-radius: 50%;\n      background: rgba(255,255,255,.05);\n      top: -250px;\n      right: -150px;\n      animation: float 8s ease-in-out infinite;\n    }\n\n    .bh-hero:after {\n      content: \"\";\n      position: absolute;\n      width: 300px;\n      height: 300px;\n      border-radius: 50%;\n      background: rgba(231,201,143,.08);\n      bottom: -180px;\n      left: -100px;\n      animation: float 10s ease-in-out infinite reverse;\n    }\n\n    .bh-eyebrow {\n      position: relative;\n      z-index: 2;\n      display: inline-block;\n      padding: 8px 18px;\n      margin-bottom: 20px;\n      border: 1px solid rgba(231,201,143,.55);\n      border-radius: 50px;\n      color: #f7dfad;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      animation: fadeDown .8s ease forwards;\n    }\n\n    .bh-title {\n      position: relative;\n      z-index: 2;\n      margin: 0 auto 18px;\n      max-width: 850px;\n      font-size: clamp(34px, 6vw, 68px);\n      line-height: 1.05;\n      font-weight: 700;\n      letter-spacing: -2px;\n      background: linear-gradient(90deg, #fff, #f7dfad, #fff);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-size: 200% auto;\n      animation: shine 5s linear infinite, fadeUp 1s ease forwards;\n    }\n\n    .bh-subtitle {\n      position: relative;\n      z-index: 2;\n      max-width: 650px;\n      margin: 0 auto;\n      color: rgba(255,255,255,.88);\n      font-size: 18px;\n      line-height: 1.7;\n      animation: fadeUp 1.2s ease forwards;\n    }\n\n    .bh-content {\n      padding: 60px 35px;\n    }\n\n    .bh-intro {\n      max-width: 800px;\n      margin: 0 auto 55px;\n      text-align: center;\n    }\n\n    .bh-intro h2 {\n      margin: 0 0 18px;\n      font-size: clamp(27px, 4vw, 42px);\n      color: var(--deep-rose);\n      letter-spacing: -1px;\n    }\n\n    .bh-intro p {\n      margin: 0;\n      color: #765963;\n      font-size: 17px;\n      line-height: 1.8;\n    }\n\n    .bh-highlight {\n      margin: 35px 0;\n      padding: 35px;\n      border-radius: 24px;\n      text-align: center;\n      background:\n        linear-gradient(135deg, rgba(107,36,60,.97), rgba(58,15,32,.98));\n      color: white;\n      box-shadow: 0 20px 50px rgba(58,15,32,.2);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .bh-highlight:before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 70%;\n      height: 100%;\n      background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(255,255,255,.1),\n        transparent\n      );\n      animation: sweep 5s infinite;\n    }\n\n    .bh-highlight h3 {\n      position: relative;\n      margin: 0 0 12px;\n      color: #f3dca7;\n      font-size: 25px;\n    }\n\n    .bh-highlight p {\n      position: relative;\n      margin: 0 auto;\n      max-width: 700px;\n      line-height: 1.7;\n      color: rgba(255,255,255,.82);\n    }\n\n    .bh-features {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-top: 45px;\n    }\n\n    .bh-card {\n      padding: 30px;\n      border-radius: 22px;\n      background: rgba(255,255,255,.75);\n      border: 1px solid rgba(201,164,92,.25);\n      box-shadow: 0 12px 35px rgba(58,15,32,.07);\n      transition: all .4s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .bh-card:before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 3px;\n      background: linear-gradient(90deg, #6b243c, #e7c98f);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform .4s ease;\n    }\n\n    .bh-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 45px rgba(58,15,32,.14);\n    }\n\n    .bh-card:hover:before {\n      transform: scaleX(1);\n    }\n\n    .bh-icon {\n      width: 52px;\n      height: 52px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 18px;\n      border-radius: 16px;\n      background: linear-gradient(135deg, #6b243c, #c9a45c);\n      color: white;\n      font-size: 23px;\n      box-shadow: 0 8px 20px rgba(107,36,60,.2);\n    }\n\n    .bh-card h4 {\n      margin: 0 0 10px;\n      color: var(--deep-rose);\n      font-size: 20px;\n    }\n\n    .bh-card p {\n      margin: 0;\n      color: #765963;\n      line-height: 1.7;\n      font-size: 15px;\n    }\n\n    .bh-ritual {\n      margin-top: 60px;\n      padding: 55px 35px;\n      border-radius: 25px;\n      text-align: center;\n      background: linear-gradient(\n        135deg,\n        #fff8ed,\n        #f8e9dc\n      );\n      border: 1px solid rgba(201,164,92,.25);\n    }\n\n    .bh-ritual h2 {\n      margin: 0 0 15px;\n      color: var(--deep-rose);\n      font-size: 32px;\n    }\n\n    .bh-ritual p {\n      max-width: 700px;\n      margin: auto;\n      color: #765963;\n      line-height: 1.8;\n      font-size: 16px;\n    }\n\n    .bh-quote {\n      margin-top: 30px;\n      font-size: 24px;\n      font-weight: 600;\n      font-style: italic;\n      color: var(--rose);\n    }\n\n    .bh-footer {\n      padding: 40px 25px;\n      text-align: center;\n      background: linear-gradient(135deg, #3a0f20, #6b243c);\n      color: white;\n    }\n\n    .bh-footer strong {\n      display: block;\n      margin-bottom: 8px;\n      color: #f3dca7;\n      font-size: 20px;\n      letter-spacing: 1px;\n    }\n\n    .bh-footer span {\n      color: rgba(255,255,255,.75);\n      font-size: 14px;\n    }\n\n    @keyframes fadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(25px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fadeDown {\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    @keyframes sweep {\n      0% { left: -100%; }\n      35% { left: 130%; }\n      100% { left: 130%; }\n    }\n\n    @keyframes float {\n      0%, 100% {\n        transform: translateY(0) scale(1);\n      }\n      50% {\n        transform: translateY(-25px) scale(1.05);\n      }\n    }\n\n    @media (max-width: 700px) {\n      .bh-hero {\n        padding: 60px 22px;\n      }\n\n      .bh-content {\n        padding: 45px 20px;\n      }\n\n      .bh-features {\n        grid-template-columns: 1fr;\n      }\n\n      .bh-card {\n        padding: 25px;\n      }\n\n      .bh-highlight {\n        padding: 30px 22px;\n      }\n    }\n  \u003c\/style\u003e\n\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"bh-hero\"\u003e\n\n    \u003cdiv class=\"bh-eyebrow\"\u003e\n      Beauty Habit™ Éclat Collection\n    \u003c\/div\u003e\n\n    \u003ch1 class=\"bh-title\"\u003e\n      Your Brows.\u003cbr\u003e\n      Perfected.\n    \u003c\/h1\u003e\n\n    \u003cp class=\"bh-subtitle\"\u003e\n      Effortless precision. Beautifully defined. Meet the sleek rose-gold\n      brow essential designed to make your beauty ritual feel a little more luxurious.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- MAIN CONTENT --\u003e\n  \u003csection class=\"bh-content\"\u003e\n\n    \u003cdiv class=\"bh-intro\"\u003e\n\n      \u003ch2\u003e\n        Meet Your New Brow Essential ✨\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Meet the \u003cstrong\u003eBeauty Habit™ Éclat Brow Precision Trimmer\u003c\/strong\u003e —\n        the sleek, sophisticated beauty tool that's about to become the\n        most-reached-for essential in your routine.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- HIGHLIGHT --\u003e\n    \u003cdiv class=\"bh-highlight\"\u003e\n\n      \u003ch3\u003e\n        Precision Without The Pain ✨\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Forget painful threading, messy waxing, or expensive salon visits.\n        The Éclat Brow Precision Trimmer is designed to gently glide over the\n        skin, helping you achieve beautifully defined brows without the pulling\n        and discomfort of traditional hair-removal methods.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FEATURES --\u003e\n    \u003cdiv class=\"bh-features\"\u003e\n\n      \u003cdiv class=\"bh-card\"\u003e\n\n        \u003cdiv class=\"bh-icon\"\u003e\n          ✨\n        \u003c\/div\u003e\n\n        \u003ch4\u003e\n          Effortless Precision\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Designed for delicate brow areas, the precision head helps you\n          clean up unwanted hair and refine your look with ease.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"bh-card\"\u003e\n\n        \u003cdiv class=\"bh-icon\"\u003e\n          🌹\n        \u003c\/div\u003e\n\n        \u003ch4\u003e\n          Beautifully Designed\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          A sleek rose-gold finish gives the Éclat a sophisticated feel\n          that looks just as beautiful on your vanity as it does in your hand.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"bh-card\"\u003e\n\n        \u003cdiv class=\"bh-icon\"\u003e\n          ⚡\n        \u003c\/div\u003e\n\n        \u003ch4\u003e\n          USB Rechargeable\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Convenient USB charging means you can keep your brow routine ready\n          whenever you need it — at home or while you're on the move.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"bh-card\"\u003e\n\n        \u003cdiv class=\"bh-icon\"\u003e\n          🤫\n        \u003c\/div\u003e\n\n        \u003ch4\u003e\n          Whisper-Quiet\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Enjoy a discreet grooming experience with a quiet design made\n          for effortless beauty without unnecessary noise.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- RITUAL SECTION --\u003e\n    \u003cdiv class=\"bh-ritual\"\u003e\n\n      \u003ch2\u003e\n        More Than A Trimmer.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        The Éclat is more than just another beauty tool. It's the little\n        moment you take for yourself. A few minutes to refine, refresh,\n        and feel your best — whenever you want.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"bh-quote\"\u003e\n        \"This isn't just a trimmer. It's a ritual.\"\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FOOTER --\u003e\n  \u003cdiv class=\"bh-footer\"\u003e\n\n    \u003cstrong\u003e\n      Real Care. Real You. 💛\n    \u003c\/strong\u003e\n\n    \u003cspan\u003e\n      Beauty Habit™ — Your beauty. Your ritual. Your habit.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Beauty Habit","offers":[{"title":"Default Title","offer_id":43019423744071,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0693\/6222\/1127\/files\/beauty-habit-brow-trimmer-with-box.png?v=1785351855","url":"https:\/\/beautyhabit.co.za\/products\/beauty-habit%e2%84%a2-eclat-brow-precision-trimmer","provider":"Beauty Habit","version":"1.0","type":"link"}