{"product_id":"craftline™-kneeease-support","title":"Craftline™ KneeEase Support","description":"\u003csection class=\"craftline-knee-section\"\u003e\n  \u003cdiv class=\"craftline-knee-orb orb-one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"craftline-knee-orb orb-two\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"craftline-knee-line\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"craftline-knee-card\"\u003e\n    \u003cdiv class=\"craftline-knee-tag\"\u003eTargeted Knee Support\u003c\/div\u003e\n\n    \u003ch2\u003eCraftline™ KneeEase Support\u003c\/h2\u003e\n\n    \u003cp class=\"craftline-knee-copy\"\u003e\n      The Craftline™ KneeEase Support is made for smooth, secure knee support during movement.\n      Designed with a slim adjustable fit, it helps support the patella area while staying lightweight,\n      comfortable, and easy to wear for workouts, walking, sports, or daily activity.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"craftline-knee-pills\"\u003e\n      \u003cspan\u003eSecure Fit\u003c\/span\u003e\n      \u003cspan\u003eDaily Movement\u003c\/span\u003e\n      \u003cspan\u003eSport Ready\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"craftline-knee-grid\"\u003e\n      \u003cdiv class=\"craftline-knee-benefit\"\u003e\n        \u003cspan\u003e🦵\u003c\/span\u003e\n        \u003cp\u003eSupports the patella area\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"craftline-knee-benefit\"\u003e\n        \u003cspan\u003e🔒\u003c\/span\u003e\n        \u003cp\u003eAdjustable secure fit\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"craftline-knee-benefit\"\u003e\n        \u003cspan\u003e🏃\u003c\/span\u003e\n        \u003cp\u003eGreat for workouts, walks \u0026amp; sports\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"craftline-knee-benefit\"\u003e\n        \u003cspan\u003e🌬️\u003c\/span\u003e\n        \u003cp\u003eLightweight and comfortable\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"craftline-knee-benefit\"\u003e\n        \u003cspan\u003e⚡\u003c\/span\u003e\n        \u003cp\u003eHelps support smoother movement\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"craftline-knee-benefit\"\u003e\n        \u003cspan\u003e✨\u003c\/span\u003e\n        \u003cp\u003eSlim, discreet \u0026amp; easy to wear\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .craftline-knee-section {\n    position: relative;\n    overflow: hidden;\n    padding: 60px 18px;\n    font-family: inherit;\n    background:\n      radial-gradient(circle at top left, rgba(210, 215, 220, 0.55), transparent 34%),\n      radial-gradient(circle at bottom right, rgba(160, 25, 38, 0.12), transparent 34%),\n      linear-gradient(135deg, #f7f5f1 0%, #ffffff 50%, #f2f3f4 100%);\n  }\n\n  .craftline-knee-orb {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(38px);\n    opacity: 0.58;\n    pointer-events: none;\n    animation: kneeFloat 8s ease-in-out infinite;\n  }\n\n  .orb-one {\n    width: 260px;\n    height: 260px;\n    top: -110px;\n    left: -90px;\n    background: rgba(180, 188, 196, 0.55);\n  }\n\n  .orb-two {\n    width: 300px;\n    height: 300px;\n    right: -120px;\n    bottom: -130px;\n    background: rgba(165, 32, 44, 0.16);\n    animation-delay: 1.4s;\n  }\n\n  .craftline-knee-line {\n    position: absolute;\n    top: 0;\n    left: -40%;\n    width: 40%;\n    height: 100%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.42),\n      transparent\n    );\n    transform: skewX(-20deg);\n    animation: kneeShine 5.5s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .craftline-knee-card {\n    position: relative;\n    max-width: 860px;\n    margin: 0 auto;\n    padding: 40px;\n    border-radius: 34px;\n    background: rgba(255, 255, 255, 0.78);\n    backdrop-filter: blur(22px);\n    -webkit-backdrop-filter: blur(22px);\n    border: 1px solid rgba(255, 255, 255, 0.82);\n    box-shadow:\n      0 28px 80px rgba(20, 20, 20, 0.08),\n      inset 0 1px 0 rgba(255, 255, 255, 0.95);\n    animation: kneeFadeUp 0.85s ease both;\n  }\n\n  .craftline-knee-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: 34px;\n    padding: 1px;\n    background: linear-gradient(\n      135deg,\n      rgba(20, 20, 20, 0.22),\n      rgba(185, 190, 198, 0.65),\n      rgba(170, 32, 45, 0.32)\n    );\n    -webkit-mask:\n      linear-gradient(#fff 0 0) content-box,\n      linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n    pointer-events: none;\n  }\n\n  .craftline-knee-tag {\n    display: inline-flex;\n    align-items: center;\n    margin-bottom: 15px;\n    padding: 8px 15px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, #171717, #3a3a3a);\n    color: #fff;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 1.4px;\n    text-transform: uppercase;\n  }\n\n  .craftline-knee-card h2 {\n    margin: 0 0 16px;\n    color: #111;\n    font-size: clamp(30px, 4.5vw, 50px);\n    line-height: 1.04;\n    font-weight: 650;\n    letter-spacing: -1.4px;\n  }\n\n  .craftline-knee-copy {\n    margin: 0;\n    max-width: 720px;\n    color: #4a4a4a;\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .craftline-knee-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 24px;\n  }\n\n  .craftline-knee-pills span {\n    padding: 10px 14px;\n    border-radius: 999px;\n    background: rgba(245, 246, 247, 0.95);\n    border: 1px solid rgba(20, 20, 20, 0.06);\n    color: #222;\n    font-size: 13px;\n    font-weight: 520;\n    transition: all 0.28s ease;\n  }\n\n  .craftline-knee-pills span:hover {\n    transform: translateY(-3px);\n    background: #111;\n    color: #fff;\n  }\n\n  .craftline-knee-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 14px;\n    margin-top: 30px;\n  }\n\n  .craftline-knee-benefit {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    padding: 16px;\n    border-radius: 21px;\n    background: rgba(255, 255, 255, 0.76);\n    border: 1px solid rgba(255, 255, 255, 0.86);\n    box-shadow: 0 10px 30px rgba(20, 20, 20, 0.045);\n    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;\n    cursor: pointer;\n  }\n\n  .craftline-knee-benefit span {\n    min-width: 40px;\n    width: 40px;\n    height: 40px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    background: linear-gradient(135deg, rgba(238, 240, 242, 0.95), rgba(255, 255, 255, 0.95));\n    font-size: 18px;\n    transition: transform 0.28s ease;\n  }\n\n  .craftline-knee-benefit p {\n    margin: 0;\n    color: #232323;\n    font-size: 14px;\n    font-weight: 520;\n    line-height: 1.35;\n  }\n\n  .craftline-knee-benefit:hover {\n    transform: translateY(-5px);\n    background: rgba(255, 255, 255, 0.96);\n    box-shadow: 0 18px 44px rgba(20, 20, 20, 0.1);\n  }\n\n  .craftline-knee-benefit:hover span {\n    transform: scale(1.08) rotate(-5deg);\n  }\n\n  .craftline-knee-benefit.is-active {\n    background: linear-gradient(135deg, #111, #2b2b2b);\n  }\n\n  .craftline-knee-benefit.is-active p {\n    color: #fff;\n  }\n\n  .craftline-knee-benefit.is-active span {\n    background: #fff;\n  }\n\n  @keyframes kneeFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(26px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes kneeFloat {\n    0%, 100% {\n      transform: translateY(0) scale(1);\n    }\n    50% {\n      transform: translateY(22px) scale(1.06);\n    }\n  }\n\n  @keyframes kneeShine {\n    0% {\n      left: -45%;\n    }\n    45%, 100% {\n      left: 120%;\n    }\n  }\n\n  @media (max-width: 680px) {\n    .craftline-knee-section {\n      padding: 44px 14px;\n    }\n\n    .craftline-knee-card {\n      padding: 27px 20px;\n      border-radius: 28px;\n    }\n\n    .craftline-knee-card::before {\n      border-radius: 28px;\n    }\n\n    .craftline-knee-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .craftline-knee-copy {\n      font-size: 15px;\n      line-height: 1.68;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.querySelectorAll(\".craftline-knee-benefit\").forEach((item) =\u003e {\n    item.addEventListener(\"click\", () =\u003e {\n      item.classList.toggle(\"is-active\");\n    });\n  });\n\u003c\/script\u003e","brand":"Craftline ","offers":[{"title":"Black","offer_id":49977464553712,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":49977464586480,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true},{"title":"Grey","offer_id":49977464619248,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0847\/8837\/9888\/files\/ChatGPT_Image_Aug_12_2026_09_52_13_PM.png?v=1786564388","url":"https:\/\/craftline.co.za\/products\/craftline%e2%84%a2-kneeease-support","provider":"Craftline ","version":"1.0","type":"link"}