{"id":5663,"date":"2019-10-18T09:23:26","date_gmt":"2019-10-18T09:23:26","guid":{"rendered":"https:\/\/www.gimatechinnovation.com\/guarnizioni-psl-bulbo-verticale\/"},"modified":"2026-01-09T14:41:39","modified_gmt":"2026-01-09T14:41:39","slug":"psl-vertical-bulb-gaskets","status":"publish","type":"page","link":"https:\/\/www.gimatechinnovation.com\/en\/gaskets\/standard-gaskets\/psl-vertical-bulb-gaskets\/","title":{"rendered":"PSL vertical bulb gaskets"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5663\" class=\"elementor elementor-5663 elementor-2743\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8eebfcc py-2 bg-gray e-flex e-con-boxed e-con e-parent\" data-id=\"8eebfcc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-afccde7 e-con-full e-flex e-con e-child\" data-id=\"afccde7\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36e66a2 e-con-full e-flex e-con e-child\" data-id=\"36e66a2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-798bffc elementor-widget elementor-widget-heading\" data-id=\"798bffc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PSL vertical bulb gaskets<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5433d9 elementor-widget elementor-widget-text-editor\" data-id=\"e5433d9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"176\" data-end=\"464\">Gimatech&#8217;s PSL vertical bulb gaskets are designed to ensure effective sealing between glass and sheet metal, without the use of adhesives. Composed of a reinforced &#8220;U&#8221; section with a metal core, these gaskets provide secure positioning on metal flanges or supports.<\/p>\n<p data-start=\"466\" data-end=\"688\">Available in various versions, such as 60\/4, 90\/36, 90\/34 EPDM, 90\/34, 90\/35, and 20\/99, these gaskets adapt to different dimensional and material requirements, offering versatile solutions for industrial applications.<\/p>\n<p data-start=\"690\" data-end=\"925\">All products supplied by Gimatech comply with REACH regulations and RoHS directives, ensuring the absence of hazardous substances and meeting the environmental and safety standards required in the European industrial sector.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-318964c elementor-widget elementor-widget-image-gallery\" data-id=\"318964c\" 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-5663 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=\"318964c\" data-elementor-lightbox-title=\"00_guarnizioni_psl_bulbo_verticale-60_4\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Mjc0NiwidXJsIjoiaHR0cHM6XC9cL3d3dy5naW1hdGVjaGlubm92YXRpb24uY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDE5XC8xMFwvMDBfZ3Vhcm5pemlvbmlfcHNsX2J1bGJvX3ZlcnRpY2FsZS02MF80LmpwZyIsInNsaWRlc2hvdyI6IjMxODk2NGMifQ%3D%3D\" href='https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/00_guarnizioni_psl_bulbo_verticale-60_4.jpg'><img decoding=\"async\" width=\"240\" height=\"160\" src=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/00_guarnizioni_psl_bulbo_verticale-60_4.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/00_guarnizioni_psl_bulbo_verticale-60_4.jpg 240w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/00_guarnizioni_psl_bulbo_verticale-60_4-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=\"318964c\" data-elementor-lightbox-title=\"05-guarnizioni_psl_bulbo_verticale-90_35\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Mjc2MywidXJsIjoiaHR0cHM6XC9cL3d3dy5naW1hdGVjaGlubm92YXRpb24uY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDE5XC8xMFwvMDUtZ3Vhcm5pemlvbmlfcHNsX2J1bGJvX3ZlcnRpY2FsZS05MF8zNS5qcGciLCJzbGlkZXNob3ciOiIzMTg5NjRjIn0%3D\" href='https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/05-guarnizioni_psl_bulbo_verticale-90_35.jpg'><img decoding=\"async\" width=\"240\" height=\"160\" src=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/05-guarnizioni_psl_bulbo_verticale-90_35.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/05-guarnizioni_psl_bulbo_verticale-90_35.jpg 240w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/05-guarnizioni_psl_bulbo_verticale-90_35-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=\"318964c\" data-elementor-lightbox-title=\"06-guarnizioni_psl_bulbo_verticale-20_99\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Mjc2OCwidXJsIjoiaHR0cHM6XC9cL3d3dy5naW1hdGVjaGlubm92YXRpb24uY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDE5XC8xMFwvMDYtZ3Vhcm5pemlvbmlfcHNsX2J1bGJvX3ZlcnRpY2FsZS0yMF85OS5qcGciLCJzbGlkZXNob3ciOiIzMTg5NjRjIn0%3D\" href='https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/06-guarnizioni_psl_bulbo_verticale-20_99.jpg'><img decoding=\"async\" width=\"240\" height=\"160\" src=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/06-guarnizioni_psl_bulbo_verticale-20_99.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/06-guarnizioni_psl_bulbo_verticale-20_99.jpg 240w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2019\/10\/06-guarnizioni_psl_bulbo_verticale-20_99-200x133.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-c5003ae e-con-full e-flex e-con e-child\" data-id=\"c5003ae\" 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-0c71642 e-grid py-2 e-con-boxed e-con e-parent\" data-id=\"0c71642\" 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-c507789 card_product elementor-widget elementor-widget-text-editor\" data-id=\"c507789\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t    <div class=\"cld-product-slideshow\" id=\"cld_slideshow_6a090caddfb2c\">\r\n                    <h3 class=\"text-center\" data-fontsize=\"26\" data-lineheight=\"29\">\r\n                60\/4            <\/h3>\r\n                <div class=\"cld-main-image\">\r\n                                            <a href=\"\/products_assets\/60_4\/60_4%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090caddfb2c\" data-title=\"60\/4\">\r\n                    <img decoding=\"async\" src=\"\/products_assets\/60_4\/60_4%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\/60_4\/60_4%203D.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090caddfb2c\" data-title=\"60\/4\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/60_4\/60_4%203D.jpg\" alt=\"60\/4 1\" data-index=\"0\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/60_4\/60_4%20CARTIGLIO.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090caddfb2c\" data-title=\"60\/4\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/60_4\/60_4%20CARTIGLIO.jpg\" alt=\"60\/4 2\" data-index=\"1\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/60_4\/60_4%20CURVA1.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090caddfb2c\" data-title=\"60\/4\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/60_4\/60_4%20CURVA1.jpg\" alt=\"60\/4 3\" data-index=\"2\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/60_4\/60_4%20NO%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090caddfb2c\" data-title=\"60\/4\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/60_4\/60_4%20NO%20QUOTE.jpg\" alt=\"60\/4 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_6a090caddfb2c\" onclick=\"cldHandlePdfDownload('products_assets\/60_4', 'cld-pdf-btn-cld_slideshow_6a090caddfb2c')\">\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_6a090caddfb2c = new Swiper('#cld_slideshow_6a090caddfb2c .swiper', {\r\n            loop: true,\r\n            slidesPerView: 4,\r\n            spaceBetween: 10,\r\n            pagination: {\r\n                el: '#cld_slideshow_6a090caddfb2c .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_6a090caddfb2c');\r\n        const currentImage = slideshow.querySelector('.cld-current-image');\r\n        const thumbnails = slideshow.querySelectorAll('.cld-thumbnail');\r\n        const images = [\"\\\/products_assets\\\/60_4\\\/60_4 3D.jpg\",\"\\\/products_assets\\\/60_4\\\/60_4 CARTIGLIO.jpg\",\"\\\/products_assets\\\/60_4\\\/60_4 CURVA1.jpg\",\"\\\/products_assets\\\/60_4\\\/60_4 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_6a090caddfb2c');\r\n        if (!lightbox) {\r\n            lightbox = document.createElement('div');\r\n            lightbox.className = 'cld-lightbox cld-lightbox-' + 'cld_slideshow_6a090caddfb2c';\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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0336c6d card_product elementor-widget elementor-widget-text-editor\" data-id=\"0336c6d\" 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_6a090cade0767\">\r\n                    <h3 class=\"text-center\" data-fontsize=\"26\" data-lineheight=\"29\">\r\n                90\/34 EPDM            <\/h3>\r\n                <div class=\"cld-main-image\">\r\n                                            <a href=\"\/products_assets\/90_34EPDM\/90_34EPDM%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade0767\" data-title=\"90\/34 EPDM\">\r\n                    <img decoding=\"async\" src=\"\/products_assets\/90_34EPDM\/90_34EPDM%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\/90_34EPDM\/90-34EPDM%203D.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade0767\" data-title=\"90\/34 EPDM\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_34EPDM\/90-34EPDM%203D.jpg\" alt=\"90\/34 EPDM 1\" data-index=\"0\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/90_34EPDM\/90_34%20EPDM%20CARTIGLIO.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade0767\" data-title=\"90\/34 EPDM\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_34EPDM\/90_34%20EPDM%20CARTIGLIO.jpg\" alt=\"90\/34 EPDM 2\" data-index=\"1\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/90_34EPDM\/90_34EPDM%20CURVA1.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade0767\" data-title=\"90\/34 EPDM\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_34EPDM\/90_34EPDM%20CURVA1.jpg\" alt=\"90\/34 EPDM 3\" data-index=\"2\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/90_34EPDM\/90_34EPDM%20NO%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade0767\" data-title=\"90\/34 EPDM\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_34EPDM\/90_34EPDM%20NO%20QUOTE.jpg\" alt=\"90\/34 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_6a090cade0767\" onclick=\"cldHandlePdfDownload('products_assets\/90_34EPDM', 'cld-pdf-btn-cld_slideshow_6a090cade0767')\">\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_6a090cade0767 = new Swiper('#cld_slideshow_6a090cade0767 .swiper', {\r\n            loop: true,\r\n            slidesPerView: 4,\r\n            spaceBetween: 10,\r\n            pagination: {\r\n                el: '#cld_slideshow_6a090cade0767 .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_6a090cade0767');\r\n        const currentImage = slideshow.querySelector('.cld-current-image');\r\n        const thumbnails = slideshow.querySelectorAll('.cld-thumbnail');\r\n        const images = [\"\\\/products_assets\\\/90_34EPDM\\\/90-34EPDM 3D.jpg\",\"\\\/products_assets\\\/90_34EPDM\\\/90_34 EPDM CARTIGLIO.jpg\",\"\\\/products_assets\\\/90_34EPDM\\\/90_34EPDM CURVA1.jpg\",\"\\\/products_assets\\\/90_34EPDM\\\/90_34EPDM 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_6a090cade0767');\r\n        if (!lightbox) {\r\n            lightbox = document.createElement('div');\r\n            lightbox.className = 'cld-lightbox cld-lightbox-' + 'cld_slideshow_6a090cade0767';\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-d15d746 card_product elementor-widget elementor-widget-text-editor\" data-id=\"d15d746\" 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_6a090cade1489\">\r\n                    <h3 class=\"text-center\" data-fontsize=\"26\" data-lineheight=\"29\">\r\n                90\/34            <\/h3>\r\n                <div class=\"cld-main-image\">\r\n                                            <a href=\"\/products_assets\/90_34\/90_34%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade1489\" data-title=\"90\/34\">\r\n                    <img decoding=\"async\" src=\"\/products_assets\/90_34\/90_34%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\/90_34\/90_34%203D.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade1489\" data-title=\"90\/34\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_34\/90_34%203D.jpg\" alt=\"90\/34 1\" data-index=\"0\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/90_34\/90_34%20CARTIGLIO.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade1489\" data-title=\"90\/34\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_34\/90_34%20CARTIGLIO.jpg\" alt=\"90\/34 2\" data-index=\"1\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/90_34\/90_34%20CURVA1.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade1489\" data-title=\"90\/34\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_34\/90_34%20CURVA1.jpg\" alt=\"90\/34 3\" data-index=\"2\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/90_34\/90_34%20NO%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade1489\" data-title=\"90\/34\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_34\/90_34%20NO%20QUOTE.jpg\" alt=\"90\/34 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                Richiedi scheda tecnica materiali            <\/button>\r\n                            <button class=\"cld-action-btn\" id=\"cld-pdf-btn-cld_slideshow_6a090cade1489\" onclick=\"cldHandlePdfDownload('products_assets\/90_34', 'cld-pdf-btn-cld_slideshow_6a090cade1489')\">\r\n                    Cartiglio tecnico                <\/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_6a090cade1489 = new Swiper('#cld_slideshow_6a090cade1489 .swiper', {\r\n            loop: true,\r\n            slidesPerView: 4,\r\n            spaceBetween: 10,\r\n            pagination: {\r\n                el: '#cld_slideshow_6a090cade1489 .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_6a090cade1489');\r\n        const currentImage = slideshow.querySelector('.cld-current-image');\r\n        const thumbnails = slideshow.querySelectorAll('.cld-thumbnail');\r\n        const images = [\"\\\/products_assets\\\/90_34\\\/90_34 3D.jpg\",\"\\\/products_assets\\\/90_34\\\/90_34 CARTIGLIO.jpg\",\"\\\/products_assets\\\/90_34\\\/90_34 CURVA1.jpg\",\"\\\/products_assets\\\/90_34\\\/90_34 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_6a090cade1489');\r\n        if (!lightbox) {\r\n            lightbox = document.createElement('div');\r\n            lightbox.className = 'cld-lightbox cld-lightbox-' + 'cld_slideshow_6a090cade1489';\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 = 'Parametri Applicativi';\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 = 'Nascondi Parametri Applicativi';\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-1a2c9b6 card_product elementor-widget elementor-widget-text-editor\" data-id=\"1a2c9b6\" 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_6a090cade202a\">\r\n                    <h3 class=\"text-center\" data-fontsize=\"26\" data-lineheight=\"29\">\r\n                90\/35            <\/h3>\r\n                <div class=\"cld-main-image\">\r\n                                            <a href=\"\/products_assets\/90_35\/90_35%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade202a\" data-title=\"90\/35\">\r\n                    <img decoding=\"async\" src=\"\/products_assets\/90_35\/90_35%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\/90_35\/90_35%203D.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade202a\" data-title=\"90\/35\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_35\/90_35%203D.jpg\" alt=\"90\/35 1\" data-index=\"0\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/90_35\/90_35%20CARTIGLIO.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade202a\" data-title=\"90\/35\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_35\/90_35%20CARTIGLIO.jpg\" alt=\"90\/35 2\" data-index=\"1\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/90_35\/90_35%20CURVA1.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade202a\" data-title=\"90\/35\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_35\/90_35%20CURVA1.jpg\" alt=\"90\/35 3\" data-index=\"2\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/90_35\/90_35%20NO%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade202a\" data-title=\"90\/35\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_35\/90_35%20NO%20QUOTE.jpg\" alt=\"90\/35 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_6a090cade202a\" onclick=\"cldHandlePdfDownload('products_assets\/90_35', 'cld-pdf-btn-cld_slideshow_6a090cade202a')\">\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_6a090cade202a = new Swiper('#cld_slideshow_6a090cade202a .swiper', {\r\n            loop: true,\r\n            slidesPerView: 4,\r\n            spaceBetween: 10,\r\n            pagination: {\r\n                el: '#cld_slideshow_6a090cade202a .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_6a090cade202a');\r\n        const currentImage = slideshow.querySelector('.cld-current-image');\r\n        const thumbnails = slideshow.querySelectorAll('.cld-thumbnail');\r\n        const images = [\"\\\/products_assets\\\/90_35\\\/90_35 3D.jpg\",\"\\\/products_assets\\\/90_35\\\/90_35 CARTIGLIO.jpg\",\"\\\/products_assets\\\/90_35\\\/90_35 CURVA1.jpg\",\"\\\/products_assets\\\/90_35\\\/90_35 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_6a090cade202a');\r\n        if (!lightbox) {\r\n            lightbox = document.createElement('div');\r\n            lightbox.className = 'cld-lightbox cld-lightbox-' + 'cld_slideshow_6a090cade202a';\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-36e9b87 card_product elementor-widget elementor-widget-text-editor\" data-id=\"36e9b87\" 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_6a090cade2d33\">\r\n                    <h3 class=\"text-center\" data-fontsize=\"26\" data-lineheight=\"29\">\r\n                20\/99            <\/h3>\r\n                <div class=\"cld-main-image\">\r\n                                            <a href=\"\/products_assets\/20_99\/20_99%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade2d33\" data-title=\"20\/99\">\r\n                    <img decoding=\"async\" src=\"\/products_assets\/20_99\/20_99%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_99\/20_99%203D.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade2d33\" data-title=\"20\/99\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_99\/20_99%203D.jpg\" alt=\"20\/99 1\" data-index=\"0\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_99\/20_99%20CARTIGLIO.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade2d33\" data-title=\"20\/99\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_99\/20_99%20CARTIGLIO.jpg\" alt=\"20\/99 2\" data-index=\"1\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_99\/20_99%20CURVA1.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade2d33\" data-title=\"20\/99\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_99\/20_99%20CURVA1.jpg\" alt=\"20\/99 3\" data-index=\"2\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/20_99\/20_99%20NO%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade2d33\" data-title=\"20\/99\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/20_99\/20_99%20NO%20QUOTE.jpg\" alt=\"20\/99 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_6a090cade2d33\" onclick=\"cldHandlePdfDownload('products_assets\/20_99', 'cld-pdf-btn-cld_slideshow_6a090cade2d33')\">\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_6a090cade2d33 = new Swiper('#cld_slideshow_6a090cade2d33 .swiper', {\r\n            loop: true,\r\n            slidesPerView: 4,\r\n            spaceBetween: 10,\r\n            pagination: {\r\n                el: '#cld_slideshow_6a090cade2d33 .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_6a090cade2d33');\r\n        const currentImage = slideshow.querySelector('.cld-current-image');\r\n        const thumbnails = slideshow.querySelectorAll('.cld-thumbnail');\r\n        const images = [\"\\\/products_assets\\\/20_99\\\/20_99 3D.jpg\",\"\\\/products_assets\\\/20_99\\\/20_99 CARTIGLIO.jpg\",\"\\\/products_assets\\\/20_99\\\/20_99 CURVA1.jpg\",\"\\\/products_assets\\\/20_99\\\/20_99 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_6a090cade2d33');\r\n        if (!lightbox) {\r\n            lightbox = document.createElement('div');\r\n            lightbox.className = 'cld-lightbox cld-lightbox-' + 'cld_slideshow_6a090cade2d33';\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-8bd7a17 card_product elementor-widget elementor-widget-text-editor\" data-id=\"8bd7a17\" 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_6a090cade39ce\">\r\n                    <h3 class=\"text-center\" data-fontsize=\"26\" data-lineheight=\"29\">\r\n                90\/36            <\/h3>\r\n                <div class=\"cld-main-image\">\r\n                                            <a href=\"\/products_assets\/90_36\/90_36%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade39ce\" data-title=\"90\/36\">\r\n                    <img decoding=\"async\" src=\"\/products_assets\/90_36\/90_36%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\/90_36\/90_36%203D.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade39ce\" data-title=\"90\/36\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_36\/90_36%203D.jpg\" alt=\"90\/36 1\" data-index=\"0\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/90_36\/90_36%20CARTIGLIO.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade39ce\" data-title=\"90\/36\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_36\/90_36%20CARTIGLIO.jpg\" alt=\"90\/36 2\" data-index=\"1\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/90_36\/90_36%20CURVA1.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade39ce\" data-title=\"90\/36\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_36\/90_36%20CURVA1.jpg\" alt=\"90\/36 3\" data-index=\"2\">\r\n                        <\/a>\r\n                    <\/div>                            \r\n                                    <div class=\"swiper-slide\">\r\n                        <a href=\"\/products_assets\/90_36\/90_36%20NO%20QUOTE.jpg\" data-lightbox=\"gallery-cld_slideshow_6a090cade39ce\" data-title=\"90\/36\">\r\n                            <img decoding=\"async\" src=\"\/products_assets\/90_36\/90_36%20NO%20QUOTE.jpg\" alt=\"90\/36 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_6a090cade39ce\" onclick=\"cldHandlePdfDownload('products_assets\/90_36', 'cld-pdf-btn-cld_slideshow_6a090cade39ce')\">\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_6a090cade39ce = new Swiper('#cld_slideshow_6a090cade39ce .swiper', {\r\n            loop: true,\r\n            slidesPerView: 4,\r\n            spaceBetween: 10,\r\n            pagination: {\r\n                el: '#cld_slideshow_6a090cade39ce .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_6a090cade39ce');\r\n        const currentImage = slideshow.querySelector('.cld-current-image');\r\n        const thumbnails = slideshow.querySelectorAll('.cld-thumbnail');\r\n        const images = [\"\\\/products_assets\\\/90_36\\\/90_36 3D.jpg\",\"\\\/products_assets\\\/90_36\\\/90_36 CARTIGLIO.jpg\",\"\\\/products_assets\\\/90_36\\\/90_36 CURVA1.jpg\",\"\\\/products_assets\\\/90_36\\\/90_36 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_6a090cade39ce');\r\n        if (!lightbox) {\r\n            lightbox = document.createElement('div');\r\n            lightbox.className = 'cld-lightbox cld-lightbox-' + 'cld_slideshow_6a090cade39ce';\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eef6357 bg-secondary py-2 e-flex e-con-boxed e-con e-parent\" data-id=\"eef6357\" 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-2cf9332 elementor-widget elementor-widget-heading\" data-id=\"2cf9332\" 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-cc1ad21 elementor-grid-4 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"cc1ad21\" 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-5498 post-5498 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-horizontal-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\/20_10P-3D-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-image-6140\" alt=\"\" srcset=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/20_10P-3D-300x300.jpg 300w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/20_10P-3D-768x768.jpg 768w, https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/20_10P-3D.jpg 878w\" 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 horizontal 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-horizontal-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-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-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-48a9cd5 py-2 bg-gray e-flex e-con-boxed e-con e-parent\" data-id=\"48a9cd5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ba20b0e e-con-full e-flex e-con e-child\" data-id=\"ba20b0e\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49cb077 e-con-full e-flex e-con e-child\" data-id=\"49cb077\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c899ce7 elementor-widget elementor-widget-text-editor\" data-id=\"c899ce7\" 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-19ef553 elementor-widget elementor-widget-shortcode\" data-id=\"19ef553\" 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\/5663#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-7aa5fb5 e-con-full e-flex e-con e-child\" data-id=\"7aa5fb5\" 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 vertical bulb gaskets Gimatech&#8217;s PSL vertical bulb gaskets are designed to ensure effective sealing between glass and sheet metal, without the use of adhesives. Composed of a reinforced &#8220;U&#8221; section with a metal core, these gaskets provide secure positioning on metal flanges or supports. Available in various versions, such as 60\/4, 90\/36, 90\/34 EPDM, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6142,"parent":5969,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5663","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 vertical 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-verticale\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PSL vertical bulb gaskets - Gimatech Innovation\" \/>\n<meta property=\"og:description\" content=\"PSL vertical bulb gaskets Gimatech&#8217;s PSL vertical bulb gaskets are designed to ensure effective sealing between glass and sheet metal, without the use of adhesives. Composed of a reinforced &#8220;U&#8221; section with a metal core, these gaskets provide secure positioning on metal flanges or supports. Available in various versions, such as 60\/4, 90\/36, 90\/34 EPDM, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-verticale\/\" \/>\n<meta property=\"og:site_name\" content=\"Gimatech Innovation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-09T14:41:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/60_4-3D.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"883\" \/>\n\t<meta property=\"og:image:height\" content=\"883\" \/>\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-verticale\\\/\",\"url\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-verticale\\\/\",\"name\":\"PSL vertical bulb gaskets - Gimatech Innovation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-verticale\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-verticale\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/60_4-3D.jpg\",\"datePublished\":\"2019-10-18T09:23:26+00:00\",\"dateModified\":\"2026-01-09T14:41:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-verticale\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-verticale\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-verticale\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/60_4-3D.jpg\",\"contentUrl\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/60_4-3D.jpg\",\"width\":883,\"height\":883},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.gimatechinnovation.com\\\/guarnizioni\\\/guarnizioni-standard\\\/guarnizioni-psl-bulbo-verticale\\\/#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 vertical 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 vertical 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-verticale\/","og_locale":"en_US","og_type":"article","og_title":"PSL vertical bulb gaskets - Gimatech Innovation","og_description":"PSL vertical bulb gaskets Gimatech&#8217;s PSL vertical bulb gaskets are designed to ensure effective sealing between glass and sheet metal, without the use of adhesives. Composed of a reinforced &#8220;U&#8221; section with a metal core, these gaskets provide secure positioning on metal flanges or supports. Available in various versions, such as 60\/4, 90\/36, 90\/34 EPDM, [&hellip;]","og_url":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-verticale\/","og_site_name":"Gimatech Innovation","article_modified_time":"2026-01-09T14:41:39+00:00","og_image":[{"width":883,"height":883,"url":"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/60_4-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-verticale\/","url":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-verticale\/","name":"PSL vertical bulb gaskets - Gimatech Innovation","isPartOf":{"@id":"https:\/\/www.gimatechinnovation.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-verticale\/#primaryimage"},"image":{"@id":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-verticale\/#primaryimage"},"thumbnailUrl":"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/60_4-3D.jpg","datePublished":"2019-10-18T09:23:26+00:00","dateModified":"2026-01-09T14:41:39+00:00","breadcrumb":{"@id":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-verticale\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-verticale\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-verticale\/#primaryimage","url":"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/60_4-3D.jpg","contentUrl":"https:\/\/www.gimatechinnovation.com\/wp-content\/uploads\/2025\/11\/60_4-3D.jpg","width":883,"height":883},{"@type":"BreadcrumbList","@id":"https:\/\/www.gimatechinnovation.com\/guarnizioni\/guarnizioni-standard\/guarnizioni-psl-bulbo-verticale\/#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 vertical 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\/5663","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=5663"}],"version-history":[{"count":25,"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/pages\/5663\/revisions"}],"predecessor-version":[{"id":6367,"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/pages\/5663\/revisions\/6367"}],"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\/6142"}],"wp:attachment":[{"href":"https:\/\/www.gimatechinnovation.com\/en\/wp-json\/wp\/v2\/media?parent=5663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}