{"product_id":"yoga-mat","title":"Flow State Yoga Mat","description":"\u003cstyle\u003e\n\/* =========================================================\n   GO FIGURE — FLOW STATE YOGA MAT\n   PREMIUM SHOPIFY PRODUCT DESCRIPTION\n   DESKTOP + TABLET + MOBILE\n========================================================= *\/\n\n.gf-flow {\n  --gf-pink: #f6d8d8;\n  --gf-pale-pink: #fdf5f5;\n  --gf-icon-pink: #f6d3d5;\n  --gf-rose: #af6171;\n  --gf-dark: #171515;\n  --gf-muted: #70585c;\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 70px 24px 160px;\n  box-sizing: border-box;\n  color: var(--gf-dark);\n  font-family: inherit;\n  overflow: hidden;\n  position: relative;\n  isolation: isolate;\n  z-index: 0;\n}\n\n.gf-flow *,\n.gf-flow *::before,\n.gf-flow *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.gf-flow-hero {\n  position: relative;\n  width: 100%;\n  text-align: center;\n  padding: 75px 30px 85px;\n  border-radius: 30px;\n\n  background:\n    radial-gradient(\n      circle at 10% 20%,\n      rgba(255,255,255,.9),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 90% 80%,\n      rgba(175,97,113,.10),\n      transparent 30%\n    ),\n    #f6d8d8;\n\n  overflow: hidden;\n  z-index: 1;\n}\n\n.gf-flow-hero::before {\n  content: \"\";\n  position: absolute;\n  width: 280px;\n  height: 280px;\n  border: 1px solid rgba(175,97,113,.18);\n  border-radius: 50%;\n  top: -140px;\n  right: -80px;\n  pointer-events: none;\n  animation: gfFloat 8s ease-in-out infinite;\n}\n\n.gf-flow-hero::after {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  border: 1px solid rgba(175,97,113,.12);\n  border-radius: 50%;\n  bottom: -100px;\n  left: -50px;\n  pointer-events: none;\n  animation: gfFloat 7s ease-in-out infinite reverse;\n}\n\n.gf-flow-eyebrow {\n  position: relative;\n  z-index: 2;\n  margin: 0 0 18px;\n  color: #af6171;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n  animation: gfFadeUp .8s ease both;\n}\n\n.gf-flow-title {\n  position: relative;\n  z-index: 2;\n  margin: 0;\n  font-size: clamp(42px, 7vw, 82px);\n  line-height: .95;\n  letter-spacing: -.045em;\n  font-weight: 500;\n  color: #171515;\n  animation: gfFadeUp .9s .1s ease both;\n}\n\n.gf-flow-title span {\n  display: block;\n  color: #af6171;\n  font-style: italic;\n  font-weight: 400;\n}\n\n.gf-flow-tagline {\n  position: relative;\n  z-index: 2;\n  max-width: 580px;\n  margin: 28px auto 0;\n  color: #6e6264;\n  font-size: 16px;\n  line-height: 1.8;\n  animation: gfFadeUp .9s .2s ease both;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.gf-flow-intro {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n  gap: 70px;\n  align-items: center;\n  width: 100%;\n  padding: 90px 20px;\n}\n\n.gf-flow-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  color: #af6171;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n}\n\n.gf-flow-label::before {\n  content: \"\";\n  width: 28px;\n  height: 1px;\n  background: #af6171;\n  flex-shrink: 0;\n}\n\n.gf-flow-heading {\n  margin: 0 0 22px;\n  font-size: clamp(30px, 4vw, 48px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n  font-weight: 500;\n  color: #171515;\n}\n\n.gf-flow-heading em {\n  color: #af6171;\n  font-style: italic;\n}\n\n.gf-flow-copy {\n  color: #6e6264;\n  font-size: 15px;\n  line-height: 1.85;\n  max-width: 500px;\n  margin: 0;\n}\n\n\n\/* =========================================================\n   FLOW STATE CIRCLE\n========================================================= *\/\n\n.gf-flow-orbit {\n  position: relative;\n  min-height: 340px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.gf-flow-circle {\n  width: 290px;\n  height: 290px;\n  max-width: 100%;\n  border-radius: 50%;\n  background: #fdf5f5;\n  border: 1px solid rgba(175,97,113,.18);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  animation: gfBreathe 5s ease-in-out infinite;\n}\n\n.gf-flow-circle-inner {\n  width: 220px;\n  height: 220px;\n  max-width: 80%;\n  max-height: 80%;\n  border-radius: 50%;\n  background: #f6d8d8;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.gf-flow-circle-icon {\n  font-size: 35px;\n  margin-bottom: 12px;\n}\n\n.gf-flow-circle-text {\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   EVERYTHING YOU NEED TO MOVE BEAUTIFULLY\n   WHITE SECTION\n========================================================= *\/\n\n.gf-flow-features {\n  position: relative;\n  width: 100%;\n  padding: 75px 45px 90px;\n  border-radius: 30px;\n\n  \/* WHITE *\/\n  background: #ffffff !important;\n\n  overflow: hidden;\n  z-index: 1;\n}\n\n.gf-flow-features::before {\n  content: \"\";\n  position: absolute;\n  width: 330px;\n  height: 330px;\n  border: 1px solid rgba(175,97,113,.08);\n  border-radius: 50%;\n  top: -180px;\n  right: -80px;\n  pointer-events: none;\n}\n\n.gf-flow-features::after {\n  content: \"\";\n  position: absolute;\n  width: 220px;\n  height: 220px;\n  border: 1px solid rgba(175,97,113,.06);\n  border-radius: 50%;\n  bottom: -130px;\n  left: -80px;\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   SECTION HEADING\n========================================================= *\/\n\n.gf-flow-section-head {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  margin-bottom: 48px;\n}\n\n.gf-flow-section-head .gf-flow-label {\n  justify-content: center;\n  color: #af6171;\n  margin-bottom: 18px;\n}\n\n.gf-flow-section-head h3 {\n  margin: 0 0 15px;\n  font-size: clamp(30px, 4vw, 44px);\n  line-height: 1.08;\n  font-weight: 500;\n  letter-spacing: -.035em;\n  color: #171515 !important;\n}\n\n.gf-flow-section-head h3 em {\n  color: #af6171 !important;\n  font-style: italic;\n}\n\n.gf-flow-section-head p {\n  margin: 0;\n  color: #70585c;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   FIVE FEATURE CARDS\n========================================================= *\/\n\n.gf-flow-grid {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(5, minmax(0, 1fr));\n\n  gap: 13px;\n\n  width: 100%;\n}\n\n\n\/* =========================================================\n   FEATURE CARDS — WHITE\n========================================================= *\/\n\n.gf-flow-card {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  min-height: 230px;\n\n  padding: 34px 22px;\n\n  border: 1px solid #ead4d6;\n  border-radius: 20px;\n\n  \/* WHITE *\/\n  background: #ffffff !important;\n\n  box-shadow:\n    0 5px 20px rgba(111,61,69,.025);\n\n  transition:\n    transform .4s cubic-bezier(.2,.8,.2,1),\n    box-shadow .4s ease,\n    border-color .4s ease;\n}\n\n.gf-flow-card:hover {\n  transform: translateY(-8px);\n\n  background: #ffffff !important;\n\n  border-color: #dfb9be;\n\n  box-shadow:\n    0 18px 40px rgba(111,61,69,.08);\n}\n\n\n\/* =========================================================\n   ICON CIRCLES\n========================================================= *\/\n\n.gf-flow-icon {\n  display: flex;\n\n  width: 49px;\n  height: 49px;\n\n  border-radius: 50%;\n\n  background: #f6d3d5 !important;\n\n  color: #af6171;\n\n  align-items: center;\n  justify-content: center;\n\n  font-size: 20px;\n\n  margin-bottom: 28px;\n\n  transition:\n    transform .4s ease,\n    background .4s ease;\n}\n\n.gf-flow-card:hover .gf-flow-icon {\n  transform:\n    rotate(8deg)\n    scale(1.08);\n\n  background: #edc1c5 !important;\n}\n\n\n\/* =========================================================\n   CARD TEXT\n========================================================= *\/\n\n.gf-flow-card h4 {\n  margin: 0 0 11px;\n\n  color: #171515 !important;\n\n  font-size: 15px;\n\n  font-weight: 700;\n\n  letter-spacing: -.01em;\n\n  line-height: 1.3;\n}\n\n.gf-flow-card p {\n  margin: 0;\n\n  color: #70585c !important;\n\n  font-size: 12px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   BUILT FOR HER\n========================================================= *\/\n\n.gf-flow-built {\n  position: relative;\n\n  width: 100%;\n\n  margin-top: 70px;\n\n  padding: 85px 30px 90px;\n\n  border-radius: 30px;\n\n  background: #171515;\n\n  color: #ffffff;\n\n  text-align: center;\n\n  overflow: hidden;\n\n  z-index: 1;\n}\n\n.gf-flow-built-circle {\n  position: relative;\n\n  width: 440px;\n  height: 440px;\n\n  max-width: 85vw;\n  max-height: 85vw;\n\n  margin: 0 auto 48px;\n\n  border-radius: 50%;\n\n  background: #171515;\n\n  border: 1px solid rgba(246,216,216,.22);\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  box-shadow:\n    0 0 0 35px rgba(246,216,216,.025),\n    0 0 0 70px rgba(246,216,216,.015);\n}\n\n.gf-flow-built-circle::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 28px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(246,216,216,.14);\n\n  animation:\n    gfBuiltRotate 18s linear infinite;\n\n  pointer-events: none;\n}\n\n.gf-flow-built-circle::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 55px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(246,216,216,.07);\n\n  pointer-events: none;\n}\n\n.gf-flow-built-content {\n  position: relative;\n\n  z-index: 5;\n\n  width: 100%;\n\n  padding: 20px;\n}\n\n.gf-flow-built-label {\n  margin-bottom: 20px;\n\n  color: #e7aab5;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: .28em;\n\n  text-transform: uppercase;\n}\n\n.gf-flow-built-content h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(38px, 5vw, 58px);\n\n  line-height: .98;\n\n  letter-spacing: -.045em;\n\n  font-weight: 500;\n}\n\n.gf-flow-built-content h3 em {\n  color: #e7aab5;\n\n  font-style: italic;\n\n  font-weight: 400;\n}\n\n.gf-flow-built-description {\n  position: relative;\n\n  z-index: 5;\n\n  max-width: 590px;\n\n  margin: 0 auto;\n\n  color: #c9c1c2;\n\n  line-height: 1.8;\n\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   FINAL STATEMENT\n========================================================= *\/\n\n.gf-flow-final {\n  text-align: center;\n\n  padding: 90px 20px 40px;\n}\n\n.gf-flow-final h3 {\n  margin: 0;\n\n  font-size: clamp(30px, 5vw, 55px);\n\n  font-weight: 400;\n\n  letter-spacing: -.04em;\n\n  line-height: 1.05;\n}\n\n.gf-flow-final h3 em {\n  color: #af6171;\n\n  font-style: italic;\n}\n\n.gf-flow-final p {\n  margin: 20px 0 0;\n\n  color: #6e6264;\n\n  font-size: 13px;\n\n  letter-spacing: .08em;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes gfFadeUp {\n\n  from {\n    opacity: 0;\n    transform: translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n@keyframes gfFloat {\n\n  0%, 100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-18px);\n  }\n\n}\n\n@keyframes gfBreathe {\n\n  0%, 100% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(1.035);\n  }\n\n}\n\n@keyframes gfBuiltRotate {\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 screen and (max-width: 990px) {\n\n  .gf-flow {\n\n    padding-left: 18px;\n\n    padding-right: 18px;\n\n    padding-bottom: 160px;\n  }\n\n  .gf-flow-intro {\n\n    grid-template-columns: 1fr;\n\n    gap: 40px;\n\n    padding: 70px 10px;\n  }\n\n  .gf-flow-copy {\n\n    max-width: 650px;\n  }\n\n  .gf-flow-orbit {\n\n    min-height: 300px;\n  }\n\n  .gf-flow-grid {\n\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 14px;\n  }\n\n  .gf-flow-card {\n\n    min-height: 210px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n  \/*\n    IMPORTANT:\n    This section does NOT create a sticky button.\n    It remains inside Shopify's product page flow.\n    \n    Extra bottom padding prevents the native Shopify\n    sticky purchase bar from covering the final content.\n  *\/\n\n  .gf-flow {\n\n    width: 100%;\n\n    max-width: 100%;\n\n    margin: 0;\n\n    padding:\n      30px\n      12px\n      170px\n      12px;\n\n    overflow: hidden;\n\n    position: relative;\n\n    z-index: 0;\n  }\n\n\n  \/* =====================================================\n     MOBILE HERO\n  ===================================================== *\/\n\n  .gf-flow-hero {\n\n    padding:\n      55px\n      18px\n      60px;\n\n    border-radius: 22px;\n  }\n\n  .gf-flow-eyebrow {\n\n    font-size: 9px;\n\n    letter-spacing: .16em;\n\n    margin-bottom: 15px;\n  }\n\n  .gf-flow-title {\n\n    font-size:\n      clamp(44px, 15vw, 62px);\n\n    line-height: .92;\n  }\n\n  .gf-flow-tagline {\n\n    max-width: 310px;\n\n    margin-top: 22px;\n\n    font-size: 13px;\n\n    line-height: 1.7;\n  }\n\n\n  \/* =====================================================\n     MOBILE INTRO\n  ===================================================== *\/\n\n  .gf-flow-intro {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 20px;\n\n    padding:\n      60px\n      8px\n      55px;\n\n    width: 100%;\n  }\n\n  .gf-flow-label {\n\n    font-size: 9px;\n\n    letter-spacing: .14em;\n\n    margin-bottom: 16px;\n  }\n\n  .gf-flow-label::before {\n\n    width: 22px;\n  }\n\n  .gf-flow-heading {\n\n    font-size: 34px;\n\n    line-height: 1.05;\n\n    margin-bottom: 18px;\n  }\n\n  .gf-flow-copy {\n\n    font-size: 14px;\n\n    line-height: 1.75;\n\n    max-width: 100%;\n  }\n\n\n  \/* =====================================================\n     MOBILE FLOW CIRCLE\n  ===================================================== *\/\n\n  .gf-flow-orbit {\n\n    width: 100%;\n\n    min-height: 270px;\n\n    margin-top: 5px;\n  }\n\n  .gf-flow-circle {\n\n    width: 250px;\n\n    height: 250px;\n\n    flex-shrink: 0;\n  }\n\n  .gf-flow-circle-inner {\n\n    width: 185px;\n\n    height: 185px;\n  }\n\n  .gf-flow-circle-icon {\n\n    font-size: 28px;\n\n    margin-bottom: 8px;\n  }\n\n  .gf-flow-circle-text {\n\n    font-size: 9px;\n\n    letter-spacing: .13em;\n  }\n\n\n  \/* =====================================================\n     EVERYTHING YOU NEED\n     WHITE ON MOBILE\n  ===================================================== *\/\n\n  .gf-flow-features {\n\n    width: 100%;\n\n    padding:\n      55px\n      10px\n      70px;\n\n    border-radius: 22px;\n\n    background: #ffffff !important;\n\n    overflow: hidden;\n\n    margin: 0;\n  }\n\n  .gf-flow-features::before {\n\n    width: 220px;\n\n    height: 220px;\n\n    top: -130px;\n\n    right: -110px;\n  }\n\n  .gf-flow-features::after {\n\n    width: 160px;\n\n    height: 160px;\n\n    bottom: -90px;\n\n    left: -90px;\n  }\n\n\n  \/* =====================================================\n     MOBILE SECTION HEADING\n  ===================================================== *\/\n\n  .gf-flow-section-head {\n\n    margin-bottom: 30px;\n\n    padding: 0 8px;\n  }\n\n  .gf-flow-section-head .gf-flow-label {\n\n    margin-bottom: 14px;\n  }\n\n  .gf-flow-section-head h3 {\n\n    font-size: 31px;\n\n    line-height: 1.08;\n\n    color: #171515 !important;\n  }\n\n  .gf-flow-section-head h3 em {\n\n    color: #af6171 !important;\n  }\n\n  .gf-flow-section-head p {\n\n    font-size: 12px;\n\n    line-height: 1.65;\n\n    max-width: 300px;\n\n    margin: 0 auto;\n  }\n\n\n  \/* =====================================================\n     FIVE CARDS — STACK VERTICALLY\n  ===================================================== *\/\n\n  .gf-flow-grid {\n\n    display: flex;\n\n    flex-direction: column;\n\n    width: 100%;\n\n    gap: 12px;\n  }\n\n  .gf-flow-card {\n\n    width: 100%;\n\n    min-width: 0;\n\n    min-height: auto;\n\n    padding:\n      25px\n      22px\n      27px;\n\n    border-radius: 18px;\n\n    background: #ffffff !important;\n\n    transform: none !important;\n  }\n\n  .gf-flow-card:hover {\n\n    transform: none !important;\n\n    background: #ffffff !important;\n  }\n\n  .gf-flow-icon {\n\n    width: 43px;\n\n    height: 43px;\n\n    font-size: 17px;\n\n    margin-bottom: 19px;\n  }\n\n  .gf-flow-card h4 {\n\n    font-size: 15px;\n\n    line-height: 1.3;\n\n    margin-bottom: 8px;\n  }\n\n  .gf-flow-card p {\n\n    font-size: 12px;\n\n    line-height: 1.65;\n  }\n\n\n  \/* =====================================================\n     MOBILE BUILT FOR HER\n  ===================================================== *\/\n\n  .gf-flow-built {\n\n    width: 100%;\n\n    margin-top: 45px;\n\n    padding:\n      55px\n      14px\n      65px;\n\n    border-radius: 22px;\n  }\n\n  .gf-flow-built-circle {\n\n    width: 290px;\n\n    height: 290px;\n\n    max-width: 90vw;\n\n    max-height: 90vw;\n\n    margin-bottom: 35px;\n\n    box-shadow:\n      0 0 0 20px rgba(246,216,216,.025),\n      0 0 0 40px rgba(246,216,216,.015);\n  }\n\n  .gf-flow-built-circle::before {\n\n    inset: 18px;\n  }\n\n  .gf-flow-built-circle::after {\n\n    inset: 35px;\n  }\n\n  .gf-flow-built-content {\n\n    padding: 10px;\n  }\n\n  .gf-flow-built-label {\n\n    font-size: 8px;\n\n    letter-spacing: .19em;\n\n    margin-bottom: 14px;\n  }\n\n  .gf-flow-built-content h3 {\n\n    font-size: 34px;\n\n    line-height: .98;\n  }\n\n  .gf-flow-built-description {\n\n    padding: 0 8px;\n\n    font-size: 12px;\n\n    line-height: 1.75;\n  }\n\n\n  \/* =====================================================\n     MOBILE FINAL\n  ===================================================== *\/\n\n  .gf-flow-final {\n\n    padding:\n      65px\n      10px\n      30px;\n  }\n\n  .gf-flow-final h3 {\n\n    font-size: 39px;\n\n    line-height: 1;\n  }\n\n  .gf-flow-final p {\n\n    font-size: 9px;\n\n    letter-spacing: .13em;\n\n    line-height: 1.6;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL PHONES\n========================================================= *\/\n\n@media screen and (max-width: 380px) {\n\n  .gf-flow {\n\n    padding-left: 9px;\n\n    padding-right: 9px;\n\n    padding-bottom: 180px;\n  }\n\n  .gf-flow-hero {\n\n    padding-left: 15px;\n\n    padding-right: 15px;\n  }\n\n  .gf-flow-title {\n\n    font-size: 43px;\n  }\n\n  .gf-flow-features {\n\n    padding-left: 8px;\n\n    padding-right: 8px;\n  }\n\n  .gf-flow-section-head h3 {\n\n    font-size: 28px;\n  }\n\n  .gf-flow-card {\n\n    padding:\n      23px\n      19px\n      25px;\n  }\n\n  .gf-flow-built-circle {\n\n    width: 260px;\n\n    height: 260px;\n  }\n\n  .gf-flow-built-content h3 {\n\n    font-size: 30px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCE MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .gf-flow *,\n  .gf-flow *::before,\n  .gf-flow *::after {\n\n    animation-duration: .01ms !important;\n\n    animation-iteration-count: 1 !important;\n\n    transition-duration: .01ms !important;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"gf-flow\"\u003e\n\n\n  \u003c!-- =====================================================\n       HERO\n  ====================================================== --\u003e\n\n  \u003csection class=\"gf-flow-hero\"\u003e\n\n    \u003cdiv class=\"gf-flow-eyebrow\"\u003e\n      Go Figure Wellness\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"gf-flow-title\"\u003e\n      Find Your\n      \u003cspan\u003eFlow.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"gf-flow-tagline\"\u003e\n      Your practice. Your ritual. Your moment.\n      Meet the mat designed to help you move with intention.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       INTRO\n  ====================================================== --\u003e\n\n  \u003csection class=\"gf-flow-intro\"\u003e\n\n    \u003cdiv\u003e\n\n      \u003cdiv class=\"gf-flow-label\"\u003e\n        Meet Flow State\n      \u003c\/div\u003e\n\n      \u003ch3 class=\"gf-flow-heading\"\u003e\n        Ground yourself.\u003cbr\u003e\n        \u003cem\u003eMove with purpose.\u003c\/em\u003e\n      \u003c\/h3\u003e\n\n      \u003cp class=\"gf-flow-copy\"\u003e\n        The Flow State Yoga Mat is designed for women who take\n        their practice seriously — from a quiet sunrise vinyasa\n        to your most challenging hot yoga session.\n        Wherever you move, this is your space to reconnect,\n        reset and show up for yourself.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"gf-flow-orbit\"\u003e\n\n      \u003cdiv class=\"gf-flow-circle\"\u003e\n\n        \u003cdiv class=\"gf-flow-circle-inner\"\u003e\n\n          \u003cdiv class=\"gf-flow-circle-icon\"\u003e\n            ✦\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"gf-flow-circle-text\"\u003e\n            Find Your\u003cbr\u003e\n            Flow State\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       EVERYTHING YOU NEED TO MOVE BEAUTIFULLY\n  ====================================================== --\u003e\n\n  \u003csection class=\"gf-flow-features\"\u003e\n\n    \u003cdiv class=\"gf-flow-section-head\"\u003e\n\n      \u003cdiv class=\"gf-flow-label\"\u003e\n        The Flow State Difference\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Everything you need to\u003cbr\u003e\n        \u003cem\u003emove beautifully.\u003c\/em\u003e\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Designed around the way women actually move, sweat and flow.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"gf-flow-grid\"\u003e\n\n\n      \u003c!-- 1 --\u003e\n\n      \u003cdiv class=\"gf-flow-card\"\u003e\n\n        \u003cspan class=\"gf-flow-icon\"\u003e\n          ◌\n        \u003c\/span\u003e\n\n        \u003ch4\u003e\n          Stay Grounded\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          A secure, non-slip surface keeps you steady through every pose,\n          transition and stretch.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 2 --\u003e\n\n      \u003cdiv class=\"gf-flow-card\"\u003e\n\n        \u003cspan class=\"gf-flow-icon\"\u003e\n          ⌁\n        \u003c\/span\u003e\n\n        \u003ch4\u003e\n          Move Comfortably\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Thoughtful cushioning gives your joints the support they deserve\n          while you move.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 3 --\u003e\n\n      \u003cdiv class=\"gf-flow-card\"\u003e\n\n        \u003cspan class=\"gf-flow-icon\"\u003e\n          ✧\n        \u003c\/span\u003e\n\n        \u003ch4\u003e\n          Flow Freely\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Sweat-resistant and easy to clean, so nothing gets between you\n          and your practice.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 4 --\u003e\n\n      \u003cdiv class=\"gf-flow-card\"\u003e\n\n        \u003cspan class=\"gf-flow-icon\"\u003e\n          ↗\n        \u003c\/span\u003e\n\n        \u003ch4\u003e\n          Take It With You\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Lightweight, rollable and ready to follow wherever your practice\n          takes you.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 5 --\u003e\n\n      \u003cdiv class=\"gf-flow-card\"\u003e\n\n        \u003cspan class=\"gf-flow-icon\"\u003e\n          ♡\n        \u003c\/span\u003e\n\n        \u003ch4\u003e\n          Made For Your Practice\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Balanced cushioning and stability for everything from gentle\n          stretching to powerful flows.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       BUILT FOR HER\n  ====================================================== --\u003e\n\n  \u003csection class=\"gf-flow-built\"\u003e\n\n    \u003cdiv class=\"gf-flow-built-circle\"\u003e\n\n      \u003cdiv class=\"gf-flow-built-content\"\u003e\n\n        \u003cdiv class=\"gf-flow-built-label\"\u003e\n          BUILT FOR HER\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Minimal.\u003cbr\u003e\n          Intentional.\u003cbr\u003e\n          \u003cem\u003ePowerful.\u003c\/em\u003e\n        \u003c\/h3\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cp class=\"gf-flow-built-description\"\u003e\n\n      Crafted with the active woman in mind, the Flow State Mat\n      brings together comfort, performance and effortless Go Figure style.\n      Pair it with your favourite Go Figure gym wear and make your\n      practice completely your own.\n\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       FINAL STATEMENT\n  ====================================================== --\u003e\n\n  \u003csection class=\"gf-flow-final\"\u003e\n\n    \u003ch3\u003e\n      Roll it out.\u003cbr\u003e\n      Show up.\u003cbr\u003e\n      \u003cem\u003eFlow.\u003c\/em\u003e\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      FIND YOUR FLOW • OWN YOUR PRACTICE\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n\u003c\/div\u003e","brand":"Go Figure SA","offers":[{"title":"Default Title","offer_id":56001615560996,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1017\/1639\/4276\/files\/ChatGPT_Image_Aug_10_2026_01_15_15_PM.png?v=1786360550","url":"https:\/\/gofiguresa.co.za\/products\/yoga-mat","provider":"Go Figure SA","version":"1.0","type":"link"}