{"product_id":"elora-co™-flawless-brow-precision-brow-body-trimmer","title":"Elora Co™ Flawless Brow (Precision Brow \u0026 Body Trimmer)","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700;800\u0026family=Playfair+Display:ital,wght@0,600;1,600\u0026display=swap');\n\n.elora-pro{\n  --rose:#d99599;\n  --rose-light:#f4d1cf;\n  --rose-dark:#914e57;\n  --gold:#bd8a45;\n  --dark:#24191b;\n  --muted:#75686a;\n  --cream:#fffaf8;\n  font-family:\"DM Sans\",sans-serif;\n  color:var(--dark);\n  background:var(--cream);\n  overflow:hidden;\n}\n\n.elora-pro *{\n  box-sizing:border-box;\n}\n\n.elora-wrap{\n  width:calc(100% - 28px);\n  max-width:1100px;\n  margin:auto;\n}\n\n\n\/* =========================================\n   TOP BAR\n========================================= *\/\n\n.elora-topbar{\n  padding:9px 10px;\n  text-align:center;\n  color:#fff;\n  background:linear-gradient(\n    90deg,\n    #82434c,\n    #d18a90,\n    #82434c\n  );\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:.12em;\n}\n\n\n\/* =========================================\n   HERO\n========================================= *\/\n\n.elora-hero{\n  position:relative;\n  padding:58px 0 65px;\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(217,149,153,.20),\n      transparent 45%\n    ),\n    linear-gradient(\n      180deg,\n      #fffaf8 0%,\n      #fff5f2 100%\n    );\n}\n\n.elora-hero:before{\n  content:\"\";\n  position:absolute;\n  width:280px;\n  height:280px;\n  top:-130px;\n  right:-100px;\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(189,138,69,.12),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n.elora-hero:after{\n  content:\"\";\n  position:absolute;\n  width:220px;\n  height:220px;\n  bottom:-120px;\n  left:-100px;\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(217,149,153,.14),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n.elora-hero .elora-wrap{\n  position:relative;\n  z-index:2;\n}\n\n.elora-hero-copy{\n  width:100%;\n  max-width:680px;\n  margin:0 auto;\n  text-align:center;\n\n  animation:\n    eloraHeroIn .8s\n    cubic-bezier(.2,.8,.2,1)\n    both;\n}\n\n\n\/* =========================================\n   HERO PILL\n========================================= *\/\n\n.elora-pill{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n\n  padding:7px 12px;\n\n  border-radius:50px;\n\n  background:#fff;\n\n  border:1px solid\n    rgba(145,78,87,.17);\n\n  color:var(--rose-dark);\n\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:.13em;\n\n  animation:\n    eloraFadeUp .7s .1s both;\n}\n\n.elora-pill i{\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  background:var(--rose);\n}\n\n\n\/* =========================================\n   HERO TITLE\n========================================= *\/\n\n.elora-title{\n  margin:17px 0 13px;\n\n  font-family:\"Playfair Display\",serif;\n\n  font-size:48px;\n  line-height:.96;\n\n  letter-spacing:-.045em;\n\n  animation:\n    eloraFadeUp .7s .18s both;\n}\n\n.elora-title em{\n  color:var(--rose-dark);\n}\n\n\n\/* =========================================\n   RATING\n========================================= *\/\n\n.elora-rating{\n  margin-bottom:14px;\n\n  color:#c18a4b;\n\n  font-size:13px;\n  letter-spacing:2px;\n\n  animation:\n    eloraFadeUp .7s .26s both;\n}\n\n.elora-rating span{\n  color:var(--muted);\n\n  font-size:10px;\n  letter-spacing:0;\n}\n\n\n\/* =========================================\n   HERO DESCRIPTION\n========================================= *\/\n\n.elora-description{\n  max-width:500px;\n\n  margin:0 auto 20px;\n\n  color:var(--muted);\n\n  font-size:14px;\n  line-height:1.6;\n\n  animation:\n    eloraFadeUp .7s .34s both;\n}\n\n\n\/* =========================================\n   MAIN CTA\n========================================= *\/\n\n.elora-main-button{\n  position:relative;\n  overflow:hidden;\n\n  width:100%;\n  min-height:55px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50px;\n\n  color:#fff;\n\n  text-decoration:none;\n\n  background:\n    linear-gradient(\n      135deg,\n      #914e57,\n      #d89196\n    );\n\n  font-size:14px;\n  font-weight:800;\n\n  box-shadow:\n    0 14px 30px\n    rgba(145,78,87,.27);\n\n  animation:\n    eloraFadeUp .7s .42s both;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.elora-main-button:before{\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:-120%;\n\n  width:80%;\n  height:100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.4),\n      transparent\n    );\n\n  transform:skewX(-20deg);\n\n  transition:left .7s ease;\n}\n\n.elora-main-button:hover{\n  transform:translateY(-3px);\n\n  box-shadow:\n    0 18px 38px\n    rgba(145,78,87,.32);\n}\n\n.elora-main-button:hover:before{\n  left:140%;\n}\n\n\n\/* =========================================\n   MINI BENEFITS\n========================================= *\/\n\n.elora-mini-benefits{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  flex-wrap:wrap;\n\n  gap:8px 18px;\n\n  margin-top:22px;\n\n  color:var(--muted);\n\n  font-size:9px;\n  font-weight:700;\n\n  animation:\n    eloraFadeUp .7s .5s both;\n}\n\n.elora-mini-benefits div{\n  display:flex;\n  align-items:center;\n  gap:5px;\n}\n\n.elora-mini-benefits span{\n  color:var(--gold);\n  font-size:12px;\n}\n\n\n\/* =========================================\n   SECTION HEADINGS\n========================================= *\/\n\n.elora-section-head{\n  text-align:center;\n  margin-bottom:27px;\n}\n\n.elora-section-head small{\n  color:#dfa9ad;\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.17em;\n}\n\n.elora-section-head h2{\n  margin:9px 0 8px;\n\n  font-family:\"Playfair Display\",serif;\n\n  font-size:34px;\n  line-height:1.03;\n}\n\n.elora-section-head p{\n  max-width:450px;\n\n  margin:auto;\n\n  color:var(--muted);\n\n  font-size:12px;\n  line-height:1.55;\n}\n\n\n\/* =========================================\n   BENEFITS\n========================================= *\/\n\n.elora-benefits{\n  padding:55px 0;\n\n  color:#fff;\n\n  background:\n    radial-gradient(\n      circle at 10% 0%,\n      rgba(216,145,150,.15),\n      transparent 30%\n    ),\n    #24191b;\n}\n\n.elora-benefits .elora-section-head p{\n  color:#c4b5b7;\n}\n\n.elora-benefit-grid{\n  display:grid;\n\n  grid-template-columns:1fr 1fr;\n\n  gap:9px;\n}\n\n.elora-benefit{\n  overflow:hidden;\n\n  border-radius:17px;\n\n  border:1px solid\n    rgba(255,255,255,.1);\n\n  background:\n    rgba(255,255,255,.045);\n\n  transition:.35s;\n}\n\n.elora-benefit button{\n  width:100%;\n  min-height:120px;\n\n  padding:17px 10px;\n\n  border:0;\n\n  color:#fff;\n\n  background:transparent;\n\n  cursor:pointer;\n}\n\n.elora-benefit-icon{\n  font-size:23px;\n  margin-bottom:7px;\n}\n\n.elora-benefit strong{\n  display:block;\n\n  font-size:12px;\n\n  margin-bottom:4px;\n}\n\n.elora-benefit button span{\n  color:#b9aaad;\n\n  font-size:9px;\n}\n\n.elora-benefit-detail{\n  max-height:0;\n\n  overflow:hidden;\n\n  opacity:0;\n\n  padding:0 14px;\n\n  color:#d8ccce;\n\n  font-size:10px;\n  line-height:1.5;\n\n  transition:.4s;\n}\n\n.elora-benefit.open{\n  border-color:\n    rgba(216,145,150,.35);\n\n  background:\n    rgba(216,145,150,.08);\n}\n\n.elora-benefit.open\n.elora-benefit-detail{\n  max-height:100px;\n\n  padding:0 14px 16px;\n\n  opacity:1;\n}\n\n\n\/* =========================================\n   GROOMING SELECTOR\n========================================= *\/\n\n.elora-grooming{\n  padding:55px 0;\n\n  background:#fff;\n}\n\n.elora-selector-buttons{\n  display:grid;\n\n  grid-template-columns:repeat(2,1fr);\n\n  gap:8px;\n\n  margin-bottom:18px;\n}\n\n.elora-area-button{\n  min-height:48px;\n\n  border:1px solid\n    rgba(145,78,87,.13);\n\n  border-radius:13px;\n\n  background:#fffaf8;\n\n  color:var(--muted);\n\n  font-size:11px;\n  font-weight:700;\n\n  cursor:pointer;\n\n  transition:.3s;\n}\n\n.elora-area-button:hover{\n  transform:translateY(-2px);\n}\n\n.elora-area-button.active{\n  color:#fff;\n\n  border-color:var(--rose-dark);\n\n  background:\n    linear-gradient(\n      135deg,\n      #914e57,\n      #d89196\n    );\n\n  box-shadow:\n    0 8px 20px\n    rgba(145,78,87,.2);\n}\n\n.elora-area-display{\n  min-height:245px;\n\n  padding:28px 20px;\n\n  border-radius:25px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(216,145,150,.25),\n      transparent 55%\n    ),\n    #fff5f2;\n\n  border:1px solid\n    rgba(145,78,87,.08);\n\n  transition:.35s;\n}\n\n.elora-area-icon{\n  font-size:52px;\n\n  margin:8px 0 10px;\n\n  color:var(--rose-dark);\n\n  animation:\n    areaFloat 3s ease-in-out infinite;\n}\n\n.elora-area-display h3{\n  margin:0 0 7px;\n\n  font-family:\"Playfair Display\",serif;\n\n  font-size:25px;\n}\n\n.elora-area-display p{\n  max-width:400px;\n\n  margin:auto;\n\n  color:var(--muted);\n\n  font-size:11px;\n  line-height:1.55;\n}\n\n.elora-area-badge{\n  display:inline-block;\n\n  margin-top:15px;\n\n  padding:6px 10px;\n\n  border-radius:50px;\n\n  color:var(--rose-dark);\n\n  background:#fff;\n\n  font-size:9px;\n  font-weight:800;\n}\n\n\n\/* =========================================\n   HOW IT WORKS\n========================================= *\/\n\n.elora-how{\n  padding:55px 0;\n\n  background:#fffaf8;\n}\n\n.elora-steps{\n  display:grid;\n\n  gap:10px;\n}\n\n.elora-step{\n  display:flex;\n\n  align-items:center;\n\n  gap:15px;\n\n  padding:18px;\n\n  border-radius:18px;\n\n  background:#fff;\n\n  border:1px solid\n    rgba(36,25,27,.07);\n\n  box-shadow:\n    0 10px 30px\n    rgba(60,30,35,.04);\n\n  transition:.35s;\n\n  cursor:pointer;\n}\n\n.elora-step:hover{\n  transform:translateY(-2px);\n}\n\n.elora-step.active{\n  border-color:\n    rgba(145,78,87,.25);\n\n  transform:translateX(4px);\n\n  box-shadow:\n    0 15px 35px\n    rgba(100,45,55,.1);\n}\n\n.elora-step-number{\n  width:43px;\n  height:43px;\n\n  flex:none;\n\n  display:grid;\n  place-items:center;\n\n  border-radius:50%;\n\n  color:#fff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #914e57,\n      #d89196\n    );\n\n  font-size:13px;\n  font-weight:800;\n}\n\n.elora-step h3{\n  margin:0 0 4px;\n\n  font-family:\"Playfair Display\",serif;\n\n  font-size:19px;\n}\n\n.elora-step p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:10px;\n  line-height:1.5;\n}\n\n\n\/* =========================================\n   FEATURES\n========================================= *\/\n\n.elora-features{\n  padding:55px 0;\n\n  background:#fff;\n}\n\n.elora-feature{\n  display:flex;\n\n  gap:14px;\n\n  align-items:flex-start;\n\n  padding:18px;\n\n  margin-bottom:9px;\n\n  border-radius:17px;\n\n  background:#fff;\n\n  border:1px solid\n    rgba(36,25,27,.07);\n\n  box-shadow:\n    0 10px 30px\n    rgba(60,30,35,.045);\n\n  transition:.3s;\n}\n\n.elora-feature:hover{\n  transform:translateY(-2px);\n\n  box-shadow:\n    0 15px 35px\n    rgba(60,30,35,.08);\n}\n\n.elora-feature-icon{\n  width:39px;\n  height:39px;\n\n  flex:none;\n\n  display:grid;\n  place-items:center;\n\n  border-radius:12px;\n\n  color:#fff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #914e57,\n      #d89196\n    );\n}\n\n.elora-feature h3{\n  margin:0 0 4px;\n\n  font-family:\"Playfair Display\",serif;\n\n  font-size:19px;\n}\n\n.elora-feature p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:10px;\n  line-height:1.5;\n}\n\n\n\/* =========================================\n   FINAL CTA\n========================================= *\/\n\n.elora-final{\n  padding:35px 0 55px;\n\n  background:#fff;\n}\n\n.elora-final-box{\n  position:relative;\n\n  overflow:hidden;\n\n  padding:48px 18px;\n\n  text-align:center;\n\n  color:#fff;\n\n  border-radius:27px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #8d4b55,\n      #d18a90,\n      #98545d\n    );\n\n  box-shadow:\n    0 25px 60px\n    rgba(100,45,55,.2);\n}\n\n.elora-final-box:before{\n  content:\"\";\n\n  position:absolute;\n\n  width:220px;\n  height:220px;\n\n  top:-130px;\n  right:-80px;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.08);\n}\n\n.elora-final-box h2{\n  position:relative;\n\n  margin:0 0 10px;\n\n  font-family:\"Playfair Display\",serif;\n\n  font-size:35px;\n  line-height:1.02;\n}\n\n.elora-final-box p{\n  position:relative;\n\n  max-width:400px;\n\n  margin:0 auto 21px;\n\n  color:\n    rgba(255,255,255,.8);\n\n  font-size:11px;\n  line-height:1.55;\n}\n\n.elora-final-button{\n  position:relative;\n\n  min-height:52px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50px;\n\n  color:var(--rose-dark);\n\n  background:#fff;\n\n  text-decoration:none;\n\n  font-size:13px;\n  font-weight:800;\n\n  transition:.3s;\n}\n\n.elora-final-button:hover{\n  transform:translateY(-3px);\n\n  box-shadow:\n    0 12px 25px\n    rgba(50,20,25,.2);\n}\n\n\n\/* =========================================\n   MOBILE STICKY CTA\n========================================= *\/\n\n.elora-sticky{\n  position:fixed;\n\n  z-index:999;\n\n  left:10px;\n  right:10px;\n  bottom:10px;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  padding:8px;\n\n  border-radius:18px;\n\n  background:\n    rgba(36,25,27,.94);\n\n  backdrop-filter:blur(16px);\n\n  box-shadow:\n    0 15px 40px\n    rgba(0,0,0,.22);\n\n  transform:translateY(120%);\n\n  transition:.4s;\n}\n\n.elora-sticky.visible{\n  transform:translateY(0);\n}\n\n.elora-sticky-text{\n  flex:1;\n\n  padding-left:7px;\n\n  color:#fff;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n.elora-sticky-text span{\n  display:block;\n\n  margin-top:2px;\n\n  color:#c8b7b9;\n\n  font-size:8px;\n  font-weight:400;\n}\n\n.elora-sticky a{\n  padding:13px 17px;\n\n  border-radius:50px;\n\n  color:#fff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #914e57,\n      #d89196\n    );\n\n  text-decoration:none;\n\n  font-size:10px;\n  font-weight:800;\n\n  white-space:nowrap;\n}\n\n\n\/* =========================================\n   ANIMATIONS\n========================================= *\/\n\n@keyframes eloraFadeUp{\n\n  from{\n    opacity:0;\n    transform:translateY(18px);\n  }\n\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n\n}\n\n@keyframes eloraHeroIn{\n\n  from{\n    opacity:0;\n  }\n\n  to{\n    opacity:1;\n  }\n\n}\n\n@keyframes areaFloat{\n\n  0%,100%{\n    transform:translateY(0);\n  }\n\n  50%{\n    transform:translateY(-5px);\n  }\n\n}\n\n\n\/* =========================================\n   DESKTOP\n========================================= *\/\n\n@media(min-width:700px){\n\n  .elora-wrap{\n    width:min(\n      1100px,\n      calc(100% - 40px)\n    );\n  }\n\n  .elora-hero{\n    padding:90px 0 100px;\n  }\n\n  .elora-hero-copy{\n    max-width:760px;\n  }\n\n  .elora-title{\n    font-size:72px;\n  }\n\n  .elora-description{\n    font-size:15px;\n  }\n\n  .elora-main-button{\n    width:auto;\n\n    display:inline-flex;\n\n    padding:0 32px;\n  }\n\n  .elora-mini-benefits{\n    margin-top:25px;\n  }\n\n  .elora-benefit-grid{\n    grid-template-columns:\n      repeat(4,1fr);\n  }\n\n  .elora-selector{\n    display:grid;\n\n    grid-template-columns:260px 1fr;\n\n    gap:18px;\n  }\n\n  .elora-selector-buttons{\n    grid-template-columns:1fr;\n\n    margin:0;\n  }\n\n  .elora-steps{\n    grid-template-columns:\n      repeat(3,1fr);\n  }\n\n  .elora-step{\n    display:block;\n\n    text-align:center;\n  }\n\n  .elora-step-number{\n    margin:0 auto 14px;\n  }\n\n  .elora-sticky{\n    display:none;\n  }\n\n}\n\n\n\/* =========================================\n   VERY SMALL PHONES\n========================================= *\/\n\n@media(max-width:360px){\n\n  .elora-title{\n    font-size:42px;\n  }\n\n  .elora-mini-benefits{\n    gap:7px 12px;\n  }\n\n  .elora-mini-benefits div{\n    font-size:8px;\n  }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"elora-pro\"\u003e\u003c!-- =====================================\n     TOP BAR\n===================================== --\u003e\n\u003cdiv class=\"elora-topbar\"\u003e✦ YOUR NEW EVERYDAY BEAUTY ESSENTIAL ✦\u003c\/div\u003e\n\u003c!-- =====================================\n     HERO\n===================================== --\u003e\n\u003csection class=\"elora-hero\"\u003e\n\u003cdiv class=\"elora-wrap\"\u003e\n\u003cdiv class=\"elora-hero-copy\"\u003e\n\u003cdiv class=\"elora-pill\"\u003e\n\u003ci\u003e\u003c\/i\u003e ELORA CO™ BEAUTY\u003c\/div\u003e\n\u003ch1 class=\"elora-title\"\u003eLook polished.\u003cbr\u003eFeel \u003cem\u003eflawless.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"elora-rating\"\u003e★★★★★ \u003cspan\u003e Your everyday beauty essential.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"elora-description\"\u003eMeet the \u003cstrong\u003eFlawless Brow\u003c\/strong\u003e — a sleek rose-gold precision trimmer designed to make everyday grooming quick, simple and convenient.\u003c\/p\u003e\n\u003ca href=\"#shop\" class=\"elora-main-button\"\u003e Get My Flawless Brow  → \u003c\/a\u003e\n\u003cdiv class=\"elora-mini-benefits\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003e✦\u003c\/span\u003e Precision grooming\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Easy everyday use\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e⌁\u003c\/span\u003e Travel friendly\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n     BENEFITS\n===================================== --\u003e\n\u003csection class=\"elora-benefits\"\u003e\n\u003cdiv class=\"elora-wrap\"\u003e\n\u003cdiv class=\"elora-section-head\"\u003e\n\u003csmall\u003eWHY YOU'LL LOVE IT\u003c\/small\u003e\n\u003ch2\u003eBeauty that fits\u003cbr\u003eyour lifestyle.\u003c\/h2\u003e\n\u003cp\u003eTap each benefit to discover how it can simplify your everyday grooming routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elora-benefit-grid\"\u003e\n\u003cdiv class=\"elora-benefit\"\u003e\n\u003cdiv class=\"elora-benefit-icon\"\u003e⏱\u003c\/div\u003e\n\u003cbutton\u003e\u003cstrong\u003e Save Time \u003c\/strong\u003e \u003cspan\u003e Tap to discover → \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"elora-benefit-detail\"\u003eQuick touch-ups without adding another complicated step to your routine.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elora-benefit\"\u003e\n\u003cdiv class=\"elora-benefit-icon\"\u003e♡\u003c\/div\u003e\n\u003cbutton\u003e\u003cstrong\u003e Feel Confident \u003c\/strong\u003e \u003cspan\u003e Tap to discover → \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"elora-benefit-detail\"\u003eKeep your everyday grooming looking polished so you can feel ready for your day.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elora-benefit\"\u003e\n\u003cdiv class=\"elora-benefit-icon\"\u003e👜\u003c\/div\u003e\n\u003cbutton\u003e\u003cstrong\u003e Travel Friendly \u003c\/strong\u003e \u003cspan\u003e Tap to discover → \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"elora-benefit-detail\"\u003eThe slim design makes it convenient to carry in your handbag or travel pouch.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elora-benefit\"\u003e\n\u003cdiv class=\"elora-benefit-icon\"\u003e✦\u003c\/div\u003e\n\u003cbutton\u003e\u003cstrong\u003e Versatile \u003c\/strong\u003e \u003cspan\u003e Tap to discover → \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"elora-benefit-detail\"\u003eDesigned for brows and multiple everyday grooming areas in one compact tool.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n     GROOMING AREA SELECTOR\n===================================== --\u003e\n\u003csection class=\"elora-grooming\"\u003e\n\u003cdiv class=\"elora-wrap\"\u003e\n\u003cdiv class=\"elora-section-head\"\u003e\n\u003csmall\u003e ONE TOOL. MULTIPLE USES. \u003c\/small\u003e\n\u003ch2\u003eWhere will you\u003cbr\u003euse yours?\u003c\/h2\u003e\n\u003cp\u003eTap an area to explore how Flawless Brow fits into your routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elora-selector\"\u003e\n\u003cdiv class=\"elora-selector-buttons\"\u003e\n\u003cbutton class=\"elora-area-button active\"\u003e Brows \u003c\/button\u003e \u003cbutton class=\"elora-area-button\"\u003e Upper Lip \u003c\/button\u003e \u003cbutton class=\"elora-area-button\"\u003e Chin \u003c\/button\u003e \u003cbutton class=\"elora-area-button\"\u003e Underarms \u003c\/button\u003e \u003cbutton class=\"elora-area-button\"\u003e Arms \u003c\/button\u003e \u003cbutton class=\"elora-area-button\"\u003e Legs \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elora-area-display\"\u003e\n\u003cdiv class=\"elora-area-icon\" id=\"areaIcon\"\u003e✦\u003c\/div\u003e\n\u003ch3 id=\"areaTitle\"\u003eBrows\u003c\/h3\u003e\n\u003cp id=\"areaText\"\u003eShape and maintain your brows with convenient precision grooming.\u003c\/p\u003e\n\u003cdiv class=\"elora-area-badge\" id=\"areaBadge\"\u003ePrecision grooming\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n     HOW IT WORKS\n===================================== --\u003e\n\u003csection class=\"elora-how\"\u003e\n\u003cdiv class=\"elora-wrap\"\u003e\n\u003cdiv class=\"elora-section-head\"\u003e\n\u003csmall\u003e HOW IT WORKS \u003c\/small\u003e\n\u003ch2\u003eThree simple steps\u003cbr\u003eto polished.\u003c\/h2\u003e\n\u003cp\u003eChoose your area, gently glide and go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elora-steps\"\u003e\n\u003cdiv class=\"elora-step active\"\u003e\n\u003cdiv class=\"elora-step-number\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eChoose\u003c\/h3\u003e\n\u003cp\u003eSelect the area you want to groom.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elora-step\"\u003e\n\u003cdiv class=\"elora-step-number\"\u003e02\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eGlide\u003c\/h3\u003e\n\u003cp\u003eSwitch it on and gently guide the trimmer across the area.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elora-step\"\u003e\n\u003cdiv class=\"elora-step-number\"\u003e03\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eGo\u003c\/h3\u003e\n\u003cp\u003eFinish your touch-up and get on with your day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n     FEATURES\n===================================== --\u003e\n\u003csection class=\"elora-features\"\u003e\n\u003cdiv class=\"elora-wrap\"\u003e\n\u003cdiv class=\"elora-section-head\"\u003e\n\u003csmall\u003e THE DETAILS \u003c\/small\u003e\n\u003ch2\u003eBeautifully simple.\u003c\/h2\u003e\n\u003cp\u003eEverything you need in one compact beauty essential.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elora-feature\"\u003e\n\u003cdiv class=\"elora-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePrecision Grooming\u003c\/h3\u003e\n\u003cp\u003eDesigned for eyebrow shaping and convenient everyday touch-ups.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elora-feature\"\u003e\n\u003cdiv class=\"elora-feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eUSB Rechargeable\u003c\/h3\u003e\n\u003cp\u003eRecharge easily and keep your beauty essential ready when you need it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"elora-feature\"\u003e\n\u003cdiv class=\"elora-feature-icon\"\u003e♡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eCompact Rose-Gold Design\u003c\/h3\u003e\n\u003cp\u003eSlim, lightweight and easy to keep in your handbag or travel pouch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n     FINAL CTA\n===================================== --\u003e\n\u003csection id=\"shop\" class=\"elora-final\"\u003e\n\u003cdiv class=\"elora-wrap\"\u003e\n\u003cdiv class=\"elora-final-box\"\u003e\n\u003ch2\u003eFeel flawless.\u003cbr\u003eAnywhere.\u003c\/h2\u003e\n\u003cp\u003eYour elegant rose-gold beauty essential for quick, convenient grooming.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"elora-final-button\"\u003e Shop Flawless Brow  → \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n     MOBILE STICKY CTA\n===================================== --\u003e\n\u003cdiv class=\"elora-sticky\" id=\"eloraSticky\"\u003e\n\u003cdiv class=\"elora-sticky-text\"\u003eFlawless Brow \u003cspan\u003e Your everyday beauty essential \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca href=\"#\"\u003e SHOP NOW → \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================\n     INTERACTIVE JAVASCRIPT\n===================================== --\u003e \u003cscript\u003e\n\n\/* ---------------------------------------\n   EXPANDABLE BENEFIT CARDS\n--------------------------------------- *\/\n\nfunction toggleBenefit(button){\n\n  const card =\n    button.parentElement;\n\n  document\n    .querySelectorAll(\".elora-benefit\")\n    .forEach(function(item){\n\n      if(item !== card){\n\n        item.classList.remove(\"open\");\n\n      }\n\n    });\n\n  card.classList.toggle(\"open\");\n\n}\n\n\n\/* ---------------------------------------\n   GROOMING AREA SELECTOR\n--------------------------------------- *\/\n\nfunction selectArea(\n  button,\n  title,\n  description,\n  badge\n){\n\n  document\n    .querySelectorAll(\".elora-area-button\")\n    .forEach(function(btn){\n\n      btn.classList.remove(\"active\");\n\n    });\n\n  button.classList.add(\"active\");\n\n\n  const titleElement =\n    document.getElementById(\"areaTitle\");\n\n  const textElement =\n    document.getElementById(\"areaText\");\n\n  const badgeElement =\n    document.getElementById(\"areaBadge\");\n\n  const iconElement =\n    document.getElementById(\"areaIcon\");\n\n\n  titleElement.textContent =\n    title;\n\n  textElement.textContent =\n    description;\n\n  badgeElement.textContent =\n    badge;\n\n\n  const icons = {\n\n    \"Brows\":\"✦\",\n\n    \"Upper Lip\":\"♡\",\n\n    \"Chin\":\"◈\",\n\n    \"Underarms\":\"✧\",\n\n    \"Arms\":\"○\",\n\n    \"Legs\":\"◇\"\n\n  };\n\n\n  iconElement.textContent =\n    icons[title] || \"✦\";\n\n\n  \/* Restart animation *\/\n\n  iconElement.style.animation =\n    \"none\";\n\n  void iconElement.offsetWidth;\n\n  iconElement.style.animation =\n    \"areaFloat 3s ease-in-out infinite\";\n\n}\n\n\n\/* ---------------------------------------\n   HOW IT WORKS\n--------------------------------------- *\/\n\nfunction activateStep(step){\n\n  document\n    .querySelectorAll(\".elora-step\")\n    .forEach(function(item){\n\n      item.classList.remove(\"active\");\n\n    });\n\n  step.classList.add(\"active\");\n\n}\n\n\n\/* ---------------------------------------\n   MOBILE STICKY CTA\n--------------------------------------- *\/\n\nwindow.addEventListener(\n  \"scroll\",\n  function(){\n\n    const sticky =\n      document.getElementById(\n        \"eloraSticky\"\n      );\n\n    if(window.scrollY \u003e 500){\n\n      sticky.classList.add(\n        \"visible\"\n      );\n\n    }else{\n\n      sticky.classList.remove(\n        \"visible\"\n      );\n\n    }\n\n  }\n);\n\n\u003c\/script\u003e\u003c\/section\u003e","brand":"Elora Co","offers":[{"title":"Default Title","offer_id":62441345122674,"sku":null,"price":599.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/0483\/9282\/files\/elora-co-eyebrow-trimmer-clean-minimal_94a8c77f-75c8-4950-b844-d593700b54d3.png?v=1791032713","url":"https:\/\/eloraco.co.za\/products\/elora-co%e2%84%a2-flawless-brow-precision-brow-body-trimmer","provider":"Elora Co","version":"1.0","type":"link"}