{"title":"Bestsellers","description":"\u003csection class=\"craftline-collection-section\"\u003e\n  \u003cdiv class=\"craftline-collection-orb orb-blush\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"craftline-collection-orb orb-blue\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"craftline-collection-shine\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"craftline-collection-wrap\"\u003e\n    \u003cdiv class=\"craftline-collection-header\"\u003e\n      \u003cdiv class=\"craftline-collection-tag\"\u003eCraftline™ Movement Essentials\u003c\/div\u003e\n\n      \u003ch2\u003eCraftline™ Body Support Collection\u003c\/h2\u003e\n\n      \u003cp\u003e\n        A premium collection of compact tools designed for lower-body training, posture support,\n        and smoother daily movement. Built for simple home workouts, active routines, and everyday\n        comfort without bulky gym equipment.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"craftline-collection-grid\"\u003e\n      \u003cdiv class=\"craftline-collection-card\"\u003e\n        \u003cspan\u003e💪\u003c\/span\u003e\n        \u003ch3\u003eCraftline™ Lower Body Toner\u003c\/h3\u003e\n        \u003cp\u003eActivates thighs, hips, and glutes with smooth resistance-based movement.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"craftline-collection-card\"\u003e\n        \u003cspan\u003e🧍\u003c\/span\u003e\n        \u003ch3\u003eCraftline™ PostureCore Belt\u003c\/h3\u003e\n        \u003cp\u003eSupports your lower back, hips, and core with a secure adjustable fit.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"craftline-collection-card\"\u003e\n        \u003cspan\u003e🦵\u003c\/span\u003e\n        \u003ch3\u003eCraftline™ KneeEase Support\u003c\/h3\u003e\n        \u003cp\u003eProvides lightweight knee support for workouts, walks, sports, and daily movement.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"craftline-collection-card\"\u003e\n        \u003cspan\u003e🍑\u003c\/span\u003e\n        \u003ch3\u003eCraftline™ Resistance Bands\u003c\/h3\u003e\n        \u003cp\u003eAdds controlled resistance to squats, bridges, lunges, and lower-body training.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"craftline-collection-benefits\"\u003e\n      \u003cdiv\u003e🏠 Home-friendly essentials\u003c\/div\u003e\n      \u003cdiv\u003e✨ Premium compact design\u003c\/div\u003e\n      \u003cdiv\u003e🔁 Smooth controlled movement\u003c\/div\u003e\n      \u003cdiv\u003e🎒 Easy to store \u0026amp; carry\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .craftline-collection-section {\n    position: relative;\n    overflow: hidden;\n    padding: 64px 18px;\n    font-family: inherit;\n    background:\n      radial-gradient(circle at top left, rgba(255, 175, 210, 0.26), transparent 34%),\n      radial-gradient(circle at bottom right, rgba(160, 205, 255, 0.28), transparent 36%),\n      linear-gradient(135deg, #fff8fb 0%, #ffffff 48%, #f7f9ff 100%);\n  }\n\n  .craftline-collection-orb {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(40px);\n    opacity: 0.58;\n    pointer-events: none;\n    animation: collectionFloat 8s ease-in-out infinite;\n  }\n\n  .orb-blush {\n    width: 280px;\n    height: 280px;\n    top: -120px;\n    left: -95px;\n    background: rgba(255, 145, 195, 0.42);\n  }\n\n  .orb-blue {\n    width: 320px;\n    height: 320px;\n    right: -130px;\n    bottom: -140px;\n    background: rgba(145, 200, 255, 0.38);\n    animation-delay: 1.3s;\n  }\n\n  .craftline-collection-shine {\n    position: absolute;\n    top: 0;\n    left: -45%;\n    width: 42%;\n    height: 100%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.48),\n      transparent\n    );\n    transform: skewX(-20deg);\n    animation: collectionShine 6s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .craftline-collection-wrap {\n    position: relative;\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 42px;\n    border-radius: 36px;\n    background: rgba(255, 255, 255, 0.78);\n    backdrop-filter: blur(24px);\n    -webkit-backdrop-filter: blur(24px);\n    border: 1px solid rgba(255, 255, 255, 0.84);\n    box-shadow:\n      0 30px 90px rgba(80, 60, 90, 0.10),\n      inset 0 1px 0 rgba(255, 255, 255, 0.95);\n    animation: collectionFadeUp 0.85s ease both;\n  }\n\n  .craftline-collection-wrap::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: 36px;\n    padding: 1px;\n    background: linear-gradient(\n      135deg,\n      rgba(255, 150, 205, 0.55),\n      rgba(170, 200, 255, 0.52),\n      rgba(255, 255, 255, 0.25)\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-collection-header {\n    max-width: 760px;\n  }\n\n  .craftline-collection-tag {\n    display: inline-flex;\n    margin-bottom: 15px;\n    padding: 8px 15px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, #181318, #6f5874);\n    color: #fff;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 1.4px;\n    text-transform: uppercase;\n  }\n\n  .craftline-collection-header h2 {\n    margin: 0 0 16px;\n    color: #111;\n    font-size: clamp(32px, 5vw, 56px);\n    line-height: 1.04;\n    font-weight: 650;\n    letter-spacing: -1.5px;\n  }\n\n  .craftline-collection-header p {\n    margin: 0;\n    color: #4a4548;\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .craftline-collection-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n    margin-top: 34px;\n  }\n\n  .craftline-collection-card {\n    position: relative;\n    padding: 20px;\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.78);\n    border: 1px solid rgba(255, 255, 255, 0.88);\n    box-shadow: 0 12px 32px rgba(80, 60, 90, 0.06);\n    cursor: pointer;\n    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;\n  }\n\n  .craftline-collection-card span {\n    width: 44px;\n    height: 44px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 16px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, rgba(255, 205, 230, 0.95), rgba(205, 230, 255, 0.85));\n    font-size: 20px;\n    transition: transform 0.28s ease;\n  }\n\n  .craftline-collection-card h3 {\n    margin: 0 0 10px;\n    color: #171417;\n    font-size: 17px;\n    line-height: 1.25;\n    font-weight: 650;\n  }\n\n  .craftline-collection-card p {\n    margin: 0;\n    color: #555055;\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .craftline-collection-card:hover {\n    transform: translateY(-6px);\n    background: rgba(255, 255, 255, 0.96);\n    box-shadow: 0 20px 48px rgba(80, 60, 90, 0.13);\n  }\n\n  .craftline-collection-card:hover span {\n    transform: scale(1.08) rotate(-5deg);\n  }\n\n  .craftline-collection-card.is-active {\n    background: linear-gradient(135deg, #151115, #6f5874);\n  }\n\n  .craftline-collection-card.is-active h3,\n  .craftline-collection-card.is-active p {\n    color: #fff;\n  }\n\n  .craftline-collection-card.is-active span {\n    background: #fff;\n  }\n\n  .craftline-collection-benefits {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 30px;\n  }\n\n  .craftline-collection-benefits div {\n    padding: 11px 15px;\n    border-radius: 999px;\n    background: rgba(255, 245, 250, 0.92);\n    border: 1px solid rgba(255, 155, 205, 0.22);\n    color: #252025;\n    font-size: 13px;\n    font-weight: 520;\n    transition: all 0.28s ease;\n  }\n\n  .craftline-collection-benefits div:hover {\n    transform: translateY(-3px);\n    background: #151115;\n    color: #fff;\n  }\n\n  @keyframes collectionFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(26px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes collectionFloat {\n    0%, 100% {\n      transform: translateY(0) scale(1);\n    }\n    50% {\n      transform: translateY(22px) scale(1.06);\n    }\n  }\n\n  @keyframes collectionShine {\n    0% {\n      left: -45%;\n    }\n    45%, 100% {\n      left: 120%;\n    }\n  }\n\n  @media (max-width: 900px) {\n    .craftline-collection-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 680px) {\n    .craftline-collection-section {\n      padding: 44px 14px;\n    }\n\n    .craftline-collection-wrap {\n      padding: 28px 20px;\n      border-radius: 28px;\n    }\n\n    .craftline-collection-wrap::before {\n      border-radius: 28px;\n    }\n\n    .craftline-collection-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .craftline-collection-header p {\n      font-size: 15px;\n      line-height: 1.68;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.querySelectorAll(\".craftline-collection-card\").forEach((item) =\u003e {\n    item.addEventListener(\"click\", () =\u003e {\n      item.classList.toggle(\"is-active\");\n    });\n  });\n\u003c\/script\u003e","products":[],"url":"https:\/\/craftline.co.za\/collections\/bestsellers.oembed","provider":"Craftline ","version":"1.0","type":"link"}