{"product_id":"lekker-miles™-hands-free-performance-vest","title":"Lekker Miles™ Hands-Free Performance Vest","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800;900\u0026display=swap');\n\n.lekker-wrapper {\n  font-family: 'Inter', sans-serif;\n  background: linear-gradient(160deg, #f7fbff, #edf6ff);\n  padding: 55px 18px 65px;\n  border-radius: 24px;\n  max-width: 1250px;\n  margin: auto;\n  animation: fadeIn 1.1s ease forwards;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(25px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.lekker-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 40px;\n}\n\n@media(min-width: 900px) {\n  .lekker-grid {\n    grid-template-columns: 1.15fr 0.85fr;\n    gap: 70px;\n  }\n}\n\n\/* HERO HEADLINE *\/\n\n.lekker-title {\n  font-size: 54px;\n  font-weight: 900;\n  line-height: 1.02;\n  letter-spacing: -1.5px;\n  margin-bottom: 14px;\n}\n\n@media(min-width: 600px) {\n  .lekker-title { font-size: 62px; }\n}\n\n@media(min-width: 900px) {\n  .lekker-title { font-size: 78px; }\n}\n\n.lekker-line1 {\n  background: linear-gradient(90deg,#007bff,#00c6ff);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.lekker-line2 {\n  color: #0c1b2a;\n}\n\n.lekker-micro {\n  font-size: 17px;\n  color: #445;\n  margin-bottom: 30px;\n  max-width: 560px;\n}\n\n\/* FEATURES *\/\n\n.lekker-features {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n}\n\n.lekker-card {\n  background: white;\n  padding: 16px 18px;\n  border-radius: 16px;\n  box-shadow: 0 10px 28px rgba(0,123,255,0.12);\n  transition: 0.35s ease;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  animation: float 4.5s ease-in-out infinite;\n}\n\n.lekker-card:hover {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: 0 18px 40px rgba(0,123,255,0.22);\n}\n\n@keyframes float {\n  0%,100% { transform: translateY(0); }\n  50% { transform: translateY(-7px); }\n}\n\n.lekker-icons {\n  font-size: 22px;\n}\n\n\/* SA TAG *\/\n\n.lekker-tag {\n  margin: 30px auto 0;\n  background: linear-gradient(90deg,#007bff,#00c6ff);\n  color: white;\n  padding: 14px 26px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: 16px;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 1.3;\n  width: fit-content;\n  box-shadow: 0 10px 28px rgba(0,123,255,.35);\n  animation: pulse 2s infinite;\n  text-align: center;\n}\n\n.lekker-tag span {\n  font-size: 18px;\n  margin-bottom: 2px;\n}\n\n\/* IMAGE *\/\n\n.lekker-right {\n  position: relative;\n}\n\n.lekker-glow {\n  position: absolute;\n  inset: -20px;\n  background: radial-gradient(circle at center, rgba(0,198,255,.35), transparent 65%);\n  filter: blur(55px);\n  z-index: 0;\n}\n\n.lekker-img {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  border-radius: 26px;\n  box-shadow: 0 22px 65px rgba(0,123,255,.28);\n  animation: float 5.5s ease-in-out infinite;\n}\n\n\/* SPECS *\/\n\n.lekker-specs {\n  margin-top: 45px;\n  background: linear-gradient(135deg, #ffffff, #f2f8ff);\n  padding: 38px 28px;\n  border-radius: 24px;\n  box-shadow: 0 18px 55px rgba(0,123,255,.15);\n  position: relative;\n  overflow: hidden;\n}\n\n.lekker-specs::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at top right, rgba(0,198,255,.25), transparent 60%);\n}\n\n.lekker-specs h3 {\n  position: relative;\n  font-size: 30px;\n  margin-bottom: 10px;\n  background: linear-gradient(90deg,#007bff,#00c6ff);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.lekker-spec-sub {\n  position: relative;\n  font-size: 15px;\n  color: #555;\n  margin-bottom: 26px;\n}\n\n.lekker-spec-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(auto-fit,minmax(170px,1fr));\n  gap: 16px;\n}\n\n.lekker-spec-box {\n  background: white;\n  padding: 15px 17px;\n  border-radius: 16px;\n  box-shadow: 0 10px 28px rgba(0,123,255,.12);\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  font-weight: 600;\n  font-size: 14px;\n  color: #333;\n  transition: .3s ease;\n}\n\n.lekker-spec-box:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 45px rgba(0,123,255,.25);\n}\n\n.lekker-footer {\n  margin-top: 40px;\n  text-align: center;\n  font-weight: 800;\n  color: #007bff;\n  font-size: 17px;\n}\n\n\/* MOBILE *\/\n\n@media(max-width: 480px) {\n  .lekker-title { font-size: 44px; }\n  .lekker-wrapper { padding: 50px 14px 60px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"lekker-wrapper\"\u003e\n\n  \u003cdiv class=\"lekker-grid\"\u003e\n\n    \u003cdiv\u003e\n      \u003ch1 class=\"lekker-title\"\u003e\n        \u003cspan class=\"lekker-line1\"\u003eRUN FREE.\u003c\/span\u003e\u003cbr\u003e\n        \u003cspan class=\"lekker-line2\"\u003ePERFORM BETTER.\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"lekker-micro\"\u003e\n        Hands-free performance for runners who want more from every mile.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"lekker-features\"\u003e\n        \u003cdiv class=\"lekker-card\"\u003e\n\u003cspan class=\"lekker-icons\"\u003e🙌\u003c\/span\u003eHands-Free Freedom – Everything stays secure\u003c\/div\u003e\n        \u003cdiv class=\"lekker-card\"\u003e\n\u003cspan class=\"lekker-icons\"\u003e🚫\u003c\/span\u003eZero Bounce – Moves with you, not against you\u003c\/div\u003e\n        \u003cdiv class=\"lekker-card\"\u003e\n\u003cspan class=\"lekker-icons\"\u003e📱\u003c\/span\u003eSmart Storage – Phone, gels \u0026amp; essentials\u003c\/div\u003e\n        \u003cdiv class=\"lekker-card\"\u003e\n\u003cspan class=\"lekker-icons\"\u003e💨\u003c\/span\u003eLightweight \u0026amp; Breathable comfort\u003c\/div\u003e\n        \u003cdiv class=\"lekker-card\"\u003e\n\u003cspan class=\"lekker-icons\"\u003e🌙\u003c\/span\u003eReflective details for low-light safety\u003c\/div\u003e\n        \u003cdiv class=\"lekker-card\"\u003e\n\u003cspan class=\"lekker-icons\"\u003e🎯\u003c\/span\u003eMulti-sport: run, gym, hike \u0026amp; cycle\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lekker-tag\"\u003e\n        Built for performance\n      \u003c\/div\u003e\n\n    \u003cdiv class=\"lekker-right\"\u003e\n      \u003cdiv class=\"lekker-glow\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"lekker-specs\"\u003e\n    \u003ch3\u003eProduct Specifications\u003c\/h3\u003e\n    \u003cp class=\"lekker-spec-sub\"\u003e\n      Designed for comfort, stability and performance across every distance.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"lekker-spec-grid\"\u003e\n      \u003cdiv class=\"lekker-spec-box\"\u003e🧵 Breathable performance fabric\u003c\/div\u003e\n      \u003cdiv class=\"lekker-spec-box\"\u003e🎯 Ergonomic adjustable fit\u003c\/div\u003e\n      \u003cdiv class=\"lekker-spec-box\"\u003e📦 Multiple secure pockets\u003c\/div\u003e\n      \u003cdiv class=\"lekker-spec-box\"\u003e💦 Sweat \u0026amp; weather resistant\u003c\/div\u003e\n      \u003cdiv class=\"lekker-spec-box\"\u003e🌙 Reflective safety elements\u003c\/div\u003e\n      \u003cdiv class=\"lekker-spec-box\"\u003e⚖ Ultra-light comfort design\u003c\/div\u003e\n      \u003cdiv class=\"lekker-spec-box\"\u003e📏 One size fits most runners\u003c\/div\u003e\n      \u003cdiv class=\"lekker-spec-box\"\u003e🏃 Built for endurance performance\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lekker-footer\"\u003e\n    Gear Up. Run Better. Go Further with Lekker Miles™\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Lekker Miles","offers":[{"title":"Default Title","offer_id":44803346759734,"sku":null,"price":659.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0729\/3491\/6150\/files\/WhatsApp_Image_2026-04-13_at_21.56.16.jpg?v=1776110234","url":"https:\/\/lekkermiles.co.za\/products\/lekker-miles%e2%84%a2-hands-free-performance-vest","provider":"Lekker Miles","version":"1.0","type":"link"}