{"id":971,"date":"2025-12-26T03:29:15","date_gmt":"2025-12-26T03:29:15","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=971"},"modified":"2026-04-08T09:44:36","modified_gmt":"2026-04-08T09:44:36","slug":"g-500hp-diaphragm-valve","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/ru\/g-500hp-diaphragm-valve\/","title":{"rendered":"G-500HP Diaphragm valve"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"971\" class=\"elementor elementor-971\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f231b8 e-con-full e-flex e-con e-parent\" data-id=\"4f231b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62a6ea2 elementor-widget elementor-widget-html\" data-id=\"62a6ea2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- G-500HP Diaphragm 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\">Diaphragm 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\">DIAPHRAGM VALVE<\/span>\r\n                <h1 class=\"product-title\">G-500HP Diaphragm Valve<\/h1>\r\n                <p class=\"product-tagline\">PTFE Diaphragm for Chemical Resistance<\/p>\r\n                <p class=\"product-description\">\r\n                    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 is exquisite and durable. It has good chemical inertia, wear resistance, impact resistance and corrosion resistance. It is especially suitable for precise dispensing of special chemical materials such as instant drying gum, anaerobic gum and medical reagent.\r\n                <\/p>\r\n                <div class=\"hero-tags\">\r\n                    <span class=\"tag\">Instant Adhesive<\/span>\r\n                    <span class=\"tag\">Anaerobic Adhesive<\/span>\r\n                    <span class=\"tag\">Medical Reagent<\/span>\r\n                    <span class=\"tag\">Chemical Materials<\/span>\r\n                <\/div>\r\n                <div class=\"hero-buttons\">\r\n                    \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=\"\/wp-content\/uploads\/2026\/01\/G-500HP-Diaphragm-valve-1.png\" alt=\"G-500HP Diaphragm 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\">PTFE<span class=\"stat-unit\"><\/span><\/div>\r\n                <div class=\"stat-label\">Teflon Diaphragm<\/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 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                <div class=\"stat-value\">High<span class=\"stat-unit\"><\/span><\/div>\r\n                <div class=\"stat-label\">Chemical Inertia<\/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\">Strong<span class=\"stat-unit\"><\/span><\/div>\r\n                <div class=\"stat-label\">Corrosion Resistance<\/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=\"M22 11h-4.17l3.24-3.24-1.41-1.42L15 11h-2V9l4.66-4.66-1.42-1.41L13 6.17V2h-2v4.17L7.76 2.93 6.34 4.34 11 9v2H9L4.34 6.34 2.93 7.76 6.17 11H2v2h4.17l-3.24 3.24 1.41 1.42L9 13h2v2l-4.66 4.66 1.42 1.41L11 17.83V22h2v-4.17l3.24 3.24 1.42-1.41L13 15v-2h2l4.66 4.66 1.41-1.42L17.83 13H22z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"stat-value\">Simple<span class=\"stat-unit\"><\/span><\/div>\r\n                <div class=\"stat-label\">Maintenance<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Two Column Section: Features & Suitable Fluids -->\r\n        <div class=\"two-column-section\">\r\n            <div class=\"column-card features-column\">\r\n                <div class=\"column-header\">\r\n                    <span class=\"column-badge\">FEATURES<\/span>\r\n                    <h2 class=\"column-title\">Product Characteristics<\/h2>\r\n                <\/div>\r\n                <ul class=\"feature-list\">\r\n                    <li>\r\n                        <span class=\"feature-bullet\"><\/span>\r\n                        <span class=\"feature-text\">Strong chemical inertia<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <span class=\"feature-bullet\"><\/span>\r\n                        <span class=\"feature-text\">Handle many special materials<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <span class=\"feature-bullet\"><\/span>\r\n                        <span class=\"feature-text\">Glue clean<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <span class=\"feature-bullet\"><\/span>\r\n                        <span class=\"feature-text\">Simple maintenance<\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"column-card fluids-column\">\r\n                <div class=\"column-header\">\r\n                    <span class=\"column-badge\">APPLICATIONS<\/span>\r\n                    <h2 class=\"column-title\">Suitable for Fluids<\/h2>\r\n                <\/div>\r\n                <div class=\"fluids-grid\">\r\n                    <div class=\"fluid-item\">\r\n                        <div class=\"fluid-icon\">\u26a1<\/div>\r\n                        <span>Instant adhesive<\/span>\r\n                    <\/div>\r\n                    <div class=\"fluid-item\">\r\n                        <div class=\"fluid-icon\">\ud83d\udd27<\/div>\r\n                        <span>Anaerobic adhesive<\/span>\r\n                    <\/div>\r\n                    <div class=\"fluid-item\">\r\n                        <div class=\"fluid-icon\">\ud83d\udc8a<\/div>\r\n                        <span>Medical reagent<\/span>\r\n                    <\/div>\r\n                    <div class=\"fluid-item\">\r\n                        <div class=\"fluid-icon\">\ud83e\uddea<\/div>\r\n                        <span>Special chemical materials<\/span>\r\n                    <\/div>\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 G-500HP<\/h2>\r\n                <p class=\"section-subtitle\">Superior PTFE technology for chemical applications<\/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 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>PTFE Diaphragm<\/h3>\r\n                    <p>Strong Teflon material completely separates fluid tank from starting parts<\/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>Chemical Resistance<\/h3>\r\n                    <p>Excellent chemical inertia, wear resistance, impact and corrosion resistance<\/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 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>Special Materials<\/h3>\r\n                    <p>Ideal for instant drying gum, anaerobic gum and medical reagent dispensing<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n<style>\r\n\/* ========== G-500HP 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    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: #0e7490;\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: #64748b;\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: #0e7490;\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: #0e7490;\r\n    color: #0e7490;\r\n}\r\n\r\n\/* Hero Image *\/\r\n.hero-image {\r\n    flex-shrink: 0;\r\n    width: 200px;\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: 60px;\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: #0e7490;\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: #0e7490;\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: #64748b;\r\n    margin-left: 4px;\r\n}\r\n\r\n.stat-label {\r\n    font-size: 0.85rem;\r\n    color: #64748b;\r\n}\r\n\r\n\/* Two Column Section *\/\r\n.two-column-section {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 30px;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.column-card {\r\n    background: #ffffff;\r\n    border: 1px solid #e5e7eb;\r\n    border-radius: 20px;\r\n    padding: 40px;\r\n}\r\n\r\n.column-header {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.column-badge {\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.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.column-title {\r\n    font-size: 1.5rem;\r\n    font-weight: 800;\r\n    color: #0a1929;\r\n    margin: 0;\r\n}\r\n\r\n\/* Feature List *\/\r\n.feature-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n.feature-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n}\r\n\r\n.feature-bullet {\r\n    flex-shrink: 0;\r\n    width: 8px;\r\n    height: 8px;\r\n    background: linear-gradient(135deg, #0e7490 0%, #22d3ee 100%);\r\n    border-radius: 50%;\r\n    margin-top: 7px;\r\n    box-shadow: 0 0 10px rgba(14, 116, 144, 0.4);\r\n}\r\n\r\n.feature-text {\r\n    font-size: 0.95rem;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Fluids Grid *\/\r\n.fluids-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n}\r\n\r\n.fluid-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 16px 20px;\r\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n    border-radius: 12px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.fluid-item:hover {\r\n    background: linear-gradient(135deg, rgba(14, 116, 144, 0.08) 0%, rgba(14, 116, 144, 0.04) 100%);\r\n    transform: translateX(4px);\r\n}\r\n\r\n.fluid-icon {\r\n    font-size: 1.4rem;\r\n}\r\n\r\n.fluid-item span {\r\n    font-size: 0.9rem;\r\n    font-weight: 500;\r\n    color: #334155;\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: #0e7490;\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: #64748b;\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: #64748b;\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: #0e7490;\r\n    color: #0e7490;\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: 140px;\r\n    }\r\n\r\n    .stats-section {\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 {\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: 140px;\r\n    }\r\n\r\n    .stats-section {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 16px;\r\n        margin-bottom: 40px;\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    .two-column-section {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .column-card {\r\n        padding: 30px;\r\n    }\r\n\r\n    .fluids-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 1.8rem;\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 {\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    .column-card {\r\n        padding: 24px 20px;\r\n    }\r\n\r\n    .column-title {\r\n        font-size: 1.25rem;\r\n    }\r\n\r\n    .feature-text {\r\n        font-size: 0.85rem;\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    .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-1f05616 e-con-full e-flex e-con e-parent\" data-id=\"1f05616\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-728008a elementor-widget elementor-widget-html\" data-id=\"728008a\" 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<div class=\"elementor-element elementor-element-ee9c396 e-con-full e-flex e-con e-parent\" data-id=\"ee9c396\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef69483 elementor-widget elementor-widget-html\" data-id=\"ef69483\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* ========== SANCO Get a Quote - Scoped Styles ========== *\/\r\n    .sanco-quote-section * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .sanco-quote-section {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n        color: #1a1a2e;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* ========== Form Section ========== *\/\r\n    .sanco-quote-section .form-section {\r\n        padding: 80px 20px;\r\n        background: #e4eaf3;\r\n        position: relative;\r\n    }\r\n\r\n    .sanco-quote-section .form-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.3fr;\r\n        gap: 80px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* ========== Left Side - Info ========== *\/\r\n    .sanco-quote-section .form-info {\r\n        color: #0a1628;\r\n    }\r\n\r\n    .sanco-quote-section .form-info h2 {\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        margin-bottom: 24px;\r\n        line-height: 1.2;\r\n        color: #0a1628;\r\n    }\r\n\r\n    .sanco-quote-section .form-info > p {\r\n        font-size: 18px;\r\n        color: #555e6e;\r\n        margin-bottom: 48px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .sanco-quote-section .info-features {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 28px;\r\n    }\r\n\r\n    .sanco-quote-section .info-feature {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 18px;\r\n    }\r\n\r\n    .sanco-quote-section .info-feature-icon {\r\n        width: 54px;\r\n        height: 54px;\r\n        background: rgba(8, 77, 164, 0.12);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .sanco-quote-section .info-feature-icon svg {\r\n        width: 26px;\r\n        height: 26px;\r\n        color: #084da4;\r\n    }\r\n\r\n    .sanco-quote-section .info-feature-text h4 {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0a1628;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .sanco-quote-section .info-feature-text p {\r\n        font-size: 16px;\r\n        color: #6b7280;\r\n    }\r\n\r\n    \/* ========== Right Side - Form Card ========== *\/\r\n    .sanco-quote-section .form-card {\r\n        background: #fff;\r\n        border-radius: 24px;\r\n        padding: 48px;\r\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\r\n    }\r\n\r\n    .sanco-quote-section .form-group {\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .sanco-quote-section .form-group label {\r\n        display: block;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: #0a1628;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .sanco-quote-section .form-group label .required {\r\n        color: #ef4444;\r\n    }\r\n\r\n    .sanco-quote-section .form-group input,\r\n    .sanco-quote-section .form-group select,\r\n    .sanco-quote-section .form-group textarea {\r\n        width: 100%;\r\n        padding: 16px 18px;\r\n        background: #f8fafc;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 12px;\r\n        font-size: 16px;\r\n        color: #0a1628;\r\n        font-family: inherit;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .sanco-quote-section .form-group input::placeholder,\r\n    .sanco-quote-section .form-group textarea::placeholder {\r\n        color: #9ca3af;\r\n    }\r\n\r\n    .sanco-quote-section .form-group input:focus,\r\n    .sanco-quote-section .form-group select:focus,\r\n    .sanco-quote-section .form-group textarea:focus {\r\n        outline: none;\r\n        border-color: #3b82f6;\r\n        background: #fff;\r\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\r\n    }\r\n\r\n    .sanco-quote-section .form-group select {\r\n        cursor: pointer;\r\n        appearance: none;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\r\n        background-repeat: no-repeat;\r\n        background-position: right 14px center;\r\n        background-color: #f8fafc;\r\n    }\r\n\r\n    .sanco-quote-section .form-group textarea {\r\n        resize: vertical;\r\n        min-height: 130px;\r\n    }\r\n\r\n    .sanco-quote-section .form-row {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 18px;\r\n    }\r\n\r\n    \/* Honeypot *\/\r\n    .sanco-quote-section .hp-field {\r\n        position: absolute;\r\n        left: -9999px;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* ========== Submit Button ========== *\/\r\n    .sanco-quote-section .submit-btn {\r\n        width: 100%;\r\n        padding: 20px 36px;\r\n        background: linear-gradient(135deg, #0a1628 0%, #132744 100%);\r\n        color: #fff;\r\n        border: none;\r\n        border-radius: 14px;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 14px;\r\n        margin-top: 12px;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .sanco-quote-section .submit-btn:hover {\r\n        background: linear-gradient(135deg, #132744 0%, #1a365d 100%);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 25px rgba(10, 22, 40, 0.4);\r\n    }\r\n\r\n    .sanco-quote-section .submit-btn:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .sanco-quote-section .submit-btn svg {\r\n        width: 22px;\r\n        height: 22px;\r\n    }\r\n\r\n    .sanco-quote-section .submit-btn.loading {\r\n        pointer-events: none;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    \/* ========== Quick Contact Buttons ========== *\/\r\n    .sanco-quote-section .quick-buttons {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 14px;\r\n        margin-top: 16px;\r\n    }\r\n\r\n    .sanco-quote-section .quick-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        padding: 16px 20px;\r\n        border-radius: 12px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        font-family: inherit;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        border: none;\r\n    }\r\n\r\n    .sanco-quote-section .quick-btn svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .sanco-quote-section .quick-btn.whatsapp {\r\n        background: #25D366;\r\n        color: #fff;\r\n    }\r\n\r\n    .sanco-quote-section .quick-btn.whatsapp:hover {\r\n        background: #1ebe5d;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35);\r\n    }\r\n\r\n    .sanco-quote-section .quick-btn.email-btn {\r\n        background: #084da4;\r\n        color: #fff;\r\n    }\r\n\r\n    .sanco-quote-section .quick-btn.email-btn:hover {\r\n        background: #0a3d80;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(8, 77, 164, 0.35);\r\n    }\r\n\r\n    \/* ========== Privacy Notice ========== *\/\r\n    .sanco-quote-section .privacy-notice {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n        margin-top: 24px;\r\n        padding: 16px;\r\n        background: #f8fafc;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .sanco-quote-section .privacy-notice svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        color: #9ca3af;\r\n        flex-shrink: 0;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    .sanco-quote-section .privacy-notice p {\r\n        font-size: 14px;\r\n        color: #6b7280;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* ========== Messages ========== *\/\r\n    .sanco-quote-section .message {\r\n        padding: 16px 20px;\r\n        border-radius: 12px;\r\n        margin-bottom: 22px;\r\n        display: none;\r\n        align-items: center;\r\n        gap: 14px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .sanco-quote-section .message.error {\r\n        background: #fef2f2;\r\n        border: 1px solid #fecaca;\r\n        color: #dc2626;\r\n    }\r\n\r\n    .sanco-quote-section .message.success {\r\n        background: #f0fdf4;\r\n        border: 1px solid #bbf7d0;\r\n        color: #16a34a;\r\n    }\r\n\r\n    .sanco-quote-section .message.show {\r\n        display: flex;\r\n    }\r\n\r\n    \/* ========== Responsive ========== *\/\r\n    @media (max-width: 1024px) {\r\n        .sanco-quote-section .form-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 50px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .sanco-quote-section .form-row {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .sanco-quote-section .form-card {\r\n            padding: 28px 24px;\r\n        }\r\n\r\n        .sanco-quote-section .form-info h2 {\r\n            font-size: 36px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .sanco-quote-section .form-section {\r\n            padding: 60px 16px;\r\n        }\r\n\r\n        .sanco-quote-section .form-info h2 {\r\n            font-size: 30px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Google Fonts (safe to include in widget) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- ========== Get a Quote Section ========== -->\r\n<div class=\"sanco-quote-section\">\r\n    <section class=\"form-section\">\r\n        <div class=\"form-container\">\r\n\r\n            <!-- Left Side: Info -->\r\n            <div class=\"form-info\">\r\n                <h2>Get a Quote<\/h2>\r\n                <p>Fill out the form and our team will get back to you within 24 hours. We're here to help you find the perfect dispensing solution for your production needs.<\/p>\r\n\r\n                <div class=\"info-features\">\r\n                    <div class=\"info-feature\">\r\n                        <div class=\"info-feature-icon\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"info-feature-text\">\r\n                            <h4>Fast Response<\/h4>\r\n                            <p>Get a reply within 24 hours<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-feature\">\r\n                        <div class=\"info-feature-icon\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"info-feature-text\">\r\n                            <h4>Expert Support<\/h4>\r\n                            <p>Technical guidance included<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-feature\">\r\n                        <div class=\"info-feature-icon\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"info-feature-text\">\r\n                            <h4>Custom Solutions<\/h4>\r\n                            <p>Tailored to your requirements<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Side: Form Card -->\r\n            <div class=\"form-card\">\r\n                <!-- Error \/ Success Messages -->\r\n                <div id=\"sanco-errorMessage\" class=\"message error\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n                    <\/svg>\r\n                    <span><\/span>\r\n                <\/div>\r\n\r\n                <div id=\"sanco-successMessage\" class=\"message success\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/>\r\n                    <\/svg>\r\n                    <span>Thank you! Your message has been sent successfully. We'll get back to you within 24 hours.<\/span>\r\n                <\/div>\r\n\r\n                <form id=\"sancoContactForm\" action=\"https:\/\/api.form-data.com\/f\/FnvziDiv8iiDZg\" method=\"post\" target=\"_blank\">\r\n                    \r\n                    <!-- Honeypot anti-spam field (hidden) -->\r\n                    <div class=\"hp-field\" aria-hidden=\"true\">\r\n                        <label for=\"sanco-website\">Website<\/label>\r\n                        <input type=\"text\" name=\"website\" id=\"sanco-website\" tabindex=\"-1\" autocomplete=\"off\">\r\n                    <\/div>\r\n\r\n                    <!-- Row 1: Name + Company -->\r\n                    <div class=\"form-row\">\r\n                        <div class=\"form-group\">\r\n                            <label for=\"sanco-name\">Full Name <span class=\"required\">*<\/span><\/label>\r\n                            <input type=\"text\" id=\"sanco-name\" name=\"name\" placeholder=\"Your name\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"sanco-company\">Company<\/label>\r\n                            <input type=\"text\" id=\"sanco-company\" name=\"company\" placeholder=\"Company name\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Row 2: Email + Phone -->\r\n                    <div class=\"form-row\">\r\n                        <div class=\"form-group\">\r\n                            <label for=\"sanco-email\">Email Address <span class=\"required\">*<\/span><\/label>\r\n                            <input type=\"email\" id=\"sanco-email\" name=\"email\" placeholder=\"your@email.com\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"sanco-phone\">Phone Number<\/label>\r\n                            <input type=\"tel\" id=\"sanco-phone\" name=\"phone\" placeholder=\"+1 234 567 890\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Inquiry Type -->\r\n                    <div class=\"form-group\">\r\n                        <label for=\"sanco-inquiry\">Inquiry Type<\/label>\r\n                        <select id=\"sanco-inquiry\" name=\"inquiry\">\r\n                            <option value=\"\">Select an option<\/option>\r\n                            <option value=\"product\">Product Inquiry<\/option>\r\n                            <option value=\"quote\">Request a Quote<\/option>\r\n                            <option value=\"support\">Technical Support<\/option>\r\n                            <option value=\"partnership\">Partnership<\/option>\r\n                            <option value=\"other\">Other<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <!-- Message -->\r\n                    <div class=\"form-group\">\r\n                        <label for=\"sanco-message\">Message <span class=\"required\">*<\/span><\/label>\r\n                        <textarea id=\"sanco-message\" name=\"message\" placeholder=\"Please let us know the model you're interested in and the estimated quantity.\" required><\/textarea>\r\n                    <\/div>\r\n\r\n                    <!-- Submit Button -->\r\n                    <button type=\"submit\" class=\"submit-btn\" id=\"sancoSubmitBtn\">\r\n                        <span>Get a Quote<\/span>\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/>\r\n                        <\/svg>\r\n                    <\/button>\r\n\r\n                    <!-- WhatsApp + Email Quick Buttons -->\r\n                    <div class=\"quick-buttons\">\r\n                        <a href=\"https:\/\/wa.me\/8613417510586?text=Hello%2C I would like to get a quote for your products.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"quick-btn whatsapp\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n                            WhatsApp\r\n                        <\/a>\r\n                        <a href=\"mailto:info@sancofd.com?subject=Product Inquiry&body=Hello, I would like to inquire about your products.\" class=\"quick-btn email-btn\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/><\/svg>\r\n                            Email\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Privacy Notice -->\r\n                    <div class=\"privacy-notice\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\" \/>\r\n                        <\/svg>\r\n                        <p>Your information is secure and will never be shared with third parties. We respect your privacy.<\/p>\r\n                    <\/div>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    \/\/ Scoped form functionality - won't interfere with page\r\n    var formLoadTime = Date.now();\r\n\r\n    document.getElementById('sancoContactForm').addEventListener('submit', function(e) {\r\n        var honeypot = document.getElementById('sanco-website').value;\r\n        var errorMessage = document.getElementById('sanco-errorMessage');\r\n        var successMessage = document.getElementById('sanco-successMessage');\r\n        var submitBtn = document.getElementById('sancoSubmitBtn');\r\n\r\n        \/\/ Reset messages\r\n        errorMessage.classList.remove('show');\r\n        successMessage.classList.remove('show');\r\n\r\n        \/\/ 1) Honeypot check\r\n        if (honeypot) {\r\n            e.preventDefault();\r\n            errorMessage.querySelector('span').textContent = 'Bot detected. Please try again.';\r\n            errorMessage.classList.add('show');\r\n            return false;\r\n        }\r\n\r\n        \/\/ 2) Timing check\r\n        var submitTime = Date.now();\r\n        var timeDiff = (submitTime - formLoadTime) \/ 1000;\r\n        if (timeDiff < 3) {\r\n            e.preventDefault();\r\n            errorMessage.querySelector('span').textContent = 'Please take your time to fill out the form.';\r\n            errorMessage.classList.add('show');\r\n            return false;\r\n        }\r\n\r\n        \/\/ 3) Email format validation\r\n        var email = document.getElementById('sanco-email').value;\r\n        var emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n        if (!emailRegex.test(email)) {\r\n            e.preventDefault();\r\n            errorMessage.querySelector('span').textContent = 'Please enter a valid email address.';\r\n            errorMessage.classList.add('show');\r\n            return false;\r\n        }\r\n\r\n        \/\/ 4) All checks passed \u2014 show loading state\r\n        submitBtn.classList.add('loading');\r\n        submitBtn.querySelector('span').textContent = 'Sending...';\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 Diaphragm Valve DIAPHRAGM VALVE G-500HP Diaphragm Valve PTFE Diaphragm for Chemical Resistance 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 is exquisite and durable. It has good chemical inertia, [&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-971","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/ru\/wp-json\/wp\/v2\/pages\/971","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/ru\/wp-json\/wp\/v2\/comments?post=971"}],"version-history":[{"count":40,"href":"https:\/\/www.sancofd.com\/ru\/wp-json\/wp\/v2\/pages\/971\/revisions"}],"predecessor-version":[{"id":6348,"href":"https:\/\/www.sancofd.com\/ru\/wp-json\/wp\/v2\/pages\/971\/revisions\/6348"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/ru\/wp-json\/wp\/v2\/media?parent=971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}