{"product_id":"f-one-bandit-17-bc-kite","title":"F-One BANDIT 17 BRAINCHILD Kite","description":"\u003ch3\u003eEverywhere, anytime, in every condition.\u003c\/h3\u003e\u003chr style=\"max-width: 600px; margin: 1rem 0 !important;\"\u003eThe BANDIT Limited Edition by Brainchild delivers unprecedented sensations, with a lighter, more responsive kite and impressive bar feedback. With its revolutionary design and concepts, this kite embodies a perfect fusion of technological innovation and passion, opening the way to new performances on the water while keeping its legendary DNA.\n\u003cul\u003e\n    \u003cli\u003eThe perfect combination of our legendary BANDIT and the revolutionary Brainchild technologies\u003c\/li\u003e\n    \u003cli\u003eLightweight, ultra-responsive, and stable kite in all conditions\u003c\/li\u003e\n    \u003cli\u003eAbsolute control and reduced traction in strong winds\u003c\/li\u003e\n    \u003cli\u003eImpressive upwind performance in the low end\u003c\/li\u003e\n    \u003cli\u003ePrecise and light bar feel\u003c\/li\u003e\n    \u003cli\u003eFloaty hangtime and exceptional handling for kite loops\u003c\/li\u003e\n\u003c\/ul\u003e\u003cstyle\u003e\n    .progress-container {\n        display: flex;\n        justify-content: space-between;\n        background-color: #f9f9f9;\n        padding: 40px 25px 60px 25px;\n    }\n    .progress-ring {\n        width: 150px;\n        height: 150px;\n        position: relative;\n        text-align: center;\n    }\n    .progress-ring circle {\n        fill: transparent;\n        stroke: #ff6800;\n        stroke-width: 15;\n        transform: rotate(-90deg);\n        transform-origin: 50% 50%;\n        transition: stroke-dashoffset 0.5s;\n    }\n    .progress-ring .ring-background {\n        fill: transparent;\n        stroke: #ccc;\n        stroke-width: 15;\n        transform: rotate(-90deg);\n        transform-origin: 50% 50%;\n    }\n    .progress-text {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        font-size: 24px;\n    }\n    .progress-title {\n        font-size: 20px;\n        color: black;\n        margin-top: 10px;\n    }\n    @media (max-width: 768px) {\n        .progress-container {\n            flex-direction: column;\n            align-items: center;\n        }\n        .progress-ring {\n            margin-bottom: 50px;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-md-6\"\u003e\u003ciframe src=\"https:\/\/emersya.com\/showcase\/BYGN3FDT56\" width=\"1280\" height=\"720\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\" data-gtm-yt-inspected-7=\"true\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cdiv class=\"col-md-6 order-md-last\"\u003e\n\u003cp style=\"text-align: justify; margin-top: -5px;\"\u003eFrom the very first tests of Brainchild-produced kites, we discovered a new potential for reactivity and in-flight performance, prompting us to consider a new version of our famous BANDIT. After studying and adapting our designs to this innovative technology, the BANDIT has evolved considerably, offering a whole new range of sensations.\n\nThe high end of the BANDIT Limited Edition by Brainchild benefits from a significant improvement in comfort and control. An innovative feature of this kite is, when sheeted out, its unique ability to move towards the edge of the window, significantly reducing the amount of traction felt.\n\nThe difference is clearly perceptible when riding upwind in strong winds, with a noticeable reduction in the traction exerted on the back and legs. In the low end, the kite is optimally positioned in the window, offering stable, constant traction and a better upwind angle.\n\nThis configuration also works wonders when sending the kite back to 12 for a jump. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003ePERFORMANCE\u003c\/h3\u003e\n\u003chr style=\"border: none; border-top: 1px solid #B3B3B3; width: 30%; margin: 0 0 20px 0;\"\u003e\n\u003cdiv class=\"progress-container\"\u003e\n\u003cdiv class=\"progress-ring\" id=\"ring1\" data-progress=\"80\"\u003e\n\u003csvg width=\"150\" height=\"150\"\u003e\n            \u003ccircle class=\"ring-background\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"ring\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eBig Air\u003c\/div\u003e\n\u003cdiv class=\"progress-text\" id=\"progress1\"\u003e0%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"progress-ring\" id=\"ring2\" data-progress=\"90\"\u003e\n\u003csvg width=\"150\" height=\"150\"\u003e\n            \u003ccircle class=\"ring-background\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"ring\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eFoil\u003c\/div\u003e\n\u003cdiv class=\"progress-text\" id=\"progress2\"\u003e0%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"progress-ring\" id=\"ring3\" data-progress=\"100\"\u003e\n\u003csvg width=\"150\" height=\"150\"\u003e\n            \u003ccircle class=\"ring-background\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"ring\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eFreeride\u003c\/div\u003e\n\u003cdiv class=\"progress-text\" id=\"progress3\"\u003e0%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"progress-ring\" id=\"ring4\" data-progress=\"80\"\u003e\n\u003csvg width=\"150\" height=\"150\"\u003e\n            \u003ccircle class=\"ring-background\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"ring\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eWave\u003c\/div\u003e\n\u003cdiv class=\"progress-text\" id=\"progress4\"\u003e0%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        function animateProgress(ringId, from, to, duration) {\n            const ring = document.querySelector(`#ring${ringId} .ring`);\n            const text = document.getElementById(`progress${ringId}`);\n            const title = document.querySelector(`#ring${ringId} .progress-title`);\n            const circumference = 2 * Math.PI * 65; \/\/ Hardcoding the radius as 65 for this example\n            const increment = (to - from) \/ (duration * 60);\n            let current = from;\n\n            function update() {\n                if ((increment \u003e 0 \u0026\u0026 current \u003c to) || (increment \u003c 0 \u0026\u0026 current \u003e to)) {\n                    const offset = circumference - (current \/ 100) * circumference;\n                    ring.style.strokeDasharray = `${circumference} ${circumference}`;\n                    ring.style.strokeDashoffset = offset;\n                    text.textContent = `${Math.round(current)}%`;\n\n                    current += increment;\n                    requestAnimationFrame(update);\n                } else {\n                    const offset = circumference - (to \/ 100) * circumference;\n                    ring.style.strokeDashoffset = offset;\n                    text.textContent = `${to}%`;\n                }\n            }\n\n            update();\n        }\n\n        function handleIntersection(entries, observer) {\n            entries.forEach((entry) =\u003e {\n                if (entry.isIntersecting) {\n                    const ringId = entry.target.id.replace('ring', '');\n                    const from = 0;\n                    const to = parseInt(entry.target.getAttribute('data-progress'), 10);\n                    animateProgress(ringId, from, to, 2);\n                    observer.unobserve(entry.target);\n                }\n            });\n        }\n\n        const rings = document.querySelectorAll('.progress-ring');\n\n        const observer = new IntersectionObserver(handleIntersection, {\n            root: null,\n            rootMargin: '0px',\n            threshold: 0.2 \/\/ Adjust this threshold as needed\n        });\n\n        rings.forEach((ring) =\u003e {\n            observer.observe(ring);\n        });\n    });\n\u003c\/script\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"F-One","offers":[{"title":"8m \/ Ignite","offer_id":50619918680401,"sku":"FW25-77251-0111B-8A","price":1507.99,"currency_code":"EUR","in_stock":false},{"title":"9m \/ Ignite","offer_id":50619918745937,"sku":"FW25-77251-0110B-9A","price":1567.99,"currency_code":"EUR","in_stock":false},{"title":"10m \/ Ignite","offer_id":50619918713169,"sku":"FW25-77251-0110B-10A","price":1637.99,"currency_code":"EUR","in_stock":false},{"title":"12m \/ Ignite","offer_id":50619918778705,"sku":"FW25-77251-0110B-12A","price":1767.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/bandit-brainchild-12.png?v=1743687311","url":"https:\/\/www.billy.be\/products\/f-one-bandit-17-bc-kite","provider":"Billy.be","version":"1.0","type":"link"}