{"id":2699,"date":"2025-10-16T17:52:37","date_gmt":"2025-10-16T17:52:37","guid":{"rendered":"https:\/\/mesoforming.com\/?page_id=2699"},"modified":"2026-01-16T16:42:15","modified_gmt":"2026-01-16T16:42:15","slug":"%d0%ba%d0%b0%d1%82%d0%b0%d0%bb%d0%be%d0%b3-%d0%bf%d1%80%d0%be%d0%b4%d1%83%d0%ba%d1%86%d0%b8%d0%b8-%d0%b4%d0%bb%d1%8f-%d0%bc%d0%b5%d0%b7%d0%be%d1%84%d0%be%d1%80%d0%bc%d0%b8%d0%bd%d0%b3%d0%b0","status":"publish","type":"page","link":"https:\/\/mesoforming.com\/ru\/%d0%ba%d0%b0%d1%82%d0%b0%d0%bb%d0%be%d0%b3-%d0%bf%d1%80%d0%be%d0%b4%d1%83%d0%ba%d1%86%d0%b8%d0%b8-%d0%b4%d0%bb%d1%8f-%d0%bc%d0%b5%d0%b7%d0%be%d1%84%d0%be%d1%80%d0%bc%d0%b8%d0%bd%d0%b3%d0%b0\/","title":{"rendered":"\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438 \u0434\u043b\u044f \u043c\u0435\u0437\u043e\u0444\u043e\u0440\u043c\u0438\u043d\u0433\u0430"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Mesoforming Product Catalog<\/title>\r\n \r\n <!-- PDF.js Library (Deferred for maximum speed, no blocking) -->\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.10.377\/pdf.min.js\" defer><\/script>\r\n \r\n <!-- SEO: Structured Data (JSON-LD) -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Product\",\r\n \"name\": \"Mesoforming Thermoforming Solutions\",\r\n \"description\": \"Professional Thermoforming Machines & Solutions. High-quality, CE certified machines.\",\r\n \"brand\": {\r\n \"@type\": \"Brand\",\r\n \"name\": \"Mesoforming\"\r\n },\r\n \"offers\": {\r\n \"@type\": \"AggregateOffer\",\r\n \"priceCurrency\": \"USD\",\r\n \"availability\": \"https:\/\/schema.org\/InStock\"\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* \r\n * STRICT ISOLATION WRAPPER (#meso-scope-wrapper)\r\n * FIXED: Added layout properties to prevent content overlap\r\n *\/\r\n #meso-scope-wrapper {\r\n \/* --- 1. MODERN SYSTEM FONT STACK (Zero HTTP Requests) --- *\/\r\n --ct-font-stack: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\r\n \r\n \/* Variables *\/\r\n --ct-primary-purple: #711be1;\r\n --ct-primary-purple-dark: #4a00b0;\r\n --ct-accent-orange: #ff6b00;\r\n --ct-light-gray: #f8f9fa;\r\n --ct-medium-gray: #e9ecef;\r\n --ct-dark-gray: #495057;\r\n --ct-white: #ffffff;\r\n \r\n \/* Layout & Reset - CRITICAL FIX FOR OVERLAP *\/\r\n display: block !important;\r\n position: relative !important;\r\n clear: both !important; \/* Pushes content below floating WP headers *\/\r\n width: 100%;\r\n max-width: 100%;\r\n height: auto;\r\n isolation: isolate; \/* Creates a new stacking context *\/\r\n z-index: 1;\r\n \r\n \/* Typography *\/\r\n font-family: var(--ct-font-stack);\r\n line-height: 1.6;\r\n color: var(--ct-dark-gray);\r\n background-color: var(--ct-white);\r\n text-align: left;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Strict Reset for Internal Elements *\/\r\n #meso-scope-wrapper *, \r\n #meso-scope-wrapper *::before, \r\n #meso-scope-wrapper *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Typography Reset *\/\r\n #meso-scope-wrapper h2, \r\n #meso-scope-wrapper h3, \r\n #meso-scope-wrapper h4 {\r\n font-family: var(--ct-font-stack);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n color: inherit;\r\n margin-top: 0;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n #meso-scope-wrapper p {\r\n margin-bottom: 1rem;\r\n font-family: var(--ct-font-stack);\r\n }\r\n \r\n #meso-scope-wrapper a {\r\n text-decoration: none;\r\n color: inherit;\r\n box-shadow: none;\r\n cursor: pointer;\r\n }\r\n \r\n #meso-scope-wrapper img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n \/* --- LAYOUT STYLES --- *\/\r\n\r\n #meso-scope-wrapper .ct-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n position: relative;\r\n }\r\n \r\n \/* HERO SECTION *\/\r\n #meso-scope-wrapper .ct-hero-section {\r\n width: 100%;\r\n background-color: #000000;\r\n background-image: url('https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Mesoforming-industrial-forming-equipment-with-metal-framework.webp');\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n padding: 100px 20px; \r\n margin-bottom: 50px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 2; \/* Local z-index *\/\r\n }\r\n \r\n #meso-scope-wrapper .ct-hero-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.75);\r\n z-index: 1;\r\n }\r\n\r\n #meso-scope-wrapper .ct-hero-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 900px;\r\n width: 100%;\r\n }\r\n \r\n #meso-scope-wrapper .ct-hero-title {\r\n font-size: 2.8rem;\r\n margin-bottom: 15px;\r\n color: var(--ct-white) !important;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.5);\r\n }\r\n\r\n \/* Breadcrumbs *\/\r\n #meso-scope-wrapper .ct-breadcrumbs {\r\n margin-bottom: 25px;\r\n font-size: 0.95rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 500;\r\n }\r\n\r\n #meso-scope-wrapper .ct-breadcrumbs a {\r\n color: var(--ct-white);\r\n text-decoration: underline;\r\n opacity: 0.9;\r\n transition: opacity 0.3s;\r\n }\r\n\r\n #meso-scope-wrapper .ct-breadcrumbs a:hover {\r\n opacity: 1;\r\n color: var(--ct-accent-orange);\r\n }\r\n\r\n #meso-scope-wrapper .ct-breadcrumbs span {\r\n margin: 0 10px;\r\n opacity: 0.7;\r\n }\r\n \r\n #meso-scope-wrapper .ct-hero-subtitle {\r\n font-size: 1.25rem;\r\n margin: 0 auto 35px;\r\n color: rgba(255, 255, 255, 0.95);\r\n font-weight: 300;\r\n }\r\n \r\n #meso-scope-wrapper .ct-cta-button {\r\n display: inline-block;\r\n background-color: var(--ct-accent-orange);\r\n color: var(--ct-white) !important;\r\n padding: 14px 35px;\r\n border-radius: 4px;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n font-size: 1rem;\r\n border: none;\r\n }\r\n \r\n #meso-scope-wrapper .ct-cta-button:hover {\r\n background-color: #e05d00;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 20px rgba(255, 107, 0, 0.4);\r\n }\r\n \r\n \/* Section Headers *\/\r\n #meso-scope-wrapper .ct-section-title {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n position: relative;\r\n }\r\n \r\n #meso-scope-wrapper .ct-section-title h3 {\r\n font-size: 2rem;\r\n color: var(--ct-primary-purple-dark);\r\n display: inline-block;\r\n padding-bottom: 10px;\r\n position: relative;\r\n }\r\n \r\n #meso-scope-wrapper .ct-section-title h3::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 3px;\r\n background-color: var(--ct-accent-orange);\r\n }\r\n \r\n \/* --- OPTIMIZED PDF VIEWER STYLES --- *\/\r\n #meso-scope-wrapper .ct-pdf-section {\r\n margin-bottom: 60px;\r\n background-color: var(--ct-white);\r\n padding: 30px;\r\n border-radius: 8px;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\r\n position: relative;\r\n z-index: 5;\r\n }\r\n \r\n #meso-scope-wrapper .ct-pdf-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n #meso-scope-wrapper .ct-pdf-controls-bar {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n background: var(--ct-light-gray);\r\n padding: 10px 15px;\r\n border-radius: 6px;\r\n border: 1px solid var(--ct-medium-gray);\r\n }\r\n \r\n #meso-scope-wrapper .ct-pdf-tools {\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n }\r\n \r\n #meso-scope-wrapper .ct-pdf-button {\r\n width: 36px;\r\n height: 36px;\r\n background-color: var(--ct-white);\r\n color: var(--ct-dark-gray);\r\n border: 1px solid var(--ct-medium-gray);\r\n border-radius: 4px;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n #meso-scope-wrapper .ct-pdf-button svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: var(--ct-dark-gray);\r\n }\r\n\r\n #meso-scope-wrapper .ct-pdf-button:hover {\r\n background-color: var(--ct-primary-purple);\r\n border-color: var(--ct-primary-purple);\r\n }\r\n \r\n #meso-scope-wrapper .ct-pdf-button:hover svg {\r\n fill: #ffffff;\r\n }\r\n\r\n #meso-scope-wrapper .ct-pdf-page-count {\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n color: var(--ct-primary-purple-dark);\r\n background: var(--ct-white);\r\n padding: 5px 12px;\r\n border-radius: 4px;\r\n border: 1px solid var(--ct-medium-gray);\r\n min-width: 100px;\r\n text-align: center;\r\n }\r\n\r\n #meso-scope-wrapper .ct-pdf-viewer-scroll {\r\n width: 100%;\r\n height: 800px; \/* Fixed height for scroll window *\/\r\n border: 1px solid var(--ct-medium-gray);\r\n margin-bottom: 20px;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n background-color: #525659;\r\n padding: 20px;\r\n position: relative;\r\n border-radius: 4px;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n \r\n #meso-scope-wrapper .ct-pdf-page-wrapper {\r\n margin: 0 auto 20px auto;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.3);\r\n background-color: #fff;\r\n position: relative;\r\n min-height: 200px; \r\n }\r\n \r\n #meso-scope-wrapper .ct-pdf-page-wrapper canvas {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n }\r\n\r\n #meso-scope-wrapper .ct-pdf-download {\r\n display: inline-block;\r\n padding: 10px 25px;\r\n background-color: var(--ct-accent-orange);\r\n color: var(--ct-white) !important;\r\n border-radius: 4px;\r\n transition: background-color 0.3s;\r\n font-weight: 500;\r\n text-align: center;\r\n }\r\n \r\n #meso-scope-wrapper .ct-pdf-download:hover {\r\n background-color: #e05d00;\r\n }\r\n \r\n \/* PRODUCTS SECTION *\/\r\n #meso-scope-wrapper .ct-products-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 30px;\r\n margin-bottom: 60px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-card {\r\n background-color: var(--ct-white);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.05);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n border: 1px solid rgba(0,0,0,0.03);\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-image {\r\n height: 200px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-card:hover .ct-product-image img {\r\n transform: scale(1.08);\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-badge {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background-color: var(--ct-accent-orange);\r\n color: var(--ct-white);\r\n padding: 5px 10px;\r\n border-radius: 4px;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n z-index: 2;\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-content {\r\n padding: 25px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-title {\r\n font-size: 1.25rem;\r\n margin-bottom: 10px;\r\n color: var(--ct-primary-purple-dark);\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-description {\r\n color: var(--ct-dark-gray);\r\n margin-bottom: 15px;\r\n font-size: 0.95rem;\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-features {\r\n margin-bottom: 20px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-feature {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 8px;\r\n font-size: 0.9rem;\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-feature i {\r\n color: var(--ct-accent-orange);\r\n margin-right: 8px;\r\n font-style: normal;\r\n font-weight: bold;\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-button {\r\n display: inline-block;\r\n background-color: var(--ct-primary-purple);\r\n color: var(--ct-white) !important;\r\n padding: 8px 20px;\r\n border-radius: 4px;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n #meso-scope-wrapper .ct-product-button:hover {\r\n background-color: var(--ct-primary-purple-dark);\r\n }\r\n \r\n \/* FEATURES SECTION *\/\r\n #meso-scope-wrapper .ct-features-section {\r\n background-color: var(--ct-white);\r\n padding: 20px 0 60px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 30px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-feature-card {\r\n background-color: var(--ct-white);\r\n padding: 30px;\r\n border-radius: 8px;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\r\n text-align: center;\r\n transition: transform 0.3s ease;\r\n border: 1px solid var(--ct-medium-gray);\r\n }\r\n \r\n #meso-scope-wrapper .ct-feature-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n #meso-scope-wrapper .ct-feature-icon {\r\n width: 60px;\r\n height: 60px;\r\n margin: 0 auto 20px;\r\n background: linear-gradient(135deg, var(--ct-primary-purple), var(--ct-primary-purple-dark));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--ct-white);\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n }\r\n \r\n #meso-scope-wrapper .ct-feature-title {\r\n font-size: 1.2rem;\r\n margin-bottom: 15px;\r\n color: var(--ct-primary-purple-dark);\r\n }\r\n \r\n #meso-scope-wrapper .ct-feature-description {\r\n color: var(--ct-dark-gray);\r\n font-size: 0.95rem;\r\n }\r\n \r\n \/* TESTIMONIALS SECTION *\/\r\n #meso-scope-wrapper .ct-testimonials-section {\r\n margin-bottom: 60px;\r\n background-color: var(--ct-white);\r\n padding: 40px 0;\r\n }\r\n \r\n #meso-scope-wrapper .ct-testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-testimonial-card {\r\n background-color: var(--ct-light-gray);\r\n padding: 30px;\r\n border-radius: 8px;\r\n box-shadow: 0 8px 15px rgba(0, 0, 0, 0.05);\r\n position: relative;\r\n }\r\n \r\n #meso-scope-wrapper .ct-testimonial-quote {\r\n position: absolute;\r\n top: 15px;\r\n left: 20px;\r\n color: rgba(113, 27, 225, 0.15);\r\n font-size: 4rem;\r\n font-family: Georgia, serif;\r\n line-height: 1;\r\n }\r\n \r\n #meso-scope-wrapper .ct-testimonial-content {\r\n margin-top: 30px;\r\n margin-bottom: 20px;\r\n font-style: italic;\r\n color: var(--ct-dark-gray);\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n #meso-scope-wrapper .ct-testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n #meso-scope-wrapper .ct-author-avatar {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n margin-right: 15px;\r\n object-fit: cover;\r\n background-color: #ddd;\r\n }\r\n \r\n #meso-scope-wrapper .ct-author-info h4 {\r\n font-size: 1rem;\r\n color: var(--ct-primary-purple-dark);\r\n margin-bottom: 2px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-author-info p {\r\n font-size: 0.8rem;\r\n color: var(--ct-dark-gray);\r\n margin: 0;\r\n }\r\n \r\n \/* FAQ SECTION *\/\r\n #meso-scope-wrapper .ct-faq-section {\r\n margin-bottom: 60px;\r\n background-color: var(--ct-white);\r\n padding: 40px 0;\r\n }\r\n \r\n #meso-scope-wrapper .ct-faq-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n \r\n #meso-scope-wrapper .ct-faq-item {\r\n margin-bottom: 15px;\r\n border: 1px solid var(--ct-medium-gray);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n background-color: var(--ct-white);\r\n }\r\n \r\n #meso-scope-wrapper .ct-faq-question {\r\n padding: 18px 25px;\r\n background-color: var(--ct-light-gray);\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 600;\r\n color: var(--ct-dark-gray);\r\n transition: background 0.3s;\r\n }\r\n\r\n #meso-scope-wrapper .ct-faq-question:hover {\r\n background-color: #e2e6ea;\r\n }\r\n \r\n #meso-scope-wrapper .ct-faq-question::after {\r\n content: '+';\r\n font-size: 1.5rem;\r\n color: var(--ct-primary-purple);\r\n line-height: 1;\r\n }\r\n \r\n #meso-scope-wrapper .ct-faq-item.active .ct-faq-question::after {\r\n content: '-';\r\n }\r\n \r\n #meso-scope-wrapper .ct-faq-answer {\r\n padding: 0 25px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease, padding 0.3s ease;\r\n background: var(--ct-white);\r\n }\r\n \r\n #meso-scope-wrapper .ct-faq-item.active .ct-faq-answer {\r\n padding: 20px 25px;\r\n max-height: 800px;\r\n border-top: 1px solid var(--ct-medium-gray);\r\n }\r\n \r\n #meso-scope-wrapper .ct-faq-more {\r\n text-align: center;\r\n margin-top: 30px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-faq-more-link {\r\n display: inline-block;\r\n padding: 10px 25px;\r\n background-color: var(--ct-primary-purple);\r\n color: var(--ct-white) !important;\r\n text-decoration: none;\r\n border-radius: 4px;\r\n transition: background-color 0.3s;\r\n }\r\n \r\n #meso-scope-wrapper .ct-faq-more-link:hover {\r\n background-color: var(--ct-primary-purple-dark);\r\n }\r\n \r\n \/* CONTACT CTA SECTION *\/\r\n #meso-scope-wrapper .ct-contact-cta {\r\n background: linear-gradient(135deg, var(--ct-primary-purple), var(--ct-primary-purple-dark));\r\n color: var(--ct-white);\r\n padding: 60px 30px;\r\n border-radius: 8px;\r\n text-align: center;\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-cta h3 {\r\n font-size: 2rem;\r\n color: var(--ct-white);\r\n margin-bottom: 20px;\r\n position: relative;\r\n display: inline-block;\r\n padding-bottom: 10px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-cta h3::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 3px;\r\n background-color: var(--ct-accent-orange);\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-cta p {\r\n max-width: 700px;\r\n margin: 0 auto 50px;\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n color: rgba(255, 255, 255, 0.95);\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-info {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n margin-bottom: 30px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-method {\r\n display: flex;\r\n align-items: center;\r\n padding: 15px 25px;\r\n background-color: rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-method:hover {\r\n background-color: rgba(255, 255, 255, 0.2);\r\n transform: translateY(-5px);\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-icon {\r\n width: 50px;\r\n height: 50px;\r\n background-color: var(--ct-accent-orange);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-right: 15px;\r\n color: var(--ct-white);\r\n font-size: 1.2rem;\r\n z-index: 1;\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-text {\r\n text-align: left;\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-text h4 {\r\n font-size: 1rem;\r\n margin-bottom: 5px;\r\n color: var(--ct-white);\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-text p {\r\n font-size: 0.9rem;\r\n margin: 0;\r\n color: rgba(255, 255, 255, 0.8);\r\n }\r\n \r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n #meso-scope-wrapper .ct-hero-title {\r\n font-size: 2rem;\r\n }\r\n \r\n #meso-scope-wrapper .ct-hero-section {\r\n padding: 60px 20px;\r\n }\r\n\r\n #meso-scope-wrapper .ct-pdf-viewer-scroll {\r\n height: 500px;\r\n padding: 10px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-info {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-method {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n #meso-scope-wrapper .ct-container {\r\n padding: 20px 10px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-hero-title {\r\n font-size: 1.6rem;\r\n }\r\n \r\n #meso-scope-wrapper .ct-products-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n #meso-scope-wrapper .ct-contact-method {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-icon {\r\n margin-right: 0;\r\n margin-bottom: 10px;\r\n }\r\n \r\n #meso-scope-wrapper .ct-contact-text {\r\n text-align: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- SCOPED WRAPPER START -->\r\n <div id=\"meso-scope-wrapper\">\r\n \r\n <!-- 1. Hero Section -->\r\n <section class=\"ct-hero-section\">\r\n <div class=\"ct-hero-inner\">\r\n <h2 class=\"ct-hero-title\">Premium Thermoforming Machines & Solutions<\/h2>\r\n \r\n <nav class=\"ct-breadcrumbs\">\r\n <a href=\"https:\/\/mesoforming.com\/\">Home<\/a> <span>\/<\/span> <a href=\"https:\/\/mesoforming.com\/mesoforming-product-catalog\/\">mesoforming product catalog<\/a>\r\n <\/nav>\r\n\r\n <p class=\"ct-hero-subtitle\">Mesoforming offers high-quality, CE certified thermoforming machines with 12 years of industry experience, serving clients in over 20 countries worldwide.<\/p>\r\n <a href=\"https:\/\/mesoforming.com\/contact\" class=\"ct-cta-button\">Get Your Free Quote Now<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Main Content Container -->\r\n <div class=\"ct-container\">\r\n \r\n <!-- 2. Optimized PDF Viewer Section -->\r\n <section class=\"ct-pdf-section\">\r\n <div class=\"ct-section-title\">\r\n <h3>Mesoforming Product Catalog<\/h3>\r\n <\/div>\r\n <div class=\"ct-pdf-container\">\r\n <!-- Control Bar -->\r\n <div class=\"ct-pdf-controls-bar\">\r\n <div class=\"ct-pdf-page-count\" id=\"ct-page-indicator\">Loading...<\/div>\r\n <div class=\"ct-pdf-tools\">\r\n <button class=\"ct-pdf-button\" id=\"ct-pdf-zoom-out\" title=\"Zoom Out\" aria-label=\"Zoom Out\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><path d=\"M7 9h5v1H7z\"\/><\/svg>\r\n <\/button>\r\n <button class=\"ct-pdf-button\" id=\"ct-pdf-zoom-in\" title=\"Zoom In\" aria-label=\"Zoom In\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><path d=\"M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Scrollable Viewer -->\r\n <div class=\"ct-pdf-viewer-scroll\" id=\"ct-pdf-viewer\">\r\n <!-- Pages injected here by JS -->\r\n <\/div>\r\n \r\n <a href=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024070508480221.pdf\" class=\"ct-pdf-download\" download=\"mesoforming-product-catalog.pdf\">Download Full Catalog<\/a>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- 3. Products Section -->\r\n <section>\r\n <div class=\"ct-section-title\">\r\n <h3>Our Featured Products<\/h3>\r\n <\/div>\r\n \r\n <div class=\"ct-products-grid\">\r\n <!-- Product 1 -->\r\n <div class=\"ct-product-card\">\r\n <div class=\"ct-product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/multi-station-machine.jpg\" alt=\"Multi-Station Thermoforming Machine\" width=\"400\" height=\"220\" loading=\"lazy\">\r\n <span class=\"ct-product-badge\">Best Seller<\/span>\r\n <\/div>\r\n <div class=\"ct-product-content\">\r\n <h4 class=\"ct-product-title\">Multi-Station Thermoforming Machine<\/h4>\r\n <p class=\"ct-product-description\">High-efficiency automatic machine for producing various plastic products with precision and speed.<\/p>\r\n <div class=\"ct-product-features\">\r\n <div class=\"ct-product-feature\">\r\n <i>\u2713<\/i> <span>Production capacity: 15-25 cycles\/min<\/span>\r\n <\/div>\r\n <div class=\"ct-product-feature\">\r\n <i>\u2713<\/i> <span>CE certified<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/mesoforming.com\/products\/multi-station-machine\/\" class=\"ct-product-button\">View Details<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Product 2 -->\r\n <div class=\"ct-product-card\">\r\n <div class=\"ct-product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/lunch-box-machine.jpg\" alt=\"Lunch Box Packaging Machine\" width=\"400\" height=\"220\" loading=\"lazy\">\r\n <span class=\"ct-product-badge\">New Arrival<\/span>\r\n <\/div>\r\n <div class=\"ct-product-content\">\r\n <h4 class=\"ct-product-title\">Lunch Box Packaging Machine<\/h4>\r\n <p class=\"ct-product-description\">Automated production line for eco-friendly food containers with high precision molding.<\/p>\r\n <div class=\"ct-product-features\">\r\n <div class=\"ct-product-feature\">\r\n <i>\u2713<\/i> <span>Adaptable to PP, PET, PLA materials<\/span>\r\n <\/div>\r\n <div class=\"ct-product-feature\">\r\n <i>\u2713<\/i> <span>Customizable mold options<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/mesoforming.com\/products\/lunch-box-machine\/\" class=\"ct-product-button\">View Details<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Product 3 -->\r\n <div class=\"ct-product-card\">\r\n <div class=\"ct-product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/auxiliary-equipment.jpg\" alt=\"Auxiliary Equipment\" width=\"400\" height=\"220\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"ct-product-content\">\r\n <h4 class=\"ct-product-title\">Auxiliary Equipment<\/h4>\r\n <p class=\"ct-product-description\">Complete set of supporting machines to enhance your production efficiency.<\/p>\r\n <div class=\"ct-product-features\">\r\n <div class=\"ct-product-feature\">\r\n <i>\u2713<\/i> <span>Sheet extruders<\/span>\r\n <\/div>\r\n <div class=\"ct-product-feature\">\r\n <i>\u2713<\/i> <span>Stackers & Trimming machines<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/mesoforming.com\/products\/auxiliary-equipment\/\" class=\"ct-product-button\">View Details<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Product 4 -->\r\n <div class=\"ct-product-card\">\r\n <div class=\"ct-product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/custom-molds.jpg\" alt=\"Custom Molds\" width=\"400\" height=\"220\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"ct-product-content\">\r\n <h4 class=\"ct-product-title\">Custom Molds<\/h4>\r\n <p class=\"ct-product-description\">Tailor-made molds designed for your specific product requirements.<\/p>\r\n <div class=\"ct-product-features\">\r\n <div class=\"ct-product-feature\">\r\n <i>\u2713<\/i> <span>High precision CNC machining<\/span>\r\n <\/div>\r\n <div class=\"ct-product-feature\">\r\n <i>\u2713<\/i> <span>Durable materials<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/mesoforming.com\/products\/custom-molds\/\" class=\"ct-product-button\">View Details<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- 4. Features Section -->\r\n <section class=\"ct-features-section\">\r\n <div class=\"ct-section-title\">\r\n <h3>Why Choose Mesoforming?<\/h3>\r\n <\/div>\r\n \r\n <div class=\"ct-features-grid\">\r\n <div class=\"ct-feature-card\">\r\n <div class=\"ct-feature-icon\">12+<\/div>\r\n <h4 class=\"ct-feature-title\">Years of Experience<\/h4>\r\n <p class=\"ct-feature-description\">With over a decade in the industry, we understand your thermoforming needs better than anyone.<\/p>\r\n <\/div>\r\n \r\n <div class=\"ct-feature-card\">\r\n <div class=\"ct-feature-icon\">\u2713<\/div>\r\n <h4 class=\"ct-feature-title\">CE Certification<\/h4>\r\n <p class=\"ct-feature-description\">Our machines meet international safety and quality standards for your peace of mind.<\/p>\r\n <\/div>\r\n \r\n <div class=\"ct-feature-card\">\r\n <div class=\"ct-feature-icon\">\ud83c\udf0e<\/div>\r\n <h4 class=\"ct-feature-title\">Global Reach<\/h4>\r\n <p class=\"ct-feature-description\">Trusted by clients in Pakistan, Russia, Poland, Vietnam, Singapore, and more.<\/p>\r\n <\/div>\r\n \r\n <div class=\"ct-feature-card\">\r\n <div class=\"ct-feature-icon\">\u2699\ufe0f<\/div>\r\n <h4 class=\"ct-feature-title\">Complete Solutions<\/h4>\r\n <p class=\"ct-feature-description\">From machines to molds and auxiliary equipment - we provide everything you need.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- 5. Testimonials Section -->\r\n <section class=\"ct-testimonials-section\">\r\n <div class=\"ct-section-title\">\r\n <h3>What Our Clients Say<\/h3>\r\n <\/div>\r\n \r\n <div class=\"ct-testimonials-grid\">\r\n <div class=\"ct-testimonial-card\">\r\n <div class=\"ct-testimonial-quote\">\"<\/div>\r\n <p class=\"ct-testimonial-content\">We've been using Mesoforming's thermoforming machines for 3 years now and couldn't be happier with the performance. After-sales service is exceptional.<\/p>\r\n <div class=\"ct-testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/client-john-smith.jpg\" alt=\"John Smith\" class=\"ct-author-avatar\" width=\"50\" height=\"50\" loading=\"lazy\">\r\n <div class=\"ct-author-info\">\r\n <h4>John Smith<\/h4>\r\n <p>Production Manager, Poland<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ct-testimonial-card\">\r\n <div class=\"ct-testimonial-quote\">\"<\/div>\r\n <p class=\"ct-testimonial-content\">The custom mold they created for our specialty packaging exceeded our expectations. Precision and durability are unmatched.<\/p>\r\n <div class=\"ct-testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/client-sarah-johnson.jpg\" alt=\"Sarah Johnson\" class=\"ct-author-avatar\" width=\"50\" height=\"50\" loading=\"lazy\">\r\n <div class=\"ct-author-info\">\r\n <h4>Sarah Johnson<\/h4>\r\n <p>CEO, Vietnam<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ct-testimonial-card\">\r\n <div class=\"ct-testimonial-quote\">\"<\/div>\r\n <p class=\"ct-testimonial-content\">From consultation to installation, Mesoforming provided a seamless experience. Our efficiency increased by 30%.<\/p>\r\n <div class=\"ct-testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/client-michael-brown.jpg\" alt=\"Michael Brown\" class=\"ct-author-avatar\" width=\"50\" height=\"50\" loading=\"lazy\">\r\n <div class=\"ct-author-info\">\r\n <h4>Michael Brown<\/h4>\r\n <p>Operations Director, India<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- 6. FAQ Section -->\r\n <section class=\"ct-faq-section\">\r\n <div class=\"ct-section-title\">\r\n <h3>Frequently Asked Questions<\/h3>\r\n <\/div>\r\n \r\n <div class=\"ct-faq-container\">\r\n <div class=\"ct-faq-item\">\r\n <div class=\"ct-faq-question\">What materials can your machines process?<\/div>\r\n <div class=\"ct-faq-answer\">\r\n <p>Our thermoforming machines can process various materials including PP, PET, PLA, CPLA, and other thermoplastic sheets. We can customize the machine settings based on your specific material requirements.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ct-faq-item\">\r\n <div class=\"ct-faq-question\">Do you provide installation and training services?<\/div>\r\n <div class=\"ct-faq-answer\">\r\n <p>Yes, we offer comprehensive installation, commissioning, and operator training services. Our technical team will ensure your staff is fully trained to operate and maintain the equipment properly.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ct-faq-item\">\r\n <div class=\"ct-faq-question\">What is your delivery time?<\/div>\r\n <div class=\"ct-faq-answer\">\r\n <p>Standard machines typically have a delivery time of 30-45 days after order confirmation. For customized solutions, delivery time may vary based on the complexity of requirements. We always strive to meet your project timelines.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ct-faq-item\">\r\n <div class=\"ct-faq-question\">Do you offer after-sales support?<\/div>\r\n <div class=\"ct-faq-answer\">\r\n <p>Absolutely. We provide 24\/7 technical support, spare parts supply, and regular maintenance services. Our team is committed to ensuring your machines operate at peak performance throughout their lifecycle.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ct-faq-item\">\r\n <div class=\"ct-faq-question\">What payment methods do you accept?<\/div>\r\n <div class=\"ct-faq-answer\">\r\n <p>We accept various payment methods including bank transfer, letter of credit (L\/C), and other secure payment options. Our sales team will work with you to find the most convenient payment solution for your needs.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ct-faq-item\">\r\n <div class=\"ct-faq-question\">Can your machines be customized for specific products?<\/div>\r\n <div class=\"ct-faq-answer\">\r\n <p>Yes, we specialize in customizing our machines to meet your specific product requirements. Whether you need special mold configurations, unique production speeds, or specific material handling capabilities, we can tailor our solutions to your needs.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ct-faq-item\">\r\n <div class=\"ct-faq-question\">What is your warranty policy?<\/div>\r\n <div class=\"ct-faq-answer\">\r\n <p>Our standard warranty covers 12 months for mechanical parts and 6 months for electrical components from the date of commissioning. Extended warranty options are available upon request.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ct-faq-item\">\r\n <div class=\"ct-faq-question\">How energy efficient are your machines?<\/div>\r\n <div class=\"ct-faq-answer\">\r\n <p>Our machines are designed with energy efficiency in mind, featuring advanced heating systems, optimized power consumption, and smart energy management features. On average, our machines consume 20-30% less energy compared to conventional models.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ct-faq-more\">\r\n <a href=\"https:\/\/mesoforming.com\/faq\/\" class=\"ct-faq-more-link\">View All FAQs<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- 7. Contact CTA Section -->\r\n <section class=\"ct-contact-cta\" id=\"contact\">\r\n <h3>Ready to Upgrade Your Production?<\/h3>\r\n <p>Contact our sales team today for a free consultation and quote. We'll help you find the perfect thermoforming solution for your business needs.<\/p>\r\n \r\n <div class=\"ct-contact-info\">\r\n <div class=\"ct-contact-method\" onclick=\"window.location.href='tel:+8618025612076'\">\r\n <div class=\"ct-contact-icon\">\ud83d\udcde<\/div>\r\n <div class=\"ct-contact-text\">\r\n <h4>Call Us<\/h4>\r\n <p>(+86) 18025612076<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ct-contact-method\" onclick=\"window.location.href='mailto:jenny@mesoforming.com'\">\r\n <div class=\"ct-contact-icon\">\u2709\ufe0f<\/div>\r\n <div class=\"ct-contact-text\">\r\n <h4>Email Us<\/h4>\r\n <p>jenny@mesoforming.com<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ct-contact-method\">\r\n <div class=\"ct-contact-icon\">\ud83d\udccd<\/div>\r\n <div class=\"ct-contact-text\">\r\n <h4>Visit Us<\/h4>\r\n <p>Shantou, China<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/mesoforming.com\/contact\" class=\"ct-cta-button\">Request a Free Quote<\/a>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <!-- SCOPED WRAPPER END -->\r\n\r\n <script>\r\n \/* \r\n * ISOLATED JS LOGIC \r\n * Uses IIFE to prevent variable collisions with Elementor\/WP\r\n *\/\r\n (function() {\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \r\n \/\/ --- 1. OPTIMIZED SCROLLABLE PDF VIEWER LOGIC ---\r\n function initPDFViewer() {\r\n \/\/ Check if library loaded\r\n if (typeof pdfjsLib === 'undefined') {\r\n setTimeout(initPDFViewer, 100);\r\n return;\r\n }\r\n\r\n pdfjsLib.GlobalWorkerOptions.workerSrc = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.10.377\/pdf.worker.min.js';\r\n \r\n const url = 'https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/07\/2024070508480221.pdf';\r\n const viewerContainer = document.getElementById('ct-pdf-viewer');\r\n const pageIndicator = document.getElementById('ct-page-indicator');\r\n \r\n if (!viewerContainer) return;\r\n\r\n let pdfDoc = null;\r\n let currentScale = 1.0;\r\n let totalPages = 0;\r\n \r\n \/\/ Intersection Observer for Lazy Loading Pages & Updating Page Count\r\n const observerOptions = {\r\n root: viewerContainer,\r\n rootMargin: '200px', \/\/ Pre-load pages just before they enter view\r\n threshold: 0.1\r\n };\r\n\r\n const pageObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const pageWrapper = entry.target;\r\n const pageNum = parseInt(pageWrapper.getAttribute('data-page-number'));\r\n \r\n \/\/ Render if not already rendered\r\n if (!pageWrapper.hasAttribute('data-rendered')) {\r\n renderPageInWrapper(pageWrapper, pageNum);\r\n }\r\n \r\n \/\/ Update Page Counter (Standardized)\r\n if (entry.intersectionRatio > 0.3) {\r\n pageIndicator.textContent = `Page ${pageNum} of ${totalPages}`;\r\n }\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n function loadDocument() {\r\n pdfjsLib.getDocument(url).promise.then(function(pdfDoc_) {\r\n pdfDoc = pdfDoc_;\r\n totalPages = pdfDoc.numPages;\r\n pageIndicator.textContent = `Page 1 of ${totalPages}`;\r\n viewerContainer.innerHTML = ''; \/\/ Clear loading text\r\n \r\n \/\/ Create skeletons for all pages (lightweight DOM)\r\n for (let i = 1; i <= totalPages; i++) {\r\n const wrapper = document.createElement('div');\r\n wrapper.className = 'ct-pdf-page-wrapper';\r\n wrapper.setAttribute('data-page-number', i);\r\n \r\n \/\/ Set approximate width based on scale to prevent layout jump\r\n \/\/ We assume standard A4 ratio roughly, adjusted on render\r\n wrapper.style.width = (595 * currentScale) + 'px'; \r\n \r\n viewerContainer.appendChild(wrapper);\r\n pageObserver.observe(wrapper);\r\n }\r\n \r\n \/\/ Trigger render for first page explicitly\r\n const firstPage = viewerContainer.querySelector('div[data-page-number=\"1\"]');\r\n if(firstPage) renderPageInWrapper(firstPage, 1);\r\n\r\n }).catch(function(err){\r\n console.error('Error loading PDF:', err);\r\n viewerContainer.innerHTML = '<div style=\"padding:20px; text-align:center; color:#fff;\">PDF Preview not available. Please download the catalog.<\/div>';\r\n });\r\n }\r\n\r\n function renderPageInWrapper(wrapper, pageNum) {\r\n if(wrapper.hasAttribute('data-rendering') || wrapper.hasAttribute('data-rendered')) return;\r\n \r\n wrapper.setAttribute('data-rendering', 'true');\r\n \r\n pdfDoc.getPage(pageNum).then(function(page) {\r\n const viewport = page.getViewport({ scale: currentScale });\r\n const canvas = document.createElement('canvas');\r\n const ctx = canvas.getContext('2d');\r\n \r\n canvas.height = viewport.height;\r\n canvas.width = viewport.width;\r\n wrapper.style.width = viewport.width + 'px';\r\n wrapper.style.height = viewport.height + 'px';\r\n \r\n wrapper.appendChild(canvas);\r\n \r\n const renderContext = {\r\n canvasContext: ctx,\r\n viewport: viewport\r\n };\r\n \r\n page.render(renderContext).promise.then(() => {\r\n wrapper.removeAttribute('data-rendering');\r\n wrapper.setAttribute('data-rendered', 'true');\r\n });\r\n });\r\n }\r\n\r\n function reRenderAll() {\r\n \/\/ Clear container and reload with new scale\r\n viewerContainer.innerHTML = '';\r\n loadDocument();\r\n }\r\n\r\n function onZoomIn() {\r\n currentScale += 0.25;\r\n reRenderAll();\r\n }\r\n\r\n function onZoomOut() {\r\n if (currentScale <= 0.5) return;\r\n currentScale -= 0.25;\r\n reRenderAll();\r\n }\r\n\r\n \/\/ Bind Events\r\n document.getElementById('ct-pdf-zoom-in').addEventListener('click', onZoomIn);\r\n document.getElementById('ct-pdf-zoom-out').addEventListener('click', onZoomOut);\r\n\r\n \/\/ Initial Load\r\n loadDocument();\r\n }\r\n\r\n initPDFViewer();\r\n\r\n \/\/ --- 2. FAQ ACCORDION LOGIC ---\r\n const faqQuestions = document.querySelectorAll('#meso-scope-wrapper .ct-faq-question');\r\n \r\n faqQuestions.forEach(question => {\r\n question.addEventListener('click', function() {\r\n const item = this.parentElement;\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Close all others\r\n document.querySelectorAll('#meso-scope-wrapper .ct-faq-item').forEach(other => {\r\n other.classList.remove('active');\r\n });\r\n\r\n \/\/ Toggle current\r\n if (!isActive) {\r\n item.classList.add('active');\r\n }\r\n });\r\n });\r\n\r\n }); \/\/ End DOMContentLoaded\r\n })(); \/\/ End IIFE\r\n <\/script>\r\n<\/body>\r\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mesoforming Product Catalog Premium Thermoforming Machines & Solutions Home \/ mesoforming product catalog Mesoforming offers high-quality, CE certified thermoforming machines with 12 years of industry experience, serving clients in over 20 countries worldwide. Get Your Free Quote Now Mesoforming Product Catalog Loading… Download Full Catalog Our Featured Products Best Seller Multi-Station Thermoforming Machine High-efficiency automatic […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2699","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/pages\/2699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/comments?post=2699"}],"version-history":[{"count":0,"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/pages\/2699\/revisions"}],"wp:attachment":[{"href":"https:\/\/mesoforming.com\/ru\/wp-json\/wp\/v2\/media?parent=2699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}