{"product_id":"stridesip™-breathable-lightweight-active-cap","title":"StrideSip™ Breathable Lightweight Active Cap","description":"\u003cdiv id=\"stridesip-cap\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"ss-hero\"\u003e\n\u003cdiv class=\"ss-label\"\u003eSTRIDESIP™ ACTIVE CAP\u003c\/div\u003e\n\u003ch2\u003eMove Light.\u003cbr\u003e\u003cspan\u003eStay Dry.\u003c\/span\u003e\u003cbr\u003eGo Further.\u003c\/h2\u003e\n\u003cp\u003eLightweight, breathable and quick-drying performance designed to keep you comfortable while you move.\u003c\/p\u003e\n\u003cdiv class=\"ss-pills\"\u003e\n\u003cspan\u003e⚡ Lightweight\u003c\/span\u003e \u003cspan\u003e🌬️ Breathable\u003c\/span\u003e \u003cspan\u003e💧 Quick-Dry\u003c\/span\u003e \u003cspan\u003e🎯 Adjustable Fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- KEY BENEFITS --\u003e\n\u003csection class=\"ss-section\"\u003e\n\u003cdiv class=\"ss-heading\"\u003e\n\u003csmall\u003eWHY STRIDESIP™\u003c\/small\u003e\n\u003ch3\u003eBuilt for movement.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-grid\"\u003e\n\u003cdiv class=\"ss-card\"\u003e\n\u003cdiv class=\"ss-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eLightweight\u003c\/h4\u003e\n\u003cp\u003eLightweight construction keeps the cap comfortable without weighing you down.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-card\"\u003e\n\u003cdiv class=\"ss-icon\"\u003e🌬️\u003c\/div\u003e\n\u003ch4\u003eBreathable\u003c\/h4\u003e\n\u003cp\u003eBreathable mesh panels allow airflow to help keep you cool while you're active.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-card\"\u003e\n\u003cdiv class=\"ss-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eQuick-Dry\u003c\/h4\u003e\n\u003cp\u003eQuick-drying fabric helps manage moisture so you can stay comfortable during activity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-card\"\u003e\n\u003cdiv class=\"ss-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch4\u003eAdjustable Fit\u003c\/h4\u003e\n\u003cp\u003eThe adjustable rear string lets you create a secure and comfortable fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MORE DETAILS --\u003e\n\u003csection class=\"ss-section\"\u003e\n\u003cdiv class=\"ss-heading\"\u003e\n\u003csmall\u003eMORE TO KNOW\u003c\/small\u003e\n\u003ch3\u003eSimple. Light. Ready.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-accordion\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e💧 Quick-Dry \u0026amp; Breathable\u003c\/span\u003e \u003cb\u003e+\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eLightweight, breathable material with quick-drying properties helps keep you comfortable during running, training and outdoor activities.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e🎯 Adjustable String\u003c\/span\u003e \u003cb\u003e+\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eAdjust the rear string to create a secure and comfortable fit while you're on the move.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan\u003e🏃 Built for Movement\u003c\/span\u003e \u003cb\u003e+\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003ePerfect for running, workouts, hiking, outdoor adventures or everyday wear.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"ss-cta\"\u003e\n\u003cdiv class=\"ss-label\"\u003eSTRIDESIP™ ACTIVE CAP\u003c\/div\u003e\n\u003ch3\u003eStay light.\u003cbr\u003eKeep moving.\u003c\/h3\u003e\n\u003cp\u003eBuilt for movement. Designed for comfort.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   STRIDESIP™ ACTIVE CAP\n   ========================================================= *\/\n\n#stridesip-cap {\n\n  --blue: #087cf0;\n  --blue-dark: #075fc0;\n  --blue-light: #eaf5ff;\n\n  --black: #171b20;\n  --grey: #66727d;\n\n  --light: #f6faff;\n  --border: #e1eaf2;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Arial,\n    sans-serif;\n\n  color: var(--black);\n  background: #ffffff;\n\n  line-height: 1.5;\n  overflow: hidden;\n}\n\n\n#stridesip-cap *,\n#stridesip-cap *::before,\n#stridesip-cap *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n#stridesip-cap .ss-hero {\n\n  text-align: center;\n\n  max-width: 760px;\n  margin: auto;\n\n  padding: 35px 18px 30px;\n}\n\n\n#stridesip-cap .ss-label {\n\n  display: inline-block;\n\n  color: var(--blue);\n\n  font-size: 11px;\n  font-weight: 900;\n\n  letter-spacing: 1.6px;\n}\n\n\n#stridesip-cap .ss-hero h2 {\n\n  margin: 15px 0;\n\n  font-size: clamp(40px, 7vw, 64px);\n\n  line-height: .98;\n\n  letter-spacing: -2.5px;\n\n  font-weight: 900;\n}\n\n\n#stridesip-cap .ss-hero h2 span {\n\n  color: var(--blue);\n}\n\n\n#stridesip-cap .ss-hero p {\n\n  max-width: 600px;\n\n  margin: auto;\n\n  color: var(--grey);\n\n  font-size: 16px;\n}\n\n\n#stridesip-cap .ss-pills {\n\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 8px;\n\n  margin-top: 20px;\n}\n\n\n#stridesip-cap .ss-pills span {\n\n  padding: 8px 12px;\n\n  border: 1px solid var(--border);\n\n  background: var(--light);\n\n  border-radius: 999px;\n\n  font-size: 11px;\n\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   GENERAL SECTIONS\n   ========================================================= *\/\n\n#stridesip-cap .ss-section {\n\n  padding: 55px 16px;\n}\n\n\n#stridesip-cap .ss-heading {\n\n  max-width: 700px;\n\n  margin: 0 auto 25px;\n\n  text-align: center;\n}\n\n\n#stridesip-cap .ss-heading small {\n\n  color: var(--blue);\n\n  font-size: 10px;\n\n  font-weight: 900;\n\n  letter-spacing: 1.5px;\n}\n\n\n#stridesip-cap .ss-heading h3 {\n\n  margin: 8px 0 0;\n\n  font-size: clamp(28px, 5vw, 42px);\n\n  line-height: 1.05;\n\n  letter-spacing: -1.5px;\n}\n\n\n\/* =========================================================\n   BENEFIT CARDS\n   ========================================================= *\/\n\n#stridesip-cap .ss-grid {\n\n  max-width: 900px;\n\n  margin: auto;\n\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n\n  gap: 10px;\n}\n\n\n#stridesip-cap .ss-card {\n\n  padding: 20px 16px;\n\n  border: 1px solid var(--border);\n\n  border-radius: 18px;\n\n  background: #ffffff;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    border-color .25s ease;\n}\n\n\n#stridesip-cap .ss-card:hover {\n\n  transform: translateY(-4px);\n\n  border-color: #bcdcf8;\n\n  box-shadow:\n    0 12px 30px rgba(20,55,90,.08);\n}\n\n\n#stridesip-cap .ss-icon {\n\n  width: 40px;\n  height: 40px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  background: var(--blue-light);\n\n  border-radius: 12px;\n\n  font-size: 19px;\n\n  margin-bottom: 12px;\n}\n\n\n#stridesip-cap .ss-card h4 {\n\n  margin: 0 0 5px;\n\n  font-size: 15px;\n}\n\n\n#stridesip-cap .ss-card p {\n\n  margin: 0;\n\n  color: var(--grey);\n\n  font-size: 12px;\n}\n\n\n\/* =========================================================\n   ACCORDION\n   ========================================================= *\/\n\n#stridesip-cap .ss-accordion {\n\n  max-width: 750px;\n\n  margin: auto;\n}\n\n\n#stridesip-cap .ss-accordion details {\n\n  border-bottom: 1px solid var(--border);\n}\n\n\n#stridesip-cap .ss-accordion summary {\n\n  display: flex;\n\n  justify-content: space-between;\n\n  align-items: center;\n\n  padding: 17px 5px;\n\n  cursor: pointer;\n\n  list-style: none;\n\n  font-size: 14px;\n\n  font-weight: 750;\n}\n\n\n#stridesip-cap .ss-accordion summary::-webkit-details-marker {\n\n  display: none;\n}\n\n\n#stridesip-cap .ss-accordion summary b {\n\n  color: var(--blue);\n\n  font-size: 20px;\n\n  transition: transform .25s ease;\n}\n\n\n#stridesip-cap .ss-accordion details[open] summary b {\n\n  transform: rotate(45deg);\n}\n\n\n#stridesip-cap .ss-accordion p {\n\n  margin: 0;\n\n  padding: 0 5px 17px;\n\n  color: var(--grey);\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n#stridesip-cap .ss-cta {\n\n  padding: 65px 18px;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at center,\n      #12395d 0%,\n      #171b20 55%,\n      #111519 100%\n    );\n\n  color: #ffffff;\n}\n\n\n#stridesip-cap .ss-cta h3 {\n\n  margin: 12px 0;\n\n  color: #ffffff !important;\n\n  font-size: clamp(36px, 6vw, 55px);\n\n  line-height: 1;\n\n  letter-spacing: -2px;\n}\n\n\n#stridesip-cap .ss-cta p {\n\n  color: #c5cdd4 !important;\n\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   MOBILE OPTIMISATION\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n  #stridesip-cap .ss-hero {\n\n    padding: 28px 15px 25px;\n  }\n\n\n  #stridesip-cap .ss-hero h2 {\n\n    font-size: 43px;\n  }\n\n\n  #stridesip-cap .ss-hero p {\n\n    font-size: 14px;\n  }\n\n\n  #stridesip-cap .ss-pills span {\n\n    font-size: 10px;\n\n    padding: 7px 9px;\n  }\n\n\n  #stridesip-cap .ss-section {\n\n    padding: 45px 13px;\n  }\n\n\n  #stridesip-cap .ss-heading h3 {\n\n    font-size: 30px;\n  }\n\n\n  #stridesip-cap .ss-grid {\n\n    grid-template-columns: 1fr 1fr;\n  }\n\n\n  #stridesip-cap .ss-card {\n\n    padding: 17px 14px;\n  }\n\n\n  #stridesip-cap .ss-card h4 {\n\n    font-size: 14px;\n  }\n\n\n  #stridesip-cap .ss-card p {\n\n    font-size: 11px;\n  }\n\n\n  #stridesip-cap .ss-cta {\n\n    padding: 55px 15px;\n  }\n\n\n  #stridesip-cap .ss-cta h3 {\n\n    font-size: 42px;\n\n    color: #ffffff !important;\n  }\n\n}\n\n\n@media (max-width: 380px) {\n\n  #stridesip-cap .ss-hero h2 {\n\n    font-size: 38px;\n  }\n\n\n  #stridesip-cap .ss-grid {\n\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\u003c\/style\u003e","brand":"StrideSip","offers":[{"title":"Gray","offer_id":52817174528280,"sku":null,"price":399.99,"currency_code":"ZAR","in_stock":true},{"title":"Cream","offer_id":52817174561048,"sku":null,"price":399.99,"currency_code":"ZAR","in_stock":true},{"title":"Peach","offer_id":52817174593816,"sku":null,"price":399.99,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":52817174626584,"sku":null,"price":399.99,"currency_code":"ZAR","in_stock":true},{"title":"Lavender","offer_id":52817174659352,"sku":null,"price":399.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/5349\/2760\/files\/grey-cap-on-white-background.png?v=1791300758","url":"https:\/\/stridesip.co.za\/products\/stridesip%e2%84%a2-breathable-lightweight-active-cap","provider":"StrideSip","version":"1.0","type":"link"}