{"product_id":"geardock™-readydock","title":"GearDock™ ReadyDock","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   GEARDock™ PREMIUM PRODUCT SECTION\n   LIGHT STORE VERSION\n   ========================================================= *\/\n\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\n\/* =========================================================\n   HERO\n   ========================================================= *\/\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\n  border: 1px solid rgba(143,206,25,.55);\n  border-radius: 100px;\n\n  color: #6ea500;\n\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n\n  background: rgba(184,255,53,.12);\n\n  margin-bottom: 20px;\n\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\n  margin: 0;\n\n  font-weight: 900;\n  letter-spacing: -3.5px;\n\n  color: #111511;\n}\n\n.geardock h1 span {\n  color: #86c516;\n\n  text-shadow:\n    0 3px 15px rgba(143,206,25,.15);\n}\n\n.geardock-subtitle {\n  max-width: 650px;\n\n  margin: 22px auto 0;\n\n  color: var(--muted);\n\n  font-size: 17px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   DIVIDER\n   ========================================================= *\/\n\n.geardock-divider {\n  width: 65px;\n  height: 3px;\n\n  background: var(--green);\n\n  border-radius: 20px;\n\n  margin: 38px auto 65px;\n\n  box-shadow:\n    0 0 15px rgba(143,206,25,.25);\n}\n\n\n\/* =========================================================\n   SECTION TITLES\n   ========================================================= *\/\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\n  margin: 0 0 9px;\n\n  font-weight: 900;\n  letter-spacing: -.8px;\n\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\n  margin: 0;\n\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.geardock-benefits {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  gap: 16px;\n}\n\n.geardock-benefit {\n  position: relative;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.90),\n      rgba(255,255,255,.62)\n    );\n\n  border: 1px solid var(--border);\n\n  border-radius: 20px;\n\n  padding: 25px 21px;\n\n  transition: all .3s ease;\n\n  box-shadow:\n    0 10px 30px rgba(30,45,25,.07);\n\n  backdrop-filter: blur(8px);\n}\n\n.geardock-benefit:hover {\n  transform: translateY(-6px);\n\n  border-color:\n    rgba(143,206,25,.55);\n\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\n  border-radius: 13px;\n\n  display: grid;\n  place-items: center;\n\n  background:\n    rgba(184,255,53,.16);\n\n  border:\n    1px solid rgba(143,206,25,.20);\n\n  color:\n    #76ad0d;\n\n  font-size: 20px;\n\n  margin-bottom: 17px;\n}\n\n.geardock-benefit h3 {\n  margin: 0 0 9px;\n\n  font-size: 17px;\n  font-weight: 800;\n\n  color: #161b16;\n}\n\n.geardock-benefit p {\n  color: #687068;\n\n  font-size: 14px;\n\n  line-height: 1.6;\n\n  margin: 0;\n}\n\n\n\/* =========================================================\n   FEATURE\n   ========================================================= *\/\n\n.geardock-feature {\n  margin-top: 55px;\n\n  padding: 34px 20px;\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(184,255,53,.20),\n      rgba(255,255,255,.65)\n    );\n\n  border:\n    1px solid rgba(143,206,25,.30);\n\n  text-align: center;\n\n  box-shadow:\n    0 12px 35px rgba(30,45,25,.07);\n}\n\n.geardock-feature strong {\n  display: block;\n\n  font-size: 30px;\n\n  line-height: 1.1;\n\n  color: #78b00d;\n\n  margin-bottom: 9px;\n\n  font-weight: 900;\n\n  letter-spacing: -.5px;\n}\n\n.geardock-feature span {\n  color: #687068;\n\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   WHAT FITS\n   ========================================================= *\/\n\n.geardock-fits {\n  margin-top: 65px;\n}\n\n.geardock-fit-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  gap: 13px;\n}\n\n.geardock-fit {\n  padding: 20px 15px;\n\n  background:\n    rgba(255,255,255,.68);\n\n  border-radius: 15px;\n\n  text-align: center;\n\n  font-size: 14px;\n  font-weight: 600;\n\n  color: #353b35;\n\n  border:\n    1px solid rgba(20,30,20,.08);\n\n  transition: all .25s ease;\n\n  box-shadow:\n    0 6px 20px rgba(30,45,25,.04);\n}\n\n.geardock-fit:hover {\n  border-color:\n    rgba(143,206,25,.55);\n\n  color:\n    #78ad10;\n\n  transform:\n    translateY(-3px);\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.geardock-cta {\n  text-align: center;\n\n  margin-top: 70px;\n\n  padding-bottom: 10px;\n}\n\n.geardock-cta h2 {\n  font-size:\n    clamp(36px, 7vw, 55px);\n\n  line-height: .98;\n\n  margin: 0 0 15px;\n\n  font-weight: 900;\n\n  letter-spacing: -2px;\n\n  color: #121712;\n}\n\n.geardock-cta h2 span {\n  color: #82bd14;\n\n  text-shadow:\n    0 3px 15px rgba(143,206,25,.12);\n}\n\n.geardock-cta p {\n  color: var(--muted);\n\n  margin: 0 auto 27px;\n\n  font-size: 15px;\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n.geardock-button {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  padding: 17px 34px;\n\n  min-height: 56px;\n\n  border-radius: 100px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #b8ff35,\n      #91d51b\n    );\n\n  color: #10150d;\n\n  font-weight: 900;\n\n  text-decoration: none;\n\n  font-size: 15px;\n\n  letter-spacing: .2px;\n\n  box-shadow:\n    0 8px 25px rgba(95,135,20,.18),\n    0 0 25px rgba(184,255,53,.12);\n\n  transition:\n    all .25s ease;\n}\n\n.geardock-button:hover {\n  transform:\n    translateY(-3px)\n    scale(1.02);\n\n  box-shadow:\n    0 12px 35px rgba(60,90,20,.20),\n    0 0 30px rgba(184,255,53,.25);\n}\n\n\n\/* =========================================================\n   ANIMATION\n   ========================================================= *\/\n\n@keyframes fadeUp {\n\n  from {\n    opacity: 0;\n    transform:\n      translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .geardock-benefits {\n    grid-template-columns:\n      repeat(2, 1fr);\n  }\n\n  .geardock-fit-grid {\n    grid-template-columns:\n      repeat(3, 1fr);\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n  .geardock {\n    padding:\n      48px 14px;\n  }\n\n\n  \/* HERO *\/\n\n  .geardock-badge {\n    font-size: 10px;\n\n    padding:\n      8px 12px;\n\n    letter-spacing:\n      1.3px;\n  }\n\n  .geardock h1 {\n    font-size:\n      44px;\n\n    letter-spacing:\n      -2.5px;\n  }\n\n  .geardock-subtitle {\n    font-size:\n      14px;\n\n    line-height:\n      1.6;\n\n    padding:\n      0 7px;\n  }\n\n  .geardock-divider {\n    margin:\n      30px auto 50px;\n  }\n\n\n  \/* TITLES *\/\n\n  .geardock-section-title {\n    margin-bottom:\n      23px;\n  }\n\n  .geardock-section-title h2 {\n    font-size:\n      27px;\n  }\n\n  .geardock-section-title p {\n    font-size:\n      14px;\n  }\n\n\n  \/* BENEFITS *\/\n\n  .geardock-benefits {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      12px;\n  }\n\n  .geardock-benefit {\n    display:\n      grid;\n\n    grid-template-columns:\n      47px 1fr;\n\n    column-gap:\n      14px;\n\n    padding:\n      19px;\n  }\n\n  .geardock-icon {\n    grid-row:\n      span 2;\n\n    margin:\n      0;\n  }\n\n  .geardock-benefit h3 {\n    align-self:\n      end;\n\n    margin-bottom:\n      5px;\n  }\n\n  .geardock-benefit p {\n    align-self:\n      start;\n  }\n\n\n  \/* FEATURE *\/\n\n  .geardock-feature {\n    margin-top:\n      42px;\n\n    padding:\n      28px 16px;\n  }\n\n  .geardock-feature strong {\n    font-size:\n      23px;\n  }\n\n  .geardock-feature span {\n    font-size:\n      12px;\n\n    line-height:\n      1.5;\n\n    display:\n      block;\n  }\n\n\n  \/* FITS *\/\n\n  .geardock-fits {\n    margin-top:\n      50px;\n  }\n\n  .geardock-fit-grid {\n    grid-template-columns:\n      repeat(2, 1fr);\n\n    gap:\n      10px;\n  }\n\n  .geardock-fit {\n    padding:\n      17px 10px;\n\n    font-size:\n      13px;\n  }\n\n\n  \/* CTA *\/\n\n  .geardock-cta {\n    margin-top:\n      55px;\n  }\n\n  .geardock-cta h2 {\n    font-size:\n      40px;\n\n    letter-spacing:\n      -1.5px;\n  }\n\n  .geardock-cta p {\n    font-size:\n      14px;\n\n    margin-bottom:\n      22px;\n  }\n\n  .geardock-button {\n    width:\n      100%;\n\n    max-width:\n      340px;\n\n    min-height:\n      56px;\n  }\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™ READYDOCK\u003c\/div\u003e\n\u003ch1\u003eTRAIN WITHOUT\u003cbr\u003e\u003cspan\u003eDISTRACTION.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"geardock-subtitle\"\u003eDock your gear. Clear the clutter. Stay locked in. Everything you need, exactly where you need it.\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 Gym. \u003cspan\u003eOrganized.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eStop worrying about your stuff and focus on your workout.\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\u003eStay Focused\u003c\/h3\u003e\n\u003cp\u003eKeep your phone, keys and essentials right beside you instead of constantly searching for them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"geardock-benefit\"\u003e\n\u003cdiv class=\"geardock-icon\"\u003e🧲\u003c\/div\u003e\n\u003ch3\u003eMagnetic Setup\u003c\/h3\u003e\n\u003cp\u003eAttach your ReadyDock to compatible metal gym racks and poles in seconds.\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\u003eKeep your phone positioned nearby so recording your workouts becomes easier.\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 Hydrated\u003c\/h3\u003e\n\u003cp\u003eKeep your water bottle within arm's reach instead of leaving it somewhere across the gym.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"geardock-benefit\"\u003e\n\u003cdiv class=\"geardock-icon\"\u003e🎒\u003c\/div\u003e\n\u003ch3\u003eLess Clutter\u003c\/h3\u003e\n\u003cp\u003eGet your everyday gym essentials off the floor and organized in one convenient place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"geardock-benefit\"\u003e\n\u003cdiv class=\"geardock-icon\"\u003e🏋️\u003c\/div\u003e\n\u003ch3\u003eBuilt For Training\u003c\/h3\u003e\n\u003cp\u003eLightweight, compact and designed around the needs of people who train regularly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE --\u003e\n\u003cdiv class=\"geardock-feature\"\u003e\n\u003cstrong\u003e UP TO 5KG MAGNETIC HOLD \u003c\/strong\u003e \u003cspan\u003e Ultra-strong neodymium magnet • Compatible with ferrous surfaces \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- WHAT FITS --\u003e\n\u003cdiv class=\"geardock-fits\"\u003e\n\u003cdiv class=\"geardock-section-title\"\u003e\n\u003ch2\u003eBring Your \u003cspan\u003eEssentials.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eEverything you need during your workout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"geardock-fit-grid\"\u003e\n\u003cdiv class=\"geardock-fit\"\u003e📱 Smartphone\u003c\/div\u003e\n\u003cdiv class=\"geardock-fit\"\u003e💧 Water Bottle\u003c\/div\u003e\n\u003cdiv class=\"geardock-fit\"\u003e🎧 Earbuds\u003c\/div\u003e\n\u003cdiv class=\"geardock-fit\"\u003e🔑 Keys\u003c\/div\u003e\n\u003cdiv class=\"geardock-fit\"\u003e💳 Cards \u0026amp; Cash\u003c\/div\u003e\n\u003cdiv class=\"geardock-fit\"\u003e🕶️ Sunglasses\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"geardock-cta\"\u003e\n\u003ch2\u003eDock In.\u003cbr\u003e\u003cspan\u003eTrain On.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eLess distraction. Less clutter. More focus.\u003c\/p\u003e\n\u003ca href=\"#AddToCart\" class=\"geardock-button\"\u003e GET YOUR GEARDock™ \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":51533080068402,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0990\/9118\/5970\/files\/geardock-hero-shot.png?v=1785348057","url":"https:\/\/geardock.co.za\/products\/geardock%e2%84%a2-readydock","provider":"GearDock","version":"1.0","type":"link"}