{"product_id":"2-in-1-electric-nail-clipper-buffer","title":"CrownRoots™ 2-in-1 Nail Groomer","description":"\u003cstyle\u003e\n\/* =========================================================\n   CROWNROOTS™ 2-IN-1 NAIL GROOMER\n   PREMIUM ANIMATED PRODUCT DESCRIPTION\n   ========================================================= *\/\n\n.cr-nail-premium {\n  --cr-pink: #d88fa7;\n  --cr-pink-dark: #b96c88;\n  --cr-pink-light: #f9e7ed;\n  --cr-cream: #fffaf7;\n  --cr-white: #ffffff;\n  --cr-gold: #c9a878;\n  --cr-text: #4b3b3b;\n  --cr-muted: #887676;\n  --cr-border: rgba(120, 82, 88, 0.12);\n\n  position: relative;\n  width: 100%;\n  max-width: 1180px;\n  margin: 40px auto;\n  padding: 85px 55px;\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(248, 213, 224, .75),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 90% 80%,\n      rgba(232, 204, 179, .25),\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #fffdfb 0%,\n      #fff8f5 50%,\n      #fdf0f3 100%\n    );\n\n  border-radius: 34px;\n  box-shadow:\n    0 30px 80px rgba(91, 58, 65, .10),\n    inset 0 1px 0 rgba(255,255,255,.9);\n\n  color: var(--cr-text);\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n\n\/* ---------------------------------------------------------\n   DECORATIVE BACKGROUND\n   --------------------------------------------------------- *\/\n\n.cr-nail-premium::before {\n  content: \"\";\n  position: absolute;\n  width: 430px;\n  height: 430px;\n  border-radius: 50%;\n\n  background: rgba(246, 210, 222, .32);\n  filter: blur(75px);\n\n  top: -210px;\n  right: -130px;\n\n  animation: crGlow 7s ease-in-out infinite alternate;\n}\n\n.cr-nail-premium::after {\n  content: \"\";\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n\n  background: rgba(217, 184, 150, .16);\n  filter: blur(65px);\n\n  bottom: -170px;\n  left: -120px;\n\n  animation: crGlow 9s ease-in-out infinite alternate-reverse;\n}\n\n@keyframes crGlow {\n  from {\n    transform: scale(1);\n    opacity: .55;\n  }\n  to {\n    transform: scale(1.18);\n    opacity: .85;\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   FLOATING DECORATIVE SPARKLES\n   --------------------------------------------------------- *\/\n\n.cr-sparkle {\n  position: absolute;\n  color: var(--cr-pink);\n  opacity: .45;\n  font-size: 18px;\n  pointer-events: none;\n}\n\n.cr-sparkle-1 {\n  top: 12%;\n  left: 6%;\n  animation: crFloat 4s ease-in-out infinite;\n}\n\n.cr-sparkle-2 {\n  top: 23%;\n  right: 7%;\n  font-size: 12px;\n  animation: crFloat 5s ease-in-out infinite 1s;\n}\n\n.cr-sparkle-3 {\n  bottom: 18%;\n  right: 10%;\n  font-size: 22px;\n  animation: crFloat 6s ease-in-out infinite 2s;\n}\n\n@keyframes crFloat {\n  0%,100% {\n    transform: translateY(0) rotate(0deg);\n  }\n  50% {\n    transform: translateY(-13px) rotate(8deg);\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   CONTENT WRAPPER\n   --------------------------------------------------------- *\/\n\n.cr-nail-content {\n  position: relative;\n  z-index: 3;\n}\n\n\n\/* ---------------------------------------------------------\n   TOP LABEL\n   --------------------------------------------------------- *\/\n\n.cr-nail-label {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n\n  margin-bottom: 22px;\n\n  color: var(--cr-pink-dark);\n\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n\n  animation: crFadeDown .8s ease forwards;\n}\n\n.cr-nail-label::before,\n.cr-nail-label::after {\n  content: \"\";\n  width: 35px;\n  height: 1px;\n  background: var(--cr-pink);\n  opacity: .45;\n}\n\n\n\/* ---------------------------------------------------------\n   MAIN HEADING\n   --------------------------------------------------------- *\/\n\n.cr-nail-title {\n  margin: 0;\n  text-align: center;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: clamp(42px, 6vw, 72px);\n  line-height: 1;\n  font-weight: 400;\n  letter-spacing: -2.5px;\n\n  color: var(--cr-text);\n\n  animation: crTitleReveal 1s cubic-bezier(.2,.7,.2,1) forwards;\n}\n\n.cr-nail-title span {\n  display: block;\n\n  margin-top: 9px;\n\n  color: var(--cr-pink);\n\n  font-style: italic;\n\n  animation: crPinkReveal 1.3s ease forwards;\n}\n\n\n@keyframes crTitleReveal {\n  from {\n    opacity: 0;\n    transform: translateY(25px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes crPinkReveal {\n  from {\n    opacity: 0;\n    transform: translateY(15px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   INTRODUCTION\n   --------------------------------------------------------- *\/\n\n.cr-nail-intro {\n  max-width: 720px;\n\n  margin: 30px auto 0;\n\n  text-align: center;\n\n  color: var(--cr-muted);\n\n  font-size: 15px;\n  line-height: 1.9;\n\n  animation: crFadeUp 1s ease .25s both;\n}\n\n\n\/* ---------------------------------------------------------\n   PREMIUM DIVIDER\n   --------------------------------------------------------- *\/\n\n.cr-nail-divider {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n\n  margin: 48px auto 42px;\n}\n\n.cr-nail-divider-line {\n  width: 80px;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--cr-pink)\n  );\n}\n\n.cr-nail-divider-line:last-child {\n  background: linear-gradient(\n    90deg,\n    var(--cr-pink),\n    transparent\n  );\n}\n\n.cr-nail-divider-icon {\n  color: var(--cr-gold);\n  font-size: 17px;\n\n  animation: crSpin 8s linear infinite;\n}\n\n@keyframes crSpin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   FEATURE GRID\n   --------------------------------------------------------- *\/\n\n.cr-nail-features {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 18px;\n}\n\n\n\/* ---------------------------------------------------------\n   FEATURE CARD\n   --------------------------------------------------------- *\/\n\n.cr-nail-card {\n  position: relative;\n\n  padding: 30px 28px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.92),\n      rgba(255,249,247,.75)\n    );\n\n  border: 1px solid var(--cr-border);\n  border-radius: 22px;\n\n  box-shadow:\n    0 12px 35px rgba(87, 55, 61, .055);\n\n  overflow: hidden;\n\n  opacity: 0;\n  transform: translateY(30px);\n\n  animation: crCardReveal .8s cubic-bezier(.2,.7,.2,1) forwards;\n}\n\n.cr-nail-card:nth-child(1) {\n  animation-delay: .15s;\n}\n\n.cr-nail-card:nth-child(2) {\n  animation-delay: .3s;\n}\n\n.cr-nail-card:nth-child(3) {\n  animation-delay: .45s;\n}\n\n.cr-nail-card:nth-child(4) {\n  animation-delay: .6s;\n}\n\n\n@keyframes crCardReveal {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n\/* Shimmer *\/\n\n.cr-nail-card::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 150px;\n  height: 150px;\n\n  top: -90px;\n  right: -70px;\n\n  border-radius: 50%;\n\n  background: var(--cr-pink-light);\n\n  transition:\n    transform .5s ease;\n}\n\n.cr-nail-card:hover::before {\n  transform: scale(1.6);\n}\n\n\n\/* Card hover *\/\n\n.cr-nail-card {\n  transition:\n    transform .4s cubic-bezier(.2,.7,.2,1),\n    box-shadow .4s ease,\n    border-color .4s ease;\n}\n\n.cr-nail-card:hover {\n  transform: translateY(-8px);\n\n  border-color: rgba(216,143,167,.35);\n\n  box-shadow:\n    0 24px 55px rgba(87, 55, 61, .11);\n}\n\n\n\/* ---------------------------------------------------------\n   ICON\n   --------------------------------------------------------- *\/\n\n.cr-nail-icon {\n  position: relative;\n  z-index: 2;\n\n  width: 48px;\n  height: 48px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 21px;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #fff,\n      #f9e5eb\n    );\n\n  color: var(--cr-pink);\n\n  font-size: 21px;\n\n  box-shadow:\n    0 8px 20px rgba(216,143,167,.15);\n\n  transition:\n    transform .45s ease;\n}\n\n.cr-nail-card:hover .cr-nail-icon {\n  transform:\n    rotate(-8deg)\n    scale(1.08);\n}\n\n\n\/* ---------------------------------------------------------\n   CARD TEXT\n   --------------------------------------------------------- *\/\n\n.cr-nail-card h3 {\n  position: relative;\n  z-index: 2;\n\n  margin: 0 0 9px;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 21px;\n  font-weight: 400;\n\n  color: var(--cr-text);\n}\n\n.cr-nail-card p {\n  position: relative;\n  z-index: 2;\n\n  margin: 0;\n\n  color: var(--cr-muted);\n\n  font-size: 13px;\n  line-height: 1.75;\n}\n\n\n\/* ---------------------------------------------------------\n   CENTER STATEMENT\n   --------------------------------------------------------- *\/\n\n.cr-nail-statement {\n  position: relative;\n\n  margin: 55px auto 0;\n\n  max-width: 760px;\n\n  padding: 38px 35px;\n\n  text-align: center;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.9),\n      rgba(250,226,234,.72)\n    );\n\n  border: 1px solid rgba(216,143,167,.2);\n\n  border-radius: 26px;\n\n  box-shadow:\n    0 20px 55px rgba(87,55,61,.07);\n}\n\n.cr-nail-statement::before {\n  content: \"♡\";\n\n  position: absolute;\n\n  top: -17px;\n  left: 50%;\n\n  transform: translateX(-50%);\n\n  width: 34px;\n  height: 34px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: var(--cr-white);\n\n  color: var(--cr-pink);\n\n  box-shadow:\n    0 8px 20px rgba(87,55,61,.1);\n}\n\n.cr-nail-statement h2 {\n  margin: 0 0 12px;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: clamp(25px, 4vw, 34px);\n\n  font-weight: 400;\n\n  color: var(--cr-text);\n}\n\n.cr-nail-statement h2 span {\n  color: var(--cr-pink);\n  font-style: italic;\n}\n\n.cr-nail-statement p {\n  max-width: 590px;\n\n  margin: auto;\n\n  color: var(--cr-muted);\n\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n\n\/* ---------------------------------------------------------\n   ROUTINE\n   --------------------------------------------------------- *\/\n\n.cr-nail-routine {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 15px;\n\n  margin: 38px auto 0;\n}\n\n.cr-routine-step {\n  padding: 10px 17px;\n\n  border-radius: 50px;\n\n  background: rgba(255,255,255,.7);\n\n  border: 1px solid rgba(216,143,167,.18);\n\n  color: var(--cr-pink-dark);\n\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 2px;\n\n  transition:\n    transform .3s ease,\n    background .3s ease;\n}\n\n.cr-routine-step:hover {\n  transform: translateY(-4px);\n\n  background: var(--cr-pink-light);\n}\n\n.cr-routine-plus {\n  color: #c7a28d;\n  font-size: 15px;\n}\n\n\n\/* ---------------------------------------------------------\n   FINAL BRAND LINE\n   --------------------------------------------------------- *\/\n\n.cr-nail-final {\n  margin: 30px auto 0;\n\n  text-align: center;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 13px;\n\n  font-style: italic;\n\n  color: #9a8580;\n}\n\n.cr-nail-final strong {\n  color: var(--cr-pink-dark);\n  font-weight: 400;\n}\n\n\n\/* ---------------------------------------------------------\n   ANIMATIONS\n   --------------------------------------------------------- *\/\n\n@keyframes crFadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes crFadeDown {\n  from {\n    opacity: 0;\n    transform: translateY(-15px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   MOBILE\n   --------------------------------------------------------- *\/\n\n@media (max-width: 750px) {\n\n  .cr-nail-premium {\n    margin: 20px auto;\n\n    padding: 60px 20px;\n\n    border-radius: 24px;\n  }\n\n  .cr-nail-title {\n    font-size: 44px;\n    letter-spacing: -1.5px;\n  }\n\n  .cr-nail-intro {\n    font-size: 14px;\n    line-height: 1.8;\n  }\n\n  .cr-nail-features {\n    grid-template-columns: 1fr;\n  }\n\n  .cr-nail-card {\n    padding: 25px 23px;\n  }\n\n  .cr-nail-statement {\n    padding: 35px 22px;\n  }\n\n  .cr-nail-routine {\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .cr-routine-plus {\n    display: none;\n  }\n\n  .cr-nail-divider {\n    margin: 38px auto 30px;\n  }\n\n  .cr-nail-divider-line {\n    width: 45px;\n  }\n\n}\n\n\n\/* ---------------------------------------------------------\n   REDUCED MOTION\n   --------------------------------------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .cr-nail-premium *,\n  .cr-nail-premium::before,\n  .cr-nail-premium::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"cr-nail-premium\"\u003e\n\n  \u003c!-- Decorative elements --\u003e\n  \u003cspan class=\"cr-sparkle cr-sparkle-1\"\u003e✦\u003c\/span\u003e\n  \u003cspan class=\"cr-sparkle cr-sparkle-2\"\u003e✧\u003c\/span\u003e\n  \u003cspan class=\"cr-sparkle cr-sparkle-3\"\u003e✦\u003c\/span\u003e\n\n\n  \u003cdiv class=\"cr-nail-content\"\u003e\n\n    \u003c!-- Label --\u003e\n    \u003cdiv class=\"cr-nail-label\"\u003e\n      CrownRoots™ Beauty Essential\n    \u003c\/div\u003e\n\n\n    \u003c!-- Heading --\u003e\n    \u003ch2 class=\"cr-nail-title\"\u003e\n      Beautifully groomed nails,\n      \u003cspan\u003emade simple.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n\n    \u003c!-- Introduction --\u003e\n    \u003cp class=\"cr-nail-intro\"\u003e\n      Meet your new everyday nail-care essential. The\n      \u003cstrong\u003eCrownRoots™ 2-in-1 Nail Groomer\u003c\/strong\u003e\n      combines trimming and smoothing in one compact tool,\n      making it easy to keep your nails neat and polished-looking\n      from the comfort of home.\n    \u003c\/p\u003e\n\n\n    \u003c!-- Divider --\u003e\n    \u003cdiv class=\"cr-nail-divider\"\u003e\n\n      \u003cspan class=\"cr-nail-divider-line\"\u003e\u003c\/span\u003e\n\n      \u003cspan class=\"cr-nail-divider-icon\"\u003e✦\u003c\/span\u003e\n\n      \u003cspan class=\"cr-nail-divider-line\"\u003e\u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Features --\u003e\n    \u003cdiv class=\"cr-nail-features\"\u003e\n\n\n      \u003c!-- Feature 1 --\u003e\n      \u003cdiv class=\"cr-nail-card\"\u003e\n\n        \u003cdiv class=\"cr-nail-icon\"\u003e\n          ✦\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Trim + Smooth in One Tool\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Take care of excess length and smooth the edges\n          without needing multiple nail-care tools.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- Feature 2 --\u003e\n      \u003cdiv class=\"cr-nail-card\"\u003e\n\n        \u003cdiv class=\"cr-nail-icon\"\u003e\n          ♡\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Neater-Looking Nails\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Help tidy uneven or jagged-looking edges for a\n          cleaner, more polished finish.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- Feature 3 --\u003e\n      \u003cdiv class=\"cr-nail-card\"\u003e\n\n        \u003cdiv class=\"cr-nail-icon\"\u003e\n          ✧\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Perfect for Quick Touch-Ups\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Ideal before a night out, between manicures,\n          before travelling, or whenever your nails need\n          a little refresh.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- Feature 4 --\u003e\n      \u003cdiv class=\"cr-nail-card\"\u003e\n\n        \u003cdiv class=\"cr-nail-icon\"\u003e\n          ♡\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Compact \u0026amp; Easy to Carry\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep it in your beauty bag, bathroom drawer or\n          travel case so your nail-care routine is always\n          close by.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Statement --\u003e\n    \u003cdiv class=\"cr-nail-statement\"\u003e\n\n      \u003ch2\u003e\n        Your nails. Your routine.\n        \u003cspan\u003eYour little moment.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        No complicated manicure kit. No unnecessary fuss.\n        Just a simple two-step routine — trim, smooth,\n        and you're done.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Routine --\u003e\n    \u003cdiv class=\"cr-nail-routine\"\u003e\n\n      \u003cdiv class=\"cr-routine-step\"\u003e\n        TRIM\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-routine-plus\"\u003e\n        +\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-routine-step\"\u003e\n        SMOOTH\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-routine-plus\"\u003e\n        +\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cr-routine-step\"\u003e\n        DONE\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Final line --\u003e\n    \u003cp class=\"cr-nail-final\"\u003e\n      \u003cstrong\u003eCrownRoots™ 2-in-1 Nail Groomer\u003c\/strong\u003e\n      — because the little details matter.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"CrownRoots Beauty","offers":[{"title":"Default Title","offer_id":50520349605965,"sku":"CRB-NAIL-2IN1-WHITE","price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0720\/8501\/2557\/files\/pink-nail-groomer-image-with-corrected-crownroots-logo.png?v=1790775672","url":"https:\/\/crownroots.co.za\/products\/2-in-1-electric-nail-clipper-buffer","provider":"CrownRoots","version":"1.0","type":"link"}