{"product_id":"geardock-flexmount™","title":"GearDock FlexMount™","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.geardock {\n  --green: #8fce19;\n  --green-bright: #a9ed27;\n  --text: #151a15;\n  --muted: #626a62;\n  --card: rgba(255,255,255,.72);\n  --border: rgba(20,30,20,.10);\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(184,255,53,.22),\n      transparent 42%\n    ),\n    linear-gradient(\n      180deg,\n      #f5f7f2 0%,\n      #eef1eb 45%,\n      #e8ece6 100%\n    );\n\n  color: var(--text);\n  font-family: Arial, Helvetica, sans-serif;\n  overflow: hidden;\n  padding: 65px 16px;\n}\n\n.geardock * {\n  box-sizing: border-box;\n}\n\n.geardock-container {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n\/* HERO *\/\n\n.geardock-hero {\n  text-align: center;\n  animation: fadeUp .8s ease forwards;\n}\n\n.geardock-badge {\n  display: inline-block;\n  padding: 9px 15px;\n  border: 1px solid rgba(143,206,25,.55);\n  border-radius: 100px;\n  color: #6ea500;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n  background: rgba(184,255,53,.12);\n  margin-bottom: 20px;\n  box-shadow: 0 4px 15px rgba(80,120,20,.06);\n}\n\n.geardock h1 {\n  font-size: clamp(42px, 8vw, 76px);\n  line-height: .94;\n  margin: 0;\n  font-weight: 900;\n  letter-spacing: -3.5px;\n  color: #111511;\n}\n\n.geardock h1 span {\n  color: #86c516;\n  text-shadow: 0 3px 15px rgba(143,206,25,.15);\n}\n\n.geardock-subtitle {\n  max-width: 650px;\n  margin: 22px auto 0;\n  color: var(--muted);\n  font-size: 17px;\n  line-height: 1.65;\n}\n\n\/* DIVIDER *\/\n\n.geardock-divider {\n  width: 65px;\n  height: 3px;\n  background: var(--green);\n  border-radius: 20px;\n  margin: 38px auto 65px;\n  box-shadow: 0 0 15px rgba(143,206,25,.25);\n}\n\n\/* SECTION TITLES *\/\n\n.geardock-section-title {\n  text-align: center;\n  margin-bottom: 30px;\n}\n\n.geardock-section-title h2 {\n  font-size: 31px;\n  line-height: 1.1;\n  margin: 0 0 9px;\n  font-weight: 900;\n  letter-spacing: -.8px;\n  color: #151a15;\n}\n\n.geardock-section-title h2 span {\n  color: #7fbb12;\n}\n\n.geardock-section-title p {\n  color: var(--muted);\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n\/* BENEFIT CARDS *\/\n\n.geardock-benefits {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n\n.geardock-benefit {\n  position: relative;\n  background: linear-gradient(\n    145deg,\n    rgba(255,255,255,.90),\n    rgba(255,255,255,.62)\n  );\n  border: 1px solid var(--border);\n  border-radius: 20px;\n  padding: 25px 21px;\n  transition: all .3s ease;\n  box-shadow: 0 10px 30px rgba(30,45,25,.07);\n  backdrop-filter: blur(8px);\n}\n\n.geardock-benefit:hover {\n  transform: translateY(-6px);\n  border-color: rgba(143,206,25,.55);\n  box-shadow:\n    0 18px 40px rgba(30,45,25,.12),\n    0 0 20px rgba(143,206,25,.06);\n}\n\n.geardock-icon {\n  width: 47px;\n  height: 47px;\n  border-radius: 13px;\n  display: grid;\n  place-items: center;\n  background: rgba(184,255,53,.16);\n  border: 1px solid rgba(143,206,25,.20);\n  color: #76ad0d;\n  font-size: 20px;\n  margin-bottom: 17px;\n}\n\n.geardock-benefit h3 {\n  margin: 0 0 9px;\n  font-size: 17px;\n  font-weight: 800;\n  color: #161b16;\n}\n\n.geardock-benefit p {\n  color: #687068;\n  font-size: 14px;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* FEATURE BANNER *\/\n\n.geardock-feature {\n  margin-top: 55px;\n  padding: 34px 20px;\n  border-radius: 22px;\n  background: linear-gradient(\n    135deg,\n    rgba(184,255,53,.20),\n    rgba(255,255,255,.65)\n  );\n  border: 1px solid rgba(143,206,25,.30);\n  text-align: center;\n  box-shadow: 0 12px 35px rgba(30,45,25,.07);\n}\n\n.geardock-feature strong {\n  display: block;\n  font-size: 30px;\n  line-height: 1.1;\n  color: #78b00d;\n  margin-bottom: 9px;\n  font-weight: 900;\n  letter-spacing: -.5px;\n}\n\n.geardock-feature span {\n  color: #687068;\n  font-size: 14px;\n}\n\n\/* COMPATIBILITY GRID *\/\n\n.geardock-fits {\n  margin-top: 65px;\n}\n\n.geardock-fit-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 13px;\n}\n\n.geardock-fit {\n  padding: 20px 15px;\n  background: rgba(255,255,255,.68);\n  border-radius: 15px;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 600;\n  color: #353b35;\n  border: 1px solid rgba(20,30,20,.08);\n  transition: all .25s ease;\n  box-shadow: 0 6px 20px rgba(30,45,25,.04);\n}\n\n.geardock-fit:hover {\n  border-color: rgba(143,206,25,.55);\n  color: #78ad10;\n  transform: translateY(-3px);\n}\n\n\/* CTA *\/\n\n.geardock-cta {\n  text-align: center;\n  margin-top: 70px;\n  padding-bottom: 10px;\n}\n\n.geardock-cta h2 {\n  font-size: clamp(36px, 7vw, 55px);\n  line-height: .98;\n  margin: 0 0 15px;\n  font-weight: 900;\n  letter-spacing: -2px;\n  color: #121712;\n}\n\n.geardock-cta h2 span {\n  color: #82bd14;\n  text-shadow: 0 3px 15px rgba(143,206,25,.12);\n}\n\n.geardock-cta p {\n  color: var(--muted);\n  margin: 0 auto 27px;\n  font-size: 15px;\n}\n\n\/* BUTTON *\/\n\n.geardock-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 17px 34px;\n  min-height: 56px;\n  border-radius: 100px;\n  background: linear-gradient(135deg, #b8ff35, #91d51b);\n  color: #10150d;\n  font-weight: 900;\n  text-decoration: none;\n  font-size: 15px;\n  letter-spacing: .2px;\n  box-shadow:\n    0 8px 25px rgba(95,135,20,.18),\n    0 0 25px rgba(184,255,53,.12);\n  transition: all .25s ease;\n}\n\n.geardock-button:hover {\n  transform: translateY(-3px) scale(1.02);\n  box-shadow:\n    0 12px 35px rgba(60,90,20,.20),\n    0 0 30px rgba(184,255,53,.25);\n}\n\n\/* ANIMATION *\/\n\n@keyframes fadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(25px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* TABLET *\/\n\n@media (max-width: 850px) {\n  .geardock-benefits {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .geardock-fit-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 700px) {\n  .geardock {\n    padding: 48px 14px;\n  }\n\n  .geardock-badge {\n    font-size: 10px;\n    padding: 8px 12px;\n    letter-spacing: 1.3px;\n  }\n\n  .geardock h1 {\n    font-size: 44px;\n    letter-spacing: -2.5px;\n  }\n\n  .geardock-subtitle {\n    font-size: 14px;\n    line-height: 1.6;\n    padding: 0 7px;\n  }\n\n  .geardock-divider {\n    margin: 30px auto 50px;\n  }\n\n  .geardock-section-title {\n    margin-bottom: 23px;\n  }\n\n  .geardock-section-title h2 {\n    font-size: 27px;\n  }\n\n  .geardock-section-title p {\n    font-size: 14px;\n  }\n\n  .geardock-benefits {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .geardock-benefit {\n    display: grid;\n    grid-template-columns: 47px 1fr;\n    column-gap: 14px;\n    padding: 19px;\n  }\n\n  .geardock-icon {\n    grid-row: span 2;\n    margin: 0;\n  }\n\n  .geardock-benefit h3 {\n    align-self: end;\n    margin-bottom: 5px;\n  }\n\n  .geardock-benefit p {\n    align-self: start;\n  }\n\n  .geardock-feature {\n    margin-top: 42px;\n    padding: 28px 16px;\n  }\n\n  .geardock-feature strong {\n    font-size: 23px;\n  }\n\n  .geardock-feature span {\n    font-size: 12px;\n    line-height: 1.5;\n    display: block;\n  }\n\n  .geardock-fits {\n    margin-top: 50px;\n  }\n\n  .geardock-fit-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .geardock-fit {\n    padding: 17px 10px;\n    font-size: 13px;\n  }\n\n  .geardock-cta {\n    margin-top: 55px;\n  }\n\n  .geardock-cta h2 {\n    font-size: 40px;\n    letter-spacing: -1.5px;\n  }\n\n  .geardock-cta p {\n    font-size: 14px;\n    margin-bottom: 22px;\n  }\n\n  .geardock-button {\n    width: 100%;\n    max-width: 340px;\n    min-height: 56px;\n  }\n}\n\u003c\/style\u003e\n\u003csection class=\"geardock\"\u003e\n\u003cdiv class=\"geardock-container\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"geardock-hero\"\u003e\n\u003cdiv class=\"geardock-badge\"\u003eGEARDOCK™ FLEXMOUNT\u003c\/div\u003e\n\u003ch1\u003eYOUR PHONE.\u003cbr\u003e\u003cspan\u003eYOUR ANGLE.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"geardock-subtitle\"\u003eGet your phone off the floor and your focus back on training. Mount it, position it and keep your workout within view.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- DIVIDER --\u003e\n\u003cdiv class=\"geardock-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"geardock-section-title\"\u003e\n\u003ch2\u003eYour Setup. \u003cspan\u003eSmarter.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eLess balancing. Less clutter. More focus on your next set.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"geardock-benefits\"\u003e\n\u003cdiv class=\"geardock-benefit\"\u003e\n\u003cdiv class=\"geardock-icon\"\u003e🧲\u003c\/div\u003e\n\u003ch3\u003eMagnetic Mount\u003c\/h3\u003e\n\u003cp\u003eAttach FlexMount to compatible iron or steel gym equipment to give your phone a dedicated place during your session.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"geardock-benefit\"\u003e\n\u003cdiv class=\"geardock-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3\u003e360° Rotation\u003c\/h3\u003e\n\u003cp\u003eAdjust your phone's viewing angle and switch between portrait and landscape to suit your setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"geardock-benefit\"\u003e\n\u003cdiv class=\"geardock-icon\"\u003e📱\u003c\/div\u003e\n\u003ch3\u003eFilm Your Sets\u003c\/h3\u003e\n\u003cp\u003ePosition your phone nearby to record your technique and review your movements after a set.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"geardock-benefit\"\u003e\n\u003cdiv class=\"geardock-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch3\u003eKeep Your Workout In View\u003c\/h3\u003e\n\u003cp\u003eCheck your rest timer, follow your training plan or view your next exercise without constantly picking up your phone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"geardock-benefit\"\u003e\n\u003cdiv class=\"geardock-icon\"\u003e🎒\u003c\/div\u003e\n\u003ch3\u003eCompact \u0026amp; Portable\u003c\/h3\u003e\n\u003cp\u003eIts compact design makes FlexMount easy to pack in your gym bag and take along to your next workout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"geardock-benefit\"\u003e\n\u003cdiv class=\"geardock-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eQuick Setup\u003c\/h3\u003e\n\u003cp\u003eMount it on a compatible surface, position your phone and get ready to focus on your training.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE --\u003e\n\u003cdiv class=\"geardock-feature\"\u003e\n\u003cstrong\u003e360° VIEW. HANDS-FREE CONVENIENCE.\u003c\/strong\u003e \u003cspan\u003e Magnetic attachment • Adjustable viewing angle • Portrait and landscape positioning \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- USE CASES --\u003e\n\u003cdiv class=\"geardock-fits\"\u003e\n\u003cdiv class=\"geardock-section-title\"\u003e\n\u003ch2\u003eMade For \u003cspan\u003eYour Session.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003ePut your phone where it works best for your workout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"geardock-fit-grid\"\u003e\n\u003cdiv class=\"geardock-fit\"\u003e📹 Filming Your Sets\u003c\/div\u003e\n\u003cdiv class=\"geardock-fit\"\u003e📋 Workout Plans\u003c\/div\u003e\n\u003cdiv class=\"geardock-fit\"\u003e⏱️ Rest Timers\u003c\/div\u003e\n\u003cdiv class=\"geardock-fit\"\u003e🏋️ Gym Sessions\u003c\/div\u003e\n\u003cdiv class=\"geardock-fit\"\u003e↕️ Portrait Viewing\u003c\/div\u003e\n\u003cdiv class=\"geardock-fit\"\u003e↔️ Landscape Viewing\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"geardock-cta\"\u003e\n\u003ch2\u003eMount Your Phone.\u003cbr\u003e\u003cspan\u003eTrain On.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eKeep your screen in view. Keep your training on track.\u003c\/p\u003e\n\u003ca href=\"#AddToCart\" class=\"geardock-button\"\u003e GET YOUR GearDock™ FLEXMOUNT \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"GearDock","offers":[{"title":"Default Title","offer_id":67947963515186,"sku":null,"price":350.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0990\/9118\/5970\/files\/geardock-phone-holder-hero.png?v=1785350858","url":"https:\/\/geardock.co.za\/products\/geardock-flexmount%e2%84%a2","provider":"GearDock","version":"1.0","type":"link"}