{"id":5498,"date":"2019-10-09T09:42:31","date_gmt":"2019-10-09T09:42:31","guid":{"rendered":"https:\/\/www.gimatechinnovation.com\/guarnizioni-psl-bulbo-orizzontale\/"},"modified":"2026-01-09T15:01:22","modified_gmt":"2026-01-09T15:01:22","slug":"psl-horizontal-bulb-gaskets","status":"publish","type":"page","link":"https:\/\/www.gimatechinnovation.com\/en\/gaskets\/standard-gaskets\/psl-horizontal-bulb-gaskets\/","title":{"rendered":"PSL horizontal bulb gaskets"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5498\" class=\"elementor elementor-5498 elementor-2471\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-438bd05 py-2 bg-gray e-flex e-con-boxed e-con e-parent\" data-id=\"438bd05\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-728fb6b e-con-full e-flex e-con e-child\" data-id=\"728fb6b\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c4e60f e-con-full e-flex e-con e-child\" data-id=\"4c4e60f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6331bd elementor-widget elementor-widget-heading\" data-id=\"d6331bd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PSL gaskets for horizontal bulb<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c637065 elementor-widget elementor-widget-text-editor\" data-id=\"c637065\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"fusion-text\"><div class=\"fusion-text\"><p class=\"my-2 [&amp;+p]:mt-4 [&amp;_strong:has(+br)]:inline-block [&amp;_strong:has(+br)]:pb-2\">Gimatech\u2019s PSL horizontal bulb gaskets combine a reinforced U-profile with metal core and a soft section oriented perpendicularly, designed to ensure an effective seal between glass and metal sheets without the use of adhesives.<\/p><p class=\"my-2 [&amp;+p]:mt-4 [&amp;_strong:has(+br)]:inline-block [&amp;_strong:has(+br)]:pb-2\">Available in different variants, such as 20\/10 T, 20\/10 P, 20\/10 S, 20\/10 ECOL, 20\/80 P, and 20\/93 EPDM, these gaskets provide versatile solutions for industrial applications, adapting to different dimensional and material requirements.<\/p><p class=\"my-2 [&amp;+p]:mt-4 [&amp;_strong:has(+br)]:inline-block [&amp;_strong:has(+br)]:pb-2\">All products are manufactured in accordance with European environmental regulations, ensuring compliance with REACH and RoHS standards.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8caa2e elementor-widget elementor-widget-image-gallery\" data-id=\"e8caa2e\" data-element_type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-1' class='gallery galleryid-5498 gallery-columns-3 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e8caa2e\" data-elementor-lightbox-title=\"20_10_p-guarnizioni-psl-bulbo-orizzontale-gimatech\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjUwMiwidXJsIjoiaHR0cHM6XC9cL3d3dy5naW1hdGVjaGlubm92YXRpb24uY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDE5XC8xMFwvMjBfMTBfcC1ndWFybml6aW9uaS1wc2wtYnVsYm8tb3JpenpvbnRhbGUtZ2ltYXRlY2guanBnIiwic2xpZGVzaG93IjoiZThjYWEyZSJ9\" href='https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/20_10_p-guarnizioni-psl-bulbo-orizzontale-gimatech.jpg'><img decoding=\"async\" width=\"240\" height=\"160\" src=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/20_10_p-guarnizioni-psl-bulbo-orizzontale-gimatech.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"20\/10 P\" srcset=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/20_10_p-guarnizioni-psl-bulbo-orizzontale-gimatech.jpg 240w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/20_10_p-guarnizioni-psl-bulbo-orizzontale-gimatech-200x133.jpg 200w\" sizes=\"(max-width: 240px) 100vw, 240px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e8caa2e\" data-elementor-lightbox-title=\"20_93_epdm-guarnizioni-psl-bulbo-orizzontale-gimatech\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NjM5MywidXJsIjoiaHR0cHM6XC9cL3d3dy5naW1hdGVjaGlubm92YXRpb24uY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wMVwvMjBfOTNfZXBkbS1ndWFybml6aW9uaS1wc2wtYnVsYm8tb3JpenpvbnRhbGUtZ2ltYXRlY2guanBnIiwic2xpZGVzaG93IjoiZThjYWEyZSJ9\" href='https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2026\/01\/20_93_epdm-guarnizioni-psl-bulbo-orizzontale-gimatech.jpg'><img decoding=\"async\" width=\"240\" height=\"160\" src=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2026\/01\/20_93_epdm-guarnizioni-psl-bulbo-orizzontale-gimatech.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e8caa2e\" data-elementor-lightbox-title=\"20_94-guarnizioni-psl-bulbo-orizzontale-gimatech\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjUyNiwidXJsIjoiaHR0cHM6XC9cL3d3dy5naW1hdGVjaGlubm92YXRpb24uY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDE5XC8xMFwvMjBfOTQtZ3Vhcm5pemlvbmktcHNsLWJ1bGJvLW9yaXp6b250YWxlLWdpbWF0ZWNoLmpwZyIsInNsaWRlc2hvdyI6ImU4Y2FhMmUifQ%3D%3D\" href='https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/20_94-guarnizioni-psl-bulbo-orizzontale-gimatech.jpg'><img decoding=\"async\" width=\"240\" height=\"167\" src=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/20_94-guarnizioni-psl-bulbo-orizzontale-gimatech.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"20\/94 - Guarnizioni PSL bulbo orizzontale Gimatech\" srcset=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/20_94-guarnizioni-psl-bulbo-orizzontale-gimatech.jpg 240w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/20_94-guarnizioni-psl-bulbo-orizzontale-gimatech-200x139.jpg 200w\" sizes=\"(max-width: 240px) 100vw, 240px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0413c1b e-con-full e-flex e-con e-child\" data-id=\"0413c1b\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-315cd02 py-2  e-flex e-con-boxed e-con e-parent\" data-id=\"315cd02\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1b1a9a7 e-grid e-con-full e-con e-child\" data-id=\"1b1a9a7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ada21aa card_product elementor-widget elementor-widget-text-editor\" data-id=\"ada21aa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>    <div class=\"cld-product-slideshow\" id=\"cld_slideshow_6a090cf0503c5\">\r\n                    <h3 class=\"text-center\" data-fontsize=\"26\" data-lineheight=\"29\">\r\n                20\/10 T.            <\/h3>\r\n                <div class=\"cld-main-image\">\r\n                                            <a href=\"\/products_assets\/20_10T\/20_10T.%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0503c5\" data-title=\"20\/10 T.\">\r\n                    <img decoding=\"async\" src=\"\/products_assets\/20_10T\/20_10T.%20QUOTE.jpg\" alt=\"Product image\" class=\"cld-current-image\">\r\n                <\/a>                     \r\n                    <\/div>\r\n                    <!--   Swiper carousel -->\r\n            <div class=\"swiper\">\r\n                <div class=\"swiper-wrapper\">\r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10T\/20_10T.%203D.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0503c5\" data-title=\"20\/10 T.\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10T\/20_10T.%203D.jpg\" alt=\"20\/10 T. 1\" data-index=\"0\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10T\/20_10T.%20CARTIGLIO.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0503c5\" data-title=\"20\/10 T.\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10T\/20_10T.%20CARTIGLIO.jpg\" alt=\"20\/10 T. 2\" data-index=\"1\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10T\/20_10T.%20CURVA1.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0503c5\" data-title=\"20\/10 T.\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10T\/20_10T.%20CURVA1.jpg\" alt=\"20\/10 T. 3\" data-index=\"2\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10T\/20_10T.%20%20NO%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0503c5\" data-title=\"20\/10 T.\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10T\/20_10T.%20%20NO%20QUOTE.jpg\" alt=\"20\/10 T. 4\" data-index=\"3\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                <\/div>\r\n\r\n                <!-- Dots -->\r\n                <div class=\"swiper-pagination\"><\/div>\r\n            <\/div>\r\n        \r\n        <div class=\"cld-action-buttons\">\r\n            <button class=\"cld-action-btn\" onclick=\"cldScrollToElement('[data-wpcf7-id=&quot;6&quot;]')\">\r\n                Request technical data sheet            <\/button>\r\n                            <button class=\"cld-action-btn\" id=\"cld-pdf-btn-cld_slideshow_6a090cf0503c5\" onclick=\"cldHandlePdfDownload('products_assets\/20_10T', 'cld-pdf-btn-cld_slideshow_6a090cf0503c5')\">\r\n                    Technical drawing                <\/button>\r\n                                <\/div>\r\n\r\n            <\/div>\r\n\r\n    <style>\r\n        .cld-product-slideshow {\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cld-main-image {\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .cld-current-image {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            aspect-ratio: 1 \/ 1;\r\n            object-fit: cover;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .cld-error-message {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            aspect-ratio: 1 \/ 1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: #f8f9fa;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            color: #6c757d;\r\n            font-style: italic;\r\n        }\r\n\r\n        .cld-error-message p {\r\n            margin: 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .cld-parameters-table {\r\n            margin-top: 20px;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;\r\n        }\r\n\r\n        \/*\r\n    .cld-thumbnails {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .cld-thumbnail {\r\n        width: 80px;\r\n        height: 80px;\r\n        object-fit: cover;\r\n        border: 2px solid #ddd;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .cld-thumbnail:hover {\r\n        border-color: #007cba;\r\n            transform: scale(1.05);\r\n    }\r\n    \r\n    .cld-thumbnail.active {\r\n        border-color: #007cba;\r\n        box-shadow: 0 0 5px rgba(0, 124, 186, 0.5);\r\n    }\r\n    *\/\r\n\r\n\r\n\r\n        .cld-action-buttons {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-top: 20px;\r\n            width: 100%;\r\n        }\r\n\r\n        .cld-action-btn {\r\n            background-color: #E69500;\r\n            color: black;\r\n            border: none;\r\n            padding: 12px 20px;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n            font-weight: normal;\r\n            transition: background-color 0.3s ease;\r\n            width: 100%;\r\n            max-width: 400px;\r\n        }\r\n\r\n        .cld-action-btn:hover {\r\n            background-color: #d18500;\r\n            color: black;\r\n        }\r\n\r\n        .cld-loading-spinner {\r\n            display: inline-block;\r\n            width: 16px;\r\n            height: 16px;\r\n            border: 2px solid #000;\r\n            border-radius: 50%;\r\n            border-top-color: transparent;\r\n            animation: spin 1s ease-in-out infinite;\r\n            margin-right: 8px;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        @keyframes spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .cld-lightbox {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 9999;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .cld-lightbox.active {\r\n            display: flex;\r\n        }\r\n\r\n        .cld-lightbox-content {\r\n            position: relative;\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n        }\r\n\r\n        .cld-lightbox img {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .cld-lightbox-close {\r\n            position: fixed;\r\n            top: 20px;\r\n            right: 20px;\r\n            color: white;\r\n            font-size: 30px;\r\n            cursor: pointer;\r\n            background: none;\r\n            border: none;\r\n            z-index: 10000;\r\n        }\r\n\r\n        .cld-lightbox-close:hover {\r\n            background: none;\r\n            color: white;\r\n        }\r\n\r\n        .cld-lightbox-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: none;\r\n            border: none;\r\n            font-size: 50px;\r\n            padding: 20px;\r\n            margin: 0;\r\n            cursor: pointer;\r\n            color: white;\r\n            outline: none;\r\n        }\r\n\r\n        .cld-lightbox-nav:hover {\r\n            background: none;\r\n            color: white;\r\n        }\r\n\r\n        .cld-lightbox-nav:focus {\r\n            background: none;\r\n            outline: none;\r\n        }\r\n\r\n        .cld-lightbox-prev {\r\n            left: -60px;\r\n        }\r\n\r\n        .cld-lightbox-next {\r\n            right: -60px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .cld-lightbox-nav {\r\n                top: auto;\r\n                bottom: -60px;\r\n                transform: none;\r\n            }\r\n\r\n            .cld-lightbox-prev {\r\n                left: 20%;\r\n            }\r\n\r\n            .cld-lightbox-next {\r\n                right: 20%;\r\n            }\r\n        }\r\n\r\n        .swiper {\r\n            width: 100%;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .swiper-slide img {\r\n            width: 100%;\r\n            display: block;\r\n            xxxpadding:0 5px;\r\n        }\r\n        .swiper-pagination-bullet {\r\n            background: var(--secondary-color) !important;\r\n        }\r\n        .swiper-pagination-bullet-active {\r\n            background: var(--primary-color) !important;\r\n        }\r\n\r\n    <\/style>\r\n    <script>\r\n    jQuery(document).ready(function($) {\r\n        const swiper_cld_slideshow_6a090cf0503c5 = new Swiper('#cld_slideshow_6a090cf0503c5 .swiper', {\r\n            loop: true,\r\n            slidesPerView: 4,\r\n            spaceBetween: 10,\r\n            pagination: {\r\n                el: '#cld_slideshow_6a090cf0503c5 .swiper-pagination',\r\n                clickable: true,\r\n            },\r\n            autoplay: {\r\n                delay: 6000,\r\n            }\r\n        });\r\n    }); \/\/ ready\r\n    <\/script>\r\n\r\n\r\n    <script>\r\n    (function() {\r\n        \/*\r\n        const slideshow = document.getElementById('cld_slideshow_6a090cf0503c5');\r\n        const currentImage = slideshow.querySelector('.cld-current-image');\r\n        const thumbnails = slideshow.querySelectorAll('.cld-thumbnail');\r\n        const images = [\"\\\/products_assets\\\/20_10T\\\/20_10T. 3D.jpg\",\"\\\/products_assets\\\/20_10T\\\/20_10T. CARTIGLIO.jpg\",\"\\\/products_assets\\\/20_10T\\\/20_10T. CURVA1.jpg\",\"\\\/products_assets\\\/20_10T\\\/20_10T.  NO QUOTE.jpg\"];\r\n        let currentIndex = 0;\r\n        \r\n        \/\/ Only initialize slideshow functionality if we have a valid image and thumbnails\r\n        if (!currentImage || thumbnails.length === 0) {\r\n            return;\r\n        }\r\n        \r\n        \/\/ Create a unique lightbox for this product instance\r\n        let lightbox = document.querySelector('.cld-lightbox-' + 'cld_slideshow_6a090cf0503c5');\r\n        if (!lightbox) {\r\n            lightbox = document.createElement('div');\r\n            lightbox.className = 'cld-lightbox cld-lightbox-' + 'cld_slideshow_6a090cf0503c5';\r\n            lightbox.innerHTML = `\r\n                <div class=\"cld-lightbox-content\">\r\n                    <button class=\"cld-lightbox-close\">&times;<\/button>\r\n                    <img decoding=\"async\" src=\"\" alt=\"Lightbox Image\">\r\n                    <button class=\"cld-lightbox-nav cld-lightbox-prev\">&#8249;<\/button>\r\n                    <button class=\"cld-lightbox-nav cld-lightbox-next\">&#8250;<\/button>\r\n                <\/div>\r\n            `;\r\n            document.body.appendChild(lightbox);\r\n        }\r\n        \r\n        const lightboxImage = lightbox.querySelector('img');\r\n        const closeBtn = lightbox.querySelector('.cld-lightbox-close');\r\n        const prevBtn = lightbox.querySelector('.cld-lightbox-prev');\r\n        const nextBtn = lightbox.querySelector('.cld-lightbox-next');\r\n        \r\n        function updateImage(index) {\r\n            currentIndex = index;\r\n            \r\n            \/\/ Only update thumbnails within this specific product instance\r\n            thumbnails.forEach((thumb, i) => {\r\n                thumb.classList.toggle('active', i === index);\r\n            });\r\n        }\r\n        \r\n        function openLightbox(index) {\r\n            \/\/ Close any other active lightboxes first\r\n            document.querySelectorAll('.cld-lightbox.active').forEach(lb => {\r\n                lb.classList.remove('active');\r\n            });\r\n            \r\n            currentIndex = index;\r\n            lightboxImage.src = images[index];\r\n            lightbox.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n        \r\n        function closeLightbox() {\r\n            lightbox.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n        \r\n        function showNext() {\r\n            \/\/ Ensure we stay within this product's images only\r\n            currentIndex = (currentIndex + 1) % images.length;\r\n            lightboxImage.src = images[currentIndex];\r\n            updateImage(currentIndex);\r\n        }\r\n        \r\n        function showPrev() {\r\n            \/\/ Ensure we stay within this product's images only\r\n            currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n            lightboxImage.src = images[currentIndex];\r\n            updateImage(currentIndex);\r\n        }\r\n        \r\n        thumbnails.forEach((thumbnail, index) => {\r\n            thumbnail.addEventListener('click', () => {\r\n                openLightbox(index);\r\n            });\r\n        });\r\n        \r\n        currentImage.addEventListener('click', () => {\r\n            openLightbox(currentIndex);\r\n        });\r\n        \r\n        closeBtn.addEventListener('click', closeLightbox);\r\n        nextBtn.addEventListener('click', showNext);\r\n        prevBtn.addEventListener('click', showPrev);\r\n        \r\n        lightbox.addEventListener('click', (e) => {\r\n            if (e.target === lightbox) {\r\n                closeLightbox();\r\n            }\r\n        });\r\n        \r\n        document.addEventListener('keydown', (e) => {\r\n            \/\/ Only handle keyboard events if this specific lightbox is active\r\n            if (!lightbox.classList.contains('active')) return;\r\n            \r\n            switch(e.key) {\r\n                case 'Escape':\r\n                    closeLightbox();\r\n                    break;\r\n                case 'ArrowLeft':\r\n                    showPrev();\r\n                    break;\r\n                case 'ArrowRight':\r\n                    showNext();\r\n                    break;\r\n            }\r\n        });\r\n        *\/\r\n        \r\n        \/\/ Global functions for action buttons\r\n        window.cldScrollToElement = function(selector) {\r\n            \/\/ Try multiple selector strategies\r\n            let element = document.querySelector(selector);\r\n            \r\n            if (!element) {\r\n                \/\/ If direct selector fails, try without quotes\r\n                element = document.querySelector('[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (!element) {\r\n                \/\/ Try with attribute selector directly\r\n                element = document.querySelector('div[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (!element) {\r\n                \/\/ Try finding by class and data-wpcf7-id\r\n                element = document.querySelector('.wpcf7[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (element) {\r\n                \/\/ Add a small delay to ensure page is fully loaded\r\n                setTimeout(() => {\r\n                    element.scrollIntoView({ \r\n                        behavior: 'smooth', \r\n                        block: 'center',\r\n                        inline: 'nearest'\r\n                    });\r\n                }, 100);\r\n            } else {\r\n                console.error('Element with data-wpcf7-id=\"6\" not found');\r\n                \/\/ Fallback: scroll to bottom of page\r\n                window.scrollTo({ \r\n                    top: document.body.scrollHeight, \r\n                    behavior: 'smooth' \r\n                });\r\n            }\r\n        };\r\n        \r\n        window.cldHandlePdfDownload = function(folderPath, buttonId) {\r\n            const pdfBtn = document.getElementById(buttonId);\r\n            const originalText = pdfBtn.innerHTML;\r\n            \r\n            \/\/ Add spinner and disable button\r\n            pdfBtn.innerHTML = '<span class=\"cld-loading-spinner\"><\/span>' + originalText;\r\n            pdfBtn.disabled = true;\r\n            \r\n                            \/\/ User is not logged in, redirect to login\r\n                window.location.href = '\/login\/';\r\n                    };\r\n        \r\n        \/\/ Global function for parameters table toggle\r\n        window.cldToggleParametersTable = function(uniqueId) {\r\n            const table = document.getElementById('cld-params-table-' + uniqueId);\r\n            const button = document.getElementById('cld-params-btn-' + uniqueId);\r\n            \r\n            if (table.classList.contains('cld-table-visible')) {\r\n                \/\/ Roll up (hide)\r\n                table.style.height = table.scrollHeight + 'px';\r\n                table.offsetHeight; \/\/ Force reflow\r\n                table.style.height = '0px';\r\n                table.style.paddingTop = '0px';\r\n                table.style.paddingBottom = '0px';\r\n                table.classList.remove('cld-table-visible');\r\n                button.textContent = 'Application Parameters';\r\n                \r\n                \/\/ Hide completely after animation\r\n                setTimeout(() => {\r\n                    if (!table.classList.contains('cld-table-visible')) {\r\n                        table.style.display = 'none';\r\n                    }\r\n                }, 300);\r\n            } else {\r\n                \/\/ Roll down (show)\r\n                table.style.display = 'block';\r\n                table.style.height = '0px';\r\n                table.style.paddingTop = '0px';\r\n                table.style.paddingBottom = '0px';\r\n                table.classList.add('cld-table-visible');\r\n                \r\n                \/\/ Get natural height\r\n                const targetHeight = table.scrollHeight;\r\n                \r\n                \/\/ Animate to natural height\r\n                requestAnimationFrame(() => {\r\n                    table.style.height = targetHeight + 'px';\r\n                    table.style.paddingTop = '20px';\r\n                    table.style.paddingBottom = '0px';\r\n                });\r\n                \r\n                button.textContent = 'Hide Application Parameters';\r\n                \r\n                \/\/ Remove height after animation to allow for content changes\r\n                setTimeout(() => {\r\n                    if (table.classList.contains('cld-table-visible')) {\r\n                        table.style.height = 'auto';\r\n                    }\r\n                }, 300);\r\n            }\r\n        };\r\n    })();\r\n    <\/script>\r\n<a id=\"popup-riferimenti-dimensionali\" href=\"#\"><small><\/small><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d35c6a card_product elementor-widget elementor-widget-text-editor\" data-id=\"1d35c6a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>    <div class=\"cld-product-slideshow\" id=\"cld_slideshow_6a090cf0510b8\">\r\n                    <h3 class=\"text-center\" data-fontsize=\"26\" data-lineheight=\"29\">\r\n                20\/10 P            <\/h3>\r\n                <div class=\"cld-main-image\">\r\n                                            <a href=\"\/products_assets\/20_10_P\/20_10P%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0510b8\" data-title=\"20\/10 P\">\r\n                    <img decoding=\"async\" src=\"\/products_assets\/20_10_P\/20_10P%20QUOTE.jpg\" alt=\"Product image\" class=\"cld-current-image\">\r\n                <\/a>                     \r\n                    <\/div>\r\n                    <!--   Swiper carousel -->\r\n            <div class=\"swiper\">\r\n                <div class=\"swiper-wrapper\">\r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10_P\/20_10P%203D.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0510b8\" data-title=\"20\/10 P\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10_P\/20_10P%203D.jpg\" alt=\"20\/10 P 1\" data-index=\"0\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10_P\/20_10P%20CARTIGLIO.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0510b8\" data-title=\"20\/10 P\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10_P\/20_10P%20CARTIGLIO.jpg\" alt=\"20\/10 P 2\" data-index=\"1\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10_P\/20_10P%20NO%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0510b8\" data-title=\"20\/10 P\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10_P\/20_10P%20NO%20QUOTE.jpg\" alt=\"20\/10 P 3\" data-index=\"2\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10_P\/20_10P%20curva1.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0510b8\" data-title=\"20\/10 P\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10_P\/20_10P%20curva1.jpg\" alt=\"20\/10 P 4\" data-index=\"3\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10_P\/20_10P%20curva2.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0510b8\" data-title=\"20\/10 P\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10_P\/20_10P%20curva2.jpg\" alt=\"20\/10 P 5\" data-index=\"4\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                <\/div>\r\n\r\n                <!-- Dots -->\r\n                <div class=\"swiper-pagination\"><\/div>\r\n            <\/div>\r\n        \r\n        <div class=\"cld-action-buttons\">\r\n            <button class=\"cld-action-btn\" onclick=\"cldScrollToElement('[data-wpcf7-id=&quot;6&quot;]')\">\r\n                Request technical data sheet            <\/button>\r\n                            <button class=\"cld-action-btn\" id=\"cld-pdf-btn-cld_slideshow_6a090cf0510b8\" onclick=\"cldHandlePdfDownload('products_assets\/20_10_P', 'cld-pdf-btn-cld_slideshow_6a090cf0510b8')\">\r\n                    Technical drawing                <\/button>\r\n                                <\/div>\r\n\r\n            <\/div>\r\n\r\n    <style>\r\n        .cld-product-slideshow {\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cld-main-image {\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .cld-current-image {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            aspect-ratio: 1 \/ 1;\r\n            object-fit: cover;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .cld-error-message {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            aspect-ratio: 1 \/ 1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: #f8f9fa;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            color: #6c757d;\r\n            font-style: italic;\r\n        }\r\n\r\n        .cld-error-message p {\r\n            margin: 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .cld-parameters-table {\r\n            margin-top: 20px;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;\r\n        }\r\n\r\n        \/*\r\n    .cld-thumbnails {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .cld-thumbnail {\r\n        width: 80px;\r\n        height: 80px;\r\n        object-fit: cover;\r\n        border: 2px solid #ddd;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .cld-thumbnail:hover {\r\n        border-color: #007cba;\r\n            transform: scale(1.05);\r\n    }\r\n    \r\n    .cld-thumbnail.active {\r\n        border-color: #007cba;\r\n        box-shadow: 0 0 5px rgba(0, 124, 186, 0.5);\r\n    }\r\n    *\/\r\n\r\n\r\n\r\n        .cld-action-buttons {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-top: 20px;\r\n            width: 100%;\r\n        }\r\n\r\n        .cld-action-btn {\r\n            background-color: #E69500;\r\n            color: black;\r\n            border: none;\r\n            padding: 12px 20px;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n            font-weight: normal;\r\n            transition: background-color 0.3s ease;\r\n            width: 100%;\r\n            max-width: 400px;\r\n        }\r\n\r\n        .cld-action-btn:hover {\r\n            background-color: #d18500;\r\n            color: black;\r\n        }\r\n\r\n        .cld-loading-spinner {\r\n            display: inline-block;\r\n            width: 16px;\r\n            height: 16px;\r\n            border: 2px solid #000;\r\n            border-radius: 50%;\r\n            border-top-color: transparent;\r\n            animation: spin 1s ease-in-out infinite;\r\n            margin-right: 8px;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        @keyframes spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .cld-lightbox {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 9999;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .cld-lightbox.active {\r\n            display: flex;\r\n        }\r\n\r\n        .cld-lightbox-content {\r\n            position: relative;\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n        }\r\n\r\n        .cld-lightbox img {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .cld-lightbox-close {\r\n            position: fixed;\r\n            top: 20px;\r\n            right: 20px;\r\n            color: white;\r\n            font-size: 30px;\r\n            cursor: pointer;\r\n            background: none;\r\n            border: none;\r\n            z-index: 10000;\r\n        }\r\n\r\n        .cld-lightbox-close:hover {\r\n            background: none;\r\n            color: white;\r\n        }\r\n\r\n        .cld-lightbox-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: none;\r\n            border: none;\r\n            font-size: 50px;\r\n            padding: 20px;\r\n            margin: 0;\r\n            cursor: pointer;\r\n            color: white;\r\n            outline: none;\r\n        }\r\n\r\n        .cld-lightbox-nav:hover {\r\n            background: none;\r\n            color: white;\r\n        }\r\n\r\n        .cld-lightbox-nav:focus {\r\n            background: none;\r\n            outline: none;\r\n        }\r\n\r\n        .cld-lightbox-prev {\r\n            left: -60px;\r\n        }\r\n\r\n        .cld-lightbox-next {\r\n            right: -60px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .cld-lightbox-nav {\r\n                top: auto;\r\n                bottom: -60px;\r\n                transform: none;\r\n            }\r\n\r\n            .cld-lightbox-prev {\r\n                left: 20%;\r\n            }\r\n\r\n            .cld-lightbox-next {\r\n                right: 20%;\r\n            }\r\n        }\r\n\r\n        .swiper {\r\n            width: 100%;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .swiper-slide img {\r\n            width: 100%;\r\n            display: block;\r\n            xxxpadding:0 5px;\r\n        }\r\n        .swiper-pagination-bullet {\r\n            background: var(--secondary-color) !important;\r\n        }\r\n        .swiper-pagination-bullet-active {\r\n            background: var(--primary-color) !important;\r\n        }\r\n\r\n    <\/style>\r\n    <script>\r\n    jQuery(document).ready(function($) {\r\n        const swiper_cld_slideshow_6a090cf0510b8 = new Swiper('#cld_slideshow_6a090cf0510b8 .swiper', {\r\n            loop: true,\r\n            slidesPerView: 4,\r\n            spaceBetween: 10,\r\n            pagination: {\r\n                el: '#cld_slideshow_6a090cf0510b8 .swiper-pagination',\r\n                clickable: true,\r\n            },\r\n            autoplay: {\r\n                delay: 6000,\r\n            }\r\n        });\r\n    }); \/\/ ready\r\n    <\/script>\r\n\r\n\r\n    <script>\r\n    (function() {\r\n        \/*\r\n        const slideshow = document.getElementById('cld_slideshow_6a090cf0510b8');\r\n        const currentImage = slideshow.querySelector('.cld-current-image');\r\n        const thumbnails = slideshow.querySelectorAll('.cld-thumbnail');\r\n        const images = [\"\\\/products_assets\\\/20_10_P\\\/20_10P 3D.jpg\",\"\\\/products_assets\\\/20_10_P\\\/20_10P CARTIGLIO.jpg\",\"\\\/products_assets\\\/20_10_P\\\/20_10P NO QUOTE.jpg\",\"\\\/products_assets\\\/20_10_P\\\/20_10P curva1.jpg\",\"\\\/products_assets\\\/20_10_P\\\/20_10P curva2.jpg\"];\r\n        let currentIndex = 0;\r\n        \r\n        \/\/ Only initialize slideshow functionality if we have a valid image and thumbnails\r\n        if (!currentImage || thumbnails.length === 0) {\r\n            return;\r\n        }\r\n        \r\n        \/\/ Create a unique lightbox for this product instance\r\n        let lightbox = document.querySelector('.cld-lightbox-' + 'cld_slideshow_6a090cf0510b8');\r\n        if (!lightbox) {\r\n            lightbox = document.createElement('div');\r\n            lightbox.className = 'cld-lightbox cld-lightbox-' + 'cld_slideshow_6a090cf0510b8';\r\n            lightbox.innerHTML = `\r\n                <div class=\"cld-lightbox-content\">\r\n                    <button class=\"cld-lightbox-close\">&times;<\/button>\r\n                    <img decoding=\"async\" src=\"\" alt=\"Lightbox Image\">\r\n                    <button class=\"cld-lightbox-nav cld-lightbox-prev\">&#8249;<\/button>\r\n                    <button class=\"cld-lightbox-nav cld-lightbox-next\">&#8250;<\/button>\r\n                <\/div>\r\n            `;\r\n            document.body.appendChild(lightbox);\r\n        }\r\n        \r\n        const lightboxImage = lightbox.querySelector('img');\r\n        const closeBtn = lightbox.querySelector('.cld-lightbox-close');\r\n        const prevBtn = lightbox.querySelector('.cld-lightbox-prev');\r\n        const nextBtn = lightbox.querySelector('.cld-lightbox-next');\r\n        \r\n        function updateImage(index) {\r\n            currentIndex = index;\r\n            \r\n            \/\/ Only update thumbnails within this specific product instance\r\n            thumbnails.forEach((thumb, i) => {\r\n                thumb.classList.toggle('active', i === index);\r\n            });\r\n        }\r\n        \r\n        function openLightbox(index) {\r\n            \/\/ Close any other active lightboxes first\r\n            document.querySelectorAll('.cld-lightbox.active').forEach(lb => {\r\n                lb.classList.remove('active');\r\n            });\r\n            \r\n            currentIndex = index;\r\n            lightboxImage.src = images[index];\r\n            lightbox.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n        \r\n        function closeLightbox() {\r\n            lightbox.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n        \r\n        function showNext() {\r\n            \/\/ Ensure we stay within this product's images only\r\n            currentIndex = (currentIndex + 1) % images.length;\r\n            lightboxImage.src = images[currentIndex];\r\n            updateImage(currentIndex);\r\n        }\r\n        \r\n        function showPrev() {\r\n            \/\/ Ensure we stay within this product's images only\r\n            currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n            lightboxImage.src = images[currentIndex];\r\n            updateImage(currentIndex);\r\n        }\r\n        \r\n        thumbnails.forEach((thumbnail, index) => {\r\n            thumbnail.addEventListener('click', () => {\r\n                openLightbox(index);\r\n            });\r\n        });\r\n        \r\n        currentImage.addEventListener('click', () => {\r\n            openLightbox(currentIndex);\r\n        });\r\n        \r\n        closeBtn.addEventListener('click', closeLightbox);\r\n        nextBtn.addEventListener('click', showNext);\r\n        prevBtn.addEventListener('click', showPrev);\r\n        \r\n        lightbox.addEventListener('click', (e) => {\r\n            if (e.target === lightbox) {\r\n                closeLightbox();\r\n            }\r\n        });\r\n        \r\n        document.addEventListener('keydown', (e) => {\r\n            \/\/ Only handle keyboard events if this specific lightbox is active\r\n            if (!lightbox.classList.contains('active')) return;\r\n            \r\n            switch(e.key) {\r\n                case 'Escape':\r\n                    closeLightbox();\r\n                    break;\r\n                case 'ArrowLeft':\r\n                    showPrev();\r\n                    break;\r\n                case 'ArrowRight':\r\n                    showNext();\r\n                    break;\r\n            }\r\n        });\r\n        *\/\r\n        \r\n        \/\/ Global functions for action buttons\r\n        window.cldScrollToElement = function(selector) {\r\n            \/\/ Try multiple selector strategies\r\n            let element = document.querySelector(selector);\r\n            \r\n            if (!element) {\r\n                \/\/ If direct selector fails, try without quotes\r\n                element = document.querySelector('[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (!element) {\r\n                \/\/ Try with attribute selector directly\r\n                element = document.querySelector('div[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (!element) {\r\n                \/\/ Try finding by class and data-wpcf7-id\r\n                element = document.querySelector('.wpcf7[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (element) {\r\n                \/\/ Add a small delay to ensure page is fully loaded\r\n                setTimeout(() => {\r\n                    element.scrollIntoView({ \r\n                        behavior: 'smooth', \r\n                        block: 'center',\r\n                        inline: 'nearest'\r\n                    });\r\n                }, 100);\r\n            } else {\r\n                console.error('Element with data-wpcf7-id=\"6\" not found');\r\n                \/\/ Fallback: scroll to bottom of page\r\n                window.scrollTo({ \r\n                    top: document.body.scrollHeight, \r\n                    behavior: 'smooth' \r\n                });\r\n            }\r\n        };\r\n        \r\n        window.cldHandlePdfDownload = function(folderPath, buttonId) {\r\n            const pdfBtn = document.getElementById(buttonId);\r\n            const originalText = pdfBtn.innerHTML;\r\n            \r\n            \/\/ Add spinner and disable button\r\n            pdfBtn.innerHTML = '<span class=\"cld-loading-spinner\"><\/span>' + originalText;\r\n            pdfBtn.disabled = true;\r\n            \r\n                            \/\/ User is not logged in, redirect to login\r\n                window.location.href = '\/login\/';\r\n                    };\r\n        \r\n        \/\/ Global function for parameters table toggle\r\n        window.cldToggleParametersTable = function(uniqueId) {\r\n            const table = document.getElementById('cld-params-table-' + uniqueId);\r\n            const button = document.getElementById('cld-params-btn-' + uniqueId);\r\n            \r\n            if (table.classList.contains('cld-table-visible')) {\r\n                \/\/ Roll up (hide)\r\n                table.style.height = table.scrollHeight + 'px';\r\n                table.offsetHeight; \/\/ Force reflow\r\n                table.style.height = '0px';\r\n                table.style.paddingTop = '0px';\r\n                table.style.paddingBottom = '0px';\r\n                table.classList.remove('cld-table-visible');\r\n                button.textContent = 'Application Parameters';\r\n                \r\n                \/\/ Hide completely after animation\r\n                setTimeout(() => {\r\n                    if (!table.classList.contains('cld-table-visible')) {\r\n                        table.style.display = 'none';\r\n                    }\r\n                }, 300);\r\n            } else {\r\n                \/\/ Roll down (show)\r\n                table.style.display = 'block';\r\n                table.style.height = '0px';\r\n                table.style.paddingTop = '0px';\r\n                table.style.paddingBottom = '0px';\r\n                table.classList.add('cld-table-visible');\r\n                \r\n                \/\/ Get natural height\r\n                const targetHeight = table.scrollHeight;\r\n                \r\n                \/\/ Animate to natural height\r\n                requestAnimationFrame(() => {\r\n                    table.style.height = targetHeight + 'px';\r\n                    table.style.paddingTop = '20px';\r\n                    table.style.paddingBottom = '0px';\r\n                });\r\n                \r\n                button.textContent = 'Hide Application Parameters';\r\n                \r\n                \/\/ Remove height after animation to allow for content changes\r\n                setTimeout(() => {\r\n                    if (table.classList.contains('cld-table-visible')) {\r\n                        table.style.height = 'auto';\r\n                    }\r\n                }, 300);\r\n            }\r\n        };\r\n    })();\r\n    <\/script>\r\n<a id=\"popup-riferimenti-dimensionali\" href=\"#\"><small><\/small><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43b5975 card_product elementor-widget elementor-widget-text-editor\" data-id=\"43b5975\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>    <div class=\"cld-product-slideshow\" id=\"cld_slideshow_6a090cf051d34\">\r\n                    <h3 class=\"text-center\" data-fontsize=\"26\" data-lineheight=\"29\">\r\n                20\/10 ECOL            <\/h3>\r\n                <div class=\"cld-main-image\">\r\n                                            <a href=\"\/products_assets\/20_10ECOL\/20_10ECOL%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf051d34\" data-title=\"20\/10 ECOL\">\r\n                    <img decoding=\"async\" src=\"\/products_assets\/20_10ECOL\/20_10ECOL%20QUOTE.jpg\" alt=\"Product image\" class=\"cld-current-image\">\r\n                <\/a>                     \r\n                    <\/div>\r\n                    <!--   Swiper carousel -->\r\n            <div class=\"swiper\">\r\n                <div class=\"swiper-wrapper\">\r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10ECOL\/20_10ECOL%203D.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf051d34\" data-title=\"20\/10 ECOL\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10ECOL\/20_10ECOL%203D.jpg\" alt=\"20\/10 ECOL 1\" data-index=\"0\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10ECOL\/20_10ECOL%20CARTIGLIO.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf051d34\" data-title=\"20\/10 ECOL\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10ECOL\/20_10ECOL%20CARTIGLIO.jpg\" alt=\"20\/10 ECOL 2\" data-index=\"1\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10ECOL\/20_10ECOL%20CURVA1.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf051d34\" data-title=\"20\/10 ECOL\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10ECOL\/20_10ECOL%20CURVA1.jpg\" alt=\"20\/10 ECOL 3\" data-index=\"2\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_10ECOL\/20_10ECOL%20NO%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf051d34\" data-title=\"20\/10 ECOL\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_10ECOL\/20_10ECOL%20NO%20QUOTE.jpg\" alt=\"20\/10 ECOL 4\" data-index=\"3\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                <\/div>\r\n\r\n                <!-- Dots -->\r\n                <div class=\"swiper-pagination\"><\/div>\r\n            <\/div>\r\n        \r\n        <div class=\"cld-action-buttons\">\r\n            <button class=\"cld-action-btn\" onclick=\"cldScrollToElement('[data-wpcf7-id=&quot;6&quot;]')\">\r\n                Request technical data sheet            <\/button>\r\n                            <button class=\"cld-action-btn\" id=\"cld-pdf-btn-cld_slideshow_6a090cf051d34\" onclick=\"cldHandlePdfDownload('products_assets\/20_10ECOL', 'cld-pdf-btn-cld_slideshow_6a090cf051d34')\">\r\n                    Technical drawing                <\/button>\r\n                                <\/div>\r\n\r\n            <\/div>\r\n\r\n    <style>\r\n        .cld-product-slideshow {\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cld-main-image {\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .cld-current-image {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            aspect-ratio: 1 \/ 1;\r\n            object-fit: cover;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .cld-error-message {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            aspect-ratio: 1 \/ 1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: #f8f9fa;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            color: #6c757d;\r\n            font-style: italic;\r\n        }\r\n\r\n        .cld-error-message p {\r\n            margin: 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .cld-parameters-table {\r\n            margin-top: 20px;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;\r\n        }\r\n\r\n        \/*\r\n    .cld-thumbnails {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .cld-thumbnail {\r\n        width: 80px;\r\n        height: 80px;\r\n        object-fit: cover;\r\n        border: 2px solid #ddd;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .cld-thumbnail:hover {\r\n        border-color: #007cba;\r\n            transform: scale(1.05);\r\n    }\r\n    \r\n    .cld-thumbnail.active {\r\n        border-color: #007cba;\r\n        box-shadow: 0 0 5px rgba(0, 124, 186, 0.5);\r\n    }\r\n    *\/\r\n\r\n\r\n\r\n        .cld-action-buttons {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-top: 20px;\r\n            width: 100%;\r\n        }\r\n\r\n        .cld-action-btn {\r\n            background-color: #E69500;\r\n            color: black;\r\n            border: none;\r\n            padding: 12px 20px;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n            font-weight: normal;\r\n            transition: background-color 0.3s ease;\r\n            width: 100%;\r\n            max-width: 400px;\r\n        }\r\n\r\n        .cld-action-btn:hover {\r\n            background-color: #d18500;\r\n            color: black;\r\n        }\r\n\r\n        .cld-loading-spinner {\r\n            display: inline-block;\r\n            width: 16px;\r\n            height: 16px;\r\n            border: 2px solid #000;\r\n            border-radius: 50%;\r\n            border-top-color: transparent;\r\n            animation: spin 1s ease-in-out infinite;\r\n            margin-right: 8px;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        @keyframes spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .cld-lightbox {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 9999;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .cld-lightbox.active {\r\n            display: flex;\r\n        }\r\n\r\n        .cld-lightbox-content {\r\n            position: relative;\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n        }\r\n\r\n        .cld-lightbox img {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .cld-lightbox-close {\r\n            position: fixed;\r\n            top: 20px;\r\n            right: 20px;\r\n            color: white;\r\n            font-size: 30px;\r\n            cursor: pointer;\r\n            background: none;\r\n            border: none;\r\n            z-index: 10000;\r\n        }\r\n\r\n        .cld-lightbox-close:hover {\r\n            background: none;\r\n            color: white;\r\n        }\r\n\r\n        .cld-lightbox-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: none;\r\n            border: none;\r\n            font-size: 50px;\r\n            padding: 20px;\r\n            margin: 0;\r\n            cursor: pointer;\r\n            color: white;\r\n            outline: none;\r\n        }\r\n\r\n        .cld-lightbox-nav:hover {\r\n            background: none;\r\n            color: white;\r\n        }\r\n\r\n        .cld-lightbox-nav:focus {\r\n            background: none;\r\n            outline: none;\r\n        }\r\n\r\n        .cld-lightbox-prev {\r\n            left: -60px;\r\n        }\r\n\r\n        .cld-lightbox-next {\r\n            right: -60px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .cld-lightbox-nav {\r\n                top: auto;\r\n                bottom: -60px;\r\n                transform: none;\r\n            }\r\n\r\n            .cld-lightbox-prev {\r\n                left: 20%;\r\n            }\r\n\r\n            .cld-lightbox-next {\r\n                right: 20%;\r\n            }\r\n        }\r\n\r\n        .swiper {\r\n            width: 100%;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .swiper-slide img {\r\n            width: 100%;\r\n            display: block;\r\n            xxxpadding:0 5px;\r\n        }\r\n        .swiper-pagination-bullet {\r\n            background: var(--secondary-color) !important;\r\n        }\r\n        .swiper-pagination-bullet-active {\r\n            background: var(--primary-color) !important;\r\n        }\r\n\r\n    <\/style>\r\n    <script>\r\n    jQuery(document).ready(function($) {\r\n        const swiper_cld_slideshow_6a090cf051d34 = new Swiper('#cld_slideshow_6a090cf051d34 .swiper', {\r\n            loop: true,\r\n            slidesPerView: 4,\r\n            spaceBetween: 10,\r\n            pagination: {\r\n                el: '#cld_slideshow_6a090cf051d34 .swiper-pagination',\r\n                clickable: true,\r\n            },\r\n            autoplay: {\r\n                delay: 6000,\r\n            }\r\n        });\r\n    }); \/\/ ready\r\n    <\/script>\r\n\r\n\r\n    <script>\r\n    (function() {\r\n        \/*\r\n        const slideshow = document.getElementById('cld_slideshow_6a090cf051d34');\r\n        const currentImage = slideshow.querySelector('.cld-current-image');\r\n        const thumbnails = slideshow.querySelectorAll('.cld-thumbnail');\r\n        const images = [\"\\\/products_assets\\\/20_10ECOL\\\/20_10ECOL 3D.jpg\",\"\\\/products_assets\\\/20_10ECOL\\\/20_10ECOL CARTIGLIO.jpg\",\"\\\/products_assets\\\/20_10ECOL\\\/20_10ECOL CURVA1.jpg\",\"\\\/products_assets\\\/20_10ECOL\\\/20_10ECOL NO QUOTE.jpg\"];\r\n        let currentIndex = 0;\r\n        \r\n        \/\/ Only initialize slideshow functionality if we have a valid image and thumbnails\r\n        if (!currentImage || thumbnails.length === 0) {\r\n            return;\r\n        }\r\n        \r\n        \/\/ Create a unique lightbox for this product instance\r\n        let lightbox = document.querySelector('.cld-lightbox-' + 'cld_slideshow_6a090cf051d34');\r\n        if (!lightbox) {\r\n            lightbox = document.createElement('div');\r\n            lightbox.className = 'cld-lightbox cld-lightbox-' + 'cld_slideshow_6a090cf051d34';\r\n            lightbox.innerHTML = `\r\n                <div class=\"cld-lightbox-content\">\r\n                    <button class=\"cld-lightbox-close\">&times;<\/button>\r\n                    <img decoding=\"async\" src=\"\" alt=\"Lightbox Image\">\r\n                    <button class=\"cld-lightbox-nav cld-lightbox-prev\">&#8249;<\/button>\r\n                    <button class=\"cld-lightbox-nav cld-lightbox-next\">&#8250;<\/button>\r\n                <\/div>\r\n            `;\r\n            document.body.appendChild(lightbox);\r\n        }\r\n        \r\n        const lightboxImage = lightbox.querySelector('img');\r\n        const closeBtn = lightbox.querySelector('.cld-lightbox-close');\r\n        const prevBtn = lightbox.querySelector('.cld-lightbox-prev');\r\n        const nextBtn = lightbox.querySelector('.cld-lightbox-next');\r\n        \r\n        function updateImage(index) {\r\n            currentIndex = index;\r\n            \r\n            \/\/ Only update thumbnails within this specific product instance\r\n            thumbnails.forEach((thumb, i) => {\r\n                thumb.classList.toggle('active', i === index);\r\n            });\r\n        }\r\n        \r\n        function openLightbox(index) {\r\n            \/\/ Close any other active lightboxes first\r\n            document.querySelectorAll('.cld-lightbox.active').forEach(lb => {\r\n                lb.classList.remove('active');\r\n            });\r\n            \r\n            currentIndex = index;\r\n            lightboxImage.src = images[index];\r\n            lightbox.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n        \r\n        function closeLightbox() {\r\n            lightbox.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n        \r\n        function showNext() {\r\n            \/\/ Ensure we stay within this product's images only\r\n            currentIndex = (currentIndex + 1) % images.length;\r\n            lightboxImage.src = images[currentIndex];\r\n            updateImage(currentIndex);\r\n        }\r\n        \r\n        function showPrev() {\r\n            \/\/ Ensure we stay within this product's images only\r\n            currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n            lightboxImage.src = images[currentIndex];\r\n            updateImage(currentIndex);\r\n        }\r\n        \r\n        thumbnails.forEach((thumbnail, index) => {\r\n            thumbnail.addEventListener('click', () => {\r\n                openLightbox(index);\r\n            });\r\n        });\r\n        \r\n        currentImage.addEventListener('click', () => {\r\n            openLightbox(currentIndex);\r\n        });\r\n        \r\n        closeBtn.addEventListener('click', closeLightbox);\r\n        nextBtn.addEventListener('click', showNext);\r\n        prevBtn.addEventListener('click', showPrev);\r\n        \r\n        lightbox.addEventListener('click', (e) => {\r\n            if (e.target === lightbox) {\r\n                closeLightbox();\r\n            }\r\n        });\r\n        \r\n        document.addEventListener('keydown', (e) => {\r\n            \/\/ Only handle keyboard events if this specific lightbox is active\r\n            if (!lightbox.classList.contains('active')) return;\r\n            \r\n            switch(e.key) {\r\n                case 'Escape':\r\n                    closeLightbox();\r\n                    break;\r\n                case 'ArrowLeft':\r\n                    showPrev();\r\n                    break;\r\n                case 'ArrowRight':\r\n                    showNext();\r\n                    break;\r\n            }\r\n        });\r\n        *\/\r\n        \r\n        \/\/ Global functions for action buttons\r\n        window.cldScrollToElement = function(selector) {\r\n            \/\/ Try multiple selector strategies\r\n            let element = document.querySelector(selector);\r\n            \r\n            if (!element) {\r\n                \/\/ If direct selector fails, try without quotes\r\n                element = document.querySelector('[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (!element) {\r\n                \/\/ Try with attribute selector directly\r\n                element = document.querySelector('div[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (!element) {\r\n                \/\/ Try finding by class and data-wpcf7-id\r\n                element = document.querySelector('.wpcf7[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (element) {\r\n                \/\/ Add a small delay to ensure page is fully loaded\r\n                setTimeout(() => {\r\n                    element.scrollIntoView({ \r\n                        behavior: 'smooth', \r\n                        block: 'center',\r\n                        inline: 'nearest'\r\n                    });\r\n                }, 100);\r\n            } else {\r\n                console.error('Element with data-wpcf7-id=\"6\" not found');\r\n                \/\/ Fallback: scroll to bottom of page\r\n                window.scrollTo({ \r\n                    top: document.body.scrollHeight, \r\n                    behavior: 'smooth' \r\n                });\r\n            }\r\n        };\r\n        \r\n        window.cldHandlePdfDownload = function(folderPath, buttonId) {\r\n            const pdfBtn = document.getElementById(buttonId);\r\n            const originalText = pdfBtn.innerHTML;\r\n            \r\n            \/\/ Add spinner and disable button\r\n            pdfBtn.innerHTML = '<span class=\"cld-loading-spinner\"><\/span>' + originalText;\r\n            pdfBtn.disabled = true;\r\n            \r\n                            \/\/ User is not logged in, redirect to login\r\n                window.location.href = '\/login\/';\r\n                    };\r\n        \r\n        \/\/ Global function for parameters table toggle\r\n        window.cldToggleParametersTable = function(uniqueId) {\r\n            const table = document.getElementById('cld-params-table-' + uniqueId);\r\n            const button = document.getElementById('cld-params-btn-' + uniqueId);\r\n            \r\n            if (table.classList.contains('cld-table-visible')) {\r\n                \/\/ Roll up (hide)\r\n                table.style.height = table.scrollHeight + 'px';\r\n                table.offsetHeight; \/\/ Force reflow\r\n                table.style.height = '0px';\r\n                table.style.paddingTop = '0px';\r\n                table.style.paddingBottom = '0px';\r\n                table.classList.remove('cld-table-visible');\r\n                button.textContent = 'Application Parameters';\r\n                \r\n                \/\/ Hide completely after animation\r\n                setTimeout(() => {\r\n                    if (!table.classList.contains('cld-table-visible')) {\r\n                        table.style.display = 'none';\r\n                    }\r\n                }, 300);\r\n            } else {\r\n                \/\/ Roll down (show)\r\n                table.style.display = 'block';\r\n                table.style.height = '0px';\r\n                table.style.paddingTop = '0px';\r\n                table.style.paddingBottom = '0px';\r\n                table.classList.add('cld-table-visible');\r\n                \r\n                \/\/ Get natural height\r\n                const targetHeight = table.scrollHeight;\r\n                \r\n                \/\/ Animate to natural height\r\n                requestAnimationFrame(() => {\r\n                    table.style.height = targetHeight + 'px';\r\n                    table.style.paddingTop = '20px';\r\n                    table.style.paddingBottom = '0px';\r\n                });\r\n                \r\n                button.textContent = 'Hide Application Parameters';\r\n                \r\n                \/\/ Remove height after animation to allow for content changes\r\n                setTimeout(() => {\r\n                    if (table.classList.contains('cld-table-visible')) {\r\n                        table.style.height = 'auto';\r\n                    }\r\n                }, 300);\r\n            }\r\n        };\r\n    })();\r\n    <\/script>\r\n<a id=\"popup-riferimenti-dimensionali\" href=\"#\"><small><\/small><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87bcd34 card_product elementor-widget elementor-widget-text-editor\" data-id=\"87bcd34\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>    <div class=\"cld-product-slideshow\" id=\"cld_slideshow_6a090cf0529d6\">\r\n                    <h3 class=\"text-center\" data-fontsize=\"26\" data-lineheight=\"29\">\r\n                20\/80 P            <\/h3>\r\n                <div class=\"cld-main-image\">\r\n                                            <a href=\"\/products_assets\/20_80P\/20_80P%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0529d6\" data-title=\"20\/80 P\">\r\n                    <img decoding=\"async\" src=\"\/products_assets\/20_80P\/20_80P%20QUOTE.jpg\" alt=\"Product image\" class=\"cld-current-image\">\r\n                <\/a>                     \r\n                    <\/div>\r\n                    <!--   Swiper carousel -->\r\n            <div class=\"swiper\">\r\n                <div class=\"swiper-wrapper\">\r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_80P\/20_80P%203D.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0529d6\" data-title=\"20\/80 P\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_80P\/20_80P%203D.jpg\" alt=\"20\/80 P 1\" data-index=\"0\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_80P\/20_80P%20CARTIGLIO.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0529d6\" data-title=\"20\/80 P\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_80P\/20_80P%20CARTIGLIO.jpg\" alt=\"20\/80 P 2\" data-index=\"1\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_80P\/20_80P%20CURVA1.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0529d6\" data-title=\"20\/80 P\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_80P\/20_80P%20CURVA1.jpg\" alt=\"20\/80 P 3\" data-index=\"2\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_80P\/20_80P%20NO%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0529d6\" data-title=\"20\/80 P\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_80P\/20_80P%20NO%20QUOTE.jpg\" alt=\"20\/80 P 4\" data-index=\"3\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                <\/div>\r\n\r\n                <!-- Dots -->\r\n                <div class=\"swiper-pagination\"><\/div>\r\n            <\/div>\r\n        \r\n        <div class=\"cld-action-buttons\">\r\n            <button class=\"cld-action-btn\" onclick=\"cldScrollToElement('[data-wpcf7-id=&quot;6&quot;]')\">\r\n                Request technical data sheet            <\/button>\r\n                            <button class=\"cld-action-btn\" id=\"cld-pdf-btn-cld_slideshow_6a090cf0529d6\" onclick=\"cldHandlePdfDownload('products_assets\/20_80P', 'cld-pdf-btn-cld_slideshow_6a090cf0529d6')\">\r\n                    Technical drawing                <\/button>\r\n                                <\/div>\r\n\r\n            <\/div>\r\n\r\n    <style>\r\n        .cld-product-slideshow {\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cld-main-image {\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .cld-current-image {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            aspect-ratio: 1 \/ 1;\r\n            object-fit: cover;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .cld-error-message {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            aspect-ratio: 1 \/ 1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: #f8f9fa;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            color: #6c757d;\r\n            font-style: italic;\r\n        }\r\n\r\n        .cld-error-message p {\r\n            margin: 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .cld-parameters-table {\r\n            margin-top: 20px;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;\r\n        }\r\n\r\n        \/*\r\n    .cld-thumbnails {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .cld-thumbnail {\r\n        width: 80px;\r\n        height: 80px;\r\n        object-fit: cover;\r\n        border: 2px solid #ddd;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .cld-thumbnail:hover {\r\n        border-color: #007cba;\r\n            transform: scale(1.05);\r\n    }\r\n    \r\n    .cld-thumbnail.active {\r\n        border-color: #007cba;\r\n        box-shadow: 0 0 5px rgba(0, 124, 186, 0.5);\r\n    }\r\n    *\/\r\n\r\n\r\n\r\n        .cld-action-buttons {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-top: 20px;\r\n            width: 100%;\r\n        }\r\n\r\n        .cld-action-btn {\r\n            background-color: #E69500;\r\n            color: black;\r\n            border: none;\r\n            padding: 12px 20px;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n            font-weight: normal;\r\n            transition: background-color 0.3s ease;\r\n            width: 100%;\r\n            max-width: 400px;\r\n        }\r\n\r\n        .cld-action-btn:hover {\r\n            background-color: #d18500;\r\n            color: black;\r\n        }\r\n\r\n        .cld-loading-spinner {\r\n            display: inline-block;\r\n            width: 16px;\r\n            height: 16px;\r\n            border: 2px solid #000;\r\n            border-radius: 50%;\r\n            border-top-color: transparent;\r\n            animation: spin 1s ease-in-out infinite;\r\n            margin-right: 8px;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        @keyframes spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .cld-lightbox {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 9999;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .cld-lightbox.active {\r\n            display: flex;\r\n        }\r\n\r\n        .cld-lightbox-content {\r\n            position: relative;\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n        }\r\n\r\n        .cld-lightbox img {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .cld-lightbox-close {\r\n            position: fixed;\r\n            top: 20px;\r\n            right: 20px;\r\n            color: white;\r\n            font-size: 30px;\r\n            cursor: pointer;\r\n            background: none;\r\n            border: none;\r\n            z-index: 10000;\r\n        }\r\n\r\n        .cld-lightbox-close:hover {\r\n            background: none;\r\n            color: white;\r\n        }\r\n\r\n        .cld-lightbox-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: none;\r\n            border: none;\r\n            font-size: 50px;\r\n            padding: 20px;\r\n            margin: 0;\r\n            cursor: pointer;\r\n            color: white;\r\n            outline: none;\r\n        }\r\n\r\n        .cld-lightbox-nav:hover {\r\n            background: none;\r\n            color: white;\r\n        }\r\n\r\n        .cld-lightbox-nav:focus {\r\n            background: none;\r\n            outline: none;\r\n        }\r\n\r\n        .cld-lightbox-prev {\r\n            left: -60px;\r\n        }\r\n\r\n        .cld-lightbox-next {\r\n            right: -60px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .cld-lightbox-nav {\r\n                top: auto;\r\n                bottom: -60px;\r\n                transform: none;\r\n            }\r\n\r\n            .cld-lightbox-prev {\r\n                left: 20%;\r\n            }\r\n\r\n            .cld-lightbox-next {\r\n                right: 20%;\r\n            }\r\n        }\r\n\r\n        .swiper {\r\n            width: 100%;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .swiper-slide img {\r\n            width: 100%;\r\n            display: block;\r\n            xxxpadding:0 5px;\r\n        }\r\n        .swiper-pagination-bullet {\r\n            background: var(--secondary-color) !important;\r\n        }\r\n        .swiper-pagination-bullet-active {\r\n            background: var(--primary-color) !important;\r\n        }\r\n\r\n    <\/style>\r\n    <script>\r\n    jQuery(document).ready(function($) {\r\n        const swiper_cld_slideshow_6a090cf0529d6 = new Swiper('#cld_slideshow_6a090cf0529d6 .swiper', {\r\n            loop: true,\r\n            slidesPerView: 4,\r\n            spaceBetween: 10,\r\n            pagination: {\r\n                el: '#cld_slideshow_6a090cf0529d6 .swiper-pagination',\r\n                clickable: true,\r\n            },\r\n            autoplay: {\r\n                delay: 6000,\r\n            }\r\n        });\r\n    }); \/\/ ready\r\n    <\/script>\r\n\r\n\r\n    <script>\r\n    (function() {\r\n        \/*\r\n        const slideshow = document.getElementById('cld_slideshow_6a090cf0529d6');\r\n        const currentImage = slideshow.querySelector('.cld-current-image');\r\n        const thumbnails = slideshow.querySelectorAll('.cld-thumbnail');\r\n        const images = [\"\\\/products_assets\\\/20_80P\\\/20_80P 3D.jpg\",\"\\\/products_assets\\\/20_80P\\\/20_80P CARTIGLIO.jpg\",\"\\\/products_assets\\\/20_80P\\\/20_80P CURVA1.jpg\",\"\\\/products_assets\\\/20_80P\\\/20_80P NO QUOTE.jpg\"];\r\n        let currentIndex = 0;\r\n        \r\n        \/\/ Only initialize slideshow functionality if we have a valid image and thumbnails\r\n        if (!currentImage || thumbnails.length === 0) {\r\n            return;\r\n        }\r\n        \r\n        \/\/ Create a unique lightbox for this product instance\r\n        let lightbox = document.querySelector('.cld-lightbox-' + 'cld_slideshow_6a090cf0529d6');\r\n        if (!lightbox) {\r\n            lightbox = document.createElement('div');\r\n            lightbox.className = 'cld-lightbox cld-lightbox-' + 'cld_slideshow_6a090cf0529d6';\r\n            lightbox.innerHTML = `\r\n                <div class=\"cld-lightbox-content\">\r\n                    <button class=\"cld-lightbox-close\">&times;<\/button>\r\n                    <img decoding=\"async\" src=\"\" alt=\"Lightbox Image\">\r\n                    <button class=\"cld-lightbox-nav cld-lightbox-prev\">&#8249;<\/button>\r\n                    <button class=\"cld-lightbox-nav cld-lightbox-next\">&#8250;<\/button>\r\n                <\/div>\r\n            `;\r\n            document.body.appendChild(lightbox);\r\n        }\r\n        \r\n        const lightboxImage = lightbox.querySelector('img');\r\n        const closeBtn = lightbox.querySelector('.cld-lightbox-close');\r\n        const prevBtn = lightbox.querySelector('.cld-lightbox-prev');\r\n        const nextBtn = lightbox.querySelector('.cld-lightbox-next');\r\n        \r\n        function updateImage(index) {\r\n            currentIndex = index;\r\n            \r\n            \/\/ Only update thumbnails within this specific product instance\r\n            thumbnails.forEach((thumb, i) => {\r\n                thumb.classList.toggle('active', i === index);\r\n            });\r\n        }\r\n        \r\n        function openLightbox(index) {\r\n            \/\/ Close any other active lightboxes first\r\n            document.querySelectorAll('.cld-lightbox.active').forEach(lb => {\r\n                lb.classList.remove('active');\r\n            });\r\n            \r\n            currentIndex = index;\r\n            lightboxImage.src = images[index];\r\n            lightbox.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n        \r\n        function closeLightbox() {\r\n            lightbox.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n        \r\n        function showNext() {\r\n            \/\/ Ensure we stay within this product's images only\r\n            currentIndex = (currentIndex + 1) % images.length;\r\n            lightboxImage.src = images[currentIndex];\r\n            updateImage(currentIndex);\r\n        }\r\n        \r\n        function showPrev() {\r\n            \/\/ Ensure we stay within this product's images only\r\n            currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n            lightboxImage.src = images[currentIndex];\r\n            updateImage(currentIndex);\r\n        }\r\n        \r\n        thumbnails.forEach((thumbnail, index) => {\r\n            thumbnail.addEventListener('click', () => {\r\n                openLightbox(index);\r\n            });\r\n        });\r\n        \r\n        currentImage.addEventListener('click', () => {\r\n            openLightbox(currentIndex);\r\n        });\r\n        \r\n        closeBtn.addEventListener('click', closeLightbox);\r\n        nextBtn.addEventListener('click', showNext);\r\n        prevBtn.addEventListener('click', showPrev);\r\n        \r\n        lightbox.addEventListener('click', (e) => {\r\n            if (e.target === lightbox) {\r\n                closeLightbox();\r\n            }\r\n        });\r\n        \r\n        document.addEventListener('keydown', (e) => {\r\n            \/\/ Only handle keyboard events if this specific lightbox is active\r\n            if (!lightbox.classList.contains('active')) return;\r\n            \r\n            switch(e.key) {\r\n                case 'Escape':\r\n                    closeLightbox();\r\n                    break;\r\n                case 'ArrowLeft':\r\n                    showPrev();\r\n                    break;\r\n                case 'ArrowRight':\r\n                    showNext();\r\n                    break;\r\n            }\r\n        });\r\n        *\/\r\n        \r\n        \/\/ Global functions for action buttons\r\n        window.cldScrollToElement = function(selector) {\r\n            \/\/ Try multiple selector strategies\r\n            let element = document.querySelector(selector);\r\n            \r\n            if (!element) {\r\n                \/\/ If direct selector fails, try without quotes\r\n                element = document.querySelector('[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (!element) {\r\n                \/\/ Try with attribute selector directly\r\n                element = document.querySelector('div[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (!element) {\r\n                \/\/ Try finding by class and data-wpcf7-id\r\n                element = document.querySelector('.wpcf7[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (element) {\r\n                \/\/ Add a small delay to ensure page is fully loaded\r\n                setTimeout(() => {\r\n                    element.scrollIntoView({ \r\n                        behavior: 'smooth', \r\n                        block: 'center',\r\n                        inline: 'nearest'\r\n                    });\r\n                }, 100);\r\n            } else {\r\n                console.error('Element with data-wpcf7-id=\"6\" not found');\r\n                \/\/ Fallback: scroll to bottom of page\r\n                window.scrollTo({ \r\n                    top: document.body.scrollHeight, \r\n                    behavior: 'smooth' \r\n                });\r\n            }\r\n        };\r\n        \r\n        window.cldHandlePdfDownload = function(folderPath, buttonId) {\r\n            const pdfBtn = document.getElementById(buttonId);\r\n            const originalText = pdfBtn.innerHTML;\r\n            \r\n            \/\/ Add spinner and disable button\r\n            pdfBtn.innerHTML = '<span class=\"cld-loading-spinner\"><\/span>' + originalText;\r\n            pdfBtn.disabled = true;\r\n            \r\n                            \/\/ User is not logged in, redirect to login\r\n                window.location.href = '\/login\/';\r\n                    };\r\n        \r\n        \/\/ Global function for parameters table toggle\r\n        window.cldToggleParametersTable = function(uniqueId) {\r\n            const table = document.getElementById('cld-params-table-' + uniqueId);\r\n            const button = document.getElementById('cld-params-btn-' + uniqueId);\r\n            \r\n            if (table.classList.contains('cld-table-visible')) {\r\n                \/\/ Roll up (hide)\r\n                table.style.height = table.scrollHeight + 'px';\r\n                table.offsetHeight; \/\/ Force reflow\r\n                table.style.height = '0px';\r\n                table.style.paddingTop = '0px';\r\n                table.style.paddingBottom = '0px';\r\n                table.classList.remove('cld-table-visible');\r\n                button.textContent = 'Application Parameters';\r\n                \r\n                \/\/ Hide completely after animation\r\n                setTimeout(() => {\r\n                    if (!table.classList.contains('cld-table-visible')) {\r\n                        table.style.display = 'none';\r\n                    }\r\n                }, 300);\r\n            } else {\r\n                \/\/ Roll down (show)\r\n                table.style.display = 'block';\r\n                table.style.height = '0px';\r\n                table.style.paddingTop = '0px';\r\n                table.style.paddingBottom = '0px';\r\n                table.classList.add('cld-table-visible');\r\n                \r\n                \/\/ Get natural height\r\n                const targetHeight = table.scrollHeight;\r\n                \r\n                \/\/ Animate to natural height\r\n                requestAnimationFrame(() => {\r\n                    table.style.height = targetHeight + 'px';\r\n                    table.style.paddingTop = '20px';\r\n                    table.style.paddingBottom = '0px';\r\n                });\r\n                \r\n                button.textContent = 'Hide Application Parameters';\r\n                \r\n                \/\/ Remove height after animation to allow for content changes\r\n                setTimeout(() => {\r\n                    if (table.classList.contains('cld-table-visible')) {\r\n                        table.style.height = 'auto';\r\n                    }\r\n                }, 300);\r\n            }\r\n        };\r\n    })();\r\n    <\/script>\r\n<a id=\"popup-riferimenti-dimensionali\" href=\"#\"><small><\/small><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-020f7d8 card_product elementor-widget elementor-widget-text-editor\" data-id=\"020f7d8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>    <div class=\"cld-product-slideshow\" id=\"cld_slideshow_6a090cf05371a\">\r\n                    <h3 class=\"text-center\" data-fontsize=\"26\" data-lineheight=\"29\">\r\n                20\/94            <\/h3>\r\n                <div class=\"cld-main-image\">\r\n                                            <a href=\"\/products_assets\/20_94\/20_94%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf05371a\" data-title=\"20\/94\">\r\n                    <img decoding=\"async\" src=\"\/products_assets\/20_94\/20_94%20QUOTE.jpg\" alt=\"Product image\" class=\"cld-current-image\">\r\n                <\/a>                     \r\n                    <\/div>\r\n                    <!--   Swiper carousel -->\r\n            <div class=\"swiper\">\r\n                <div class=\"swiper-wrapper\">\r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_94\/20_94%203D.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf05371a\" data-title=\"20\/94\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_94\/20_94%203D.jpg\" alt=\"20\/94 1\" data-index=\"0\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_94\/20_94%20CARTIGLIO.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf05371a\" data-title=\"20\/94\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_94\/20_94%20CARTIGLIO.jpg\" alt=\"20\/94 2\" data-index=\"1\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_94\/20_94%20CURVA%201.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf05371a\" data-title=\"20\/94\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_94\/20_94%20CURVA%201.jpg\" alt=\"20\/94 3\" data-index=\"2\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_94\/20_94%20CURVA%202.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf05371a\" data-title=\"20\/94\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_94\/20_94%20CURVA%202.jpg\" alt=\"20\/94 4\" data-index=\"3\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_94\/20_94%20CUVA%203.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf05371a\" data-title=\"20\/94\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_94\/20_94%20CUVA%203.jpg\" alt=\"20\/94 5\" data-index=\"4\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_94\/20_94%20NO%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf05371a\" data-title=\"20\/94\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_94\/20_94%20NO%20QUOTE.jpg\" alt=\"20\/94 6\" data-index=\"5\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                <\/div>\r\n\r\n                <!-- Dots -->\r\n                <div class=\"swiper-pagination\"><\/div>\r\n            <\/div>\r\n        \r\n        <div class=\"cld-action-buttons\">\r\n            <button class=\"cld-action-btn\" onclick=\"cldScrollToElement('[data-wpcf7-id=&quot;6&quot;]')\">\r\n                Request technical data sheet            <\/button>\r\n                            <button class=\"cld-action-btn\" id=\"cld-pdf-btn-cld_slideshow_6a090cf05371a\" onclick=\"cldHandlePdfDownload('products_assets\/20_94', 'cld-pdf-btn-cld_slideshow_6a090cf05371a')\">\r\n                    Technical drawing                <\/button>\r\n                                <\/div>\r\n\r\n            <\/div>\r\n\r\n    <style>\r\n        .cld-product-slideshow {\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cld-main-image {\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .cld-current-image {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            aspect-ratio: 1 \/ 1;\r\n            object-fit: cover;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .cld-error-message {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            aspect-ratio: 1 \/ 1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: #f8f9fa;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            color: #6c757d;\r\n            font-style: italic;\r\n        }\r\n\r\n        .cld-error-message p {\r\n            margin: 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .cld-parameters-table {\r\n            margin-top: 20px;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;\r\n        }\r\n\r\n        \/*\r\n    .cld-thumbnails {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .cld-thumbnail {\r\n        width: 80px;\r\n        height: 80px;\r\n        object-fit: cover;\r\n        border: 2px solid #ddd;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .cld-thumbnail:hover {\r\n        border-color: #007cba;\r\n            transform: scale(1.05);\r\n    }\r\n    \r\n    .cld-thumbnail.active {\r\n        border-color: #007cba;\r\n        box-shadow: 0 0 5px rgba(0, 124, 186, 0.5);\r\n    }\r\n    *\/\r\n\r\n\r\n\r\n        .cld-action-buttons {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-top: 20px;\r\n            width: 100%;\r\n        }\r\n\r\n        .cld-action-btn {\r\n            background-color: #E69500;\r\n            color: black;\r\n            border: none;\r\n            padding: 12px 20px;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n            font-weight: normal;\r\n            transition: background-color 0.3s ease;\r\n            width: 100%;\r\n            max-width: 400px;\r\n        }\r\n\r\n        .cld-action-btn:hover {\r\n            background-color: #d18500;\r\n            color: black;\r\n        }\r\n\r\n        .cld-loading-spinner {\r\n            display: inline-block;\r\n            width: 16px;\r\n            height: 16px;\r\n            border: 2px solid #000;\r\n            border-radius: 50%;\r\n            border-top-color: transparent;\r\n            animation: spin 1s ease-in-out infinite;\r\n            margin-right: 8px;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        @keyframes spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .cld-lightbox {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 9999;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .cld-lightbox.active {\r\n            display: flex;\r\n        }\r\n\r\n        .cld-lightbox-content {\r\n            position: relative;\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n        }\r\n\r\n        .cld-lightbox img {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .cld-lightbox-close {\r\n            position: fixed;\r\n            top: 20px;\r\n            right: 20px;\r\n            color: white;\r\n            font-size: 30px;\r\n            cursor: pointer;\r\n            background: none;\r\n            border: none;\r\n            z-index: 10000;\r\n        }\r\n\r\n        .cld-lightbox-close:hover {\r\n            background: none;\r\n            color: white;\r\n        }\r\n\r\n        .cld-lightbox-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: none;\r\n            border: none;\r\n            font-size: 50px;\r\n            padding: 20px;\r\n            margin: 0;\r\n            cursor: pointer;\r\n            color: white;\r\n            outline: none;\r\n        }\r\n\r\n        .cld-lightbox-nav:hover {\r\n            background: none;\r\n            color: white;\r\n        }\r\n\r\n        .cld-lightbox-nav:focus {\r\n            background: none;\r\n            outline: none;\r\n        }\r\n\r\n        .cld-lightbox-prev {\r\n            left: -60px;\r\n        }\r\n\r\n        .cld-lightbox-next {\r\n            right: -60px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .cld-lightbox-nav {\r\n                top: auto;\r\n                bottom: -60px;\r\n                transform: none;\r\n            }\r\n\r\n            .cld-lightbox-prev {\r\n                left: 20%;\r\n            }\r\n\r\n            .cld-lightbox-next {\r\n                right: 20%;\r\n            }\r\n        }\r\n\r\n        .swiper {\r\n            width: 100%;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .swiper-slide img {\r\n            width: 100%;\r\n            display: block;\r\n            xxxpadding:0 5px;\r\n        }\r\n        .swiper-pagination-bullet {\r\n            background: var(--secondary-color) !important;\r\n        }\r\n        .swiper-pagination-bullet-active {\r\n            background: var(--primary-color) !important;\r\n        }\r\n\r\n    <\/style>\r\n    <script>\r\n    jQuery(document).ready(function($) {\r\n        const swiper_cld_slideshow_6a090cf05371a = new Swiper('#cld_slideshow_6a090cf05371a .swiper', {\r\n            loop: true,\r\n            slidesPerView: 4,\r\n            spaceBetween: 10,\r\n            pagination: {\r\n                el: '#cld_slideshow_6a090cf05371a .swiper-pagination',\r\n                clickable: true,\r\n            },\r\n            autoplay: {\r\n                delay: 6000,\r\n            }\r\n        });\r\n    }); \/\/ ready\r\n    <\/script>\r\n\r\n\r\n    <script>\r\n    (function() {\r\n        \/*\r\n        const slideshow = document.getElementById('cld_slideshow_6a090cf05371a');\r\n        const currentImage = slideshow.querySelector('.cld-current-image');\r\n        const thumbnails = slideshow.querySelectorAll('.cld-thumbnail');\r\n        const images = [\"\\\/products_assets\\\/20_94\\\/20_94 3D.jpg\",\"\\\/products_assets\\\/20_94\\\/20_94 CARTIGLIO.jpg\",\"\\\/products_assets\\\/20_94\\\/20_94 CURVA 1.jpg\",\"\\\/products_assets\\\/20_94\\\/20_94 CURVA 2.jpg\",\"\\\/products_assets\\\/20_94\\\/20_94 CUVA 3.jpg\",\"\\\/products_assets\\\/20_94\\\/20_94 NO QUOTE.jpg\"];\r\n        let currentIndex = 0;\r\n        \r\n        \/\/ Only initialize slideshow functionality if we have a valid image and thumbnails\r\n        if (!currentImage || thumbnails.length === 0) {\r\n            return;\r\n        }\r\n        \r\n        \/\/ Create a unique lightbox for this product instance\r\n        let lightbox = document.querySelector('.cld-lightbox-' + 'cld_slideshow_6a090cf05371a');\r\n        if (!lightbox) {\r\n            lightbox = document.createElement('div');\r\n            lightbox.className = 'cld-lightbox cld-lightbox-' + 'cld_slideshow_6a090cf05371a';\r\n            lightbox.innerHTML = `\r\n                <div class=\"cld-lightbox-content\">\r\n                    <button class=\"cld-lightbox-close\">&times;<\/button>\r\n                    <img decoding=\"async\" src=\"\" alt=\"Lightbox Image\">\r\n                    <button class=\"cld-lightbox-nav cld-lightbox-prev\">&#8249;<\/button>\r\n                    <button class=\"cld-lightbox-nav cld-lightbox-next\">&#8250;<\/button>\r\n                <\/div>\r\n            `;\r\n            document.body.appendChild(lightbox);\r\n        }\r\n        \r\n        const lightboxImage = lightbox.querySelector('img');\r\n        const closeBtn = lightbox.querySelector('.cld-lightbox-close');\r\n        const prevBtn = lightbox.querySelector('.cld-lightbox-prev');\r\n        const nextBtn = lightbox.querySelector('.cld-lightbox-next');\r\n        \r\n        function updateImage(index) {\r\n            currentIndex = index;\r\n            \r\n            \/\/ Only update thumbnails within this specific product instance\r\n            thumbnails.forEach((thumb, i) => {\r\n                thumb.classList.toggle('active', i === index);\r\n            });\r\n        }\r\n        \r\n        function openLightbox(index) {\r\n            \/\/ Close any other active lightboxes first\r\n            document.querySelectorAll('.cld-lightbox.active').forEach(lb => {\r\n                lb.classList.remove('active');\r\n            });\r\n            \r\n            currentIndex = index;\r\n            lightboxImage.src = images[index];\r\n            lightbox.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n        \r\n        function closeLightbox() {\r\n            lightbox.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n        \r\n        function showNext() {\r\n            \/\/ Ensure we stay within this product's images only\r\n            currentIndex = (currentIndex + 1) % images.length;\r\n            lightboxImage.src = images[currentIndex];\r\n            updateImage(currentIndex);\r\n        }\r\n        \r\n        function showPrev() {\r\n            \/\/ Ensure we stay within this product's images only\r\n            currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n            lightboxImage.src = images[currentIndex];\r\n            updateImage(currentIndex);\r\n        }\r\n        \r\n        thumbnails.forEach((thumbnail, index) => {\r\n            thumbnail.addEventListener('click', () => {\r\n                openLightbox(index);\r\n            });\r\n        });\r\n        \r\n        currentImage.addEventListener('click', () => {\r\n            openLightbox(currentIndex);\r\n        });\r\n        \r\n        closeBtn.addEventListener('click', closeLightbox);\r\n        nextBtn.addEventListener('click', showNext);\r\n        prevBtn.addEventListener('click', showPrev);\r\n        \r\n        lightbox.addEventListener('click', (e) => {\r\n            if (e.target === lightbox) {\r\n                closeLightbox();\r\n            }\r\n        });\r\n        \r\n        document.addEventListener('keydown', (e) => {\r\n            \/\/ Only handle keyboard events if this specific lightbox is active\r\n            if (!lightbox.classList.contains('active')) return;\r\n            \r\n            switch(e.key) {\r\n                case 'Escape':\r\n                    closeLightbox();\r\n                    break;\r\n                case 'ArrowLeft':\r\n                    showPrev();\r\n                    break;\r\n                case 'ArrowRight':\r\n                    showNext();\r\n                    break;\r\n            }\r\n        });\r\n        *\/\r\n        \r\n        \/\/ Global functions for action buttons\r\n        window.cldScrollToElement = function(selector) {\r\n            \/\/ Try multiple selector strategies\r\n            let element = document.querySelector(selector);\r\n            \r\n            if (!element) {\r\n                \/\/ If direct selector fails, try without quotes\r\n                element = document.querySelector('[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (!element) {\r\n                \/\/ Try with attribute selector directly\r\n                element = document.querySelector('div[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (!element) {\r\n                \/\/ Try finding by class and data-wpcf7-id\r\n                element = document.querySelector('.wpcf7[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (element) {\r\n                \/\/ Add a small delay to ensure page is fully loaded\r\n                setTimeout(() => {\r\n                    element.scrollIntoView({ \r\n                        behavior: 'smooth', \r\n                        block: 'center',\r\n                        inline: 'nearest'\r\n                    });\r\n                }, 100);\r\n            } else {\r\n                console.error('Element with data-wpcf7-id=\"6\" not found');\r\n                \/\/ Fallback: scroll to bottom of page\r\n                window.scrollTo({ \r\n                    top: document.body.scrollHeight, \r\n                    behavior: 'smooth' \r\n                });\r\n            }\r\n        };\r\n        \r\n        window.cldHandlePdfDownload = function(folderPath, buttonId) {\r\n            const pdfBtn = document.getElementById(buttonId);\r\n            const originalText = pdfBtn.innerHTML;\r\n            \r\n            \/\/ Add spinner and disable button\r\n            pdfBtn.innerHTML = '<span class=\"cld-loading-spinner\"><\/span>' + originalText;\r\n            pdfBtn.disabled = true;\r\n            \r\n                            \/\/ User is not logged in, redirect to login\r\n                window.location.href = '\/login\/';\r\n                    };\r\n        \r\n        \/\/ Global function for parameters table toggle\r\n        window.cldToggleParametersTable = function(uniqueId) {\r\n            const table = document.getElementById('cld-params-table-' + uniqueId);\r\n            const button = document.getElementById('cld-params-btn-' + uniqueId);\r\n            \r\n            if (table.classList.contains('cld-table-visible')) {\r\n                \/\/ Roll up (hide)\r\n                table.style.height = table.scrollHeight + 'px';\r\n                table.offsetHeight; \/\/ Force reflow\r\n                table.style.height = '0px';\r\n                table.style.paddingTop = '0px';\r\n                table.style.paddingBottom = '0px';\r\n                table.classList.remove('cld-table-visible');\r\n                button.textContent = 'Application Parameters';\r\n                \r\n                \/\/ Hide completely after animation\r\n                setTimeout(() => {\r\n                    if (!table.classList.contains('cld-table-visible')) {\r\n                        table.style.display = 'none';\r\n                    }\r\n                }, 300);\r\n            } else {\r\n                \/\/ Roll down (show)\r\n                table.style.display = 'block';\r\n                table.style.height = '0px';\r\n                table.style.paddingTop = '0px';\r\n                table.style.paddingBottom = '0px';\r\n                table.classList.add('cld-table-visible');\r\n                \r\n                \/\/ Get natural height\r\n                const targetHeight = table.scrollHeight;\r\n                \r\n                \/\/ Animate to natural height\r\n                requestAnimationFrame(() => {\r\n                    table.style.height = targetHeight + 'px';\r\n                    table.style.paddingTop = '20px';\r\n                    table.style.paddingBottom = '0px';\r\n                });\r\n                \r\n                button.textContent = 'Hide Application Parameters';\r\n                \r\n                \/\/ Remove height after animation to allow for content changes\r\n                setTimeout(() => {\r\n                    if (table.classList.contains('cld-table-visible')) {\r\n                        table.style.height = 'auto';\r\n                    }\r\n                }, 300);\r\n            }\r\n        };\r\n    })();\r\n    <\/script>\r\n<a id=\"popup-riferimenti-dimensionali\" href=\"#\"><small><\/small><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9d0393 card_product elementor-widget elementor-widget-text-editor\" data-id=\"c9d0393\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>    <div class=\"cld-product-slideshow\" id=\"cld_slideshow_6a090cf0542c3\">\r\n                    <h3 class=\"text-center\" data-fontsize=\"26\" data-lineheight=\"29\">\r\n                20\/93 EPDM            <\/h3>\r\n                <div class=\"cld-main-image\">\r\n                                            <a href=\"\/products_assets\/20_93EPDM\/20_93EPDM%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0542c3\" data-title=\"20\/93 EPDM\">\r\n                    <img decoding=\"async\" src=\"\/products_assets\/20_93EPDM\/20_93EPDM%20QUOTE.jpg\" alt=\"Product image\" class=\"cld-current-image\">\r\n                <\/a>                     \r\n                    <\/div>\r\n                    <!--   Swiper carousel -->\r\n            <div class=\"swiper\">\r\n                <div class=\"swiper-wrapper\">\r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_93EPDM\/20_93EPDM%203D.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0542c3\" data-title=\"20\/93 EPDM\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_93EPDM\/20_93EPDM%203D.jpg\" alt=\"20\/93 EPDM 1\" data-index=\"0\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_93EPDM\/20_93EPDM%20CARTIGLIO.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0542c3\" data-title=\"20\/93 EPDM\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_93EPDM\/20_93EPDM%20CARTIGLIO.jpg\" alt=\"20\/93 EPDM 2\" data-index=\"1\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_93EPDM\/20_93EPDM%20CURVA1.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0542c3\" data-title=\"20\/93 EPDM\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_93EPDM\/20_93EPDM%20CURVA1.jpg\" alt=\"20\/93 EPDM 3\" data-index=\"2\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_93EPDM\/20_93EPDM%20NO%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cf0542c3\" data-title=\"20\/93 EPDM\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_93EPDM\/20_93EPDM%20NO%20QUOTE.jpg\" alt=\"20\/93 EPDM 4\" data-index=\"3\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                <\/div>\r\n\r\n                <!-- Dots -->\r\n                <div class=\"swiper-pagination\"><\/div>\r\n            <\/div>\r\n        \r\n        <div class=\"cld-action-buttons\">\r\n            <button class=\"cld-action-btn\" onclick=\"cldScrollToElement('[data-wpcf7-id=&quot;6&quot;]')\">\r\n                Request technical data sheet            <\/button>\r\n                            <button class=\"cld-action-btn\" id=\"cld-pdf-btn-cld_slideshow_6a090cf0542c3\" onclick=\"cldHandlePdfDownload('products_assets\/20_93EPDM', 'cld-pdf-btn-cld_slideshow_6a090cf0542c3')\">\r\n                    Technical drawing                <\/button>\r\n                                <\/div>\r\n\r\n            <\/div>\r\n\r\n    <style>\r\n        .cld-product-slideshow {\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cld-main-image {\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .cld-current-image {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            aspect-ratio: 1 \/ 1;\r\n            object-fit: cover;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .cld-error-message {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            aspect-ratio: 1 \/ 1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: #f8f9fa;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            color: #6c757d;\r\n            font-style: italic;\r\n        }\r\n\r\n        .cld-error-message p {\r\n            margin: 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .cld-parameters-table {\r\n            margin-top: 20px;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;\r\n        }\r\n\r\n        \/*\r\n    .cld-thumbnails {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .cld-thumbnail {\r\n        width: 80px;\r\n        height: 80px;\r\n        object-fit: cover;\r\n        border: 2px solid #ddd;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .cld-thumbnail:hover {\r\n        border-color: #007cba;\r\n            transform: scale(1.05);\r\n    }\r\n    \r\n    .cld-thumbnail.active {\r\n        border-color: #007cba;\r\n        box-shadow: 0 0 5px rgba(0, 124, 186, 0.5);\r\n    }\r\n    *\/\r\n\r\n\r\n\r\n        .cld-action-buttons {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-top: 20px;\r\n            width: 100%;\r\n        }\r\n\r\n        .cld-action-btn {\r\n            background-color: #E69500;\r\n            color: black;\r\n            border: none;\r\n            padding: 12px 20px;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n            font-weight: normal;\r\n            transition: background-color 0.3s ease;\r\n            width: 100%;\r\n            max-width: 400px;\r\n        }\r\n\r\n        .cld-action-btn:hover {\r\n            background-color: #d18500;\r\n            color: black;\r\n        }\r\n\r\n        .cld-loading-spinner {\r\n            display: inline-block;\r\n            width: 16px;\r\n            height: 16px;\r\n            border: 2px solid #000;\r\n            border-radius: 50%;\r\n            border-top-color: transparent;\r\n            animation: spin 1s ease-in-out infinite;\r\n            margin-right: 8px;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        @keyframes spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .cld-lightbox {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 9999;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .cld-lightbox.active {\r\n            display: flex;\r\n        }\r\n\r\n        .cld-lightbox-content {\r\n            position: relative;\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n        }\r\n\r\n        .cld-lightbox img {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .cld-lightbox-close {\r\n            position: fixed;\r\n            top: 20px;\r\n            right: 20px;\r\n            color: white;\r\n            font-size: 30px;\r\n            cursor: pointer;\r\n            background: none;\r\n            border: none;\r\n            z-index: 10000;\r\n        }\r\n\r\n        .cld-lightbox-close:hover {\r\n            background: none;\r\n            color: white;\r\n        }\r\n\r\n        .cld-lightbox-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: none;\r\n            border: none;\r\n            font-size: 50px;\r\n            padding: 20px;\r\n            margin: 0;\r\n            cursor: pointer;\r\n            color: white;\r\n            outline: none;\r\n        }\r\n\r\n        .cld-lightbox-nav:hover {\r\n            background: none;\r\n            color: white;\r\n        }\r\n\r\n        .cld-lightbox-nav:focus {\r\n            background: none;\r\n            outline: none;\r\n        }\r\n\r\n        .cld-lightbox-prev {\r\n            left: -60px;\r\n        }\r\n\r\n        .cld-lightbox-next {\r\n            right: -60px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .cld-lightbox-nav {\r\n                top: auto;\r\n                bottom: -60px;\r\n                transform: none;\r\n            }\r\n\r\n            .cld-lightbox-prev {\r\n                left: 20%;\r\n            }\r\n\r\n            .cld-lightbox-next {\r\n                right: 20%;\r\n            }\r\n        }\r\n\r\n        .swiper {\r\n            width: 100%;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .swiper-slide img {\r\n            width: 100%;\r\n            display: block;\r\n            xxxpadding:0 5px;\r\n        }\r\n        .swiper-pagination-bullet {\r\n            background: var(--secondary-color) !important;\r\n        }\r\n        .swiper-pagination-bullet-active {\r\n            background: var(--primary-color) !important;\r\n        }\r\n\r\n    <\/style>\r\n    <script>\r\n    jQuery(document).ready(function($) {\r\n        const swiper_cld_slideshow_6a090cf0542c3 = new Swiper('#cld_slideshow_6a090cf0542c3 .swiper', {\r\n            loop: true,\r\n            slidesPerView: 4,\r\n            spaceBetween: 10,\r\n            pagination: {\r\n                el: '#cld_slideshow_6a090cf0542c3 .swiper-pagination',\r\n                clickable: true,\r\n            },\r\n            autoplay: {\r\n                delay: 6000,\r\n            }\r\n        });\r\n    }); \/\/ ready\r\n    <\/script>\r\n\r\n\r\n    <script>\r\n    (function() {\r\n        \/*\r\n        const slideshow = document.getElementById('cld_slideshow_6a090cf0542c3');\r\n        const currentImage = slideshow.querySelector('.cld-current-image');\r\n        const thumbnails = slideshow.querySelectorAll('.cld-thumbnail');\r\n        const images = [\"\\\/products_assets\\\/20_93EPDM\\\/20_93EPDM 3D.jpg\",\"\\\/products_assets\\\/20_93EPDM\\\/20_93EPDM CARTIGLIO.jpg\",\"\\\/products_assets\\\/20_93EPDM\\\/20_93EPDM CURVA1.jpg\",\"\\\/products_assets\\\/20_93EPDM\\\/20_93EPDM NO QUOTE.jpg\"];\r\n        let currentIndex = 0;\r\n        \r\n        \/\/ Only initialize slideshow functionality if we have a valid image and thumbnails\r\n        if (!currentImage || thumbnails.length === 0) {\r\n            return;\r\n        }\r\n        \r\n        \/\/ Create a unique lightbox for this product instance\r\n        let lightbox = document.querySelector('.cld-lightbox-' + 'cld_slideshow_6a090cf0542c3');\r\n        if (!lightbox) {\r\n            lightbox = document.createElement('div');\r\n            lightbox.className = 'cld-lightbox cld-lightbox-' + 'cld_slideshow_6a090cf0542c3';\r\n            lightbox.innerHTML = `\r\n                <div class=\"cld-lightbox-content\">\r\n                    <button class=\"cld-lightbox-close\">&times;<\/button>\r\n                    <img decoding=\"async\" src=\"\" alt=\"Lightbox Image\">\r\n                    <button class=\"cld-lightbox-nav cld-lightbox-prev\">&#8249;<\/button>\r\n                    <button class=\"cld-lightbox-nav cld-lightbox-next\">&#8250;<\/button>\r\n                <\/div>\r\n            `;\r\n            document.body.appendChild(lightbox);\r\n        }\r\n        \r\n        const lightboxImage = lightbox.querySelector('img');\r\n        const closeBtn = lightbox.querySelector('.cld-lightbox-close');\r\n        const prevBtn = lightbox.querySelector('.cld-lightbox-prev');\r\n        const nextBtn = lightbox.querySelector('.cld-lightbox-next');\r\n        \r\n        function updateImage(index) {\r\n            currentIndex = index;\r\n            \r\n            \/\/ Only update thumbnails within this specific product instance\r\n            thumbnails.forEach((thumb, i) => {\r\n                thumb.classList.toggle('active', i === index);\r\n            });\r\n        }\r\n        \r\n        function openLightbox(index) {\r\n            \/\/ Close any other active lightboxes first\r\n            document.querySelectorAll('.cld-lightbox.active').forEach(lb => {\r\n                lb.classList.remove('active');\r\n            });\r\n            \r\n            currentIndex = index;\r\n            lightboxImage.src = images[index];\r\n            lightbox.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n        \r\n        function closeLightbox() {\r\n            lightbox.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n        \r\n        function showNext() {\r\n            \/\/ Ensure we stay within this product's images only\r\n            currentIndex = (currentIndex + 1) % images.length;\r\n            lightboxImage.src = images[currentIndex];\r\n            updateImage(currentIndex);\r\n        }\r\n        \r\n        function showPrev() {\r\n            \/\/ Ensure we stay within this product's images only\r\n            currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n            lightboxImage.src = images[currentIndex];\r\n            updateImage(currentIndex);\r\n        }\r\n        \r\n        thumbnails.forEach((thumbnail, index) => {\r\n            thumbnail.addEventListener('click', () => {\r\n                openLightbox(index);\r\n            });\r\n        });\r\n        \r\n        currentImage.addEventListener('click', () => {\r\n            openLightbox(currentIndex);\r\n        });\r\n        \r\n        closeBtn.addEventListener('click', closeLightbox);\r\n        nextBtn.addEventListener('click', showNext);\r\n        prevBtn.addEventListener('click', showPrev);\r\n        \r\n        lightbox.addEventListener('click', (e) => {\r\n            if (e.target === lightbox) {\r\n                closeLightbox();\r\n            }\r\n        });\r\n        \r\n        document.addEventListener('keydown', (e) => {\r\n            \/\/ Only handle keyboard events if this specific lightbox is active\r\n            if (!lightbox.classList.contains('active')) return;\r\n            \r\n            switch(e.key) {\r\n                case 'Escape':\r\n                    closeLightbox();\r\n                    break;\r\n                case 'ArrowLeft':\r\n                    showPrev();\r\n                    break;\r\n                case 'ArrowRight':\r\n                    showNext();\r\n                    break;\r\n            }\r\n        });\r\n        *\/\r\n        \r\n        \/\/ Global functions for action buttons\r\n        window.cldScrollToElement = function(selector) {\r\n            \/\/ Try multiple selector strategies\r\n            let element = document.querySelector(selector);\r\n            \r\n            if (!element) {\r\n                \/\/ If direct selector fails, try without quotes\r\n                element = document.querySelector('[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (!element) {\r\n                \/\/ Try with attribute selector directly\r\n                element = document.querySelector('div[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (!element) {\r\n                \/\/ Try finding by class and data-wpcf7-id\r\n                element = document.querySelector('.wpcf7[data-wpcf7-id=\"6\"]');\r\n            }\r\n            \r\n            if (element) {\r\n                \/\/ Add a small delay to ensure page is fully loaded\r\n                setTimeout(() => {\r\n                    element.scrollIntoView({ \r\n                        behavior: 'smooth', \r\n                        block: 'center',\r\n                        inline: 'nearest'\r\n                    });\r\n                }, 100);\r\n            } else {\r\n                console.error('Element with data-wpcf7-id=\"6\" not found');\r\n                \/\/ Fallback: scroll to bottom of page\r\n                window.scrollTo({ \r\n                    top: document.body.scrollHeight, \r\n                    behavior: 'smooth' \r\n                });\r\n            }\r\n        };\r\n        \r\n        window.cldHandlePdfDownload = function(folderPath, buttonId) {\r\n            const pdfBtn = document.getElementById(buttonId);\r\n            const originalText = pdfBtn.innerHTML;\r\n            \r\n            \/\/ Add spinner and disable button\r\n            pdfBtn.innerHTML = '<span class=\"cld-loading-spinner\"><\/span>' + originalText;\r\n            pdfBtn.disabled = true;\r\n            \r\n                            \/\/ User is not logged in, redirect to login\r\n                window.location.href = '\/login\/';\r\n                    };\r\n        \r\n        \/\/ Global function for parameters table toggle\r\n        window.cldToggleParametersTable = function(uniqueId) {\r\n            const table = document.getElementById('cld-params-table-' + uniqueId);\r\n            const button = document.getElementById('cld-params-btn-' + uniqueId);\r\n            \r\n            if (table.classList.contains('cld-table-visible')) {\r\n                \/\/ Roll up (hide)\r\n                table.style.height = table.scrollHeight + 'px';\r\n                table.offsetHeight; \/\/ Force reflow\r\n                table.style.height = '0px';\r\n                table.style.paddingTop = '0px';\r\n                table.style.paddingBottom = '0px';\r\n                table.classList.remove('cld-table-visible');\r\n                button.textContent = 'Application Parameters';\r\n                \r\n                \/\/ Hide completely after animation\r\n                setTimeout(() => {\r\n                    if (!table.classList.contains('cld-table-visible')) {\r\n                        table.style.display = 'none';\r\n                    }\r\n                }, 300);\r\n            } else {\r\n                \/\/ Roll down (show)\r\n                table.style.display = 'block';\r\n                table.style.height = '0px';\r\n                table.style.paddingTop = '0px';\r\n                table.style.paddingBottom = '0px';\r\n                table.classList.add('cld-table-visible');\r\n                \r\n                \/\/ Get natural height\r\n                const targetHeight = table.scrollHeight;\r\n                \r\n                \/\/ Animate to natural height\r\n                requestAnimationFrame(() => {\r\n                    table.style.height = targetHeight + 'px';\r\n                    table.style.paddingTop = '20px';\r\n                    table.style.paddingBottom = '0px';\r\n                });\r\n                \r\n                button.textContent = 'Hide Application Parameters';\r\n                \r\n                \/\/ Remove height after animation to allow for content changes\r\n                setTimeout(() => {\r\n                    if (table.classList.contains('cld-table-visible')) {\r\n                        table.style.height = 'auto';\r\n                    }\r\n                }, 300);\r\n            }\r\n        };\r\n    })();\r\n    <\/script>\r\n<a id=\"popup-riferimenti-dimensionali\" href=\"#\"><small><\/small><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7469615 e-con-full card_product p-0 e-flex e-con e-child\" data-id=\"7469615\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a4c8db bg-secondary py-2 e-flex e-con-boxed e-con e-parent\" data-id=\"6a4c8db\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7d76df elementor-widget elementor-widget-heading\" data-id=\"c7d76df\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">You might also be interested in\u2026<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58d5b72 elementor-grid-4 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"58d5b72\" data-element_type=\"widget\" data-settings=\"{&quot;template_id&quot;:6020,&quot;columns&quot;:4,&quot;_skin&quot;:&quot;post&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\" role=\"list\">\n\t\t<style id=\"loop-6020\">.elementor-6020 .elementor-element.elementor-element-0b5c99a{--display:flex;--justify-content:flex-start;}.elementor-6020 .elementor-element.elementor-element-0b5c99a.e-con{--align-self:flex-end;}.elementor-6020 .elementor-element.elementor-element-10c8230{width:100%;max-width:100%;}.elementor-6020 .elementor-element.elementor-element-9b18a31{text-align:center;}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"6020\" class=\"elementor elementor-6020 elementor-4129 elementor-4129 e-loop-item e-loop-item-5633 post-5633 page type-page status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-0b5c99a card_child p-0 e-flex e-con-boxed e-con e-parent\" data-id=\"0b5c99a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10c8230 p-0 zoom-effect bg-secondary elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"10c8230\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.gimatechinnovation.com\/en\/gaskets\/standard-gaskets\/gaskets-for-portholes\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/70_2-3D-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-image-6150\" alt=\"\" srcset=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/70_2-3D-300x300.jpg 300w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/70_2-3D-768x768.jpg 768w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/70_2-3D.jpg 821w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b18a31 py-1 m-0 xxxbg-secondary elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"9b18a31\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Gaskets for portholes<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff0a008 elementor-align-center mb-1 btn-primary_wrapper elementor-widget elementor-widget-button\" data-id=\"ff0a008\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.gimatechinnovation.com\/en\/gaskets\/standard-gaskets\/gaskets-for-portholes\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Show more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"6020\" class=\"elementor elementor-6020 elementor-4129 elementor-4129 e-loop-item e-loop-item-5668 post-5668 page type-page status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-0b5c99a card_child p-0 e-flex e-con-boxed e-con e-parent\" data-id=\"0b5c99a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10c8230 p-0 zoom-effect bg-secondary elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"10c8230\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.gimatechinnovation.com\/en\/gaskets\/standard-gaskets\/psl-seals-and-solid-rubber-u-shaped-gaskets\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/20_60-3D-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-image-6145\" alt=\"\" srcset=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/20_60-3D-300x300.jpg 300w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/20_60-3D.jpg 468w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b18a31 py-1 m-0 xxxbg-secondary elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"9b18a31\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">PSL seals and solid rubber U-shaped gaskets<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff0a008 elementor-align-center mb-1 btn-primary_wrapper elementor-widget elementor-widget-button\" data-id=\"ff0a008\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.gimatechinnovation.com\/en\/gaskets\/standard-gaskets\/psl-seals-and-solid-rubber-u-shaped-gaskets\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Show more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"6020\" class=\"elementor elementor-6020 elementor-4129 elementor-4129 e-loop-item e-loop-item-5663 post-5663 page type-page status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-0b5c99a card_child p-0 e-flex e-con-boxed e-con e-parent\" data-id=\"0b5c99a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10c8230 p-0 zoom-effect bg-secondary elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"10c8230\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.gimatechinnovation.com\/en\/gaskets\/standard-gaskets\/psl-vertical-bulb-gaskets\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/60_4-3D-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-image-6142\" alt=\"\" srcset=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/60_4-3D-300x300.jpg 300w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/60_4-3D-768x768.jpg 768w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/60_4-3D.jpg 883w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b18a31 py-1 m-0 xxxbg-secondary elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"9b18a31\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">PSL vertical bulb gaskets<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff0a008 elementor-align-center mb-1 btn-primary_wrapper elementor-widget elementor-widget-button\" data-id=\"ff0a008\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.gimatechinnovation.com\/en\/gaskets\/standard-gaskets\/psl-vertical-bulb-gaskets\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Show more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"6020\" class=\"elementor elementor-6020 elementor-4129 elementor-4129 e-loop-item e-loop-item-5667 post-5667 page type-page status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-0b5c99a card_child p-0 e-flex e-con-boxed e-con e-parent\" data-id=\"0b5c99a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10c8230 p-0 zoom-effect bg-secondary elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"10c8230\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.gimatechinnovation.com\/en\/gaskets\/standard-gaskets\/psl-flange-gaskets\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2026\/02\/90_30-3D-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-image-6584\" alt=\"\" srcset=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2026\/02\/90_30-3D-300x300.jpg 300w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2026\/02\/90_30-3D-768x768.jpg 768w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2026\/02\/90_30-3D.jpg 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b18a31 py-1 m-0 xxxbg-secondary elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"9b18a31\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">PSL flange gaskets<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff0a008 elementor-align-center mb-1 btn-primary_wrapper elementor-widget elementor-widget-button\" data-id=\"ff0a008\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.gimatechinnovation.com\/en\/gaskets\/standard-gaskets\/psl-flange-gaskets\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Show more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47d46df py-2 bg-gray e-flex e-con-boxed e-con e-parent\" data-id=\"47d46df\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-acd8d00 e-con-full e-flex e-con e-child\" data-id=\"acd8d00\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9be776e e-con-full e-flex e-con e-child\" data-id=\"9be776e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf13911 elementor-widget elementor-widget-text-editor\" data-id=\"bf13911\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"text-center\">Do you need something specific?<\/h3>\n<a class=\"ImLink\" title=\"click to send us a request without obligation\">Contact us<\/a> and <strong>we will find or design together<\/strong> the profile you are looking for.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-189d3c7 elementor-widget elementor-widget-shortcode\" data-id=\"189d3c7\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2314-o1\" lang=\"it-IT\" dir=\"ltr\" data-wpcf7-id=\"2314\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/5498#wpcf7-f2314-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Modulo di contatto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"2314\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"it_IT\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2314-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"d-flex flex-column align-items-center gap-1\">\n<label class=\"w-100\"><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><\/label>\n\n<label class=\"w-100\"><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"E-mail\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><\/label>\n\n<label class=\"w-100\"><span class=\"wpcf7-form-control-wrap\" data-name=\"your-tel\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Phone\" value=\"\" type=\"text\" name=\"your-tel\" \/><\/span><\/label>\n\n<label class=\"w-100\"><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Request\" name=\"your-message\"><\/textarea><\/span><\/label>\n<!-- @sebas removed by client 20\/10\/2025 -->\n<!--<label><span class=\"wpcf7-form-control-wrap\" data-name=\"samples\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first last\"><input type=\"checkbox\" name=\"samples[]\" value=\"Request samples\" \/><span class=\"wpcf7-list-item-label\">Request samples<\/span><\/span><\/span><\/span>: I would like to receive your information folder with the specified gasket samples.<\/label>-->\n\n<label><span class=\"wpcf7-form-control-wrap\" data-name=\"newsletter\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first last\"><input type=\"checkbox\" name=\"newsletter[]\" value=\"Newsletter\" \/><span class=\"wpcf7-list-item-label\">Newsletter<\/span><\/span><\/span><\/span>: I consent to direct marketing activities, including the sending of newsletters, as provided in the Privacy Policy. <a href=\"https:\/\/www.iubenda.com\/privacy-policy\/85546162\" class=\"iubenda-nostyle no-brand iubenda-embed \" title=\"Privacy Policy \" target=\"_blank\">Privacy Policy<\/a><\/label>\n\n<label><span class=\"wpcf7-form-control-wrap\" data-name=\"privacy\"><span class=\"wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required\"><span class=\"wpcf7-list-item first last\"><input type=\"checkbox\" name=\"privacy[]\" value=\"Privacy\" \/><span class=\"wpcf7-list-item-label\">Privacy<\/span><\/span><\/span><\/span>: I confirm that I have read the Privacy Policy and consent to the processing of my personal data.  <a href=\"https:\/\/www.iubenda.com\/privacy-policy\/85546162\" class=\"iubenda-nostyle no-brand iubenda-embed \" title=\"Privacy Policy \" target=\"_blank\">Privacy Policy<\/a><\/label>\n\n<div><center><input class=\"wpcf7-form-control wpcf7-submit has-spinner btn-primary\" type=\"submit\" value=\"Send\" \/><\/center><\/div>\n\n<style>\n.wpcf7-form textarea{ height:80px; }\n<\/style>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c35c56c e-con-full e-flex e-con e-child\" data-id=\"c35c56c\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PSL gaskets for horizontal bulb Gimatech\u2019s PSL horizontal bulb gaskets combine a reinforced U-profile with metal core and a soft section oriented perpendicularly, designed to ensure an effective seal between glass and metal sheets without the use of adhesives. Available in different variants, such as 20\/10 T, 20\/10 P, 20\/10 S, 20\/10 ECOL, 20\/80 P, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6140,"parent":5969,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5498","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PSL horizontal bulb gaskets - Gimatech Innovation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-orizzontale\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PSL horizontal bulb gaskets - Gimatech Innovation\" \/>\n<meta property=\"og:description\" content=\"PSL gaskets for horizontal bulb Gimatech\u2019s PSL horizontal bulb gaskets combine a reinforced U-profile with metal core and a soft section oriented perpendicularly, designed to ensure an effective seal between glass and metal sheets without the use of adhesives. Available in different variants, such as 20\/10 T, 20\/10 P, 20\/10 S, 20\/10 ECOL, 20\/80 P, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-orizzontale\/\" \/>\n<meta property=\"og:site_name\" content=\"Gimatech Innovation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-09T15:01:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/20_10P-3D.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"878\" \/>\n\t<meta property=\"og:image:height\" content=\"878\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-orizzontale\\\/\",\"url\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-orizzontale\\\/\",\"name\":\"PSL horizontal bulb gaskets - Gimatech Innovation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-orizzontale\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-orizzontale\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/20_10P-3D.jpg\",\"datePublished\":\"2019-10-09T09:42:31+00:00\",\"dateModified\":\"2026-01-09T15:01:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-orizzontale\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-orizzontale\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-orizzontale\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/20_10P-3D.jpg\",\"contentUrl\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/20_10P-3D.jpg\",\"width\":878,\"height\":878},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-orizzontale\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\",\"item\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gaskets\",\"item\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Standard Gaskets\",\"item\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"PSL horizontal bulb gaskets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/#website\",\"url\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/\",\"name\":\"Gimatech Innovation\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/#organization\",\"name\":\"Gimatech Innovation\",\"url\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/cropped-logo-gimatechinnovation-2026.png\",\"contentUrl\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/cropped-logo-gimatechinnovation-2026.png\",\"width\":500,\"height\":100,\"caption\":\"Gimatech Innovation\"},\"image\":{\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PSL horizontal bulb gaskets - Gimatech Innovation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-orizzontale\/","og_locale":"en_US","og_type":"article","og_title":"PSL horizontal bulb gaskets - Gimatech Innovation","og_description":"PSL gaskets for horizontal bulb Gimatech\u2019s PSL horizontal bulb gaskets combine a reinforced U-profile with metal core and a soft section oriented perpendicularly, designed to ensure an effective seal between glass and metal sheets without the use of adhesives. Available in different variants, such as 20\/10 T, 20\/10 P, 20\/10 S, 20\/10 ECOL, 20\/80 P, [&hellip;]","og_url":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-orizzontale\/","og_site_name":"Gimatech Innovation","article_modified_time":"2026-01-09T15:01:22+00:00","og_image":[{"width":878,"height":878,"url":"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/20_10P-3D.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-orizzontale\/","url":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-orizzontale\/","name":"PSL horizontal bulb gaskets - Gimatech Innovation","isPartOf":{"@id":"https:\/\/www.gimatechinnovation.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-orizzontale\/#primaryimage"},"image":{"@id":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-orizzontale\/#primaryimage"},"thumbnailUrl":"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/20_10P-3D.jpg","datePublished":"2019-10-09T09:42:31+00:00","dateModified":"2026-01-09T15:01:22+00:00","breadcrumb":{"@id":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-orizzontale\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-orizzontale\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-orizzontale\/#primaryimage","url":"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/20_10P-3D.jpg","contentUrl":"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/20_10P-3D.jpg","width":878,"height":878},{"@type":"BreadcrumbList","@id":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-orizzontale\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"","item":"https:\/\/www.gimatechinnovation.com\/en\/"},{"@type":"ListItem","position":2,"name":"Gaskets","item":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/"},{"@type":"ListItem","position":3,"name":"Standard Gaskets","item":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/"},{"@type":"ListItem","position":4,"name":"PSL horizontal bulb gaskets"}]},{"@type":"WebSite","@id":"https:\/\/www.gimatechinnovation.com\/#website","url":"https:\/\/www.gimatechinnovation.com\/","name":"Gimatech Innovation","description":"","publisher":{"@id":"https:\/\/www.gimatechinnovation.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gimatechinnovation.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.gimatechinnovation.com\/#organization","name":"Gimatech Innovation","url":"https:\/\/www.gimatechinnovation.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gimatechinnovation.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/09\/cropped-logo-gimatechinnovation-2026.png","contentUrl":"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/09\/cropped-logo-gimatechinnovation-2026.png","width":500,"height":100,"caption":"Gimatech Innovation"},"image":{"@id":"https:\/\/www.gimatechinnovation.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/pages\/5498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/comments?post=5498"}],"version-history":[{"count":23,"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/pages\/5498\/revisions"}],"predecessor-version":[{"id":6400,"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/pages\/5498\/revisions\/6400"}],"up":[{"embeddable":true,"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/pages\/5969"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/media\/6140"}],"wp:attachment":[{"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/media?parent=5498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}