{"product_id":"yoga-mat","title":"AuraFlex™ Non-Slip Yoga Mat","description":"\u003csection class=\"auraflex-yoga\"\u003e\n\n  \u003c!-- BACKGROUND EFFECTS --\u003e\n  \u003cdiv class=\"afy-glow afy-glow-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"afy-glow afy-glow-2\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"afy-container\"\u003e\n\n    \u003c!-- =====================================================\n         HERO\n    ===================================================== --\u003e\n\n    \u003cdiv class=\"afy-hero\"\u003e\n\n      \u003cdiv class=\"afy-pill\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        AURAFLEX™ MOVEMENT SERIES\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        FIND YOUR\u003cbr\u003e\n        \u003cstrong\u003eFLOW.\u003c\/strong\u003e\n      \u003c\/h1\u003e\n\n      \u003ch2\u003e\n        Move With Comfort.\n        \u003cem\u003eTrain With Control.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        The AuraFlex™ Non-Slip Yoga Mat gives you a comfortable,\n        supportive surface for yoga, Pilates, stretching,\n        mobility and everyday home workouts.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"afy-pills\"\u003e\n        \u003cspan\u003eNON-SLIP SURFACE\u003c\/span\u003e\n        \u003cspan\u003eCOMFORTABLE SUPPORT\u003c\/span\u003e\n        \u003cspan\u003eYOGA \u0026amp; PILATES\u003c\/span\u003e\n        \u003cspan\u003eHOME TRAINING\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         INTRO\n    ===================================================== --\u003e\n\n    \u003cdiv class=\"afy-intro\"\u003e\n\n      \u003cdiv class=\"afy-intro-line\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"afy-intro-label\"\u003e\n        YOUR FOUNDATION FOR MOVEMENT\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        From your first stretch to your final pose,\n        the \u003cstrong\u003eAuraFlex™ Non-Slip Yoga Mat\u003c\/strong\u003e\n        creates a comfortable surface that helps you\n        stay grounded, supported and focused throughout\n        your workout.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         HEADING\n    ===================================================== --\u003e\n\n    \u003cdiv class=\"afy-heading\"\u003e\n\n      \u003cspan\u003eWHY AURAFLEX™ YOGA MAT?\u003c\/span\u003e\n\n      \u003ch2\u003e\n        Move Better.\n        \u003ci\u003eFeel More Grounded.\u003c\/i\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        One mat for the movements that matter.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         BENEFITS\n    ===================================================== --\u003e\n\n    \u003cdiv class=\"afy-benefits\"\u003e\n\n      \u003c!-- 01 --\u003e\n\n      \u003cdiv class=\"afy-benefit\"\u003e\n\n        \u003cdiv class=\"afy-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afy-icon\"\u003e\n          ◉\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          NON-SLIP SURFACE\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Designed to provide a stable surface during\n          movement so you can focus on your workout\n          instead of constantly adjusting your position.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 02 --\u003e\n\n      \u003cdiv class=\"afy-benefit\"\u003e\n\n        \u003cdiv class=\"afy-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afy-icon\"\u003e\n          ✦\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          COMFORTABLE CUSHIONING\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A comfortable training surface helps cushion\n          your body during floor-based exercises,\n          stretches and controlled movements.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 03 --\u003e\n\n      \u003cdiv class=\"afy-benefit\"\u003e\n\n        \u003cdiv class=\"afy-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afy-icon\"\u003e\n          ↗\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          VERSATILE TRAINING\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Perfect for yoga, Pilates, stretching, mobility,\n          core exercises and a variety of home workouts.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 04 --\u003e\n\n      \u003cdiv class=\"afy-benefit\"\u003e\n\n        \u003cdiv class=\"afy-number\"\u003e\n          04\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afy-icon\"\u003e\n          +\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          YOUR PERSONAL SPACE\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Create your own dedicated workout space at home\n          and make movement part of your everyday routine.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         MOVEMENTS\n    ===================================================== --\u003e\n\n    \u003cdiv class=\"afy-heading afy-movement-heading\"\u003e\n\n      \u003cspan\u003eONE MAT • MANY MOVEMENTS\u003c\/span\u003e\n\n      \u003ch2\u003e\n        Built For\n        \u003ci\u003eEvery Kind Of Flow.\u003c\/i\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Take your training beyond traditional yoga.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"afy-movements\"\u003e\n\n      \u003c!-- 01 --\u003e\n\n      \u003cdiv class=\"afy-movement\"\u003e\n\n        \u003cdiv class=\"afy-movement-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afy-movement-icon\"\u003e\n          ◇\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          YOGA\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Create a stable and comfortable foundation\n          for your yoga practice.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 02 --\u003e\n\n      \u003cdiv class=\"afy-movement\"\u003e\n\n        \u003cdiv class=\"afy-movement-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afy-movement-icon\"\u003e\n          ✦\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          PILATES\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Ideal for controlled Pilates movements,\n          floor exercises and core work.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 03 --\u003e\n\n      \u003cdiv class=\"afy-movement\"\u003e\n\n        \u003cdiv class=\"afy-movement-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afy-movement-icon\"\u003e\n          ↗\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          STRETCHING\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Give yourself a comfortable surface for\n          stretching and flexibility work.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 04 --\u003e\n\n      \u003cdiv class=\"afy-movement\"\u003e\n\n        \u003cdiv class=\"afy-movement-number\"\u003e\n          04\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"afy-movement-icon\"\u003e\n          +\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          HOME WORKOUTS\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Use your mat as the foundation for everyday\n          bodyweight and home training sessions.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         FEATURES\n    ===================================================== --\u003e\n\n    \u003cdiv class=\"afy-heading afy-feature-heading\"\u003e\n\n      \u003cspan\u003eTHE AURAFLEX™ DIFFERENCE\u003c\/span\u003e\n\n      \u003ch2\u003e\n        Designed For\n        \u003ci\u003eComfortable Movement.\u003c\/i\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"afy-features\"\u003e\n\n      \u003c!-- FEATURE 1 --\u003e\n\n      \u003cdiv class=\"afy-feature\"\u003e\n\n        \u003cdiv class=\"afy-feature-icon\"\u003e\n          ◉\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          NON-SLIP GRIP\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A grippy surface designed to help you\n          stay grounded throughout your session.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- FEATURE 2 --\u003e\n\n      \u003cdiv class=\"afy-feature\"\u003e\n\n        \u003cdiv class=\"afy-feature-icon\"\u003e\n          ✦\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          COMFORTABLE SURFACE\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Provides a more comfortable surface for\n          floor-based movements and exercises.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- FEATURE 3 --\u003e\n\n      \u003cdiv class=\"afy-feature\"\u003e\n\n        \u003cdiv class=\"afy-feature-icon\"\u003e\n          ↗\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          MULTI-PURPOSE\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Suitable for yoga, Pilates, stretching,\n          mobility and home workouts.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- FEATURE 4 --\u003e\n\n      \u003cdiv class=\"afy-feature\"\u003e\n\n        \u003cdiv class=\"afy-feature-icon\"\u003e\n          +\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          EVERYDAY TRAINING\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A simple training essential you can\n          keep ready for your next session.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         WHY AURAFLEX\n    ===================================================== --\u003e\n\n    \u003cdiv class=\"afy-why\"\u003e\n\n      \u003cdiv class=\"afy-why-content\"\u003e\n\n        \u003cspan\u003e\n          WHY AURAFLEX™\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          Your Space.\u003cbr\u003e\n          \u003cstrong\u003eYour Flow.\u003c\/strong\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Your workout starts with the surface beneath you.\n          AuraFlex™ Non-Slip Yoga Mat gives you a dedicated\n          space to stretch, strengthen, move and reset —\n          wherever you train.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"afy-checks\"\u003e\n\n          \u003cdiv\u003e\n            ✓ NON-SLIP SURFACE\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            ✓ COMFORTABLE SUPPORT\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            ✓ YOGA \u0026amp; PILATES READY\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            ✓ HOME WORKOUT ESSENTIAL\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"afy-circle\"\u003e\n\n        \u003cdiv class=\"afy-circle-ring\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"afy-circle-center\"\u003e\n          MOVE\u003cbr\u003e\n          BREATHE\u003cbr\u003e\n          FLOW\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         FINAL CTA\n    ===================================================== --\u003e\n\n    \u003cdiv class=\"afy-cta\"\u003e\n\n      \u003cdiv class=\"afy-cta-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"afy-cta-label\"\u003e\n        MOVE • BREATHE • FLOW\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        MAKE SPACE\u003cbr\u003e\n        \u003cspan\u003eTO MOVE.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Create your own space for movement with\n        the AuraFlex™ Non-Slip Yoga Mat.\n      \u003c\/p\u003e\n\n      \u003ca href=\"#\" class=\"afy-button\"\u003e\n        GET YOUR YOGA MAT\n        \u003cb\u003e→\u003c\/b\u003e\n      \u003c\/a\u003e\n\n      \u003cdiv class=\"afy-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™ NON-SLIP YOGA MAT\n   SOFT • PREMIUM • MINIMAL\n========================================================= *\/\n\n.auraflex-yoga {\n\n  --green:#78966C;\n  --green-dark:#617D57;\n  --green-light:#AFC5A6;\n\n  --background:#F8F9F5;\n\n  --text:#252A24;\n  --soft:#687267;\n  --muted:#8D968B;\n\n  --border:#DEE5DA;\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:90px 20px;\n\n  background:\n\n    radial-gradient(\n      circle at 0% 0%,\n      rgba(169,193,159,.20),\n      transparent 30%\n    ),\n\n    radial-gradient(\n      circle at 100% 45%,\n      rgba(214,225,209,.30),\n      transparent 35%\n    ),\n\n    linear-gradient(\n      180deg,\n      #F8F9F5 0%,\n      #F3F6F0 50%,\n      #F8F9F5 100%\n    );\n\n  color:var(--text);\n\n  font-family:inherit;\n\n}\n\n\n.auraflex-yoga *,\n.auraflex-yoga *::before,\n.auraflex-yoga *::after {\n\n  box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.afy-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.afy-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\n.afy-glow-1 {\n\n  top:-250px;\n\n  left:-250px;\n\n  background:#AFC8A4;\n\n  opacity:.17;\n\n}\n\n\n.afy-glow-2 {\n\n  right:-250px;\n\n  top:45%;\n\n  background:#DCE6D8;\n\n  opacity:.18;\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.afy-hero {\n\n  max-width:850px;\n\n  margin:auto;\n\n  text-align:center;\n\n  animation:\n    afyFade .8s ease both;\n\n}\n\n\n.afy-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:rgba(255,255,255,.84);\n\n  color:#7D8879;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:2.5px;\n\n}\n\n\n.afy-pill span {\n\n  width:7px;\n\n  height:7px;\n\n  border-radius:50%;\n\n  background:var(--green);\n\n  box-shadow:\n    0 0 12px rgba(120,150,108,.45);\n\n}\n\n\n.afy-hero h1 {\n\n  margin:30px 0 17px;\n\n  font-size:\n    clamp(55px,8vw,98px);\n\n  line-height:.83;\n\n  letter-spacing:-5px;\n\n  font-weight:950;\n\n}\n\n\n.afy-hero h1 strong {\n\n  color:var(--green);\n\n}\n\n\n.afy-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\n.afy-hero h2 em {\n\n  color:var(--green);\n\n  font-style:normal;\n\n}\n\n\n.afy-hero p {\n\n  max-width:700px;\n\n  margin:auto;\n\n  color:#747D73;\n\n  font-size:16px;\n\n  line-height:1.8;\n\n}\n\n\n.afy-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\n.afy-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.afy-intro {\n\n  position:relative;\n\n  max-width:900px;\n\n  margin:75px auto 110px;\n\n  padding:35px 40px;\n\n  border:1px solid #DEE5DA;\n\n  border-radius:25px;\n\n  background:rgba(255,255,255,.88);\n\n  box-shadow:\n    0 14px 40px rgba(50,65,45,.055);\n\n}\n\n\n.afy-intro-line {\n\n  position:absolute;\n\n  left:0;\n\n  top:23px;\n\n  bottom:23px;\n\n  width:4px;\n\n  border-radius:10px;\n\n  background:var(--green);\n\n}\n\n\n.afy-intro-label {\n\n  margin-bottom:12px;\n\n  color:var(--green);\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:3px;\n\n  text-align:center;\n\n}\n\n\n.afy-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\n.afy-intro strong {\n\n  color:#30372E;\n\n}\n\n\n\/* =========================================================\n   HEADINGS\n========================================================= *\/\n\n.afy-heading {\n\n  max-width:760px;\n\n  margin:0 auto 45px;\n\n  text-align:center;\n\n}\n\n\n.afy-heading \u003e span {\n\n  display:block;\n\n  margin-bottom:13px;\n\n  color:var(--green);\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:3px;\n\n}\n\n\n.afy-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\n.afy-heading h2 i {\n\n  display:block;\n\n  color:#8B9589;\n\n  font-style:normal;\n\n}\n\n\n.afy-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.afy-benefits {\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap:13px;\n\n  margin-bottom:115px;\n\n}\n\n\n.afy-benefit {\n\n  position:relative;\n\n  min-height:235px;\n\n  padding:28px;\n\n  border:1px solid #DEE5DA;\n\n  border-radius:22px;\n\n  background:#FFFFFF;\n\n  box-shadow:\n    0 8px 25px rgba(50,65,45,.04);\n\n  transition:.35s ease;\n\n}\n\n\n.afy-benefit:hover {\n\n  transform:translateY(-6px);\n\n  border-color:#C8D7C3;\n\n  box-shadow:\n    0 18px 42px rgba(50,65,45,.08);\n\n}\n\n\n.afy-number {\n\n  position:absolute;\n\n  right:20px;\n\n  top:17px;\n\n  color:#E4EAE2;\n\n  font-size:48px;\n\n  font-weight:950;\n\n}\n\n\n.afy-icon {\n\n  display:grid;\n\n  place-items:center;\n\n  width:44px;\n\n  height:44px;\n\n  border-radius:13px;\n\n  background:#F4F7F2;\n\n  border:1px solid #D7E1D3;\n\n  color:var(--green);\n\n  font-size:18px;\n\n}\n\n\n.afy-benefit h3 {\n\n  margin:\n    26px 0 9px;\n\n  color:#30372E;\n\n  font-size:15px;\n\n  letter-spacing:1px;\n\n}\n\n\n.afy-benefit p {\n\n  max-width:480px;\n\n  margin:0;\n\n  color:#7C857B;\n\n  font-size:12px;\n\n  line-height:1.75;\n\n}\n\n\n\/* =========================================================\n   MOVEMENTS\n========================================================= *\/\n\n.afy-movements {\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\n.afy-movement {\n\n  position:relative;\n\n  min-height:220px;\n\n  padding:25px 20px;\n\n  border:1px solid #DEE5DA;\n\n  border-radius:20px;\n\n  background:#FFFFFF;\n\n  box-shadow:\n    0 8px 25px rgba(50,65,45,.04);\n\n  transition:.35s ease;\n\n}\n\n\n.afy-movement:hover {\n\n  transform:translateY(-6px);\n\n  border-color:#C8D7C3;\n\n}\n\n\n.afy-movement-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\n.afy-movement-icon {\n\n  display:grid;\n\n  place-items:center;\n\n  width:42px;\n\n  height:42px;\n\n  margin-bottom:31px;\n\n  border-radius:13px;\n\n  background:#F4F7F2;\n\n  color:var(--green);\n\n  font-size:17px;\n\n}\n\n\n.afy-movement strong {\n\n  display:block;\n\n  color:#30372E;\n\n  font-size:11px;\n\n  letter-spacing:1px;\n\n}\n\n\n.afy-movement p {\n\n  margin:8px 0 0;\n\n  color:#818A80;\n\n  font-size:10px;\n\n  line-height:1.7;\n\n}\n\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n.afy-features {\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\n.afy-feature {\n\n  min-height:220px;\n\n  padding:27px 22px;\n\n  border:1px solid #DEE5DA;\n\n  border-radius:20px;\n\n  background:#FFFFFF;\n\n  box-shadow:\n    0 8px 25px rgba(50,65,45,.04);\n\n  transition:.35s ease;\n\n}\n\n\n.afy-feature:hover {\n\n  transform:translateY(-6px);\n\n  border-color:#C8D7C3;\n\n}\n\n\n.afy-feature-icon {\n\n  display:grid;\n\n  place-items:center;\n\n  width:43px;\n\n  height:43px;\n\n  margin-bottom:23px;\n\n  border-radius:13px;\n\n  background:#F4F7F2;\n\n  border:1px solid #D7E1D3;\n\n  color:var(--green);\n\n  font-size:17px;\n\n}\n\n\n.afy-feature h3 {\n\n  margin:\n    0 0 9px;\n\n  color:#30372E;\n\n  font-size:14px;\n\n  letter-spacing:.7px;\n\n}\n\n\n.afy-feature p {\n\n  margin:0;\n\n  color:#7C857B;\n\n  font-size:11px;\n\n  line-height:1.7;\n\n}\n\n\n\/* =========================================================\n   WHY AURAFLEX\n========================================================= *\/\n\n.afy-why {\n\n  display:grid;\n\n  grid-template-columns:\n    1.2fr .8fr;\n\n  align-items:center;\n\n  gap:35px;\n\n  margin-bottom:115px;\n\n  padding:60px 50px;\n\n  border:1px solid #DDE5D9;\n\n  border-radius:28px;\n\n  background:#FFFFFF;\n\n  box-shadow:\n    0 12px 40px rgba(50,65,45,.055);\n\n}\n\n\n.afy-why-content \u003e span {\n\n  color:var(--green);\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:3px;\n\n}\n\n\n.afy-why-content h2 {\n\n  margin:15px 0;\n\n  color:#30372E;\n\n  font-size:\n    clamp(42px,5vw,62px);\n\n  line-height:.9;\n\n  letter-spacing:-3px;\n\n}\n\n\n.afy-why-content h2 strong {\n\n  color:var(--green);\n\n}\n\n\n.afy-why-content p {\n\n  max-width:600px;\n\n  margin:0;\n\n  color:#747D73;\n\n  font-size:14px;\n\n  line-height:1.8;\n\n}\n\n\n.afy-checks {\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:8px;\n\n  margin-top:25px;\n\n}\n\n\n.afy-checks div {\n\n  padding:9px 12px;\n\n  border:1px solid #DFE5DB;\n\n  border-radius:100px;\n\n  background:#F7F9F5;\n\n  color:#7B8578;\n\n  font-size:7px;\n\n  font-weight:900;\n\n  letter-spacing:1px;\n\n}\n\n\n.afy-circle {\n\n  position:relative;\n\n  display:grid;\n\n  place-items:center;\n\n  width:250px;\n\n  height:250px;\n\n  margin:auto;\n\n  border:1px solid #D2DECE;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      #F8FAF6,\n      #E9F0E5\n    );\n\n}\n\n\n.afy-circle-ring {\n\n  position:absolute;\n\n  width:190px;\n\n  height:190px;\n\n  border:1px dashed #B9CAB2;\n\n  border-radius:50%;\n\n  animation:\n    afyRotate 15s linear infinite;\n\n}\n\n\n.afy-circle-center {\n\n  color:var(--green);\n\n  font-size:14px;\n\n  line-height:1.25;\n\n  font-weight:950;\n\n  letter-spacing:2px;\n\n  text-align:center;\n\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.afy-cta {\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:80px 25px;\n\n  border: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 rgba(50,65,45,.07);\n\n}\n\n\n.afy-cta-glow {\n\n  position:absolute;\n\n  width:360px;\n\n  height:360px;\n\n  left:50%;\n\n  top:-240px;\n\n  transform:translateX(-50%);\n\n  border-radius:50%;\n\n  background:#AFC8A4;\n\n  filter:blur(100px);\n\n  opacity:.16;\n\n}\n\n\n.afy-cta-label {\n\n  position:relative;\n\n  color:var(--green);\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:3px;\n\n}\n\n\n.afy-cta h2 {\n\n  position:relative;\n\n  margin: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\n.afy-cta h2 span {\n\n  color:var(--green);\n\n}\n\n\n.afy-cta p {\n\n  position:relative;\n\n  max-width:540px;\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\n.afy-button {\n\n  position:relative;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:18px;\n\n  padding:17px 27px;\n\n  border-radius:100px;\n\n  background:var(--green);\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 rgba(91,121,81,.20);\n\n  transition:.3s ease;\n\n}\n\n\n.afy-button b {\n\n  font-size:18px;\n\n  transition:.3s ease;\n\n}\n\n\n.afy-button:hover {\n\n  transform:translateY(-4px);\n\n  background:var(--green-dark);\n\n}\n\n\n.afy-button:hover b {\n\n  transform:translateX(5px);\n\n}\n\n\n.afy-brand {\n\n  position:relative;\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   ANIMATION\n========================================================= *\/\n\n@keyframes afyFade {\n\n  from {\n    opacity:0;\n    transform:translateY(20px);\n  }\n\n  to {\n    opacity:1;\n    transform:translateY(0);\n  }\n\n}\n\n\n@keyframes afyRotate {\n\n  from {\n    transform:rotate(0deg);\n  }\n\n  to {\n    transform:rotate(360deg);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:850px) {\n\n  .auraflex-yoga {\n\n    padding:70px 18px;\n\n  }\n\n  .afy-movements,\n  .afy-features {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n  .afy-why {\n\n    grid-template-columns:1fr;\n\n    text-align:center;\n\n  }\n\n  .afy-why-content p {\n\n    margin-left:auto;\n\n    margin-right:auto;\n\n  }\n\n  .afy-checks {\n\n    justify-content:center;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px) {\n\n  .auraflex-yoga {\n\n    padding:55px 14px;\n\n  }\n\n\n  .afy-pill {\n\n    padding:8px 12px;\n\n    font-size:7px;\n\n    letter-spacing:1.5px;\n\n  }\n\n\n  .afy-hero h1 {\n\n    font-size:48px;\n\n    letter-spacing:-3.5px;\n\n  }\n\n\n  .afy-hero h2 {\n\n    font-size:19px;\n\n  }\n\n\n  .afy-hero p {\n\n    font-size:14px;\n\n  }\n\n\n  \/* INTRO *\/\n\n  .afy-intro {\n\n    margin:\n      0 auto 75px;\n\n    padding:\n      25px 20px;\n\n    border-radius:19px;\n\n  }\n\n\n  .afy-intro p {\n\n    font-size:13px;\n\n  }\n\n\n  \/* HEADINGS *\/\n\n  .afy-heading h2 {\n\n    font-size:36px;\n\n    letter-spacing:-2px;\n\n  }\n\n\n  \/* BENEFITS *\/\n\n  .afy-benefits {\n\n    grid-template-columns:\n      1fr 1fr;\n\n    gap:10px;\n\n    margin-bottom:75px;\n\n  }\n\n\n  .afy-benefit {\n\n    min-height:215px;\n\n    padding:\n      20px 17px;\n\n    border-radius:17px;\n\n  }\n\n\n  .afy-benefit h3 {\n\n    font-size:12px;\n\n  }\n\n\n  .afy-benefit p {\n\n    font-size:10px;\n\n  }\n\n\n  \/* MOVEMENTS *\/\n\n  .afy-movements {\n\n    grid-template-columns:\n      1fr 1fr;\n\n    gap:10px;\n\n    margin-bottom:75px;\n\n  }\n\n\n  .afy-movement {\n\n    min-height:195px;\n\n    padding:\n      20px 17px;\n\n    border-radius:17px;\n\n  }\n\n\n  .afy-movement strong {\n\n    font-size:10px;\n\n  }\n\n\n  .afy-movement p {\n\n    font-size:9px;\n\n  }\n\n\n  \/* FEATURES *\/\n\n  .afy-features {\n\n    grid-template-columns:\n      1fr 1fr;\n\n    gap:10px;\n\n    margin-bottom:75px;\n\n  }\n\n\n  .afy-feature {\n\n    min-height:190px;\n\n    padding:\n      21px 17px;\n\n    border-radius:17px;\n\n  }\n\n\n  .afy-feature h3 {\n\n    font-size:12px;\n\n  }\n\n\n  .afy-feature p {\n\n    font-size:10px;\n\n  }\n\n\n  \/* WHY *\/\n\n  .afy-why {\n\n    margin-bottom:75px;\n\n    padding:\n      45px 20px;\n\n    border-radius:22px;\n\n  }\n\n\n  .afy-why-content h2 {\n\n    font-size:39px;\n\n  }\n\n\n  .afy-checks {\n\n    flex-direction:column;\n\n    align-items:center;\n\n  }\n\n\n  .afy-circle {\n\n    width:200px;\n\n    height:200px;\n\n    margin-top:20px;\n\n  }\n\n\n  .afy-circle-ring {\n\n    width:150px;\n\n    height:150px;\n\n  }\n\n\n  \/* CTA *\/\n\n  .afy-cta {\n\n    padding:\n      58px 18px;\n\n    border-radius:24px;\n\n  }\n\n\n  .afy-cta h2 {\n\n    font-size:43px;\n\n    letter-spacing:-3px;\n\n  }\n\n\n  .afy-button {\n\n    width:100%;\n\n    max-width:290px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   EXTRA SMALL\n========================================================= *\/\n\n@media(max-width:380px) {\n\n  .afy-hero h1 {\n\n    font-size:44px;\n\n  }\n\n  .afy-heading h2 {\n\n    font-size:33px;\n\n  }\n\n  .afy-benefits,\n  .afy-movements,\n  .afy-features {\n\n    grid-template-columns:1fr;\n\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce) {\n\n  .auraflex-yoga * {\n\n    animation-duration:.01ms !important;\n\n    animation-iteration-count:1 !important;\n\n    transition-duration:.01ms !important;\n\n  }\n\n}\n\n\u003c\/style\u003e","brand":"AuraFlex","offers":[{"title":"green","offer_id":50059792515322,"sku":null,"price":1199.0,"currency_code":"ZAR","in_stock":true},{"title":"purple","offer_id":50059792548090,"sku":null,"price":1199.0,"currency_code":"ZAR","in_stock":true},{"title":"blue","offer_id":50059792580858,"sku":null,"price":1199.0,"currency_code":"ZAR","in_stock":true},{"title":"pink","offer_id":50059792613626,"sku":null,"price":1199.0,"currency_code":"ZAR","in_stock":true},{"title":"light pink","offer_id":50059792646394,"sku":null,"price":1199.0,"currency_code":"ZAR","in_stock":true},{"title":"light blue","offer_id":50059792679162,"sku":null,"price":1199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0854\/2578\/3034\/files\/grey_mat.png?v=1788202356","url":"https:\/\/auraflex.co.za\/products\/yoga-mat","provider":"AuraFlex","version":"1.0","type":"link"}