{"id":28296,"date":"2023-05-15T12:16:03","date_gmt":"2023-05-15T10:16:03","guid":{"rendered":"https:\/\/www.stockpadel.com\/blog\/de-basta-padelracketarna-for-valuta-for-pengarna\/"},"modified":"2025-05-15T12:29:49","modified_gmt":"2025-05-15T10:29:49","slug":"de-beste-racketarna-for-pengarna","status":"publish","type":"post","link":"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/","title":{"rendered":"De beste racketarna f\u00f6r pengarna."},"content":{"rendered":"\n<!--more-->\n\n\n\n<p>De beste racketarna f\u00f6r pengarna. : Dyk in i v\u00e4rlden av padelracketar \u2013 det oumb\u00e4rliga verktyget som hj\u00e4lper dig att dominera banan och uppn\u00e5 nya h\u00f6jder i ditt spel. H\u00e4r hittar du allt du beh\u00f6ver veta om de b\u00e4sta padelracketarna med avseende p\u00e5 pris och kvalitet, s\u00e5 att du kan njuta fullt ut av denna sp\u00e4nnande sport utan att t\u00f6mma pl\u00e5nboken, samtidigt som du f\u00e5r b\u00e4sta m\u00f6jliga kvalitet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adidas Metalbone Carbon 3.4<\/h3>\n\n\n\n<p>Adidas Metalbone Carbon 3.4 \u00e4r ett exceptionellt racket n\u00e4r det g\u00e4ller pris och kvalitet. Dess kolfiberkonstruktion garanterar h\u00e5llbarhet och motst\u00e5ndskraft. Med en droppform och medelh\u00f6g till h\u00f6g balans erbjuder den en perfekt balans mellan kontroll och kraft. 12K kolfiberteknologin f\u00f6rb\u00e4ttrar stabiliteten, och dess antivibrationssystem ger komfort. Vi anser att detta \u00e4r det racket i Adidas sortiment som erbjuder b\u00e4st kvalitet i f\u00f6rh\u00e5llande till priset.<\/p>\n\n\n\n<p>Med avancerade teknologier som Octagonal Structure, Spin Blade Decal och h\u00f6gkvalitativa material som 6K kolfiber garanterar detta racket precision, h\u00e5llbarhet och \u00f6verl\u00e4gsen prestanda vid varje slag.<\/p>\n\n\n<style>\n    .prevBtn,\n    .nextBtn {\n        display: none;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background-color: #000;\n        border: none;\n        padding: 10px 15px;\n        cursor: pointer;\n        z-index: 2;\n        color: #fff;\n        opacity: 0.7;\n    }\n\n    .prevBtn:hover,\n    .nextBtn:hover {\n        opacity: 1;\n    }\n\n    .prevBtn {\n        left: 10px;\n    }\n\n    .nextBtn {\n        right: 10px;\n    }\n\n\n\n    .products-container {\n        width: 100%;\n        max-width: 100%;\n        margin: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .products-grid {\n        display: flex;\n        animation: scroll 20s linear infinite;\n        justify-content: center;\n    }\n\n    .product-container {\n        border: 1px solid #eee;\n        border-radius: 10px;\n        margin: 10px;\n        flex: 0 0 auto;\n        width: 180px;\n        text-align: center;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n        overflow: hidden;\n        background-color: #fff;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .product-container:hover {\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n        transform: translateY(-3px);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 250px;\n        object-fit: contain;\n        border-bottom: 1px solid #eee;\n        transition: transform 0.3s ease;\n    }\n\n    .product-image:hover {\n        transform: scale(1.05);\n    }\n\n    .product-info {\n        padding: 10px 16px;\n        background-color: #fff;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        margin-top: auto;\n    }\n\n    .product-info h2 {\n        font-family: 'Roboto', sans-serif;\n        font-size: 16px;\n        color: #333;\n        margin: 12px 0;\n        height: 100%;\n    }\n\n    .product-price {\n        color: #E44D26;\n        font-weight: bold;\n        font-size: 16px;\n        margin-bottom: 12px;\n        margin-top: auto;\n    }\n\n    .product-price del {\n        font-size: 14px;\n        color: #999;\n        margin-right: 10px;\n    }\n\n    .product-description {\n        font-size: 14px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n\n\n    .discount {\n        display: block;\n        color: #fff;\n        background-color: rgba(245, 101, 101, 0.85);\n        font-weight: bold;\n        font-size: 12px;\n        border-radius: 5px;\n        padding: 5px 10px;\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n        transition: background-color 0.3s ease;\n    }\n\n    .discount:hover {\n        background-color: rgba(245, 101, 101, 0.95);\n    }\n\n    a {\n        text-decoration: none;\n        color: inherit;\n    }\n\n    a:hover {\n        color: #E44D26;\n    }\n<\/style>\n<div class=\"products-container\">\n    <button class=\"prevBtn\">&#10094;<\/button>\n    <div class=\"products-grid carousel\" id=\"carousel\">\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.stockpadel.com\/\/index.php?controller=product&amp;id_product=2761&amp;id_lang=11\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/www.stockpadel.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/9546.jpg\" alt=\"Adidas Metalbone Carbon 3.4\">\n                                            <span class=\"discount\">\u00a1Oferta Especial!<\/span>\n                                        <div class=\"product-info\">\n                        <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_68_1 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<p class=\"ez-toc-title\">Indice<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-68996ea186c74\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-68996ea186c74\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#Adidas_Metalbone_Carbon_34\" title=\"Adidas Metalbone Carbon 3.4\">Adidas Metalbone Carbon 3.4<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#Babolat_Air_Vertuo_25\" title=\"Babolat Air Vertuo 25\">Babolat Air Vertuo 25<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#Nox_Nextgen_Pro_Hybrid_3K_NFA_Series\" title=\"Nox Nextgen Pro Hybrid 3K NFA Series\">Nox Nextgen Pro Hybrid 3K NFA Series<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#Head_Coello_Team_25\" title=\"Head Coello Team 25\">Head Coello Team 25<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#Head_Coello_Team_25-2\" title=\"Head Coello Team 25\">Head Coello Team 25<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#NOX_ML10_Pro_Cup\" title=\"NOX ML10 Pro Cup\">NOX ML10 Pro Cup<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#Nox_ML10_Pro_cup_Coorp_25\" title=\"Nox ML10 Pro cup Coorp 25\">Nox ML10 Pro cup Coorp 25<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#Star_Vie_Raptor_Pro\" title=\"Star Vie Raptor Pro\">Star Vie Raptor Pro<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#Star_Vie_Raptor_V40_12K\" title=\"Star Vie Raptor V40 12K\">Star Vie Raptor V40 12K<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#Wilson_Defy_LS_V1\" title=\"Wilson Defy LS V1\">Wilson Defy LS V1<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#Wilson_Defy_LS_V1-2\" title=\"Wilson Defy LS V1\">Wilson Defy LS V1<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#Siux_Fenix_Elite_5\" title=\"Siux Fenix Elite 5\">Siux Fenix Elite 5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.stockpadel.com\/blog\/sv\/de-beste-racketarna-for-pengarna\/#Siux_Fenix_Elite_5-2\" title=\"Siux Fenix Elite 5\">Siux Fenix Elite 5<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Adidas_Metalbone_Carbon_34\"><\/span>Adidas Metalbone Carbon 3.4<span class=\"ez-toc-section-end\"><\/span><\/h2>\n                        <p class=\"product-description\">Descripci\u00f3n no disponible<\/p>\n                        <p class=\"product-price\">\n                                                            <del>214.84 \u20ac<\/del>\n                                                        164.09 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n            <\/div>\n    <button class=\"nextBtn\">&#10095;<\/button>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const carousels = document.querySelectorAll('.carousel');\n\n        carousels.forEach((carousel) => {\n            const prevBtn = carousel.parentElement.querySelector('.prevBtn');\n            const nextBtn = carousel.parentElement.querySelector('.nextBtn');\n            const productContainers = carousel.querySelectorAll('.product-container');\n            const products = productContainers.length;\n\n            if (products >= 4) {\n                prevBtn.style.display = 'block';\n                nextBtn.style.display = 'block';\n                productContainers.forEach((container) => {\n                    const description = container.querySelector('.product-description');\n                    description.style.display = 'none';\n                })\n            }\n\n            if (products <= 3) {\n                productContainers.forEach((container) => {\n                    container.style.width = 'calc(100% \/ ' + products + ' - 20px)';\n                    const description = container.querySelector('.product-description');\n                    if (products <= 2) {\n                        description.style.display = 'block';\n                        description.style.fontSize = '12px';\n                        description.innerHTML = truncateText(description, 150);\n                    } else {\n                        description.style.display = 'none';\n                    }\n                });\n            }\n\n            if (products == 2) {\n                alignItems(productContainers);\n            }\n\n            function alignItems(containers) {\n                let maxTitleHeight = 0;\n                let maxDescriptionHeight = 0;\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = '';\n                    description.style.height = '';\n\n                    maxTitleHeight = Math.max(maxTitleHeight, title.offsetHeight);\n                    maxDescriptionHeight = Math.max(maxDescriptionHeight, description.offsetHeight);\n                });\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = maxTitleHeight + 'px';\n                    description.style.height = maxDescriptionHeight + 'px';\n                });\n            }\n\n            function truncateText(element, maxLength) {\n                var truncated = element.innerText;\n                if (truncated.length > maxLength) {\n                    return truncated.substr(0, truncated.lastIndexOf(' ', maxLength)) + '...';\n                }\n                return truncated;\n            }\n\n            const moveNext = () => {\n                const firstElement = carousel.firstElementChild;\n                carousel.appendChild(firstElement.cloneNode(true));\n                firstElement.remove();\n                carousel.scrollLeft -= productWidth;\n            };\n\n            const movePrev = () => {\n                const lastElement = carousel.lastElementChild;\n                carousel.insertBefore(lastElement.cloneNode(true), carousel.firstElementChild);\n                lastElement.remove();\n                carousel.scrollLeft += productWidth;\n            };\n\n            prevBtn.addEventListener('click', movePrev);\n            nextBtn.addEventListener('click', moveNext);\n\n            let maxHeight = 0;\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                if (title.offsetHeight > maxHeight) {\n                    maxHeight = title.offsetHeight;\n                }\n            });\n\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                const price = container.querySelector('.product-price');\n                const titleHeight = title.offsetHeight;\n                const priceMarginTop = maxHeight - titleHeight;\n                price.style.marginTop = priceMarginTop + 'px';\n            });\n        });\n    });\n<\/script>\n\n\n\n<h3 class=\"wp-block-heading\">Babolat Air Vertuo<\/h3>\n\n\n\n<p>Babolat Air Vertuo \u00e4r ett l\u00e4tt och balanserat padelracket, designat f\u00f6r spelare som s\u00f6ker snabb och dynamisk prestanda. Dess kolfiberkonstruktion och droppform erbjuder en bra balans mellan kontroll och kraft. Kolfiberteknologin i ramen och Air Core-systemet ger b\u00e4ttre bollutg\u00e5ng och komfort vid slag.<\/p>\n\n\n\n<p>Babolat Air Vertuo erbjuder en utm\u00e4rkt pris-kvalitetsrelation f\u00f6r spelare som prioriterar snabbhet och hanterbarhet p\u00e5 banan. Dess l\u00e4tthet och medelbalans g\u00f6r den till ett idealiskt val f\u00f6r dem som s\u00f6ker en bra balans mellan kraft och kontroll.<\/p>\n\n\n<style>\n    .prevBtn,\n    .nextBtn {\n        display: none;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background-color: #000;\n        border: none;\n        padding: 10px 15px;\n        cursor: pointer;\n        z-index: 2;\n        color: #fff;\n        opacity: 0.7;\n    }\n\n    .prevBtn:hover,\n    .nextBtn:hover {\n        opacity: 1;\n    }\n\n    .prevBtn {\n        left: 10px;\n    }\n\n    .nextBtn {\n        right: 10px;\n    }\n\n\n\n    .products-container {\n        width: 100%;\n        max-width: 100%;\n        margin: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .products-grid {\n        display: flex;\n        animation: scroll 20s linear infinite;\n        justify-content: center;\n    }\n\n    .product-container {\n        border: 1px solid #eee;\n        border-radius: 10px;\n        margin: 10px;\n        flex: 0 0 auto;\n        width: 180px;\n        text-align: center;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n        overflow: hidden;\n        background-color: #fff;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .product-container:hover {\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n        transform: translateY(-3px);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 250px;\n        object-fit: contain;\n        border-bottom: 1px solid #eee;\n        transition: transform 0.3s ease;\n    }\n\n    .product-image:hover {\n        transform: scale(1.05);\n    }\n\n    .product-info {\n        padding: 10px 16px;\n        background-color: #fff;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        margin-top: auto;\n    }\n\n    .product-info h2 {\n        font-family: 'Roboto', sans-serif;\n        font-size: 16px;\n        color: #333;\n        margin: 12px 0;\n        height: 100%;\n    }\n\n    .product-price {\n        color: #E44D26;\n        font-weight: bold;\n        font-size: 16px;\n        margin-bottom: 12px;\n        margin-top: auto;\n    }\n\n    .product-price del {\n        font-size: 14px;\n        color: #999;\n        margin-right: 10px;\n    }\n\n    .product-description {\n        font-size: 14px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n\n\n    .discount {\n        display: block;\n        color: #fff;\n        background-color: rgba(245, 101, 101, 0.85);\n        font-weight: bold;\n        font-size: 12px;\n        border-radius: 5px;\n        padding: 5px 10px;\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n        transition: background-color 0.3s ease;\n    }\n\n    .discount:hover {\n        background-color: rgba(245, 101, 101, 0.95);\n    }\n\n    a {\n        text-decoration: none;\n        color: inherit;\n    }\n\n    a:hover {\n        color: #E44D26;\n    }\n<\/style>\n<div class=\"products-container\">\n    <button class=\"prevBtn\">&#10094;<\/button>\n    <div class=\"products-grid carousel\" id=\"carousel\">\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.stockpadel.com\/\/index.php?controller=product&amp;id_product=2910&amp;id_lang=11\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/www.stockpadel.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/10805.jpg\" alt=\"Babolat Air Vertuo 25\">\n                                            <span class=\"discount\">\u00a1Oferta Especial!<\/span>\n                                        <div class=\"product-info\">\n                        <h2><span class=\"ez-toc-section\" id=\"Babolat_Air_Vertuo_25\"><\/span>Babolat Air Vertuo 25<span class=\"ez-toc-section-end\"><\/span><\/h2>\n                        <p class=\"product-description\">Descripci\u00f3n no disponible<\/p>\n                        <p class=\"product-price\">\n                                                            <del>148.72 \u20ac<\/del>\n                                                        126.41 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n            <\/div>\n    <button class=\"nextBtn\">&#10095;<\/button>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const carousels = document.querySelectorAll('.carousel');\n\n        carousels.forEach((carousel) => {\n            const prevBtn = carousel.parentElement.querySelector('.prevBtn');\n            const nextBtn = carousel.parentElement.querySelector('.nextBtn');\n            const productContainers = carousel.querySelectorAll('.product-container');\n            const products = productContainers.length;\n\n            if (products >= 4) {\n                prevBtn.style.display = 'block';\n                nextBtn.style.display = 'block';\n                productContainers.forEach((container) => {\n                    const description = container.querySelector('.product-description');\n                    description.style.display = 'none';\n                })\n            }\n\n            if (products <= 3) {\n                productContainers.forEach((container) => {\n                    container.style.width = 'calc(100% \/ ' + products + ' - 20px)';\n                    const description = container.querySelector('.product-description');\n                    if (products <= 2) {\n                        description.style.display = 'block';\n                        description.style.fontSize = '12px';\n                        description.innerHTML = truncateText(description, 150);\n                    } else {\n                        description.style.display = 'none';\n                    }\n                });\n            }\n\n            if (products == 2) {\n                alignItems(productContainers);\n            }\n\n            function alignItems(containers) {\n                let maxTitleHeight = 0;\n                let maxDescriptionHeight = 0;\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = '';\n                    description.style.height = '';\n\n                    maxTitleHeight = Math.max(maxTitleHeight, title.offsetHeight);\n                    maxDescriptionHeight = Math.max(maxDescriptionHeight, description.offsetHeight);\n                });\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = maxTitleHeight + 'px';\n                    description.style.height = maxDescriptionHeight + 'px';\n                });\n            }\n\n            function truncateText(element, maxLength) {\n                var truncated = element.innerText;\n                if (truncated.length > maxLength) {\n                    return truncated.substr(0, truncated.lastIndexOf(' ', maxLength)) + '...';\n                }\n                return truncated;\n            }\n\n            const moveNext = () => {\n                const firstElement = carousel.firstElementChild;\n                carousel.appendChild(firstElement.cloneNode(true));\n                firstElement.remove();\n                carousel.scrollLeft -= productWidth;\n            };\n\n            const movePrev = () => {\n                const lastElement = carousel.lastElementChild;\n                carousel.insertBefore(lastElement.cloneNode(true), carousel.firstElementChild);\n                lastElement.remove();\n                carousel.scrollLeft += productWidth;\n            };\n\n            prevBtn.addEventListener('click', movePrev);\n            nextBtn.addEventListener('click', moveNext);\n\n            let maxHeight = 0;\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                if (title.offsetHeight > maxHeight) {\n                    maxHeight = title.offsetHeight;\n                }\n            });\n\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                const price = container.querySelector('.product-price');\n                const titleHeight = title.offsetHeight;\n                const priceMarginTop = maxHeight - titleHeight;\n                price.style.marginTop = priceMarginTop + 'px';\n            });\n        });\n    });\n<\/script>\n\n\n\n<h3 class=\"wp-block-heading\">NOX Nextgen Pro Hybrid 3K NFA 25<\/h3>\n\n\n\n<p>NOX Nextgen Pro Hybrid 3K NFA Series 2025 \u00e4r ett revolutionerande racket designat med den senaste teknologin. Det har en flerskiktsk\u00e4rna med h\u00f6gdensitets HR3 Black Eva-gummi och 12K kolfiber p\u00e5 ytorna som ger utm\u00e4rkt bollutg\u00e5ng och h\u00e5llbarhet. Dess hybridform mellan dropp och rund, tillsammans med en medelh\u00f6g till h\u00f6g balans, g\u00f6r det till ett m\u00e5ngsidigt racket, perfekt f\u00f6r offensiva spelare som inte vill f\u00f6rlora kontrollen.<\/p>\n\n\n\n<p>NOX Nextgen Hybrid NFA 2025 utm\u00e4rker sig genom sin solida och reaktiva k\u00e4nsla. Det erbjuder en stor balans mellan kraft och man\u00f6vrerbarhet, vilket g\u00f6r det m\u00f6jligt att dominera b\u00e5de fr\u00e5n bakre delen av banan och vid n\u00e4tet. Det \u00e4r ett racket t\u00e4nkt f\u00f6r kr\u00e4vande spelare som s\u00f6ker innovation och prestanda i varje po\u00e4ng.<\/p>\n\n\n<style>\n    .prevBtn,\n    .nextBtn {\n        display: none;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background-color: #000;\n        border: none;\n        padding: 10px 15px;\n        cursor: pointer;\n        z-index: 2;\n        color: #fff;\n        opacity: 0.7;\n    }\n\n    .prevBtn:hover,\n    .nextBtn:hover {\n        opacity: 1;\n    }\n\n    .prevBtn {\n        left: 10px;\n    }\n\n    .nextBtn {\n        right: 10px;\n    }\n\n\n\n    .products-container {\n        width: 100%;\n        max-width: 100%;\n        margin: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .products-grid {\n        display: flex;\n        animation: scroll 20s linear infinite;\n        justify-content: center;\n    }\n\n    .product-container {\n        border: 1px solid #eee;\n        border-radius: 10px;\n        margin: 10px;\n        flex: 0 0 auto;\n        width: 180px;\n        text-align: center;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n        overflow: hidden;\n        background-color: #fff;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .product-container:hover {\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n        transform: translateY(-3px);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 250px;\n        object-fit: contain;\n        border-bottom: 1px solid #eee;\n        transition: transform 0.3s ease;\n    }\n\n    .product-image:hover {\n        transform: scale(1.05);\n    }\n\n    .product-info {\n        padding: 10px 16px;\n        background-color: #fff;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        margin-top: auto;\n    }\n\n    .product-info h2 {\n        font-family: 'Roboto', sans-serif;\n        font-size: 16px;\n        color: #333;\n        margin: 12px 0;\n        height: 100%;\n    }\n\n    .product-price {\n        color: #E44D26;\n        font-weight: bold;\n        font-size: 16px;\n        margin-bottom: 12px;\n        margin-top: auto;\n    }\n\n    .product-price del {\n        font-size: 14px;\n        color: #999;\n        margin-right: 10px;\n    }\n\n    .product-description {\n        font-size: 14px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n\n\n    .discount {\n        display: block;\n        color: #fff;\n        background-color: rgba(245, 101, 101, 0.85);\n        font-weight: bold;\n        font-size: 12px;\n        border-radius: 5px;\n        padding: 5px 10px;\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n        transition: background-color 0.3s ease;\n    }\n\n    .discount:hover {\n        background-color: rgba(245, 101, 101, 0.95);\n    }\n\n    a {\n        text-decoration: none;\n        color: inherit;\n    }\n\n    a:hover {\n        color: #E44D26;\n    }\n<\/style>\n<div class=\"products-container\">\n    <button class=\"prevBtn\">&#10094;<\/button>\n    <div class=\"products-grid carousel\" id=\"carousel\">\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.stockpadel.com\/\/index.php?controller=product&amp;id_product=3029&amp;id_lang=11\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/www.stockpadel.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/10886.jpg\" alt=\"Nox Nextgen Pro Hybrid 3K NFA Series\">\n                                            <span class=\"discount\">\u00a1Oferta Especial!<\/span>\n                                        <div class=\"product-info\">\n                        <h2><span class=\"ez-toc-section\" id=\"Nox_Nextgen_Pro_Hybrid_3K_NFA_Series\"><\/span>Nox Nextgen Pro Hybrid 3K NFA Series<span class=\"ez-toc-section-end\"><\/span><\/h2>\n                        <p class=\"product-description\">Descripci\u00f3n no disponible<\/p>\n                        <p class=\"product-price\">\n                                                            <del>165.25 \u20ac<\/del>\n                                                        152.03 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n            <\/div>\n    <button class=\"nextBtn\">&#10095;<\/button>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const carousels = document.querySelectorAll('.carousel');\n\n        carousels.forEach((carousel) => {\n            const prevBtn = carousel.parentElement.querySelector('.prevBtn');\n            const nextBtn = carousel.parentElement.querySelector('.nextBtn');\n            const productContainers = carousel.querySelectorAll('.product-container');\n            const products = productContainers.length;\n\n            if (products >= 4) {\n                prevBtn.style.display = 'block';\n                nextBtn.style.display = 'block';\n                productContainers.forEach((container) => {\n                    const description = container.querySelector('.product-description');\n                    description.style.display = 'none';\n                })\n            }\n\n            if (products <= 3) {\n                productContainers.forEach((container) => {\n                    container.style.width = 'calc(100% \/ ' + products + ' - 20px)';\n                    const description = container.querySelector('.product-description');\n                    if (products <= 2) {\n                        description.style.display = 'block';\n                        description.style.fontSize = '12px';\n                        description.innerHTML = truncateText(description, 150);\n                    } else {\n                        description.style.display = 'none';\n                    }\n                });\n            }\n\n            if (products == 2) {\n                alignItems(productContainers);\n            }\n\n            function alignItems(containers) {\n                let maxTitleHeight = 0;\n                let maxDescriptionHeight = 0;\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = '';\n                    description.style.height = '';\n\n                    maxTitleHeight = Math.max(maxTitleHeight, title.offsetHeight);\n                    maxDescriptionHeight = Math.max(maxDescriptionHeight, description.offsetHeight);\n                });\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = maxTitleHeight + 'px';\n                    description.style.height = maxDescriptionHeight + 'px';\n                });\n            }\n\n            function truncateText(element, maxLength) {\n                var truncated = element.innerText;\n                if (truncated.length > maxLength) {\n                    return truncated.substr(0, truncated.lastIndexOf(' ', maxLength)) + '...';\n                }\n                return truncated;\n            }\n\n            const moveNext = () => {\n                const firstElement = carousel.firstElementChild;\n                carousel.appendChild(firstElement.cloneNode(true));\n                firstElement.remove();\n                carousel.scrollLeft -= productWidth;\n            };\n\n            const movePrev = () => {\n                const lastElement = carousel.lastElementChild;\n                carousel.insertBefore(lastElement.cloneNode(true), carousel.firstElementChild);\n                lastElement.remove();\n                carousel.scrollLeft += productWidth;\n            };\n\n            prevBtn.addEventListener('click', movePrev);\n            nextBtn.addEventListener('click', moveNext);\n\n            let maxHeight = 0;\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                if (title.offsetHeight > maxHeight) {\n                    maxHeight = title.offsetHeight;\n                }\n            });\n\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                const price = container.querySelector('.product-price');\n                const titleHeight = title.offsetHeight;\n                const priceMarginTop = maxHeight - titleHeight;\n                price.style.marginTop = priceMarginTop + 'px';\n            });\n        });\n    });\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Head_Coello_Team_25\"><\/span>Head Coello Team 25<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>HEAD Coello Team 2025 \u00e4r ett racket som kombinerar kraft och komfort, idealiskt f\u00f6r spelare p\u00e5 mellan- och avancerad niv\u00e5 som s\u00f6ker en modell med mjuk styvhet och stor bollutg\u00e5ng vid l\u00e5ngsammare speltempo.<\/p>\n\n\n\n<p>Dess diamantform och medelbalans hj\u00e4lper vid offensiva slag, medan dess konstruktion med glasfiber p\u00e5 slagytan erbjuder en mjukare k\u00e4nsla och tillg\u00e4nglig kraft utan att offra kontrollen.<\/p>\n\n\n<style>\n    .prevBtn,\n    .nextBtn {\n        display: none;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background-color: #000;\n        border: none;\n        padding: 10px 15px;\n        cursor: pointer;\n        z-index: 2;\n        color: #fff;\n        opacity: 0.7;\n    }\n\n    .prevBtn:hover,\n    .nextBtn:hover {\n        opacity: 1;\n    }\n\n    .prevBtn {\n        left: 10px;\n    }\n\n    .nextBtn {\n        right: 10px;\n    }\n\n\n\n    .products-container {\n        width: 100%;\n        max-width: 100%;\n        margin: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .products-grid {\n        display: flex;\n        animation: scroll 20s linear infinite;\n        justify-content: center;\n    }\n\n    .product-container {\n        border: 1px solid #eee;\n        border-radius: 10px;\n        margin: 10px;\n        flex: 0 0 auto;\n        width: 180px;\n        text-align: center;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n        overflow: hidden;\n        background-color: #fff;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .product-container:hover {\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n        transform: translateY(-3px);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 250px;\n        object-fit: contain;\n        border-bottom: 1px solid #eee;\n        transition: transform 0.3s ease;\n    }\n\n    .product-image:hover {\n        transform: scale(1.05);\n    }\n\n    .product-info {\n        padding: 10px 16px;\n        background-color: #fff;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        margin-top: auto;\n    }\n\n    .product-info h2 {\n        font-family: 'Roboto', sans-serif;\n        font-size: 16px;\n        color: #333;\n        margin: 12px 0;\n        height: 100%;\n    }\n\n    .product-price {\n        color: #E44D26;\n        font-weight: bold;\n        font-size: 16px;\n        margin-bottom: 12px;\n        margin-top: auto;\n    }\n\n    .product-price del {\n        font-size: 14px;\n        color: #999;\n        margin-right: 10px;\n    }\n\n    .product-description {\n        font-size: 14px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n\n\n    .discount {\n        display: block;\n        color: #fff;\n        background-color: rgba(245, 101, 101, 0.85);\n        font-weight: bold;\n        font-size: 12px;\n        border-radius: 5px;\n        padding: 5px 10px;\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n        transition: background-color 0.3s ease;\n    }\n\n    .discount:hover {\n        background-color: rgba(245, 101, 101, 0.95);\n    }\n\n    a {\n        text-decoration: none;\n        color: inherit;\n    }\n\n    a:hover {\n        color: #E44D26;\n    }\n<\/style>\n<div class=\"products-container\">\n    <button class=\"prevBtn\">&#10094;<\/button>\n    <div class=\"products-grid carousel\" id=\"carousel\">\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.stockpadel.com\/\/index.php?controller=product&amp;id_product=3006&amp;id_lang=11\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/www.stockpadel.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/10737.jpg\" alt=\"Head Coello Team 25\">\n                                            <span class=\"discount\">\u00a1Oferta Especial!<\/span>\n                                        <div class=\"product-info\">\n                        <h2><span class=\"ez-toc-section\" id=\"Head_Coello_Team_25-2\"><\/span>Head Coello Team 25<span class=\"ez-toc-section-end\"><\/span><\/h2>\n                        <p class=\"product-description\">Descripci\u00f3n no disponible<\/p>\n                        <p class=\"product-price\">\n                                                            <del>181.82 \u20ac<\/del>\n                                                        163.64 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n            <\/div>\n    <button class=\"nextBtn\">&#10095;<\/button>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const carousels = document.querySelectorAll('.carousel');\n\n        carousels.forEach((carousel) => {\n            const prevBtn = carousel.parentElement.querySelector('.prevBtn');\n            const nextBtn = carousel.parentElement.querySelector('.nextBtn');\n            const productContainers = carousel.querySelectorAll('.product-container');\n            const products = productContainers.length;\n\n            if (products >= 4) {\n                prevBtn.style.display = 'block';\n                nextBtn.style.display = 'block';\n                productContainers.forEach((container) => {\n                    const description = container.querySelector('.product-description');\n                    description.style.display = 'none';\n                })\n            }\n\n            if (products <= 3) {\n                productContainers.forEach((container) => {\n                    container.style.width = 'calc(100% \/ ' + products + ' - 20px)';\n                    const description = container.querySelector('.product-description');\n                    if (products <= 2) {\n                        description.style.display = 'block';\n                        description.style.fontSize = '12px';\n                        description.innerHTML = truncateText(description, 150);\n                    } else {\n                        description.style.display = 'none';\n                    }\n                });\n            }\n\n            if (products == 2) {\n                alignItems(productContainers);\n            }\n\n            function alignItems(containers) {\n                let maxTitleHeight = 0;\n                let maxDescriptionHeight = 0;\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = '';\n                    description.style.height = '';\n\n                    maxTitleHeight = Math.max(maxTitleHeight, title.offsetHeight);\n                    maxDescriptionHeight = Math.max(maxDescriptionHeight, description.offsetHeight);\n                });\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = maxTitleHeight + 'px';\n                    description.style.height = maxDescriptionHeight + 'px';\n                });\n            }\n\n            function truncateText(element, maxLength) {\n                var truncated = element.innerText;\n                if (truncated.length > maxLength) {\n                    return truncated.substr(0, truncated.lastIndexOf(' ', maxLength)) + '...';\n                }\n                return truncated;\n            }\n\n            const moveNext = () => {\n                const firstElement = carousel.firstElementChild;\n                carousel.appendChild(firstElement.cloneNode(true));\n                firstElement.remove();\n                carousel.scrollLeft -= productWidth;\n            };\n\n            const movePrev = () => {\n                const lastElement = carousel.lastElementChild;\n                carousel.insertBefore(lastElement.cloneNode(true), carousel.firstElementChild);\n                lastElement.remove();\n                carousel.scrollLeft += productWidth;\n            };\n\n            prevBtn.addEventListener('click', movePrev);\n            nextBtn.addEventListener('click', moveNext);\n\n            let maxHeight = 0;\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                if (title.offsetHeight > maxHeight) {\n                    maxHeight = title.offsetHeight;\n                }\n            });\n\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                const price = container.querySelector('.product-price');\n                const titleHeight = title.offsetHeight;\n                const priceMarginTop = maxHeight - titleHeight;\n                price.style.marginTop = priceMarginTop + 'px';\n            });\n        });\n    });\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"NOX_ML10_Pro_Cup\"><\/span>NOX ML10 Pro Cup<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>NOX ML10 Pro Cup \u00e4r ett klassiskt racket som kombinerar kontroll och kraft. Dess runda form och medelbalans erbjuder balans, medan dess konstruktion i kolfiber och EVA-gummi ger h\u00e5llbarhet och en utm\u00e4rkt respons vid slag.<\/p>\n\n\n\n<p>NOX ML10 Pro Cup \u00e4r ett p\u00e5litligt racket som erbjuder en balans mellan kontroll och kraft, vilket g\u00f6r det idealiskt f\u00f6r spelare som s\u00f6ker konsekvens i sitt spel.<\/p>\n\n\n<style>\n    .prevBtn,\n    .nextBtn {\n        display: none;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background-color: #000;\n        border: none;\n        padding: 10px 15px;\n        cursor: pointer;\n        z-index: 2;\n        color: #fff;\n        opacity: 0.7;\n    }\n\n    .prevBtn:hover,\n    .nextBtn:hover {\n        opacity: 1;\n    }\n\n    .prevBtn {\n        left: 10px;\n    }\n\n    .nextBtn {\n        right: 10px;\n    }\n\n\n\n    .products-container {\n        width: 100%;\n        max-width: 100%;\n        margin: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .products-grid {\n        display: flex;\n        animation: scroll 20s linear infinite;\n        justify-content: center;\n    }\n\n    .product-container {\n        border: 1px solid #eee;\n        border-radius: 10px;\n        margin: 10px;\n        flex: 0 0 auto;\n        width: 180px;\n        text-align: center;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n        overflow: hidden;\n        background-color: #fff;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .product-container:hover {\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n        transform: translateY(-3px);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 250px;\n        object-fit: contain;\n        border-bottom: 1px solid #eee;\n        transition: transform 0.3s ease;\n    }\n\n    .product-image:hover {\n        transform: scale(1.05);\n    }\n\n    .product-info {\n        padding: 10px 16px;\n        background-color: #fff;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        margin-top: auto;\n    }\n\n    .product-info h2 {\n        font-family: 'Roboto', sans-serif;\n        font-size: 16px;\n        color: #333;\n        margin: 12px 0;\n        height: 100%;\n    }\n\n    .product-price {\n        color: #E44D26;\n        font-weight: bold;\n        font-size: 16px;\n        margin-bottom: 12px;\n        margin-top: auto;\n    }\n\n    .product-price del {\n        font-size: 14px;\n        color: #999;\n        margin-right: 10px;\n    }\n\n    .product-description {\n        font-size: 14px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n\n\n    .discount {\n        display: block;\n        color: #fff;\n        background-color: rgba(245, 101, 101, 0.85);\n        font-weight: bold;\n        font-size: 12px;\n        border-radius: 5px;\n        padding: 5px 10px;\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n        transition: background-color 0.3s ease;\n    }\n\n    .discount:hover {\n        background-color: rgba(245, 101, 101, 0.95);\n    }\n\n    a {\n        text-decoration: none;\n        color: inherit;\n    }\n\n    a:hover {\n        color: #E44D26;\n    }\n<\/style>\n<div class=\"products-container\">\n    <button class=\"prevBtn\">&#10094;<\/button>\n    <div class=\"products-grid carousel\" id=\"carousel\">\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.stockpadel.com\/\/index.php?controller=product&amp;id_product=3031&amp;id_lang=11\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/www.stockpadel.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/10906.jpg\" alt=\"Nox ML10 Pro cup Coorp 25\">\n                                        <div class=\"product-info\">\n                        <h2><span class=\"ez-toc-section\" id=\"Nox_ML10_Pro_cup_Coorp_25\"><\/span>Nox ML10 Pro cup Coorp 25<span class=\"ez-toc-section-end\"><\/span><\/h2>\n                        <p class=\"product-description\">Descripci\u00f3n no disponible<\/p>\n                        <p class=\"product-price\">\n                                                        123.96 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n            <\/div>\n    <button class=\"nextBtn\">&#10095;<\/button>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const carousels = document.querySelectorAll('.carousel');\n\n        carousels.forEach((carousel) => {\n            const prevBtn = carousel.parentElement.querySelector('.prevBtn');\n            const nextBtn = carousel.parentElement.querySelector('.nextBtn');\n            const productContainers = carousel.querySelectorAll('.product-container');\n            const products = productContainers.length;\n\n            if (products >= 4) {\n                prevBtn.style.display = 'block';\n                nextBtn.style.display = 'block';\n                productContainers.forEach((container) => {\n                    const description = container.querySelector('.product-description');\n                    description.style.display = 'none';\n                })\n            }\n\n            if (products <= 3) {\n                productContainers.forEach((container) => {\n                    container.style.width = 'calc(100% \/ ' + products + ' - 20px)';\n                    const description = container.querySelector('.product-description');\n                    if (products <= 2) {\n                        description.style.display = 'block';\n                        description.style.fontSize = '12px';\n                        description.innerHTML = truncateText(description, 150);\n                    } else {\n                        description.style.display = 'none';\n                    }\n                });\n            }\n\n            if (products == 2) {\n                alignItems(productContainers);\n            }\n\n            function alignItems(containers) {\n                let maxTitleHeight = 0;\n                let maxDescriptionHeight = 0;\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = '';\n                    description.style.height = '';\n\n                    maxTitleHeight = Math.max(maxTitleHeight, title.offsetHeight);\n                    maxDescriptionHeight = Math.max(maxDescriptionHeight, description.offsetHeight);\n                });\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = maxTitleHeight + 'px';\n                    description.style.height = maxDescriptionHeight + 'px';\n                });\n            }\n\n            function truncateText(element, maxLength) {\n                var truncated = element.innerText;\n                if (truncated.length > maxLength) {\n                    return truncated.substr(0, truncated.lastIndexOf(' ', maxLength)) + '...';\n                }\n                return truncated;\n            }\n\n            const moveNext = () => {\n                const firstElement = carousel.firstElementChild;\n                carousel.appendChild(firstElement.cloneNode(true));\n                firstElement.remove();\n                carousel.scrollLeft -= productWidth;\n            };\n\n            const movePrev = () => {\n                const lastElement = carousel.lastElementChild;\n                carousel.insertBefore(lastElement.cloneNode(true), carousel.firstElementChild);\n                lastElement.remove();\n                carousel.scrollLeft += productWidth;\n            };\n\n            prevBtn.addEventListener('click', movePrev);\n            nextBtn.addEventListener('click', moveNext);\n\n            let maxHeight = 0;\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                if (title.offsetHeight > maxHeight) {\n                    maxHeight = title.offsetHeight;\n                }\n            });\n\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                const price = container.querySelector('.product-price');\n                const titleHeight = title.offsetHeight;\n                const priceMarginTop = maxHeight - titleHeight;\n                price.style.marginTop = priceMarginTop + 'px';\n            });\n        });\n    });\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Star_Vie_Raptor_Pro\"><\/span>Star Vie Raptor Pro<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Star Vie Raptor Pro \u00e4r ett h\u00f6gklassigt racket designat f\u00f6r spelare som s\u00f6ker kraft och kontroll. Dess diamantform och h\u00f6ga balans m\u00f6jligg\u00f6r kraftfulla slag, medan dess konstruktion i kolfiber och EVA-gummi erbjuder h\u00e5llbarhet och en utm\u00e4rkt bollutg\u00e5ng.<\/p>\n\n\n\n<p>Star Vie Raptor Pro erbjuder exceptionell prestanda i kraft och kontroll, vilket g\u00f6r den l\u00e4mplig f\u00f6r spelare som vill maximera sitt offensiva spel.<\/p>\n\n\n<style>\n    .prevBtn,\n    .nextBtn {\n        display: none;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background-color: #000;\n        border: none;\n        padding: 10px 15px;\n        cursor: pointer;\n        z-index: 2;\n        color: #fff;\n        opacity: 0.7;\n    }\n\n    .prevBtn:hover,\n    .nextBtn:hover {\n        opacity: 1;\n    }\n\n    .prevBtn {\n        left: 10px;\n    }\n\n    .nextBtn {\n        right: 10px;\n    }\n\n\n\n    .products-container {\n        width: 100%;\n        max-width: 100%;\n        margin: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .products-grid {\n        display: flex;\n        animation: scroll 20s linear infinite;\n        justify-content: center;\n    }\n\n    .product-container {\n        border: 1px solid #eee;\n        border-radius: 10px;\n        margin: 10px;\n        flex: 0 0 auto;\n        width: 180px;\n        text-align: center;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n        overflow: hidden;\n        background-color: #fff;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .product-container:hover {\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n        transform: translateY(-3px);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 250px;\n        object-fit: contain;\n        border-bottom: 1px solid #eee;\n        transition: transform 0.3s ease;\n    }\n\n    .product-image:hover {\n        transform: scale(1.05);\n    }\n\n    .product-info {\n        padding: 10px 16px;\n        background-color: #fff;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        margin-top: auto;\n    }\n\n    .product-info h2 {\n        font-family: 'Roboto', sans-serif;\n        font-size: 16px;\n        color: #333;\n        margin: 12px 0;\n        height: 100%;\n    }\n\n    .product-price {\n        color: #E44D26;\n        font-weight: bold;\n        font-size: 16px;\n        margin-bottom: 12px;\n        margin-top: auto;\n    }\n\n    .product-price del {\n        font-size: 14px;\n        color: #999;\n        margin-right: 10px;\n    }\n\n    .product-description {\n        font-size: 14px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n\n\n    .discount {\n        display: block;\n        color: #fff;\n        background-color: rgba(245, 101, 101, 0.85);\n        font-weight: bold;\n        font-size: 12px;\n        border-radius: 5px;\n        padding: 5px 10px;\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n        transition: background-color 0.3s ease;\n    }\n\n    .discount:hover {\n        background-color: rgba(245, 101, 101, 0.95);\n    }\n\n    a {\n        text-decoration: none;\n        color: inherit;\n    }\n\n    a:hover {\n        color: #E44D26;\n    }\n<\/style>\n<div class=\"products-container\">\n    <button class=\"prevBtn\">&#10094;<\/button>\n    <div class=\"products-grid carousel\" id=\"carousel\">\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.stockpadel.com\/\/index.php?controller=product&amp;id_product=2623&amp;id_lang=11\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/www.stockpadel.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/9017.jpg\" alt=\"Star Vie Raptor V40 12K\">\n                                            <span class=\"discount\">\u00a1Oferta Especial!<\/span>\n                                        <div class=\"product-info\">\n                        <h2><span class=\"ez-toc-section\" id=\"Star_Vie_Raptor_V40_12K\"><\/span>Star Vie Raptor V40 12K<span class=\"ez-toc-section-end\"><\/span><\/h2>\n                        <p class=\"product-description\">Descripci\u00f3n no disponible<\/p>\n                        <p class=\"product-price\">\n                                                            <del>219 \u20ac<\/del>\n                                                        149.6 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n            <\/div>\n    <button class=\"nextBtn\">&#10095;<\/button>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const carousels = document.querySelectorAll('.carousel');\n\n        carousels.forEach((carousel) => {\n            const prevBtn = carousel.parentElement.querySelector('.prevBtn');\n            const nextBtn = carousel.parentElement.querySelector('.nextBtn');\n            const productContainers = carousel.querySelectorAll('.product-container');\n            const products = productContainers.length;\n\n            if (products >= 4) {\n                prevBtn.style.display = 'block';\n                nextBtn.style.display = 'block';\n                productContainers.forEach((container) => {\n                    const description = container.querySelector('.product-description');\n                    description.style.display = 'none';\n                })\n            }\n\n            if (products <= 3) {\n                productContainers.forEach((container) => {\n                    container.style.width = 'calc(100% \/ ' + products + ' - 20px)';\n                    const description = container.querySelector('.product-description');\n                    if (products <= 2) {\n                        description.style.display = 'block';\n                        description.style.fontSize = '12px';\n                        description.innerHTML = truncateText(description, 150);\n                    } else {\n                        description.style.display = 'none';\n                    }\n                });\n            }\n\n            if (products == 2) {\n                alignItems(productContainers);\n            }\n\n            function alignItems(containers) {\n                let maxTitleHeight = 0;\n                let maxDescriptionHeight = 0;\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = '';\n                    description.style.height = '';\n\n                    maxTitleHeight = Math.max(maxTitleHeight, title.offsetHeight);\n                    maxDescriptionHeight = Math.max(maxDescriptionHeight, description.offsetHeight);\n                });\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = maxTitleHeight + 'px';\n                    description.style.height = maxDescriptionHeight + 'px';\n                });\n            }\n\n            function truncateText(element, maxLength) {\n                var truncated = element.innerText;\n                if (truncated.length > maxLength) {\n                    return truncated.substr(0, truncated.lastIndexOf(' ', maxLength)) + '...';\n                }\n                return truncated;\n            }\n\n            const moveNext = () => {\n                const firstElement = carousel.firstElementChild;\n                carousel.appendChild(firstElement.cloneNode(true));\n                firstElement.remove();\n                carousel.scrollLeft -= productWidth;\n            };\n\n            const movePrev = () => {\n                const lastElement = carousel.lastElementChild;\n                carousel.insertBefore(lastElement.cloneNode(true), carousel.firstElementChild);\n                lastElement.remove();\n                carousel.scrollLeft += productWidth;\n            };\n\n            prevBtn.addEventListener('click', movePrev);\n            nextBtn.addEventListener('click', moveNext);\n\n            let maxHeight = 0;\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                if (title.offsetHeight > maxHeight) {\n                    maxHeight = title.offsetHeight;\n                }\n            });\n\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                const price = container.querySelector('.product-price');\n                const titleHeight = title.offsetHeight;\n                const priceMarginTop = maxHeight - titleHeight;\n                price.style.marginTop = priceMarginTop + 'px';\n            });\n        });\n    });\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Wilson_Defy_LS_V1\"><\/span>Wilson Defy LS V1<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Wilson Defy LS \u00e4r ett l\u00e4tt och balanserat racket t\u00e4nkt f\u00f6r spelare som s\u00f6ker anv\u00e4ndarv\u00e4nlighet utan att kompromissa med kvalitet. Med rund form, l\u00e5g balans och en Soft EVA-k\u00e4rna erbjuder det utm\u00e4rkt kontroll och stor komfort vid varje slag. Dess struktur i glasfiber med kolfiberf\u00f6rst\u00e4rkningar f\u00f6rb\u00e4ttrar h\u00e5llbarheten och ger en mjukare och mer hanterbar k\u00e4nsla.<\/p>\n\n\n\n<p>Wilson Defy LS k\u00e4nns mycket smidig och bekv\u00e4m, idealisk f\u00f6r spelare p\u00e5 mellanliggande niv\u00e5 eller de som prioriterar kontroll \u00f6ver kraft. Perfekt f\u00f6r att f\u00f6rsvara, placera med precision och njuta av ett flytande spel utan att \u00f6verbelasta armen.<\/p>\n\n\n<style>\n    .prevBtn,\n    .nextBtn {\n        display: none;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background-color: #000;\n        border: none;\n        padding: 10px 15px;\n        cursor: pointer;\n        z-index: 2;\n        color: #fff;\n        opacity: 0.7;\n    }\n\n    .prevBtn:hover,\n    .nextBtn:hover {\n        opacity: 1;\n    }\n\n    .prevBtn {\n        left: 10px;\n    }\n\n    .nextBtn {\n        right: 10px;\n    }\n\n\n\n    .products-container {\n        width: 100%;\n        max-width: 100%;\n        margin: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .products-grid {\n        display: flex;\n        animation: scroll 20s linear infinite;\n        justify-content: center;\n    }\n\n    .product-container {\n        border: 1px solid #eee;\n        border-radius: 10px;\n        margin: 10px;\n        flex: 0 0 auto;\n        width: 180px;\n        text-align: center;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n        overflow: hidden;\n        background-color: #fff;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .product-container:hover {\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n        transform: translateY(-3px);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 250px;\n        object-fit: contain;\n        border-bottom: 1px solid #eee;\n        transition: transform 0.3s ease;\n    }\n\n    .product-image:hover {\n        transform: scale(1.05);\n    }\n\n    .product-info {\n        padding: 10px 16px;\n        background-color: #fff;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        margin-top: auto;\n    }\n\n    .product-info h2 {\n        font-family: 'Roboto', sans-serif;\n        font-size: 16px;\n        color: #333;\n        margin: 12px 0;\n        height: 100%;\n    }\n\n    .product-price {\n        color: #E44D26;\n        font-weight: bold;\n        font-size: 16px;\n        margin-bottom: 12px;\n        margin-top: auto;\n    }\n\n    .product-price del {\n        font-size: 14px;\n        color: #999;\n        margin-right: 10px;\n    }\n\n    .product-description {\n        font-size: 14px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n\n\n    .discount {\n        display: block;\n        color: #fff;\n        background-color: rgba(245, 101, 101, 0.85);\n        font-weight: bold;\n        font-size: 12px;\n        border-radius: 5px;\n        padding: 5px 10px;\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n        transition: background-color 0.3s ease;\n    }\n\n    .discount:hover {\n        background-color: rgba(245, 101, 101, 0.95);\n    }\n\n    a {\n        text-decoration: none;\n        color: inherit;\n    }\n\n    a:hover {\n        color: #E44D26;\n    }\n<\/style>\n<div class=\"products-container\">\n    <button class=\"prevBtn\">&#10094;<\/button>\n    <div class=\"products-grid carousel\" id=\"carousel\">\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.stockpadel.com\/\/index.php?controller=product&amp;id_product=2962&amp;id_lang=11\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/www.stockpadel.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/10441.jpg\" alt=\"Wilson Defy LS V1\">\n                                            <span class=\"discount\">\u00a1Oferta Especial!<\/span>\n                                        <div class=\"product-info\">\n                        <h2><span class=\"ez-toc-section\" id=\"Wilson_Defy_LS_V1-2\"><\/span>Wilson Defy LS V1<span class=\"ez-toc-section-end\"><\/span><\/h2>\n                        <p class=\"product-description\">Descripci\u00f3n no disponible<\/p>\n                        <p class=\"product-price\">\n                                                            <del>190.08 \u20ac<\/del>\n                                                        167.27 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n            <\/div>\n    <button class=\"nextBtn\">&#10095;<\/button>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const carousels = document.querySelectorAll('.carousel');\n\n        carousels.forEach((carousel) => {\n            const prevBtn = carousel.parentElement.querySelector('.prevBtn');\n            const nextBtn = carousel.parentElement.querySelector('.nextBtn');\n            const productContainers = carousel.querySelectorAll('.product-container');\n            const products = productContainers.length;\n\n            if (products >= 4) {\n                prevBtn.style.display = 'block';\n                nextBtn.style.display = 'block';\n                productContainers.forEach((container) => {\n                    const description = container.querySelector('.product-description');\n                    description.style.display = 'none';\n                })\n            }\n\n            if (products <= 3) {\n                productContainers.forEach((container) => {\n                    container.style.width = 'calc(100% \/ ' + products + ' - 20px)';\n                    const description = container.querySelector('.product-description');\n                    if (products <= 2) {\n                        description.style.display = 'block';\n                        description.style.fontSize = '12px';\n                        description.innerHTML = truncateText(description, 150);\n                    } else {\n                        description.style.display = 'none';\n                    }\n                });\n            }\n\n            if (products == 2) {\n                alignItems(productContainers);\n            }\n\n            function alignItems(containers) {\n                let maxTitleHeight = 0;\n                let maxDescriptionHeight = 0;\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = '';\n                    description.style.height = '';\n\n                    maxTitleHeight = Math.max(maxTitleHeight, title.offsetHeight);\n                    maxDescriptionHeight = Math.max(maxDescriptionHeight, description.offsetHeight);\n                });\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = maxTitleHeight + 'px';\n                    description.style.height = maxDescriptionHeight + 'px';\n                });\n            }\n\n            function truncateText(element, maxLength) {\n                var truncated = element.innerText;\n                if (truncated.length > maxLength) {\n                    return truncated.substr(0, truncated.lastIndexOf(' ', maxLength)) + '...';\n                }\n                return truncated;\n            }\n\n            const moveNext = () => {\n                const firstElement = carousel.firstElementChild;\n                carousel.appendChild(firstElement.cloneNode(true));\n                firstElement.remove();\n                carousel.scrollLeft -= productWidth;\n            };\n\n            const movePrev = () => {\n                const lastElement = carousel.lastElementChild;\n                carousel.insertBefore(lastElement.cloneNode(true), carousel.firstElementChild);\n                lastElement.remove();\n                carousel.scrollLeft += productWidth;\n            };\n\n            prevBtn.addEventListener('click', movePrev);\n            nextBtn.addEventListener('click', moveNext);\n\n            let maxHeight = 0;\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                if (title.offsetHeight > maxHeight) {\n                    maxHeight = title.offsetHeight;\n                }\n            });\n\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                const price = container.querySelector('.product-price');\n                const titleHeight = title.offsetHeight;\n                const priceMarginTop = maxHeight - titleHeight;\n                price.style.marginTop = priceMarginTop + 'px';\n            });\n        });\n    });\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Siux_Fenix_Elite_5\"><\/span><a href=\"https:\/\/www.stockpadel.com\/es\/?gad_source=1&amp;gad_campaignid=20927321993&amp;gbraid=0AAAAAC2-rjX0XopCmWUJbnm-uXfve8LCL&amp;gclid=CjwKCAjwz_bABhAGEiwAm-P8YaAoEdRYv11aFuxZduKhi6qg3mhG_KB2knDSTz_tYdpBw7XCst-n4xoCjPwQAvD_BwE\">Siux Fenix Elite 5<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Siux Fenix Elite 5 \u00e4r ett h\u00f6gpresterande racket designat f\u00f6r avancerade spelare som s\u00f6ker kraft och precision. Med hybridform, medelh\u00f6g till h\u00f6g balans och 18K kolfiberytor erbjuder det en utm\u00e4rkt bollutg\u00e5ng och stor fasthet vid slag. Dess k\u00e4rna av Soft High Recovery EVA-gummi ger en bekv\u00e4m och reaktiv k\u00e4nsla, idealisk f\u00f6r ett aggressivt spel utan att f\u00f6rlora k\u00e4nslan.<\/p>\n\n\n\n<p>Siux Fenix Elite 5 utm\u00e4rker sig genom sin slagkraft och balanserade kontroll, vilket ger en stor prestanda b\u00e5de i f\u00f6rsvar och anfall. Det k\u00e4nns solidt vid varje slag, perfekt f\u00f6r spelare som vill dominera po\u00e4ngen med s\u00e4kerhet och kraft.<strong>librado<\/strong>, ofreciendo un gran rendimiento tanto en defensa como en ataque. Se nota s\u00f3lida en cada golpe, perfecta para jugadores que quieren dominar el punto con seguridad y potencia.<\/p>\n\n\n<style>\n    .prevBtn,\n    .nextBtn {\n        display: none;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background-color: #000;\n        border: none;\n        padding: 10px 15px;\n        cursor: pointer;\n        z-index: 2;\n        color: #fff;\n        opacity: 0.7;\n    }\n\n    .prevBtn:hover,\n    .nextBtn:hover {\n        opacity: 1;\n    }\n\n    .prevBtn {\n        left: 10px;\n    }\n\n    .nextBtn {\n        right: 10px;\n    }\n\n\n\n    .products-container {\n        width: 100%;\n        max-width: 100%;\n        margin: auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .products-grid {\n        display: flex;\n        animation: scroll 20s linear infinite;\n        justify-content: center;\n    }\n\n    .product-container {\n        border: 1px solid #eee;\n        border-radius: 10px;\n        margin: 10px;\n        flex: 0 0 auto;\n        width: 180px;\n        text-align: center;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n        overflow: hidden;\n        background-color: #fff;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .product-container:hover {\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n        transform: translateY(-3px);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 250px;\n        object-fit: contain;\n        border-bottom: 1px solid #eee;\n        transition: transform 0.3s ease;\n    }\n\n    .product-image:hover {\n        transform: scale(1.05);\n    }\n\n    .product-info {\n        padding: 10px 16px;\n        background-color: #fff;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        margin-top: auto;\n    }\n\n    .product-info h2 {\n        font-family: 'Roboto', sans-serif;\n        font-size: 16px;\n        color: #333;\n        margin: 12px 0;\n        height: 100%;\n    }\n\n    .product-price {\n        color: #E44D26;\n        font-weight: bold;\n        font-size: 16px;\n        margin-bottom: 12px;\n        margin-top: auto;\n    }\n\n    .product-price del {\n        font-size: 14px;\n        color: #999;\n        margin-right: 10px;\n    }\n\n    .product-description {\n        font-size: 14px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n\n\n    .discount {\n        display: block;\n        color: #fff;\n        background-color: rgba(245, 101, 101, 0.85);\n        font-weight: bold;\n        font-size: 12px;\n        border-radius: 5px;\n        padding: 5px 10px;\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n        transition: background-color 0.3s ease;\n    }\n\n    .discount:hover {\n        background-color: rgba(245, 101, 101, 0.95);\n    }\n\n    a {\n        text-decoration: none;\n        color: inherit;\n    }\n\n    a:hover {\n        color: #E44D26;\n    }\n<\/style>\n<div class=\"products-container\">\n    <button class=\"prevBtn\">&#10094;<\/button>\n    <div class=\"products-grid carousel\" id=\"carousel\">\n                    <div class=\"product-container\">\n                <a href=\"https:\/\/www.stockpadel.com\/\/index.php?controller=product&amp;id_product=3053&amp;id_lang=11\">\n                    <img decoding=\"async\" class=\"product-image\" src=\"https:\/\/www.stockpadel.com\/blog\/wp-content\/plugins\/amarilloprestashopproducts\/cache\/img\/11135.jpg\" alt=\"Siux Fenix Elite 5\">\n                                            <span class=\"discount\">\u00a1Oferta Especial!<\/span>\n                                        <div class=\"product-info\">\n                        <h2><span class=\"ez-toc-section\" id=\"Siux_Fenix_Elite_5-2\"><\/span>Siux Fenix Elite 5<span class=\"ez-toc-section-end\"><\/span><\/h2>\n                        <p class=\"product-description\">Descripci\u00f3n no disponible<\/p>\n                        <p class=\"product-price\">\n                                                            <del>189.22 \u20ac<\/del>\n                                                        160.83 \u20ac\n                        <\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n            <\/div>\n    <button class=\"nextBtn\">&#10095;<\/button>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const carousels = document.querySelectorAll('.carousel');\n\n        carousels.forEach((carousel) => {\n            const prevBtn = carousel.parentElement.querySelector('.prevBtn');\n            const nextBtn = carousel.parentElement.querySelector('.nextBtn');\n            const productContainers = carousel.querySelectorAll('.product-container');\n            const products = productContainers.length;\n\n            if (products >= 4) {\n                prevBtn.style.display = 'block';\n                nextBtn.style.display = 'block';\n                productContainers.forEach((container) => {\n                    const description = container.querySelector('.product-description');\n                    description.style.display = 'none';\n                })\n            }\n\n            if (products <= 3) {\n                productContainers.forEach((container) => {\n                    container.style.width = 'calc(100% \/ ' + products + ' - 20px)';\n                    const description = container.querySelector('.product-description');\n                    if (products <= 2) {\n                        description.style.display = 'block';\n                        description.style.fontSize = '12px';\n                        description.innerHTML = truncateText(description, 150);\n                    } else {\n                        description.style.display = 'none';\n                    }\n                });\n            }\n\n            if (products == 2) {\n                alignItems(productContainers);\n            }\n\n            function alignItems(containers) {\n                let maxTitleHeight = 0;\n                let maxDescriptionHeight = 0;\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = '';\n                    description.style.height = '';\n\n                    maxTitleHeight = Math.max(maxTitleHeight, title.offsetHeight);\n                    maxDescriptionHeight = Math.max(maxDescriptionHeight, description.offsetHeight);\n                });\n\n                containers.forEach((container) => {\n                    const title = container.querySelector('h2');\n                    const description = container.querySelector('.product-description');\n                    title.style.height = maxTitleHeight + 'px';\n                    description.style.height = maxDescriptionHeight + 'px';\n                });\n            }\n\n            function truncateText(element, maxLength) {\n                var truncated = element.innerText;\n                if (truncated.length > maxLength) {\n                    return truncated.substr(0, truncated.lastIndexOf(' ', maxLength)) + '...';\n                }\n                return truncated;\n            }\n\n            const moveNext = () => {\n                const firstElement = carousel.firstElementChild;\n                carousel.appendChild(firstElement.cloneNode(true));\n                firstElement.remove();\n                carousel.scrollLeft -= productWidth;\n            };\n\n            const movePrev = () => {\n                const lastElement = carousel.lastElementChild;\n                carousel.insertBefore(lastElement.cloneNode(true), carousel.firstElementChild);\n                lastElement.remove();\n                carousel.scrollLeft += productWidth;\n            };\n\n            prevBtn.addEventListener('click', movePrev);\n            nextBtn.addEventListener('click', moveNext);\n\n            let maxHeight = 0;\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                if (title.offsetHeight > maxHeight) {\n                    maxHeight = title.offsetHeight;\n                }\n            });\n\n            productContainers.forEach((container) => {\n                const title = container.querySelector('h2');\n                const price = container.querySelector('.product-price');\n                const titleHeight = title.offsetHeight;\n                const priceMarginTop = maxHeight - titleHeight;\n                price.style.marginTop = priceMarginTop + 'px';\n            });\n        });\n    });\n<\/script>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.google.es\/maps\/place\/Stock+Padel+C%C3%B3rdoba\/@37.8974948,-4.7997527,17z\/data=!3m1!4b1!4m6!3m5!1s0x12a4931c49108b45:0x42a56c3e101930d7!8m2!3d37.8974906!4d-4.7971778!16s%2Fg%2F11fy7gyj_q?entry=ttu&amp;g_ep=EgoyMDI1MDUwNi4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"50\" src=\"https:\/\/www.stockpadel.com\/blog\/wp-content\/uploads\/2024\/03\/StockPadel-logo-footer.png\" alt=\"De beste racketarna f\u00f6r pengarna.\" class=\"wp-image-29887\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":31524,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"categories":[1290,1295],"tags":[],"class_list":["post-28296","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-analys-sv","category-jamforelser"],"_links":{"self":[{"href":"https:\/\/www.stockpadel.com\/blog\/sv\/wp-json\/wp\/v2\/posts\/28296"}],"collection":[{"href":"https:\/\/www.stockpadel.com\/blog\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stockpadel.com\/blog\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stockpadel.com\/blog\/sv\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stockpadel.com\/blog\/sv\/wp-json\/wp\/v2\/comments?post=28296"}],"version-history":[{"count":3,"href":"https:\/\/www.stockpadel.com\/blog\/sv\/wp-json\/wp\/v2\/posts\/28296\/revisions"}],"predecessor-version":[{"id":33759,"href":"https:\/\/www.stockpadel.com\/blog\/sv\/wp-json\/wp\/v2\/posts\/28296\/revisions\/33759"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.stockpadel.com\/blog\/sv\/wp-json\/wp\/v2\/media\/31524"}],"wp:attachment":[{"href":"https:\/\/www.stockpadel.com\/blog\/sv\/wp-json\/wp\/v2\/media?parent=28296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stockpadel.com\/blog\/sv\/wp-json\/wp\/v2\/categories?post=28296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stockpadel.com\/blog\/sv\/wp-json\/wp\/v2\/tags?post=28296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}