{"product_id":"auraflex™-deep-tissue-roller","title":"AuraFlex™ Deep Tissue Roller","description":"\u003csection class=\"auraflex-roller\"\u003e\n\n  \u003c!-- BACKGROUND --\u003e\n  \u003cdiv class=\"afr-glow afr-glow-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"afr-glow afr-glow-2\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"afr-container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"afr-hero\"\u003e\n\n      \u003cdiv class=\"afr-pill\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        AURAFLEX™ RECOVERY SERIES\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        RECOVER\u003cbr\u003e\n        \u003cstrong\u003eDEEPER.\u003c\/strong\u003e\n      \u003c\/h1\u003e\n\n      \u003ch2\u003e\n        Release Tension. Restore Movement.\n        \u003cem\u003eFeel Better.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        The AuraFlex™ Deep Tissue Roller is designed to help\n        target tight muscles, release built-up tension and\n        support recovery — so you can move, train and recover\n        with confidence.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"afr-pills\"\u003e\n\n        \u003cspan\u003eDEEP TISSUE\u003c\/span\u003e\n        \u003cspan\u003eMUSCLE RECOVERY\u003c\/span\u003e\n        \u003cspan\u003ePORTABLE DESIGN\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- INTRO --\u003e\n    \u003cdiv class=\"afr-intro\"\u003e\n\n      \u003cdiv class=\"afr-intro-mark\"\u003e\n        RECOVERY\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Whether you're recovering after training or simply\n        carrying everyday muscle tension, the\n        \u003cstrong\u003eAuraFlex™ Deep Tissue Roller\u003c\/strong\u003e gives you\n        a simple way to target tight areas and incorporate\n        recovery into your routine.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- WHY --\u003e\n    \u003cdiv class=\"afr-heading\"\u003e\n\n      \u003cspan\u003eWHY YOU'LL LOVE IT\u003c\/span\u003e\n\n      \u003ch2\u003e\n        Recovery That\n        \u003ci\u003eWorks With You.\u003c\/i\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Designed to make targeted muscle recovery simple.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- BENEFITS --\u003e\n    \u003cdiv class=\"afr-benefits\"\u003e\n\n      \u003cdiv class=\"afr-benefit\"\u003e\n\n        \u003cdiv class=\"afr-icon\"\u003e\n          ◉\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afr-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          DEEP TISSUE RELIEF\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Firm textured surfaces help target areas of\n          muscle tension and provide a deeper massage\n          experience.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"afr-benefit\"\u003e\n\n        \u003cdiv class=\"afr-icon\"\u003e\n          ✦\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afr-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          TARGETED RECOVERY\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Focus on specific muscle groups and areas\n          that need extra attention after training.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"afr-benefit\"\u003e\n\n        \u003cdiv class=\"afr-icon\"\u003e\n          ↗\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afr-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          SUPPORTS MOBILITY\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Incorporate rolling into your routine to help\n          loosen tight-feeling muscles and prepare your\n          body for movement.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"afr-benefit\"\u003e\n\n        \u003cdiv class=\"afr-icon\"\u003e\n          ∞\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afr-number\"\u003e\n          04\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          TRAIN. RECOVER. REPEAT.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A recovery essential you can use before or\n          after workouts and whenever your body needs\n          a little extra attention.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- TARGET AREAS --\u003e\n    \u003cdiv class=\"afr-heading afr-target-heading\"\u003e\n\n      \u003cspan\u003eTARGET YOUR RECOVERY\u003c\/span\u003e\n\n      \u003ch2\u003e\n        Roll Where\n        \u003ci\u003eYou Need It.\u003c\/i\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Use the roller across multiple areas of the body.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"afr-targets\"\u003e\n\n      \u003cdiv class=\"afr-target\"\u003e\n\n        \u003cdiv class=\"afr-target-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afr-target-icon\"\u003e\n          ●\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          LEGS\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Quads \u0026amp; hamstrings\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"afr-target\"\u003e\n\n        \u003cdiv class=\"afr-target-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afr-target-icon\"\u003e\n          ●\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          GLUTES\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Glute \u0026amp; hip area\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"afr-target\"\u003e\n\n        \u003cdiv class=\"afr-target-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afr-target-icon\"\u003e\n          ●\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          CALVES\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Lower-leg recovery\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"afr-target\"\u003e\n\n        \u003cdiv class=\"afr-target-number\"\u003e\n          04\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afr-target-icon\"\u003e\n          ●\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          BACK\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Upper \u0026amp; lower back\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- HOW TO USE --\u003e\n    \u003cdiv class=\"afr-how\"\u003e\n\n      \u003cdiv class=\"afr-heading\"\u003e\n\n        \u003cspan\u003eMAKE RECOVERY A ROUTINE\u003c\/span\u003e\n\n        \u003ch2\u003e\n          Simple.\n          \u003ci\u003eEffective.\u003c\/i\u003e\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"afr-steps\"\u003e\n\n        \u003cdiv class=\"afr-step\"\u003e\n\n          \u003cdiv class=\"afr-step-number\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003cstrong\u003e\n              FIND THE TIGHT AREA\n            \u003c\/strong\u003e\n\n            \u003cp\u003e\n              Position the roller underneath the muscle\n              area you want to target.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            →\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"afr-step\"\u003e\n\n          \u003cdiv class=\"afr-step-number\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003cstrong\u003e\n              ROLL SLOWLY\n            \u003c\/strong\u003e\n\n            \u003cp\u003e\n              Use controlled movements and allow the\n              textured surface to work across the area.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            →\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"afr-step\"\u003e\n\n          \u003cdiv class=\"afr-step-number\"\u003e\n            03\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003cstrong\u003e\n              BREATHE \u0026amp; RELAX\n            \u003c\/strong\u003e\n\n            \u003cp\u003e\n              Keep your movements controlled and focus\n              on relaxing the area you're working.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            →\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"afr-step\"\u003e\n\n          \u003cdiv class=\"afr-step-number\"\u003e\n            04\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003cstrong\u003e\n              MAKE IT CONSISTENT\n            \u003c\/strong\u003e\n\n            \u003cp\u003e\n              Add rolling to your regular warm-up or\n              recovery routine.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            →\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FEATURES --\u003e\n    \u003cdiv class=\"afr-heading\"\u003e\n\n      \u003cspan\u003eTHE AURAFLEX™ DIFFERENCE\u003c\/span\u003e\n\n      \u003ch2\u003e\n        Recovery\n        \u003ci\u003eMade Simple.\u003c\/i\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"afr-feature-strip\"\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e\n          TEXTURED SURFACE\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Designed for targeted massage.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e\n          FIRM CONSTRUCTION\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Built for consistent pressure.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e\n          EASY TO USE\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Simple addition to your routine.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e\n          PORTABLE\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Take recovery wherever you go.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FINAL CTA --\u003e\n    \u003cdiv class=\"afr-cta\"\u003e\n\n      \u003cdiv class=\"afr-cta-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"afr-cta-label\"\u003e\n        RECOVER • RESET • REPEAT\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        FEEL BETTER.\u003cbr\u003e\n        \u003cspan\u003eMOVE BETTER.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Give your muscles the attention they deserve\n        with the AuraFlex™ Deep Tissue Roller.\n      \u003c\/p\u003e\n\n      \u003ca href=\"#\" class=\"afr-button\"\u003e\n        RECOVER WITH AURAFLEX\n        \u003cb\u003e→\u003c\/b\u003e\n      \u003c\/a\u003e\n\n      \u003cdiv class=\"afr-brand\"\u003e\n        AURAFLEX™\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cstyle\u003e\n\n\/* =========================================================\n   AURAFLEX™ DEEP TISSUE ROLLER\n   PREMIUM RECOVERY AESTHETIC\n========================================================= *\/\n\n.auraflex-roller {\n\n  --sage:#78966C;\n  --sage-dark:#617D57;\n  --sage-light:#AFC5A6;\n\n  --cream:#F7F8F3;\n  --white:#FFFFFF;\n\n  --text:#252A24;\n  --soft:#687267;\n  --muted:#8D968B;\n\n  --border:#DFE5DB;\n\n  position:relative;\n  overflow:hidden;\n\n  padding:90px 20px;\n\n  background:\n    radial-gradient(\n      circle at 0% 0%,\n      rgba(169,193,159,.20),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 100% 55%,\n      rgba(216,224,211,.28),\n      transparent 35%\n    ),\n    linear-gradient(\n      180deg,\n      #F8F9F5,\n      #F3F6F0,\n      #F8F9F5\n    );\n\n  color:var(--text);\n\n  font-family:inherit;\n\n}\n\n.auraflex-roller *,\n.auraflex-roller *::before,\n.auraflex-roller *::after {\n\n  box-sizing:border-box;\n\n}\n\n\n.afr-container {\n\n  position:relative;\n\n  z-index:2;\n\n  width:100%;\n\n  max-width:1150px;\n\n  margin:auto;\n\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.afr-glow {\n\n  position:absolute;\n\n  width:500px;\n\n  height:500px;\n\n  border-radius:50%;\n\n  filter:blur(130px);\n\n  pointer-events:none;\n\n}\n\n.afr-glow-1 {\n\n  left:-250px;\n\n  top:-250px;\n\n  background:#AFC8A4;\n\n  opacity:.17;\n\n}\n\n.afr-glow-2 {\n\n  right:-250px;\n\n  top:45%;\n\n  background:#DCE6D8;\n\n  opacity:.2;\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.afr-hero {\n\n  max-width:850px;\n\n  margin:auto;\n\n  text-align:center;\n\n  animation:\n    afrFade .8s ease both;\n\n}\n\n.afr-pill {\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:9px;\n\n  padding:9px 16px;\n\n  border:1px solid #DCE3D8;\n\n  border-radius:100px;\n\n  background:\n    rgba(255,255,255,.82);\n\n  color:#7D8879;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:2.5px;\n\n  box-shadow:\n    0 8px 25px\n    rgba(50,70,45,.05);\n\n}\n\n.afr-pill span {\n\n  width:7px;\n\n  height:7px;\n\n  border-radius:50%;\n\n  background:var(--sage);\n\n  box-shadow:\n    0 0 12px\n    rgba(120,150,108,.45);\n\n}\n\n.afr-hero h1 {\n\n  margin:30px 0 17px;\n\n  font-size:\n    clamp(55px,8vw,98px);\n\n  line-height:.86;\n\n  letter-spacing:-5px;\n\n  font-weight:950;\n\n  color:var(--text);\n\n}\n\n.afr-hero h1 strong {\n\n  color:var(--sage);\n\n}\n\n.afr-hero h2 {\n\n  margin:0 0 20px;\n\n  color:#596157;\n\n  font-size:\n    clamp(20px,3vw,29px);\n\n  line-height:1.25;\n\n}\n\n.afr-hero h2 em {\n\n  color:var(--sage);\n\n  font-style:normal;\n\n}\n\n.afr-hero p {\n\n  max-width:690px;\n\n  margin:auto;\n\n  color:#747D73;\n\n  font-size:16px;\n\n  line-height:1.8;\n\n}\n\n.afr-pills {\n\n  display:flex;\n\n  justify-content:center;\n\n  flex-wrap:wrap;\n\n  gap:8px;\n\n  margin-top:27px;\n\n}\n\n.afr-pills span {\n\n  padding:9px 14px;\n\n  border:1px solid #DFE5DB;\n\n  border-radius:100px;\n\n  background:#FFFFFF;\n\n  color:#7B8578;\n\n  font-size:7px;\n\n  font-weight:900;\n\n  letter-spacing:1.5px;\n\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.afr-intro {\n\n  position:relative;\n\n  max-width:900px;\n\n  margin:\n    75px auto 110px;\n\n  padding:\n    35px 40px;\n\n  border:\n    1px solid #DEE5DA;\n\n  border-radius:25px;\n\n  background:\n    rgba(255,255,255,.86);\n\n  box-shadow:\n    0 14px 40px\n    rgba(50,65,45,.055);\n\n}\n\n.afr-intro-mark {\n\n  margin-bottom:12px;\n\n  color:var(--sage);\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:3px;\n\n  text-align:center;\n\n}\n\n.afr-intro p {\n\n  max-width:760px;\n\n  margin:auto;\n\n  color:#687267;\n\n  font-size:15px;\n\n  line-height:1.85;\n\n  text-align:center;\n\n}\n\n.afr-intro strong {\n\n  color:#30372E;\n\n}\n\n\n\/* =========================================================\n   HEADINGS\n========================================================= *\/\n\n.afr-heading {\n\n  max-width:760px;\n\n  margin:\n    0 auto 45px;\n\n  text-align:center;\n\n}\n\n.afr-heading \u003e span {\n\n  display:block;\n\n  margin-bottom:13px;\n\n  color:var(--sage);\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:3px;\n\n}\n\n.afr-heading h2 {\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:\n    clamp(40px,6vw,64px);\n\n  line-height:.95;\n\n  letter-spacing:-3px;\n\n  font-weight:900;\n\n}\n\n.afr-heading h2 i {\n\n  display:block;\n\n  color:#8B9589;\n\n  font-style:normal;\n\n}\n\n.afr-heading p {\n\n  margin:16px auto 0;\n\n  color:#818A80;\n\n  font-size:14px;\n\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.afr-benefits {\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap:15px;\n\n  margin-bottom:115px;\n\n}\n\n.afr-benefit {\n\n  position:relative;\n\n  min-height:260px;\n\n  padding:30px;\n\n  overflow:hidden;\n\n  border:1px solid #DEE5DA;\n\n  border-radius:22px;\n\n  background:#FFFFFF;\n\n  box-shadow:\n    0 9px 30px\n    rgba(50,65,45,.045);\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease,\n    border-color .35s ease;\n\n}\n\n.afr-benefit:hover {\n\n  transform:\n    translateY(-6px);\n\n  border-color:#C7D6C1;\n\n  box-shadow:\n    0 18px 42px\n    rgba(50,65,45,.09);\n\n}\n\n.afr-icon {\n\n  display:grid;\n\n  place-items:center;\n\n  width:45px;\n\n  height:45px;\n\n  border:1px solid #D5E0D1;\n\n  border-radius:14px;\n\n  background:#F5F8F3;\n\n  color:var(--sage);\n\n  font-size:18px;\n\n}\n\n.afr-number {\n\n  position:absolute;\n\n  right:25px;\n\n  top:20px;\n\n  color:#E5EAE2;\n\n  font-size:50px;\n\n  font-weight:950;\n\n}\n\n.afr-benefit h3 {\n\n  margin:\n    28px 0 10px;\n\n  color:#30372E;\n\n  font-size:17px;\n\n  letter-spacing:.5px;\n\n}\n\n.afr-benefit p {\n\n  max-width:450px;\n\n  margin:0;\n\n  color:#778075;\n\n  font-size:13px;\n\n  line-height:1.75;\n\n}\n\n\n\/* =========================================================\n   TARGETS\n========================================================= *\/\n\n.afr-target-heading {\n\n  margin-bottom:40px;\n\n}\n\n.afr-targets {\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap:13px;\n\n  margin-bottom:115px;\n\n}\n\n.afr-target {\n\n  position:relative;\n\n  min-height:190px;\n\n  padding:24px 20px;\n\n  border:1px solid #DEE5DA;\n\n  border-radius:20px;\n\n  background:#FFFFFF;\n\n  box-shadow:\n    0 8px 25px\n    rgba(50,65,45,.04);\n\n  transition:.35s ease;\n\n}\n\n.afr-target:hover {\n\n  transform:\n    translateY(-5px);\n\n  border-color:#C8D7C3;\n\n}\n\n.afr-target-number {\n\n  position:absolute;\n\n  top:17px;\n\n  right:18px;\n\n  color:#AAB3A7;\n\n  font-size:8px;\n\n  font-weight:900;\n\n}\n\n.afr-target-icon {\n\n  display:grid;\n\n  place-items:center;\n\n  width:42px;\n\n  height:42px;\n\n  margin-bottom:32px;\n\n  border-radius:13px;\n\n  background:#F4F7F2;\n\n  color:#8AA57D;\n\n  font-size:13px;\n\n}\n\n.afr-target strong {\n\n  display:block;\n\n  color:#30372E;\n\n  font-size:11px;\n\n  letter-spacing:1px;\n\n}\n\n.afr-target p {\n\n  margin:\n    7px 0 0;\n\n  color:#818A80;\n\n  font-size:10px;\n\n}\n\n\n\/* =========================================================\n   HOW TO USE\n========================================================= *\/\n\n.afr-how {\n\n  margin-bottom:115px;\n\n}\n\n.afr-steps {\n\n  max-width:950px;\n\n  margin:auto;\n\n  border-top:\n    1px solid #DEE5DA;\n\n}\n\n.afr-step {\n\n  display:grid;\n\n  grid-template-columns:\n    50px 1fr 25px;\n\n  align-items:center;\n\n  gap:18px;\n\n  padding:25px 5px;\n\n  border-bottom:\n    1px solid #DEE5DA;\n\n  transition:\n    background .3s ease,\n    padding .3s ease;\n\n}\n\n.afr-step:hover {\n\n  padding-left:18px;\n\n  background:\n    rgba(255,255,255,.6);\n\n}\n\n.afr-step-number {\n\n  display:grid;\n\n  place-items:center;\n\n  width:43px;\n\n  height:43px;\n\n  border:\n    1px solid #D0DCCB;\n\n  border-radius:12px;\n\n  background:#FFFFFF;\n\n  color:var(--sage);\n\n  font-size:8px;\n\n  font-weight:900;\n\n}\n\n.afr-step strong {\n\n  display:block;\n\n  color:#30372E;\n\n  font-size:11px;\n\n  letter-spacing:1px;\n\n}\n\n.afr-step p {\n\n  max-width:700px;\n\n  margin:\n    6px 0 0;\n\n  color:#7D867B;\n\n  font-size:11px;\n\n  line-height:1.7;\n\n}\n\n.afr-step \u003e span {\n\n  color:#9AA399;\n\n  transition:.3s ease;\n\n}\n\n.afr-step:hover \u003e span {\n\n  color:var(--sage);\n\n  transform:\n    translateX(5px);\n\n}\n\n\n\/* =========================================================\n   FEATURE STRIP\n========================================================= *\/\n\n.afr-feature-strip {\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  margin-bottom:115px;\n\n  border:\n    1px solid #DEE5DA;\n\n  border-radius:22px;\n\n  overflow:hidden;\n\n  box-shadow:\n    0 8px 28px\n    rgba(50,65,45,.04);\n\n}\n\n.afr-feature-strip \u003e div {\n\n  padding:28px 22px;\n\n  background:#FFFFFF;\n\n  border-right:\n    1px solid #DEE5DA;\n\n}\n\n.afr-feature-strip \u003e div:last-child {\n\n  border-right:0;\n\n}\n\n.afr-feature-strip strong {\n\n  display:block;\n\n  color:#30372E;\n\n  font-size:10px;\n\n  letter-spacing:1px;\n\n}\n\n.afr-feature-strip p {\n\n  margin:\n    8px 0 0;\n\n  color:#818A80;\n\n  font-size:10px;\n\n  line-height:1.6;\n\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.afr-cta {\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:\n    80px 25px;\n\n  border:\n    1px solid #CAD9C4;\n\n  border-radius:30px;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(169,193,159,.25),\n      transparent 65%\n    ),\n\n    #EDF3EA;\n\n  text-align:center;\n\n  box-shadow:\n    0 18px 50px\n    rgba(50,65,45,.07);\n\n}\n\n.afr-cta-inner {\n\n  position:relative;\n\n  z-index:2;\n\n}\n\n.afr-cta-label {\n\n  color:var(--sage);\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:3px;\n\n}\n\n.afr-cta h2 {\n\n  margin:\n    18px 0;\n\n  color:#30372E;\n\n  font-size:\n    clamp(45px,6vw,72px);\n\n  line-height:.9;\n\n  letter-spacing:-4px;\n\n  font-weight:950;\n\n}\n\n.afr-cta h2 span {\n\n  color:var(--sage);\n\n}\n\n.afr-cta p {\n\n  max-width:520px;\n\n  margin:\n    0 auto 28px;\n\n  color:#737D71;\n\n  font-size:14px;\n\n  line-height:1.75;\n\n}\n\n.afr-button {\n\n  display:inline-flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:18px;\n\n  padding:\n    17px 27px;\n\n  border-radius:100px;\n\n  background:var(--sage);\n\n  color:#FFFFFF;\n\n  text-decoration:none;\n\n  font-size:10px;\n\n  font-weight:950;\n\n  letter-spacing:1.5px;\n\n  box-shadow:\n    0 12px 30px\n    rgba(91,121,81,.20);\n\n  transition:.3s ease;\n\n}\n\n.afr-button b {\n\n  font-size:18px;\n\n  transition:.3s ease;\n\n}\n\n.afr-button:hover {\n\n  transform:\n    translateY(-4px);\n\n  background:var(--sage-dark);\n\n  box-shadow:\n    0 17px 40px\n    rgba(91,121,81,.27);\n\n}\n\n.afr-button:hover b {\n\n  transform:\n    translateX(5px);\n\n}\n\n.afr-brand {\n\n  margin-top:30px;\n\n  color:#9AA397;\n\n  font-size:7px;\n\n  font-weight:900;\n\n  letter-spacing:3px;\n\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes afrFade {\n\n  from {\n\n    opacity:0;\n\n    transform:\n      translateY(20px);\n\n  }\n\n  to {\n\n    opacity:1;\n\n    transform:\n      translateY(0);\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px) {\n\n  .auraflex-roller {\n\n    padding:\n      55px 14px;\n\n  }\n\n\n  .afr-hero {\n\n    margin-bottom:55px;\n\n  }\n\n\n  .afr-pill {\n\n    padding:\n      8px 12px;\n\n    font-size:7px;\n\n    letter-spacing:1.5px;\n\n  }\n\n\n  .afr-hero h1 {\n\n    font-size:51px;\n\n    letter-spacing:-3.5px;\n\n  }\n\n\n  .afr-hero h2 {\n\n    font-size:19px;\n\n  }\n\n\n  .afr-hero p {\n\n    font-size:14px;\n\n  }\n\n\n  .afr-intro {\n\n    margin:\n      0 auto 75px;\n\n    padding:\n      25px 20px;\n\n    border-radius:19px;\n\n  }\n\n\n  .afr-intro p {\n\n    font-size:13px;\n\n  }\n\n\n  .afr-heading h2 {\n\n    font-size:37px;\n\n    letter-spacing:-2px;\n\n  }\n\n\n  .afr-benefits {\n\n    grid-template-columns:\n      1fr;\n\n    gap:10px;\n\n    margin-bottom:75px;\n\n  }\n\n\n  .afr-benefit {\n\n    min-height:230px;\n\n    padding:25px;\n\n    border-radius:18px;\n\n  }\n\n\n  .afr-targets {\n\n    grid-template-columns:\n      1fr 1fr;\n\n    gap:10px;\n\n    margin-bottom:75px;\n\n  }\n\n\n  .afr-target {\n\n    min-height:180px;\n\n    border-radius:18px;\n\n  }\n\n\n  .afr-step {\n\n    grid-template-columns:\n      43px 1fr 20px;\n\n    gap:11px;\n\n    padding:\n      22px 2px;\n\n  }\n\n\n  .afr-step strong {\n\n    font-size:9px;\n\n  }\n\n\n  .afr-step p {\n\n    font-size:9px;\n\n  }\n\n\n  .afr-feature-strip {\n\n    grid-template-columns:\n      1fr 1fr;\n\n    margin-bottom:75px;\n\n    border-radius:18px;\n\n  }\n\n\n  .afr-feature-strip \u003e div {\n\n    padding:\n      22px 17px;\n\n    border-right:\n      1px solid #DEE5DA;\n\n    border-bottom:\n      1px solid #DEE5DA;\n\n  }\n\n\n  .afr-feature-strip \u003e div:nth-child(2n) {\n\n    border-right:0;\n\n  }\n\n\n  .afr-feature-strip \u003e div:nth-last-child(-n+2) {\n\n    border-bottom:0;\n\n  }\n\n\n  .afr-cta {\n\n    padding:\n      58px 18px;\n\n    border-radius:24px;\n\n  }\n\n\n  .afr-cta h2 {\n\n    font-size:45px;\n\n    letter-spacing:-3px;\n\n  }\n\n\n  .afr-button {\n\n    width:100%;\n\n    max-width:290px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL PHONES\n========================================================= *\/\n\n@media(max-width:380px) {\n\n  .afr-hero h1 {\n\n    font-size:46px;\n\n  }\n\n\n  .afr-heading h2 {\n\n    font-size:34px;\n\n  }\n\n\n  .afr-targets {\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n}\n\n\u003c\/style\u003e","brand":"AuraFlex","offers":[{"title":"Pink","offer_id":50205807575290,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":50205807608058,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true},{"title":"Purple","offer_id":50205807640826,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":50205807673594,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0854\/2578\/3034\/files\/ChatGPT_Image_Aug_31_2026_10_36_34_PM.png?v=1788208632","url":"https:\/\/auraflex.co.za\/products\/auraflex%e2%84%a2-deep-tissue-roller","provider":"AuraFlex","version":"1.0","type":"link"}