{"product_id":"airush-2024-session-v2-yellow","title":"Airush SESSION V2 Kite","description":"\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\n\u003cstyle\u003e\u003c!--\n  .popup-container {\n    cursor: pointer;\n  }\n\n  .popup-text {\n    display: none;\n    position: absolute;\n    background-color: #f9f9f9;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    padding: 40px;\n    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n    z-index: 2;\n    width: 900px;\n    left: 20%; \/* Center horizontally *\/\n    top: 98%; \/* Center vertically *\/\n    transform: translate(-10%, -10%); \/* Center both horizontally and vertically *\/\n  }\n\n  .popup-container:hover .popup-text {\n    display: block;\n  }\n\n  \/* Media Query for Mobile Devices with Width \u003c= 400px *\/\n  @media (max-width: 750px) {\n    .popup-text {\n      width: 90%; \/* Adjust the width as needed for mobile devices *\/\n      left: 50%; \/* Center the pop-up horizontally on mobile devices *\/\n      top: 95%; \/* Center the pop-up horizontally on mobile devices *\/\n      transform: translateX(-50%); \/* Center the pop-up using transform *\/\n    }\n  }\n\n  \/* Additional styles to center the popup text trigger within its parent column *\/\n  .custom-popup-column {\n    display: flex;\n    justify-content: center;\n    position: relative;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n    .mySlides {\n        display: none\n    }\n\n    img {\n        vertical-align: middle;\n    }\n\n    \/* Slideshow container *\/\n    .slideshow-container {\n        max-width: 100%;\n        position: relative;\n        margin: 0 auto;\n        overflow: hidden;\n        \/* Hide horizontal overflow caused by touch sliding *\/\n        touch-action: pan-y;\n        \/* Enable vertical touch scrolling *\/\n    }\n\n    \/* Slideshow caption *\/\n    .slide-caption {\n        padding: 20px 30px 0px 50px;\n    }\n\n  .numbertext {\n    position: absolute;\n    top: 2%;\n    left: 3%;\n    z-index: 1; \/* Changed to 1 *\/\n    color: #00a885;\n    font-size: 12px;\n}\n\n    \/* Next \u0026 previous buttons *\/\n    .prev,\n    .next {\n        cursor: pointer;\n        position: absolute;\n        top: 50%;\n        width: auto;\n        padding-left: 20px;\n        padding-right: 5px;\n        margin-top: -22px;\n        color: #00a885;\n        font-weight: bold;\n        font-size: 35px;\n        transition: 0.6s ease;\n        border-radius: 0 3px 3px 0;\n        user-select: none;\n        z-index: 1;\n        \/* Ensures the buttons appear on top of the image *\/\n    }\n\n    \/* Position the \"next button\" to the right *\/\n    .next {\n        right: 0;\n        border-radius: 3px 0 0 3px;\n    }\n\n    \/* The dots\/bullets\/indicators *\/\n    .dot {\n        cursor: pointer;\n        height: 5px;\n        width: 5px;\n        margin: 0 2px;\n        background-color: #00a885;\n        border-radius: 50%;\n        display: inline-block;\n        transition: background-color 0.6s ease;\n    }\n\n    .dot.active {\n        background-color: #000000;\n        \/* Set the active dot to black *\/\n    }\n\n    \/* Fading animation *\/\n    .fade {\n        animation-name: fade;\n        animation-duration: 1.5s;\n    }\n\n    @keyframes fade {\n        from {\n            opacity: .4\n        }\n\n        to {\n            opacity: 1\n        }\n    }\n\n    \/* Two-column layout for large devices *\/\n    .slide-content {\n        display: flex;\n        flex-direction: row;\n    }\n\n    .slide-image {\n        flex: 1;\n    }\n\n    .slide-caption {\n        flex: 1;\n        padding-left: 20px;\n        text-align: left;\n    }\n\n    \/* On small devices, stack image and caption vertically *\/\n    @media only screen and (max-width: 767px) {\n        .slide-content {\n            flex-direction: column;\n        }\n\n        .slide-image,\n        .slide-caption {\n            padding-left: 0;\n            text-align: center;\n        }\n\n        .slide-image img {\n            max-width: 100%;\n        }\n\n        \/* Hide previous and next buttons on mobile *\/\n        .prev,\n        .next {\n            display: none;\n        }\n    }\n      \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\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    \n--\u003e\u003c\/style\u003e\n\u003ch3 class=\"jeff\"\u003eFUTURE SURF\u003c\/h3\u003e\n\u003chr style=\"border: none; border-top: 1px solid #B3B3B3; width: 30%; margin: 0 0 20px 0;\"\u003e\n\u003cdiv class=\"container_fluid\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-md-6 order-md-last\"\u003e\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/W6k8RbxC1-w\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cdiv class=\"col-md-6\"\u003e\n\u003cp style=\"text-align: justify;\"\u003eThe Session is for the rider wanting a versatile surf orientated kite, with performance strapless and freeride capabilities, all in a single package. The unique canopy shaping features a relatively fine entry, which allows the kite to fly forward in the window when required. While the sheeting angle, aspect ratio, and large wing tips create a kite that can pivot on a dime and drift deep into the window when you need it to. V3.1 Bridles ensure a huge wind range and keep the kite steering as you are sheeting out, ideal for powerful carving transitions, wave top turns, or strapless riding. All of this translates into perfect drift, agile turning, and effortless boosting.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eUVersatile surf, strapless \u0026amp; performance freeride.\u003c\/li\u003e\n\u003cli\u003ePerfect drift, agile turning \u0026amp; effortless boosting capability.\u003c\/li\u003e\n\u003cli\u003ev3 Pulley Bridle for maximum depower \u0026amp; wind range.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003ch3\u003eFEATURES\u003c\/h3\u003e\n\u003chr style=\"border: none; border-top: 1px solid #B3B3B3; width: 30%; margin: 0 0 20px 0;\"\u003e\n\u003cdiv class=\"slideshow-container\"\u003e\n\u003c!-- Slide 1 --\u003e\n\u003cdiv class=\"mySlides fade\"\u003e\n\u003cdiv class=\"numbertext\"\u003e1\/6\u003c\/div\u003e\n\u003cdiv class=\"slide-content\"\u003e\n\u003cdiv class=\"slide-image col-md-6 col-sm-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/Airush_ULTRA_KITE_Version_5_fetures-_Bumper_pads.jpg?v=1698223233\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide-caption col-md-6 col-sm-12\"\u003e\n\u003ch4 class=\"jeff\"\u003eLeading Edge bumpers\u003c\/h4\u003e\n\u003cp style=\"text-align: justify;\"\u003eAirush Bumpers are found throughout the leading edge of the kites to reduce wear and increase durability on rough surfaces. These bumpers are key for increasing the lifespan of Airush kites.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Slide 2 --\u003e\n\u003cdiv class=\"mySlides fade\"\u003e\n\u003cdiv class=\"numbertext\"\u003e2\/6\u003c\/div\u003e\n\u003cdiv class=\"slide-content\"\u003e\n\u003cdiv class=\"slide-image col-md-6 col-sm-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/Airush_SESSION_KITE_V2_features-_bar_pressure_adjustments.jpg?v=1698237782\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide-caption col-md-6 col-sm-12\"\u003e\n\u003ch4 class=\"jeff\"\u003eBar Pressure Adjustments\u003c\/h4\u003e\n\u003cp style=\"text-align: justify;\"\u003eAdjustment options may vary by size. The larger kites have more adjustment options than the smaller sizes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Slide 3 --\u003e\n\u003cdiv class=\"mySlides fade\"\u003e\n\u003cdiv class=\"numbertext\"\u003e3\/6\u003c\/div\u003e\n\u003cdiv class=\"slide-content\"\u003e\n\u003cdiv class=\"slide-image col-md-6 col-sm-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/Airush_SESSION_KITE_V2_features-_interchangeable_bridle.jpg?v=1698237902\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide-caption col-md-6 col-sm-12\"\u003e\n\u003ch4 class=\"jeff\"\u003einterchangeable Bridle\u003c\/h4\u003e\n\u003cp style=\"text-align: justify;\"\u003eThe Session has an interchangeable fixed- or pulley bridle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Slide 4 --\u003e\n\u003cdiv class=\"mySlides fade\"\u003e\n\u003cdiv class=\"numbertext\"\u003e4\/6\u003c\/div\u003e\n\u003cdiv class=\"slide-content\"\u003e\n\u003cdiv class=\"slide-image col-md-6 col-sm-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/Airush_ULTRA_KITE_Version_5_features-SPS_valve.jpg?v=1698223678\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide-caption col-md-6 col-sm-12\"\u003e\n\u003ch4 class=\"jeff\"\u003eSingle Point Inflation System\u003c\/h4\u003e\n\u003cp style=\"text-align: justify;\"\u003eThe oversized SPS valve (Single Point Inflation System) optimizes inflation and deflation. The Fast Bladder Inflation (FBI) features increased wall thickness and oversized diameter tubing, thus eliminating tube kink, reducing stress on your pump, and enabling quick and easy inflation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Slide 6 --\u003e\n\u003cdiv class=\"mySlides fade\"\u003e\n\u003cdiv class=\"numbertext\"\u003e5\/6\u003c\/div\u003e\n\u003cdiv class=\"slide-content\"\u003e\n\u003cdiv class=\"slide-image col-md-6 col-sm-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/Airush_ULTRA_KITE_Version_5_features-_kevlar_reinforcements.jpg?v=1698223678\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide-caption col-md-6 col-sm-12\"\u003e\n\u003ch4 class=\"jeff\"\u003eKevlar Reinforcements\u003c\/h4\u003e\n\u003cp style=\"text-align: justify;\"\u003eKevlar, found in bulletproof vests, is found throughout the Airush kites. These Kevlar Reinforcements are only put in the most critical areas to protect from wearing while still minimizing weight which affects the kites performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Slide 7 --\u003e\n\u003cdiv class=\"mySlides fade\"\u003e\n\u003cdiv class=\"numbertext\"\u003e6\/6\u003c\/div\u003e\n\u003cdiv class=\"slide-content\"\u003e\n\u003cdiv class=\"slide-image col-md-6 col-sm-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/Airush_ULTRA_KITE_Version_5_features-_D2_canopy.jpg?v=1698223679\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide-caption col-md-6 col-sm-12\"\u003e\n\u003ch4 class=\"jeff\"\u003eTECHNOFORCE D2 CANOPY\u003c\/h4\u003e\n\u003cp style=\"text-align: justify;\"\u003eThis premium fabric is designed with a high-density structure that uses high-tenacity, double-coated polyester yarn in a double ripstop configuration. The double coating protects the yarn as much as possible from UV and abrasion damage, ensuring that the canopy remains crisp and responsive for as long as possible..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Previous and Next buttons will show on larger screens --\u003e \u003ca class=\"prev\" onclick=\"plusSlides(-1)\"\u003e❮\u003c\/a\u003e \u003ca class=\"next\" onclick=\"plusSlides(1)\"\u003e❯\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv style=\"text-align: center; margin-top: -20px;\"\u003e\n\u003cspan class=\"dot\" onclick=\"currentSlide(1)\"\u003e\u003c\/span\u003e \u003cspan class=\"dot\" onclick=\"currentSlide(2)\"\u003e\u003c\/span\u003e \u003cspan class=\"dot\" onclick=\"currentSlide(3)\"\u003e\u003c\/span\u003e \u003cspan class=\"dot\" onclick=\"currentSlide(4)\"\u003e\u003c\/span\u003e \u003cspan class=\"dot\" onclick=\"currentSlide(5)\"\u003e\u003c\/span\u003e \u003cspan class=\"dot\" onclick=\"currentSlide(6)\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cbr\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=\"50\"\u003e\n\u003csvg width=\"150\" height=\"150\"\u003e \u003ccircle class=\"ring-background\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e \u003ccircle class=\"ring\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eUNHOOKED\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=\"100\"\u003e\n\u003csvg width=\"150\" height=\"150\"\u003e \u003ccircle class=\"ring-background\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e \u003ccircle class=\"ring\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eWAVE\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=\"50\"\u003e\n\u003csvg width=\"150\" height=\"150\"\u003e \u003ccircle class=\"ring-background\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e \u003ccircle class=\"ring\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003eFOIL\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=\"75\"\u003e\n\u003csvg width=\"150\" height=\"150\"\u003e \u003ccircle class=\"ring-background\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e \u003ccircle class=\"ring\" cx=\"75\" cy=\"75\" r=\"65\"\u003e\u003c\/circle\u003e \u003c\/svg\u003e\n\u003cdiv class=\"progress-title\"\u003ePROGRESSION\u003c\/div\u003e\n\u003cdiv class=\"progress-text\" id=\"progress4\"\u003e0%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\n\u003cscript\u003e\n     let slideIndex = 1;\n    showSlides(slideIndex);\n\n    function plusSlides(n) {\n        showSlides(slideIndex += n);\n    }\n\n    function currentSlide(n) {\n        showSlides(slideIndex = n);\n    }\n\n    function showSlides(n) {\n        let i;\n        let slides = document.getElementsByClassName(\"mySlides\");\n        let dots = document.getElementsByClassName(\"dot\");\n        if (n \u003e slides.length) {\n            slideIndex = 1\n        }\n        if (n \u003c 1) {\n            slideIndex = slides.length\n        }\n        for (i = 0; i \u003c slides.length; i++) {\n            slides[i].style.display = \"none\";\n        }\n        for (i = 0; i \u003c dots.length; i++) {\n            dots[i].className = dots[i].className.replace(\" active\", \"\");\n        }\n        slides[slideIndex - 1].style.display = \"block\";\n        dots[slideIndex - 1].className += \" active\";\n    }\n    \/\/ Touch events for sliding on mobile\n    let touchStartX = 0;\n    let touchEndX = 0;\n    document.querySelector('.slideshow-container').addEventListener('touchstart', function(event) {\n        touchStartX = event.touches[0].clientX;\n    });\n    document.querySelector('.slideshow-container').addEventListener('touchend', function(event) {\n        touchEndX = event.changedTouches[0].clientX;\n        handleSwipe();\n    });\n\n    function handleSwipe() {\n        if (touchStartX - touchEndX \u003e 50) {\n            plusSlides(1); \/\/ Swipe left, show next slide\n        } else if (touchEndX - touchStartX \u003e 50) {\n            plusSlides(-1); \/\/ Swipe right, show previous slide\n        }\n    }\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    \u003c\/script\u003e","brand":"Airush","offers":[{"title":"9m \/ Teal\/Slate Grey","offer_id":47446431629649,"sku":null,"price":1598.99,"currency_code":"EUR","in_stock":false},{"title":"9m \/ Yellow","offer_id":47412781810001,"sku":"3055240001006","price":1598.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0512\/0838\/8795\/files\/2024AirushSESSIONKITEVersion2Yellow_c8eaf712-bad7-4d39-8f30-2867e87e2ce9.png?v=1776240926","url":"https:\/\/www.billy.be\/products\/airush-2024-session-v2-yellow","provider":"Billy.be","version":"1.0","type":"link"}