{"product_id":"spinal-theory-freeflow-smart-relief-massager","title":"Spinal Theory™ FreeFlow — Smart Relief Massager","description":"\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n  font-family:'Inter',sans-serif;\n}\n\nhtml{\n  scroll-behavior:smooth;\n}\n\nbody{\n  background:#f5f7fa;\n  color:#111;\n  overflow-x:hidden;\n  -webkit-font-smoothing:antialiased;\n}\n\n.spinal-section{\n  width:100%;\n  padding:40px 14px;\n  position:relative;\n}\n\n.spinal-section:before{\n  content:'';\n  position:absolute;\n  width:500px;\n  height:500px;\n  background:radial-gradient(circle,rgba(0,0,0,0.08),transparent 70%);\n  top:-200px;\n  right:-150px;\n  animation:floatGlow 8s ease-in-out infinite;\n  pointer-events:none;\n}\n\n@keyframes floatGlow{\n  0%{transform:translateY(0px);}\n  50%{transform:translateY(30px);}\n  100%{transform:translateY(0px);}\n}\n\n.spinal-container{\n  max-width:1250px;\n  margin:auto;\n}\n\n.hero{\n  background:rgba(255,255,255,0.88);\n  backdrop-filter:blur(18px);\n  border-radius:38px;\n  padding:28px 20px;\n  box-shadow:0 25px 60px rgba(0,0,0,0.08);\n  border:1px solid rgba(255,255,255,0.6);\n  overflow:hidden;\n  position:relative;\n}\n\n.hero:before{\n  content:'';\n  position:absolute;\n  top:-120%;\n  left:-40%;\n  width:70%;\n  height:300%;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.45),transparent);\n  transform:rotate(25deg);\n  animation:shine 9s linear infinite;\n}\n\n@keyframes shine{\n  0%{left:-60%;}\n  100%{left:140%;}\n}\n\n.grid{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:40px;\n  align-items:center;\n  position:relative;\n  z-index:2;\n}\n\n.badge{\n  display:inline-flex;\n  padding:11px 18px;\n  border-radius:999px;\n  background:linear-gradient(90deg,#111,#2f2f2f);\n  color:#fff;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:1px;\n  margin-bottom:22px;\n  animation:fadeUp 1s ease;\n}\n\nh1{\n  font-size:48px;\n  line-height:0.95;\n  font-weight:900;\n  letter-spacing:-2px;\n  margin-bottom:24px;\n  color:#111;\n  animation:fadeUp 1s ease;\n}\n\nh1 span{\n  background:linear-gradient(90deg,#111,#6b7280);\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.hero-text{\n  font-size:16px;\n  line-height:1.8;\n  color:#4b5563;\n  margin-bottom:26px;\n  max-width:620px;\n  animation:fadeUp 1.2s ease;\n}\n\nstrong{\n  color:#111;\n}\n\n.features{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-bottom:30px;\n}\n\n.feature{\n  background:#fff;\n  border:1px solid rgba(0,0,0,0.08);\n  box-shadow:0 8px 20px rgba(0,0,0,0.04);\n  padding:12px 16px;\n  border-radius:14px;\n  font-size:12px;\n  font-weight:700;\n  color:#111;\n  transition:0.3s;\n  animation:fadeUp 1.3s ease;\n}\n\n.feature:hover{\n  transform:translateY(-4px);\n  box-shadow:0 18px 30px rgba(0,0,0,0.08);\n}\n\n.btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:18px 36px;\n  border-radius:999px;\n  font-weight:800;\n  text-decoration:none;\n  background:linear-gradient(90deg,#111,#2f2f2f);\n  color:#fff !important;\n  transition:0.35s;\n  box-shadow:0 15px 30px rgba(0,0,0,0.15);\n  animation:fadeUp 1.4s ease;\n}\n\n.btn:hover{\n  transform:translateY(-3px) scale(1.02);\n  box-shadow:0 25px 40px rgba(0,0,0,0.2);\n}\n\n.card{\n  background:linear-gradient(180deg,#1d2228,#101317);\n  border-radius:32px;\n  padding:28px;\n  color:#eaecef;\n  box-shadow:0 30px 70px rgba(0,0,0,0.25);\n  border:1px solid rgba(255,255,255,0.08);\n  position:relative;\n  overflow:hidden;\n  animation:fadeUp 1.1s ease;\n}\n\n.card:before{\n  content:'';\n  position:absolute;\n  inset:0;\n  background:radial-gradient(circle at top right,rgba(255,255,255,0.08),transparent 45%);\n  pointer-events:none;\n}\n\n.card h3{\n  font-size:22px;\n  margin-bottom:12px;\n  color:#fff !important;\n}\n\n.card p{\n  color:#cfd4db;\n  line-height:1.7;\n  margin-bottom:22px;\n}\n\n.levels-accordion{\n  display:grid;\n  gap:12px;\n}\n\n.level-item{\n  background:rgba(255,255,255,0.05);\n  border:1px solid rgba(255,255,255,0.08);\n  border-radius:16px;\n  overflow:hidden;\n  transition:0.3s;\n}\n\n.level-item:hover{\n  transform:translateY(-2px);\n}\n\n.level-item[open]{\n  background:rgba(255,255,255,0.09);\n  border-color:#fff;\n}\n\n.level-header{\n  padding:16px 18px;\n  cursor:pointer;\n  list-style:none;\n  color:#d4d7dc;\n  font-size:14px;\n}\n\n.level-header strong{\n  display:block;\n  color:#fff;\n  margin-bottom:3px;\n}\n\n.level-header::-webkit-details-marker{\n  display:none;\n}\n\n.level-content{\n  padding:0 18px 18px 18px;\n  color:#b4bcc7;\n  line-height:1.7;\n  font-size:13px;\n  border-top:1px dashed rgba(255,255,255,0.08);\n  padding-top:14px;\n}\n\n.level-content span{\n  display:block;\n  color:#fff;\n  font-weight:700;\n  margin-bottom:5px;\n}\n\n.benefits{\n  margin-top:55px;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:14px;\n}\n\n.benefit{\n  background:#fff;\n  border-radius:24px;\n  padding:22px 18px;\n  border:1px solid rgba(0,0,0,0.08);\n  box-shadow:0 12px 25px rgba(0,0,0,0.05);\n  transition:0.3s;\n}\n\n.benefit:hover{\n  transform:translateY(-5px);\n  box-shadow:0 22px 40px rgba(0,0,0,0.08);\n}\n\n.icon{\n  font-size:30px;\n  margin-bottom:12px;\n}\n\n.benefit h3{\n  font-size:18px;\n  font-weight:800;\n  margin-bottom:6px;\n}\n\n.benefit p{\n  color:#4b5563;\n  font-size:13px;\n  line-height:1.6;\n}\n\n.cta{\n  margin-top:60px;\n  background:linear-gradient(135deg,#111,#2d2d2d);\n  border-radius:36px;\n  text-align:center;\n  padding:60px 22px;\n  color:#fff;\n  position:relative;\n  overflow:hidden;\n}\n\n.cta:before{\n  content:'';\n  position:absolute;\n  width:400px;\n  height:400px;\n  background:radial-gradient(circle,rgba(255,255,255,0.08),transparent 70%);\n  top:-180px;\n  right:-140px;\n}\n\n.cta h2{\n  font-size:38px;\n  font-weight:900;\n  margin-bottom:16px;\n  color:#fff !important;\n  -webkit-text-fill-color:#fff !important;\n  position:relative;\n  z-index:2;\n}\n\n.cta p{\n  color:#d1d5db !important;\n  line-height:1.7;\n  margin-bottom:26px;\n  position:relative;\n  z-index:2;\n}\n\n@keyframes fadeUp{\n  from{opacity:0;transform:translateY(25px);}\n  to{opacity:1;transform:translateY(0);}\n}\n\n@media(min-width:901px){\n  .spinal-section{padding:80px 20px;}\n  .hero{padding:70px;}\n  .grid{grid-template-columns:1.1fr 1fr;gap:70px;}\n  h1{font-size:88px;line-height:0.9;letter-spacing:-4px;}\n  .hero-text{font-size:19px;}\n  .card{padding:38px;}\n  .card h3{font-size:30px;}\n  .benefits{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;}\n  .benefit{padding:30px;}\n  .benefit h3{font-size:22px;}\n  .benefit p{font-size:15px;}\n  .cta{margin-top:85px;padding:80px 30px;}\n  .cta h2{font-size:68px;}\n}\n\n\u003c\/style\u003e\n\u003csection class=\"spinal-section\"\u003e\n\u003cdiv class=\"spinal-container\"\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"badge\"\u003eSPINAL THEORY™\u003c\/div\u003e\n\u003ch1\u003eFreeFlow™\u003cbr\u003e\u003cspan\u003eSmart Relief Massager\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-text\"\u003e😮💨 Feel the knots melt away. Say goodbye to stiff necks, aching backs and tight shoulders. FreeFlow™ combines \u003cstrong\u003e5D kneading\u003c\/strong\u003e with \u003cstrong\u003ehot compress therapy\u003c\/strong\u003e to deliver deep professional-grade muscle relief anywhere, anytime.\u003c\/p\u003e\n\u003cdiv class=\"features\"\u003e\n\u003cdiv class=\"feature\"\u003e🔥 Hot Compress Therapy\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e💆 5D Deep Kneading\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e🔋 Wireless \u0026amp; Rechargeable\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e⚡ Multiple Intensities\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e🧍 Full Body Recovery\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"#\"\u003eSHOP NOW →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eProfessional Recovery\u003c\/h3\u003e\n\u003cp\u003e8 finger-like massage claws move in multiple directions to mimic a real massage therapist's hands — penetrating deep into muscle tissue for powerful long-lasting relief.\u003c\/p\u003e\n\u003cdiv class=\"levels-accordion\"\u003e\n\u003cdetails class=\"level-item\" open\u003e\n\u003csummary class=\"level-header\"\u003e\u003cstrong\u003eMode 1\u003c\/strong\u003e Gentle relaxation therapy\u003c\/summary\u003e\n\u003cdiv class=\"level-content\"\u003e\n\u003cspan\u003e🟢 Recovery Active\u003c\/span\u003e Perfect for stress relief, daily tension and light muscle fatigue. Gentle kneading improves circulation while relaxing tight muscles.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"level-item\"\u003e\n\u003csummary class=\"level-header\"\u003e\u003cstrong\u003eMode 2\u003c\/strong\u003e Deep tissue activation\u003c\/summary\u003e\n\u003cdiv class=\"level-content\"\u003e\n\u003cspan\u003e🟡 Therapy Active\u003c\/span\u003e Targets stubborn knots, stiff shoulders and post-workout soreness with stronger pressure and advanced kneading motion.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"level-item\"\u003e\n\u003csummary class=\"level-header\"\u003e\u003cstrong\u003eMode 3\u003c\/strong\u003e Maximum recovery mode\u003c\/summary\u003e\n\u003cdiv class=\"level-content\"\u003e\n\u003cspan\u003e🔴 Power Active\u003c\/span\u003e High-intensity massage engineered for deep decompression and advanced full-body recovery sessions.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eHeat Therapy\u003c\/h3\u003e\n\u003cp\u003eSoothes muscles with deep warming relief.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"icon\"\u003e💆\u003c\/div\u003e\n\u003ch3\u003eDeep Kneading\u003c\/h3\u003e\n\u003cp\u003eMimics a professional massage experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"icon\"\u003e🔋\u003c\/div\u003e\n\u003ch3\u003eWireless Design\u003c\/h3\u003e\n\u003cp\u003ePortable recovery anytime anywhere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"icon\"\u003e🧍\u003c\/div\u003e\n\u003ch3\u003eFull Body Use\u003c\/h3\u003e\n\u003cp\u003ePerfect for neck, shoulders, back, waist and legs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2 style=\"color:#fff !important; -webkit-text-fill-color:#fff !important;\"\u003eFlow. Relax. Recover.\u003c\/h2\u003e\n\u003cp style=\"color:#d1d5db !important;\"\u003ePremium smart massage therapy designed for powerful everyday recovery.\u003c\/p\u003e\n\u003ca style=\"background:#fff;color:#111 !important;\" class=\"btn\" href=\"#\"\u003eGET FREEFLOW™ →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Spinal Theory","offers":[{"title":"Default Title","offer_id":45915785789626,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0763\/1142\/9306\/files\/Product2withlogoboxofficial.png?v=1779719520","url":"https:\/\/spinaltheory.co.za\/products\/spinal-theory-freeflow-smart-relief-massager","provider":"Spinal Theory","version":"1.0","type":"link"}