{"id":973,"date":"2025-12-26T03:29:25","date_gmt":"2025-12-26T03:29:25","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=973"},"modified":"2026-03-16T02:40:29","modified_gmt":"2026-03-16T02:40:29","slug":"bf-028-film-spray-valve","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/es\/bf-028-film-spray-valve\/","title":{"rendered":"BF-028 film spray valve"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"973\" class=\"elementor elementor-973\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fadc977 e-con-full e-flex e-con e-parent\" data-id=\"fadc977\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5d786c elementor-widget elementor-widget-html\" data-id=\"a5d786c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BF-028 Film Spray Valve Product Page -->\r\n<!-- SEO\u4f18\u5316 + \u4e09\u7aef\u54cd\u5e94\u5f0f -->\r\n<!-- \u5c06\u6b64\u4ee3\u7801\u6dfb\u52a0\u5230 Elementor HTML \u5c0f\u90e8\u4ef6\u4e2d -->\r\n\r\n<section class=\"product-section\">\r\n    <div class=\"product-container\">\r\n        \r\n        <!-- Breadcrumb -->\r\n        <div class=\"breadcrumb\">\r\n            <a href=\"\/\"><span>Home<\/span><\/a>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\r\n            <a href=\"\/product\/\"><span>Products<\/span><\/a>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\r\n            <span class=\"current\">Film Spray Valve<\/span>\r\n        <\/div>\r\n\r\n        <!-- Hero Section -->\r\n        <div class=\"hero-section\">\r\n            <div class=\"hero-content\">\r\n                <span class=\"product-badge\">FILM SPRAY VALVE<\/span>\r\n                <h1 class=\"product-title\">BF-028 Film Spray Valve<\/h1>\r\n                <p class=\"product-tagline\">Non-Atomized Fan-Shaped Film Coating<\/p>\r\n                <p class=\"product-description\">\r\n                    The BF-028 film spray valve will directly coat the coating into a fan-shaped film, which is a non atomized film. It solves the problems of atomization, drift and flocculation of quick-drying glue, and is suitable for the application of surface coating materials with viscosity less than 100 cm.\r\n                <\/p>\r\n                <div class=\"hero-tags\">\r\n                    <span class=\"tag\">Non-Atomized<\/span>\r\n                    <span class=\"tag\">Fan-Shaped Film<\/span>\r\n                    <span class=\"tag\">Quick-Drying Glue<\/span>\r\n                    <span class=\"tag\">&lt;100 cm Viscosity<\/span>\r\n                <\/div>\r\n                <div class=\"hero-buttons\">\r\n                  <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-image\">\r\n                <div class=\"image-card\">\r\n                    <div class=\"image-glow\"><\/div>\r\n                    <div class=\"image-placeholder\">\r\n                        <!-- \u66ff\u6362\u4e3a\u5b9e\u9645\u4ea7\u54c1\u56fe\u7247 -->\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/BF-028-film-spray-valve-1.png\" alt=\"BF-028 Film Spray Valve\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Stats Section -->\r\n        <div class=\"stats-section\">\r\n            <div class=\"stat-card\">\r\n                <div class=\"stat-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"stat-value\">Non<span class=\"stat-unit\"><\/span><\/div>\r\n                <div class=\"stat-label\">Atomized Film<\/div>\r\n            <\/div>\r\n            <div class=\"stat-card\">\r\n                <div class=\"stat-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"stat-value\">&lt;100<span class=\"stat-unit\">cm<\/span><\/div>\r\n                <div class=\"stat-label\">Viscosity Range<\/div>\r\n            <\/div>\r\n            <div class=\"stat-card\">\r\n                <div class=\"stat-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"stat-value\">Variable<span class=\"stat-unit\"><\/span><\/div>\r\n                <div class=\"stat-label\">Mode Width<\/div>\r\n            <\/div>\r\n            <div class=\"stat-card\">\r\n                <div class=\"stat-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"stat-value\">Max<span class=\"stat-unit\"><\/span><\/div>\r\n                <div class=\"stat-label\">Coating Speed<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Features Section -->\r\n        <div class=\"features-section\">\r\n            <div class=\"section-header\">\r\n                <span class=\"section-badge\">FEATURES<\/span>\r\n                <h2 class=\"section-title\">Product Characteristics<\/h2>\r\n                <p class=\"section-subtitle\">Advanced film coating technology for precision applications<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon-wrapper\">\r\n                        <div class=\"feature-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Accurate Edge Location<\/h3>\r\n                    <p class=\"feature-desc\">Accurate edge location through accurate and selective material applications for precision coating results.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon-wrapper\">\r\n                        <div class=\"feature-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"\/><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Maximum Coating Speed<\/h3>\r\n                    <p class=\"feature-desc\">Maximum coating speed and multi-function to effectively increase production output and efficiency.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon-wrapper\">\r\n                        <div class=\"feature-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z\"\/><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Variable Mode Width<\/h3>\r\n                    <p class=\"feature-desc\">Variable Mode Width Provides Choice Diversity for different application requirements.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon-wrapper\">\r\n                        <div class=\"feature-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"\/><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Closed-Loop Control<\/h3>\r\n                    <p class=\"feature-desc\">Effective enhancement of process control through optional closed-loop fan mode control.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon-wrapper\">\r\n                        <div class=\"feature-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3h7zM7 9H4V5h3v4zm10 6h3v4h-3v-4zm0-10h3v4h-3V5z\"\/><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Multi-Process Nozzles<\/h3>\r\n                    <p class=\"feature-desc\">Select nozzles suitable for multi-process optimization to maximize flexibility and adaptability.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Key Advantages -->\r\n        <div class=\"advantages-section\">\r\n            <div class=\"section-header\">\r\n                <span class=\"section-badge\">ADVANTAGES<\/span>\r\n                <h2 class=\"section-title\">Why Choose BF-028<\/h2>\r\n                <p class=\"section-subtitle\">Superior film coating without atomization problems<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"advantages-grid\">\r\n                <div class=\"advantage-card\">\r\n                    <div class=\"advantage-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>No Atomization Issues<\/h3>\r\n                    <p>Solves problems of atomization, drift and flocculation of quick-drying glue<\/p>\r\n                <\/div>\r\n                <div class=\"advantage-card\">\r\n                    <div class=\"advantage-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>Fan-Shaped Film<\/h3>\r\n                    <p>Direct coating into fan-shaped non-atomized film for clean application<\/p>\r\n                <\/div>\r\n                <div class=\"advantage-card\">\r\n                    <div class=\"advantage-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>High Production Speed<\/h3>\r\n                    <p>Maximum coating speed with multi-function capabilities for increased output<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n<style>\r\n\/* ========== BF-028 Product Page ========== *\/\r\n.product-section {\r\n    padding: 0;\r\n    background: #ffffff;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n}\r\n\r\n.product-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 40px 60px 80px;\r\n}\r\n\r\n\/* Breadcrumb *\/\r\n.breadcrumb a {\r\n    text-decoration: none;\r\n    color: #0a1929;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.breadcrumb a:hover {\r\n    color: #0891b2;\r\n}\r\n\r\n.breadcrumb {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 0.85rem;\r\n    color: #0a1929;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.breadcrumb svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    color: #cbd5e1;\r\n}\r\n\r\n.breadcrumb .current {\r\n    color: #0891b2;\r\n    color: #0891b2;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* Hero Section *\/\r\n.hero-section {\r\n    display: flex;\r\n    gap: 60px;\r\n    align-items: center;\r\n    margin-bottom: 60px;\r\n    padding: 50px;\r\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n    border-radius: 24px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.hero-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -20%;\r\n    width: 60%;\r\n    height: 200%;\r\n    background: linear-gradient(135deg, rgba(14, 116, 144, 0.03) 0%, rgba(6, 182, 212, 0.05) 100%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.hero-content {\r\n    flex: 1;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.product-badge {\r\n    display: inline-block;\r\n    padding: 6px 14px;\r\n    background: linear-gradient(135deg, #0a1929 0%, #0e7490 100%);\r\n    color: #ffffff;\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    border-radius: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.product-title {\r\n    font-size: 2.8rem;\r\n    font-weight: 800;\r\n    color: #0a1929;\r\n    margin: 0 0 12px 0;\r\n    line-height: 1.1;\r\n}\r\n\r\n.product-tagline {\r\n    font-size: 1.1rem;\r\n    color: #0891b2;\r\n    font-weight: 500;\r\n    margin: 0 0 20px 0;\r\n}\r\n\r\n.product-description {\r\n    font-size: 1rem;\r\n    color: #0a1929;\r\n    line-height: 1.8;\r\n    margin: 0 0 24px 0;\r\n}\r\n\r\n.hero-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.tag {\r\n    padding: 6px 14px;\r\n    background: rgba(14, 116, 144, 0.08);\r\n    color: #0891b2;\r\n    font-size: 0.8rem;\r\n    font-weight: 500;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(14, 116, 144, 0.15);\r\n}\r\n\r\n.hero-buttons {\r\n    display: flex;\r\n    gap: 16px;\r\n}\r\n\r\n.btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 14px 28px;\r\n    background: linear-gradient(135deg, #0a1929 0%, #0e7490 100%);\r\n    color: #ffffff;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(14, 116, 144, 0.3);\r\n}\r\n\r\n.btn-primary:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(14, 116, 144, 0.4);\r\n}\r\n\r\n.btn-primary svg {\r\n    width: 18px;\r\n    height: 18px;\r\n}\r\n\r\n.btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 14px 28px;\r\n    background: #ffffff;\r\n    color: #0a1929;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    border: 2px solid #e2e8f0;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.btn-secondary:hover {\r\n    border-color: #0891b2;\r\n    color: #0891b2;\r\n}\r\n\r\n\/* Hero Image *\/\r\n.hero-image {\r\n    flex-shrink: 0;\r\n    width: 300px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.image-card {\r\n    position: relative;\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 30px;\r\n    box-shadow: 0 20px 40px rgba(10, 25, 41, 0.1);\r\n}\r\n\r\n.image-glow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 80%;\r\n    height: 80%;\r\n    background: radial-gradient(circle, rgba(14, 116, 144, 0.1) 0%, transparent 70%);\r\n    pointer-events: none;\r\n}\r\n\r\n.image-placeholder img {\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 12px;\r\n}\r\n\r\n\/* Stats Section *\/\r\n.stats-section {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.stat-card {\r\n    background: #ffffff;\r\n    border: 1px solid #e5e7eb;\r\n    border-radius: 16px;\r\n    padding: 30px;\r\n    text-align: center;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.stat-card:hover {\r\n    border-color: #0891b2;\r\n    box-shadow: 0 10px 30px rgba(14, 116, 144, 0.1);\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.stat-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    margin: 0 auto 16px;\r\n    background: linear-gradient(135deg, rgba(14, 116, 144, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.stat-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    color: #0891b2;\r\n}\r\n\r\n.stat-value {\r\n    font-size: 1.6rem;\r\n    font-weight: 800;\r\n    color: #0a1929;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.stat-unit {\r\n    font-size: 0.9rem;\r\n    font-weight: 500;\r\n    color: #0a1929;\r\n    margin-left: 4px;\r\n}\r\n\r\n.stat-label {\r\n    font-size: 0.85rem;\r\n    color: #0a1929;\r\n}\r\n\r\n\/* Section Header *\/\r\n.section-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.section-badge {\r\n    display: inline-block;\r\n    padding: 6px 14px;\r\n    background: rgba(14, 116, 144, 0.08);\r\n    color: #0891b2;\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    border-radius: 20px;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.section-title {\r\n    font-size: 2.2rem;\r\n    font-weight: 800;\r\n    color: #0a1929;\r\n    margin: 0 0 12px 0;\r\n}\r\n\r\n.section-subtitle {\r\n    font-size: 1rem;\r\n    color: #0a1929;\r\n    margin: 0;\r\n}\r\n\r\n\/* Features Section *\/\r\n.features-section {\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n}\r\n\r\n.feature-card {\r\n    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\r\n    border: 1px solid #e5e7eb;\r\n    border-radius: 20px;\r\n    padding: 40px 30px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.feature-card:hover {\r\n    border-color: transparent;\r\n    box-shadow: 0 15px 40px rgba(10, 25, 41, 0.12);\r\n    transform: translateY(-6px);\r\n}\r\n\r\n.feature-icon-wrapper {\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.feature-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, #0a1929 0%, #0e7490 100%);\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.feature-icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    color: #ffffff;\r\n}\r\n\r\n.feature-title {\r\n    font-size: 1.2rem;\r\n    font-weight: 700;\r\n    color: #0a1929;\r\n    margin: 0 0 14px 0;\r\n}\r\n\r\n.feature-desc {\r\n    font-size: 0.9rem;\r\n    color: #0a1929;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n\/* Advantages Section *\/\r\n.advantages-section {\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.advantages-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n}\r\n\r\n.advantage-card {\r\n    background: linear-gradient(135deg, #0a1929 0%, #0d3a5c 50%, #0e7490 100%);\r\n    border-radius: 20px;\r\n    padding: 40px 35px;\r\n    text-align: center;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.advantage-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 20px 40px rgba(10, 25, 41, 0.3);\r\n}\r\n\r\n.advantage-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n    margin: 0 auto 24px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-radius: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.advantage-icon svg {\r\n    width: 32px;\r\n    height: 32px;\r\n    color: #22d3ee;\r\n}\r\n\r\n.advantage-card h3 {\r\n    font-size: 1.2rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 14px 0;\r\n}\r\n\r\n.advantage-card p {\r\n    font-size: 0.9rem;\r\n    color: #94a3b8;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n\/* CTA Section *\/\r\n.cta-section {\r\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n    border-radius: 24px;\r\n    padding: 50px 60px;\r\n}\r\n\r\n.cta-content {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 40px;\r\n}\r\n\r\n.cta-text h2 {\r\n    font-size: 1.8rem;\r\n    font-weight: 800;\r\n    color: #0a1929;\r\n    margin: 0 0 10px 0;\r\n}\r\n\r\n.cta-text p {\r\n    font-size: 1rem;\r\n    color: #0a1929;\r\n    margin: 0;\r\n}\r\n\r\n.cta-buttons {\r\n    display: flex;\r\n    gap: 16px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.cta-primary {\r\n    display: inline-block;\r\n    padding: 16px 32px;\r\n    background: linear-gradient(135deg, #0a1929 0%, #0e7490 100%);\r\n    color: #ffffff;\r\n    font-size: 0.95rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(14, 116, 144, 0.3);\r\n}\r\n\r\n.cta-primary:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(14, 116, 144, 0.4);\r\n}\r\n\r\n.cta-secondary {\r\n    display: inline-block;\r\n    padding: 16px 32px;\r\n    background: #ffffff;\r\n    color: #0a1929;\r\n    font-size: 0.95rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    border: 2px solid #e2e8f0;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.cta-secondary:hover {\r\n    border-color: #0891b2;\r\n    color: #0891b2;\r\n}\r\n\r\n\/* ========== Responsive - Tablet ========== *\/\r\n@media (max-width: 1200px) {\r\n    .product-container {\r\n        padding: 30px 40px 60px;\r\n    }\r\n\r\n    .hero-section {\r\n        padding: 40px;\r\n        gap: 40px;\r\n    }\r\n\r\n    .product-title {\r\n        font-size: 2.4rem;\r\n    }\r\n\r\n    .hero-image {\r\n        width: 340px;\r\n    }\r\n\r\n    .stats-section {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .features-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .advantages-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 20px;\r\n    }\r\n}\r\n\r\n\/* ========== Responsive - Small Tablet ========== *\/\r\n@media (max-width: 768px) {\r\n    .product-container {\r\n        padding: 24px 20px 50px;\r\n    }\r\n\r\n    .breadcrumb a {\r\n    text-decoration: none;\r\n    color: #0a1929;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.breadcrumb a:hover {\r\n    color: #0891b2;\r\n}\r\n\r\n.breadcrumb {\r\n        margin-bottom: 24px;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .hero-section {\r\n        flex-direction: column;\r\n        padding: 30px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .product-badge {\r\n        font-size: 0.65rem;\r\n    }\r\n\r\n    .product-title {\r\n        font-size: 1.9rem;\r\n    }\r\n\r\n    .product-tagline {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .product-description {\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .hero-buttons {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .btn-primary, .btn-secondary {\r\n        justify-content: center;\r\n    }\r\n\r\n    .hero-image {\r\n        width: 100%;\r\n        max-width: 400px;\r\n    }\r\n\r\n    .stats-section {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 16px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .stat-card {\r\n        padding: 24px 20px;\r\n    }\r\n\r\n    .stat-value {\r\n        font-size: 1.4rem;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .features-section {\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .features-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n    }\r\n\r\n    .feature-card {\r\n        padding: 30px 24px;\r\n    }\r\n\r\n    .advantages-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n    }\r\n\r\n    .advantage-card {\r\n        padding: 30px 25px;\r\n    }\r\n\r\n    .cta-section {\r\n        padding: 40px 30px;\r\n    }\r\n\r\n    .cta-content {\r\n        flex-direction: column;\r\n        text-align: center;\r\n    }\r\n\r\n    .cta-buttons {\r\n        flex-direction: column;\r\n        width: 100%;\r\n    }\r\n\r\n    .cta-primary, .cta-secondary {\r\n        width: 100%;\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n\/* ========== Responsive - Mobile ========== *\/\r\n@media (max-width: 480px) {\r\n    .product-container {\r\n        padding: 20px 16px 40px;\r\n    }\r\n\r\n    .breadcrumb a {\r\n    text-decoration: none;\r\n    color: #0a1929;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.breadcrumb a:hover {\r\n    color: #0891b2;\r\n}\r\n\r\n.breadcrumb {\r\n        font-size: 0.75rem;\r\n        gap: 4px;\r\n    }\r\n\r\n    .hero-section {\r\n        padding: 24px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .product-title {\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .hero-tags {\r\n        gap: 8px;\r\n    }\r\n\r\n    .tag {\r\n        padding: 5px 10px;\r\n        font-size: 0.75rem;\r\n    }\r\n\r\n    .btn-primary, .btn-secondary {\r\n        padding: 12px 24px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .stats-section {\r\n        gap: 12px;\r\n    }\r\n\r\n    .stat-card {\r\n        padding: 20px 16px;\r\n    }\r\n\r\n    .stat-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n\r\n    .stat-value {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .stat-label {\r\n        font-size: 0.75rem;\r\n    }\r\n\r\n    .section-header {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .feature-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .advantage-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n    }\r\n\r\n    .cta-section {\r\n        padding: 30px 20px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .cta-text h2 {\r\n        font-size: 1.4rem;\r\n    }\r\n}\r\n\r\n\/* ========== Very Small Screens ========== *\/\r\n@media (max-width: 360px) {\r\n    .product-title {\r\n        font-size: 1.4rem;\r\n    }\r\n\r\n    .stats-section {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8daf7a0 e-con-full e-flex e-con e-parent\" data-id=\"8daf7a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-522c06b elementor-widget elementor-widget-html\" data-id=\"522c06b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Coating Valves Product Cards -->\r\n<!-- \u4e09\u7aef\u54cd\u5e94\u5f0f + \u706f\u7bb1\u6548\u679c -->\r\n<!-- \u5c06\u6b64\u4ee3\u7801\u6dfb\u52a0\u5230 Elementor HTML \u5c0f\u90e8\u4ef6\u4e2d -->\r\n\r\n<section class=\"coating-valves-section\">\r\n    \r\n    <div class=\"valves-container\">\r\n        \r\n        <!-- Section Header -->\r\n        <div class=\"section-header\">\r\n            <span class=\"section-badge\">COATING VALVES<\/span>\r\n            <h1 class=\"section-title\">Coating Valve Solutions<\/h1>\r\n            <p class=\"section-subtitle\">Professional valves for precision coating and dispensing applications<\/p>\r\n        <\/div>\r\n\r\n        <!-- Products Grid -->\r\n        <div class=\"products-grid\" role=\"list\">\r\n            \r\n            <!-- Product Card 1: G-300HP -->\r\n            <article class=\"product-card\" role=\"listitem\">\r\n                <div class=\"card-image\" data-lightbox=\"g300hp\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/G-300HP-high-pressure-valve.png\" \r\n                         alt=\"G-300HP High Pressure Valve\" \r\n                         loading=\"lazy\" \/>\r\n                    <div class=\"image-overlay\">\r\n                        <div class=\"overlay-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\r\n                                <path d=\"M21 21l-4.35-4.35\"\/>\r\n                                <path d=\"M11 8v6M8 11h6\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <span class=\"card-category\">High Pressure Valve<\/span>\r\n                    <h2 class=\"card-title\">G-300HP High Pressure Valve<\/h2>\r\n                    <a href=\"\/product\/g-300hp-high-pressure-valve\/\" class=\"card-link\">\r\n                        <span>View Details<\/span>\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n                <!-- Hidden content for lightbox -->\r\n                <div class=\"lightbox-data\" hidden>\r\n                    <h3>G-300HP High Pressure Valve<\/h3>\r\n                    <p class=\"lb-desc\">G-300HP is a rubber valve suitable for dispensing and filling of medium and high viscosity fluids. The unique structure design of stainless steel balance shaft ensures the stability of dispensing under high pressure.<\/p>\r\n                    <div class=\"lb-features\">\r\n                        <h4>Product Characteristics:<\/h4>\r\n                        <ul>\r\n                            <li>Adjustable Backdraft and controllable glue content<\/li>\r\n                            <li>Breaks off glue cleanly<\/li>\r\n                            <li>All stainless steel structure<\/li>\r\n                            <li>Double air circuit design<\/li>\r\n                            <li>Simple maintenance<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"lb-fluids\">\r\n                        <h4>Suitable for Fluids:<\/h4>\r\n                        <span>Lubricating grease<\/span>\r\n                        <span>Grease<\/span>\r\n                        <span>RTV silica gel<\/span>\r\n                        <span>Epoxy resin<\/span>\r\n                        <span>Brazing paste<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- Product Card 2: G-500HP -->\r\n            <article class=\"product-card\" role=\"listitem\">\r\n                <div class=\"card-image\" data-lightbox=\"g500hp\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/G-500HP-Diaphragm-valve-1.png\" \r\n                         alt=\"G-500HP Diaphragm Valve\" \r\n                         loading=\"lazy\" \/>\r\n                    <div class=\"image-overlay\">\r\n                        <div class=\"overlay-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\r\n                                <path d=\"M21 21l-4.35-4.35\"\/>\r\n                                <path d=\"M11 8v6M8 11h6\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <span class=\"card-category\">Diaphragm Valve<\/span>\r\n                    <h2 class=\"card-title\">G-500HP Diaphragm Valve<\/h2>\r\n                    <a href=\"\/product\/g-500hp-diaphragm-valve\/\" class=\"card-link\">\r\n                        <span>View Details<\/span>\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"lightbox-data\" hidden>\r\n                    <h3>G-500HP Diaphragm Valve<\/h3>\r\n                    <p class=\"lb-desc\">G-500P is a micro-dispensing valve suitable for medium and low viscosity range. The diaphragm is made of strong Teflon material (PTFE), which completely separates the fluid tank from the starting parts. It has good chemical inertia, wear resistance, impact resistance and corrosion resistance.<\/p>\r\n                    <div class=\"lb-features\">\r\n                        <h4>Product Characteristics:<\/h4>\r\n                        <ul>\r\n                            <li>Strong chemical inertia<\/li>\r\n                            <li>Handle many special materials<\/li>\r\n                            <li>Glue clean<\/li>\r\n                            <li>Simple maintenance<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"lb-fluids\">\r\n                        <h4>Suitable for Fluids:<\/h4>\r\n                        <span>Instant adhesive<\/span>\r\n                        <span>Anaerobic adhesive<\/span>\r\n                        <span>Medical reagent<\/span>\r\n                        <span>Special chemical materials<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- Product Card 3: BF-028 -->\r\n            <article class=\"product-card\" role=\"listitem\">\r\n                <div class=\"card-image\" data-lightbox=\"bf028\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/BF-028-film-spray-valve-1.png\" \r\n                         alt=\"BF-028 Film Spray Valve\" \r\n                         loading=\"lazy\" \/>\r\n                    <div class=\"image-overlay\">\r\n                        <div class=\"overlay-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\r\n                                <path d=\"M21 21l-4.35-4.35\"\/>\r\n                                <path d=\"M11 8v6M8 11h6\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <span class=\"card-category\">Film Spray Valve<\/span>\r\n                    <h2 class=\"card-title\">BF-028 Film Spray Valve<\/h2>\r\n                    <a href=\"\/product\/bf-028-film-spray-valve\/\" class=\"card-link\">\r\n                        <span>View Details<\/span>\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"lightbox-data\" hidden>\r\n                    <h3>BF-028 Film Spray Valve<\/h3>\r\n                    <p class=\"lb-desc\">The BF-028 film spray valve will directly coat the coating into a fan-shaped film, which is a non-atomized film. It solves the problems of atomization, drift and flocculation of quick-drying glue, and is suitable for the application of surface coating materials with viscosity less than 100 cm.<\/p>\r\n                    <div class=\"lb-features\">\r\n                        <h4>Product Characteristics:<\/h4>\r\n                        <ul>\r\n                            <li>Accurate edge location through accurate and selective material applications<\/li>\r\n                            <li>Maximum coating speed and multi-function to effectively increase production<\/li>\r\n                            <li>Variable Mode Width Provides Choice Diversity<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"lb-fluids\">\r\n                        <h4>Suitable for Fluids:<\/h4>\r\n                        <span>Quick-drying glue<\/span>\r\n                        <span>Surface coating materials<\/span>\r\n                        <span>Low viscosity fluids<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- Product Card 4: SF-073 -->\r\n            <article class=\"product-card\" role=\"listitem\">\r\n                <div class=\"card-image\" data-lightbox=\"sf073\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/SF-073-sector-spray-valve-1.png\" \r\n                         alt=\"SF-073 Sector Spray Valve\" \r\n                         loading=\"lazy\" \/>\r\n                    <div class=\"image-overlay\">\r\n                        <div class=\"overlay-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\r\n                                <path d=\"M21 21l-4.35-4.35\"\/>\r\n                                <path d=\"M11 8v6M8 11h6\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <span class=\"card-category\">Sector Spray Valve<\/span>\r\n                    <h2 class=\"card-title\">SF-073 Sector Spray Valve<\/h2>\r\n                    <a href=\"\/product\/sf-073-sector-spray-valve\/\" class=\"card-link\">\r\n                        <span>View Details<\/span>\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"lightbox-data\" hidden>\r\n                    <h3>SF-073 Sector Spray Valve<\/h3>\r\n                    <p class=\"lb-desc\">The SF-073 fan spray valve adds the forming gas path on the basis of the LF-001 conical spray valve. The taper is shaped into a fan, so that the efficiency of large area coating is higher. Suitable for spraying multi-state fluids.<\/p>\r\n                    <div class=\"lb-features\">\r\n                        <h4>Product Characteristics:<\/h4>\r\n                        <ul>\r\n                            <li>Outstanding needle design, truly zero residue<\/li>\r\n                            <li>Easy to clean, no need to dismantle solvent coating<\/li>\r\n                            <li>Thickness can be up to 100-200 microns<\/li>\r\n                            <li>Single coating width: 15-30 mm<\/li>\r\n                            <li>Sprayable in the Viscosity Range of 30-3500 mpa\/s<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"lb-fluids\">\r\n                        <h4>Suitable for Fluids:<\/h4>\r\n                        <span>Acrylic acid<\/span>\r\n                        <span>Silicone<\/span>\r\n                        <span>Epoxy<\/span>\r\n                        <span>UV glue<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- Product Card 5: G-420A -->\r\n            <article class=\"product-card\" role=\"listitem\">\r\n                <div class=\"card-image\" data-lightbox=\"g420a\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/G-420A-Precision-striker-valve.png\" \r\n                         alt=\"G-420A Precision Striker Valve\" \r\n                         loading=\"lazy\" \/>\r\n                    <div class=\"image-overlay\">\r\n                        <div class=\"overlay-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\r\n                                <path d=\"M21 21l-4.35-4.35\"\/>\r\n                                <path d=\"M11 8v6M8 11h6\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <span class=\"card-category\">Precision Striker Valve<\/span>\r\n                    <h2 class=\"card-title\">G-420A Precision Striker Valve<\/h2>\r\n                    <a href=\"\/product\/g-420a-precision-striker-valve\/\" class=\"card-link\">\r\n                        <span>View Details<\/span>\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"lightbox-data\" hidden>\r\n                    <h3>G-420A Precision Striker Valve<\/h3>\r\n                    <p class=\"lb-desc\">G-420A is a micro-dispensing valve suitable for low viscosity fluids. It can obtain very small and high consistency dispensing through stroke adjustment.<\/p>\r\n                    <div class=\"lb-features\">\r\n                        <h4>Product Characteristics:<\/h4>\r\n                        <ul>\r\n                            <li>Disposable small size dispensing up to 0.18mm<\/li>\r\n                            <li>Not affected by bubbles in fluids<\/li>\r\n                            <li>Flow adjustable<\/li>\r\n                            <li>No residual Glue in Rubber Valve<\/li>\r\n                            <li>Glue clean, Simple maintenance<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"lb-fluids\">\r\n                        <h4>Suitable for Fluids:<\/h4>\r\n                        <span>UV glue<\/span>\r\n                        <span>Ink reagent<\/span>\r\n                        <span>Solvent<\/span>\r\n                        <span>Silicone Oil<\/span>\r\n                        <span>Adhesive<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- Product Card 6: LF-001 -->\r\n            <article class=\"product-card\" role=\"listitem\">\r\n                <div class=\"card-image\" data-lightbox=\"lf001\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/LF-001-conical-spray-valve.png\" \r\n                         alt=\"LF-001 Conical Spray Valve\" \r\n                         loading=\"lazy\" \/>\r\n                    <div class=\"image-overlay\">\r\n                        <div class=\"overlay-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\r\n                                <path d=\"M21 21l-4.35-4.35\"\/>\r\n                                <path d=\"M11 8v6M8 11h6\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <span class=\"card-category\">Conical Spray Valve<\/span>\r\n                    <h2 class=\"card-title\">LF-001 Conical Spray Valve<\/h2>\r\n                    <a href=\"\/product\/lf-001-conical-spray-valve\/\" class=\"card-link\">\r\n                        <span>View Details<\/span>\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"lightbox-data\" hidden>\r\n                    <h3>LF-001 Conical Spray Valve<\/h3>\r\n                    <p class=\"lb-desc\">LF-001 provides linear, single filament and atomization operation modes, which are very suitable for point coating, wide pattern and thin structure applications.<\/p>\r\n                    <div class=\"lb-features\">\r\n                        <h4>Product Characteristics:<\/h4>\r\n                        <ul>\r\n                            <li>Linear: Material flow is applied to areas on board that are very uncoated or forbidden<\/li>\r\n                            <li>To protect the location of high impedance region<\/li>\r\n                            <li>Point instructions<\/li>\r\n                            <li>Single filament: Very suitable for distributing the width of the pattern<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"lb-fluids\">\r\n                        <h4>Suitable for Fluids:<\/h4>\r\n                        <span>Coating materials<\/span>\r\n                        <span>Conformal coating<\/span>\r\n                        <span>Adhesives<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Lightbox Modal -->\r\n    <div class=\"lightbox-modal\" id=\"lightboxModal\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\">\r\n        <div class=\"lightbox-backdrop\"><\/div>\r\n        <div class=\"lightbox-container\">\r\n            <button class=\"lightbox-close\" aria-label=\"Close lightbox\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"M18 6L6 18M6 6l12 12\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n            <div class=\"lightbox-content\">\r\n                <div class=\"lightbox-image\">\r\n                    <img decoding=\"async\" src=\"\" alt=\"\" id=\"lightboxImage\" \/>\r\n                <\/div>\r\n                <div class=\"lightbox-info\">\r\n                    <h3 class=\"lightbox-title\" id=\"lightboxTitle\"><\/h3>\r\n                    <p class=\"lightbox-desc\" id=\"lightboxDesc\"><\/p>\r\n                    <div class=\"lightbox-features\" id=\"lightboxFeatures\"><\/div>\r\n                    <div class=\"lightbox-fluids\" id=\"lightboxFluids\"><\/div>\r\n                    <a href=\"#\" class=\"lightbox-btn\" id=\"lightboxLink\">\r\n                        <span>View Full Details<\/span>\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ========== Coating Valves Section ========== *\/\r\n.coating-valves-section {\r\n    padding: 0;\r\n    background: #ffffff;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n}\r\n\r\n.valves-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 60px 60px 80px;\r\n}\r\n\r\n\/* Section Header *\/\r\n.section-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.section-badge {\r\n    display: inline-block;\r\n    padding: 8px 18px;\r\n    background: linear-gradient(135deg, #0a1929 0%, #0e7490 100%);\r\n    color: #ffffff;\r\n    font-size: 0.75rem;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    border-radius: 25px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.section-title {\r\n    font-size: 2.5rem;\r\n    font-weight: 800;\r\n    color: #0a1929;\r\n    margin: 0 0 14px 0;\r\n    line-height: 1.2;\r\n}\r\n\r\n.section-subtitle {\r\n    font-size: 1.1rem;\r\n    color: #64748b;\r\n    margin: 0;\r\n    max-width: 600px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n\/* Products Grid *\/\r\n.products-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n}\r\n\r\n\/* Product Card *\/\r\n.product-card {\r\n    background: #ffffff;\r\n    border: 1px solid #e5e7eb;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    position: relative;\r\n}\r\n\r\n.product-card:hover {\r\n    border-color: #0e7490;\r\n    box-shadow: 0 20px 50px rgba(14, 116, 144, 0.15);\r\n    transform: translateY(-8px);\r\n}\r\n\r\n\/* Card Image *\/\r\n.card-image {\r\n    position: relative;\r\n    aspect-ratio: 1 \/ 1;\r\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 30px;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n}\r\n\r\n.card-image img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    width: auto;\r\n    height: auto;\r\n    object-fit: contain;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.product-card:hover .card-image img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* Image Overlay *\/\r\n.image-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(10, 25, 41, 0.7) 0%, rgba(14, 116, 144, 0.7) 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.card-image:hover .image-overlay {\r\n    opacity: 1;\r\n}\r\n\r\n.overlay-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: rgba(255, 255, 255, 0.15);\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transform: scale(0.8);\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.card-image:hover .overlay-icon {\r\n    transform: scale(1);\r\n}\r\n\r\n.overlay-icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    color: #ffffff;\r\n}\r\n\r\n\/* Card Content *\/\r\n.card-content {\r\n    padding: 24px 28px 28px;\r\n}\r\n\r\n.card-category {\r\n    display: inline-block;\r\n    padding: 5px 12px;\r\n    background: rgba(14, 116, 144, 0.08);\r\n    color: #0e7490;\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    border-radius: 15px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.card-title {\r\n    font-size: 1.15rem;\r\n    font-weight: 700;\r\n    color: #0a1929;\r\n    margin: 0 0 16px 0;\r\n    line-height: 1.4;\r\n    min-height: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 12px 24px;\r\n    background: linear-gradient(135deg, #0a1929 0%, #0e7490 100%);\r\n    color: #ffffff;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(14, 116, 144, 0.25);\r\n}\r\n\r\n.card-link:hover {\r\n    transform: translateX(4px);\r\n    box-shadow: 0 6px 20px rgba(14, 116, 144, 0.35);\r\n}\r\n\r\n.card-link svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.card-link:hover svg {\r\n    transform: translateX(3px);\r\n}\r\n\r\n\/* ========== Lightbox Modal ========== *\/\r\n.lightbox-modal {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 99999;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.lightbox-modal.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n.lightbox-backdrop {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(10, 25, 41, 0.85);\r\n    backdrop-filter: blur(8px);\r\n}\r\n\r\n.lightbox-container {\r\n    position: relative;\r\n    width: 90%;\r\n    max-width: 1000px;\r\n    max-height: 90vh;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    transform: scale(0.9) translateY(20px);\r\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.lightbox-modal.active .lightbox-container {\r\n    transform: scale(1) translateY(0);\r\n}\r\n\r\n.lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 20px;\r\n    width: 44px;\r\n    height: 44px;\r\n    background: rgba(10, 25, 41, 0.1);\r\n    border: none;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.lightbox-close:hover {\r\n    background: rgba(14, 116, 144, 0.15);\r\n    transform: rotate(90deg);\r\n}\r\n\r\n.lightbox-close svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    color: #0a1929;\r\n}\r\n\r\n.lightbox-content {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    max-height: 90vh;\r\n}\r\n\r\n.lightbox-image {\r\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 40px;\r\n    min-height: 400px;\r\n}\r\n\r\n.lightbox-image img {\r\n    max-width: 100%;\r\n    max-height: 400px;\r\n    object-fit: contain;\r\n}\r\n\r\n.lightbox-info {\r\n    padding: 50px 40px;\r\n    overflow-y: auto;\r\n    max-height: 90vh;\r\n}\r\n\r\n.lightbox-title {\r\n    font-size: 1.6rem;\r\n    font-weight: 800;\r\n    color: #0a1929;\r\n    margin: 0 0 16px 0;\r\n    padding-right: 40px;\r\n}\r\n\r\n.lightbox-desc {\r\n    font-size: 0.95rem;\r\n    color: #64748b;\r\n    line-height: 1.8;\r\n    margin: 0 0 24px 0;\r\n}\r\n\r\n.lightbox-features {\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.lightbox-features h4,\r\n.lightbox-fluids h4 {\r\n    font-size: 0.9rem;\r\n    font-weight: 700;\r\n    color: #0a1929;\r\n    margin: 0 0 12px 0;\r\n    padding-bottom: 8px;\r\n    border-bottom: 2px solid rgba(14, 116, 144, 0.2);\r\n    display: inline-block;\r\n}\r\n\r\n.lightbox-features ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.lightbox-features li {\r\n    position: relative;\r\n    padding-left: 20px;\r\n    font-size: 0.9rem;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.lightbox-features li::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 8px;\r\n    width: 6px;\r\n    height: 6px;\r\n    background: linear-gradient(135deg, #0e7490 0%, #22d3ee 100%);\r\n    border-radius: 50%;\r\n}\r\n\r\n.lightbox-fluids {\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.lightbox-fluids span {\r\n    display: inline-block;\r\n    padding: 6px 14px;\r\n    background: rgba(14, 116, 144, 0.08);\r\n    color: #0e7490;\r\n    font-size: 0.8rem;\r\n    font-weight: 500;\r\n    border-radius: 20px;\r\n    margin: 0 6px 8px 0;\r\n    border: 1px solid rgba(14, 116, 144, 0.15);\r\n}\r\n\r\n.lightbox-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 28px;\r\n    background: linear-gradient(135deg, #0a1929 0%, #0e7490 100%);\r\n    color: #ffffff;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(14, 116, 144, 0.3);\r\n}\r\n\r\n.lightbox-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(14, 116, 144, 0.4);\r\n}\r\n\r\n.lightbox-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n}\r\n\r\n\/* ========== Responsive - Tablet ========== *\/\r\n@media (max-width: 1200px) {\r\n    .valves-container {\r\n        padding: 50px 40px 60px;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 2.2rem;\r\n    }\r\n\r\n    .products-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 24px;\r\n    }\r\n}\r\n\r\n\/* ========== Responsive - Small Tablet ========== *\/\r\n@media (max-width: 768px) {\r\n    .valves-container {\r\n        padding: 40px 20px 50px;\r\n    }\r\n\r\n    .section-badge {\r\n        padding: 6px 14px;\r\n        font-size: 0.7rem;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .section-subtitle {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .products-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 16px;\r\n    }\r\n\r\n    .card-content {\r\n        padding: 20px 22px 24px;\r\n    }\r\n\r\n    .card-title {\r\n        font-size: 1rem;\r\n        min-height: 44px;\r\n    }\r\n\r\n    .card-link {\r\n        padding: 10px 20px;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    \/* Lightbox Mobile *\/\r\n    .lightbox-container {\r\n        width: 95%;\r\n        max-height: 95vh;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .lightbox-content {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .lightbox-image {\r\n        min-height: 250px;\r\n        padding: 30px;\r\n    }\r\n\r\n    .lightbox-image img {\r\n        max-height: 200px;\r\n    }\r\n\r\n    .lightbox-info {\r\n        padding: 30px 25px 40px;\r\n    }\r\n\r\n    .lightbox-title {\r\n        font-size: 1.3rem;\r\n        padding-right: 0;\r\n    }\r\n\r\n    .lightbox-close {\r\n        top: 15px;\r\n        right: 15px;\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n}\r\n\r\n\/* ========== Responsive - Mobile ========== *\/\r\n@media (max-width: 480px) {\r\n    .valves-container {\r\n        padding: 30px 16px 40px;\r\n    }\r\n\r\n    .section-header {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .section-subtitle {\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .products-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .card-image {\r\n        padding: 25px;\r\n    }\r\n\r\n    .card-content {\r\n        padding: 20px;\r\n    }\r\n\r\n    .card-category {\r\n        font-size: 0.65rem;\r\n    }\r\n\r\n    .card-title {\r\n        font-size: 1.05rem;\r\n        min-height: auto;\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .card-link {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n\r\n    .lightbox-info {\r\n        padding: 25px 20px 35px;\r\n    }\r\n\r\n    .lightbox-title {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .lightbox-desc {\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .lightbox-btn {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n}\r\n\r\n\/* ========== Very Small Screens ========== *\/\r\n@media (max-width: 360px) {\r\n    .section-title {\r\n        font-size: 1.3rem;\r\n    }\r\n\r\n    .card-title {\r\n        font-size: 1rem;\r\n    }\r\n}\r\n\r\n\/* Accessibility *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .product-card,\r\n    .card-image img,\r\n    .lightbox-modal,\r\n    .lightbox-container {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    'use strict';\r\n    \r\n    \/\/ Wait for DOM ready\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        initLightbox();\r\n    });\r\n\r\n    function initLightbox() {\r\n        const modal = document.getElementById('lightboxModal');\r\n        if (!modal) return;\r\n\r\n        const backdrop = modal.querySelector('.lightbox-backdrop');\r\n        const closeBtn = modal.querySelector('.lightbox-close');\r\n        const lightboxImage = document.getElementById('lightboxImage');\r\n        const lightboxTitle = document.getElementById('lightboxTitle');\r\n        const lightboxDesc = document.getElementById('lightboxDesc');\r\n        const lightboxFeatures = document.getElementById('lightboxFeatures');\r\n        const lightboxFluids = document.getElementById('lightboxFluids');\r\n        const lightboxLink = document.getElementById('lightboxLink');\r\n\r\n        \/\/ Get all card images\r\n        const cardImages = document.querySelectorAll('.card-image[data-lightbox]');\r\n\r\n        cardImages.forEach(function(cardImage) {\r\n            cardImage.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                \r\n                const card = this.closest('.product-card');\r\n                const img = this.querySelector('img');\r\n                const lightboxData = card.querySelector('.lightbox-data');\r\n                const cardLink = card.querySelector('.card-link');\r\n\r\n                if (img && lightboxData) {\r\n                    \/\/ Set image\r\n                    lightboxImage.src = img.src;\r\n                    lightboxImage.alt = img.alt;\r\n\r\n                    \/\/ Set title\r\n                    const title = lightboxData.querySelector('h3');\r\n                    lightboxTitle.textContent = title ? title.textContent : '';\r\n\r\n                    \/\/ Set description\r\n                    const desc = lightboxData.querySelector('.lb-desc');\r\n                    lightboxDesc.textContent = desc ? desc.textContent : '';\r\n\r\n                    \/\/ Set features\r\n                    const features = lightboxData.querySelector('.lb-features');\r\n                    lightboxFeatures.innerHTML = features ? features.innerHTML : '';\r\n\r\n                    \/\/ Set fluids\r\n                    const fluids = lightboxData.querySelector('.lb-fluids');\r\n                    lightboxFluids.innerHTML = fluids ? fluids.innerHTML : '';\r\n\r\n                    \/\/ Set link\r\n                    if (cardLink) {\r\n                        lightboxLink.href = cardLink.href;\r\n                    }\r\n\r\n                    \/\/ Open modal\r\n                    openModal();\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Close modal events\r\n        if (closeBtn) {\r\n            closeBtn.addEventListener('click', closeModal);\r\n        }\r\n\r\n        if (backdrop) {\r\n            backdrop.addEventListener('click', closeModal);\r\n        }\r\n\r\n        \/\/ ESC key to close\r\n        document.addEventListener('keydown', function(e) {\r\n            if (e.key === 'Escape' && modal.classList.contains('active')) {\r\n                closeModal();\r\n            }\r\n        });\r\n\r\n        function openModal() {\r\n            modal.classList.add('active');\r\n            modal.setAttribute('aria-hidden', 'false');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n\r\n        function closeModal() {\r\n            modal.classList.remove('active');\r\n            modal.setAttribute('aria-hidden', 'true');\r\n            document.body.style.overflow = '';\r\n        }\r\n    }\r\n})();\r\n<\/script>\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>Home Products Film Spray Valve FILM SPRAY VALVE BF-028 Film Spray Valve Non-Atomized Fan-Shaped Film Coating The BF-028 film spray valve will directly coat the coating into a fan-shaped film, which is a non atomized film. It solves the problems of atomization, drift and flocculation of quick-drying glue, and is suitable for the application of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-973","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/pages\/973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/comments?post=973"}],"version-history":[{"count":19,"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/pages\/973\/revisions"}],"predecessor-version":[{"id":5138,"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/pages\/973\/revisions\/5138"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/es\/wp-json\/wp\/v2\/media?parent=973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}