{"id":10208,"date":"2026-01-04T04:52:33","date_gmt":"2026-01-04T04:52:33","guid":{"rendered":"https:\/\/www.nbzkjx.com\/?page_id=10208"},"modified":"2026-01-04T04:55:42","modified_gmt":"2026-01-04T04:55:42","slug":"heavy-duty-filter-elements","status":"publish","type":"page","link":"https:\/\/www.nbzkjx.com\/es\/heavy-duty-filter-elements\/","title":{"rendered":"Repair and Maintenance-Engine parts"},"content":{"rendered":"<style>\n    :root {\n        --filt-light: #f8fafc;\n        --filt-panel: #ffffff;\n        --filt-blue: #3b82f6; \/* Air\/Clean *\/\n        --filt-gold: #eab308; \/* Oil\/Fuel *\/\n        --filt-text: #334155;\n        --filt-border: #e2e8f0;\n    }\n\n    .zk-filt-wrapper {\n        font-family: 'Inter', 'Segoe UI', sans-serif; \/* Clean\/Modern font *\/\n        background-color: var(--filt-light);\n        color: var(--filt-text);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* TYPOGRAPHY *\/\n    .zk-h1 {\n        font-family: 'Inter', sans-serif;\n        font-size: clamp(2.5rem, 5vw, 5rem);\n        font-weight: 800;\n        color: #0f172a;\n        text-transform: uppercase;\n        letter-spacing: -1px;\n        line-height: 1;\n        margin: 0;\n        position: relative;\n    }\n    \n    .zk-h1 span {\n        color: var(--filt-blue);\n        position: relative;\n        z-index: 1;\n    }\n    \n    .zk-h1 span::after {\n        content: '';\n        position: absolute;\n        bottom: 5px; left: 0;\n        width: 100%; height: 15px;\n        background: rgba(59, 130, 246, 0.2);\n        z-index: -1;\n        transform: skewX(-20deg);\n    }\n\n    .zk-h2 {\n        font-family: 'Inter', sans-serif;\n        font-size: clamp(2rem, 4vw, 3.5rem);\n        font-weight: 700;\n        color: #0f172a;\n        border-left: 6px solid var(--filt-blue);\n        padding-left: 20px;\n        margin: 4rem 0 2rem;\n    }\n\n    .zk-h3 {\n        font-size: 1.3rem;\n        font-weight: 600;\n        color: var(--filt-blue);\n        margin-bottom: 0.5rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* BREADCRUMBS - CLEAN DOT STYLE *\/\n    .zk-breadcrumbs {\n        position: absolute;\n        top: 30px;\n        left: 5%;\n        z-index: 10;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        color: #64748b;\n    }\n    .zk-crumb-link {\n        color: #64748b;\n        text-decoration: none;\n        transition: 0.3s;\n        padding: 5px 10px;\n        border-radius: 4px;\n    }\n    .zk-crumb-link:hover, .zk-crumb-active {\n        background: #fff;\n        color: var(--filt-blue);\n        box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    }\n    .zk-crumb-sep { color: var(--filt-gold); font-weight: 700; }\n\n    \/* HERO SECTION *\/\n    .zk-hero-filt {\n        position: relative;\n        height: 85vh;\n        min-height: 650px;\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        background: #fff;\n    }\n\n    .zk-hero-bg {\n        position: absolute;\n        top: 0; right: 0; width: 60%; height: 100%;\n        object-fit: cover;\n        z-index: 0;\n        mask-image: linear-gradient(to left, black 60%, transparent 100%);\n        \/* Using a fresh banner *\/\n        background-image: url('https:\/\/nbzkjx.com\/wp-content\/uploads\/2025\/03\/banner4-1.jpg');\n        background-size: cover;\n        background-position: center;\n    }\n\n    \/* Micro-Fiber Pattern Overlay *\/\n    .zk-fiber-pattern {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 0h40v40H0V0zm20 20h20v20H20V20zM0 20h20v20H0V20z' fill='%233b82f6' fill-opacity='0.03' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n        z-index: 1;\n        pointer-events: none;\n    }\n\n    .zk-hero-content {\n        position: relative;\n        z-index: 2;\n        padding-left: 5%;\n        max-width: 800px;\n    }\n\n    .zk-micron-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background: #fff;\n        border: 1px solid var(--filt-border);\n        color: var(--filt-blue);\n        padding: 8px 20px;\n        border-radius: 50px;\n        margin-bottom: 2rem;\n        font-weight: 700;\n        box-shadow: 0 4px 20px rgba(59, 130, 246, 0.1);\n    }\n\n    \/* PRODUCT API SECTION *\/\n    .zk-api-section {\n        background: #fff;\n        padding: 6rem 5%;\n        position: relative;\n        z-index: 5;\n        border-top: 1px solid var(--filt-border);\n    }\n\n    \/* INJECTED CSS FOR PRODUCT GRID *\/\n    .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 30px; }\n    \n    .prod-card {\n        background: #fff;\n        border: 1px solid var(--filt-border);\n        border-radius: 12px;\n        overflow: hidden;\n        cursor: pointer;\n        transition: 0.3s;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n    }\n    \n    .prod-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 30px rgba(59, 130, 246, 0.1);\n        border-color: var(--filt-blue);\n    }\n\n    .prod-img-box {\n        position: relative;\n        width: 100%;\n        padding-top: 100%;\n        background: #f8fafc;\n        overflow: hidden;\n    }\n    \n    .prod-img {\n        position: absolute;\n        top: 10%; left: 10%; width: 80%; height: 80%;\n        object-fit: contain;\n        transition: 0.5s;\n    }\n    .prod-card:hover .prod-img { transform: scale(1.08); }\n\n    .prod-content { padding: 1.5rem; text-align: center; }\n    .prod-cat { font-size: 0.75rem; color: var(--filt-blue); text-transform: uppercase; font-weight: 700; display: block; margin-bottom: 5px; }\n    .prod-title { font-size: 1rem; color: #0f172a; margin: 0; font-weight: 600; line-height: 1.4; }\n\n    .w-btn-ghost {\n        display: inline-block;\n        padding: 14px 40px;\n        background: #fff;\n        color: var(--filt-text);\n        border: 1px solid var(--filt-border);\n        font-weight: 600;\n        text-transform: uppercase;\n        cursor: pointer;\n        transition: 0.3s;\n        margin-top: 4rem;\n        border-radius: 50px;\n    }\n    .w-btn-ghost:hover {\n        border-color: var(--filt-blue);\n        color: var(--filt-blue);\n        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.1);\n    }\n\n    \/* COMPONENT: Multi-Layer Filter Card (UI #33) *\/\n    .zk-layer-section {\n        padding: 8rem 5%;\n        background: #f8fafc;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .zk-layer-grid {\n        display: grid;\n        grid-template-columns: 1fr 1.2fr;\n        gap: 4rem;\n        max-width: 1300px;\n        margin: 0 auto;\n        align-items: center;\n    }\n\n    .zk-layer-stack {\n        position: relative;\n        height: 400px;\n        perspective: 1000px;\n    }\n\n    .zk-filter-layer {\n        position: absolute;\n        width: 300px; height: 300px;\n        left: 50%; top: 50%;\n        margin-left: -150px; margin-top: -150px;\n        border-radius: 10px;\n        background: #fff;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        transition: 0.5s;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 700;\n        color: #64748b;\n        border: 1px solid var(--filt-border);\n    }\n\n    \/* Stacking Effect *\/\n    .zk-layer-1 { transform: translateZ(0) translateY(0); z-index: 3; background: rgba(59, 130, 246, 0.05); border-color: var(--filt-blue); }\n    .zk-layer-2 { transform: translateZ(-50px) translateY(-30px) scale(0.95); z-index: 2; opacity: 0.8; }\n    .zk-layer-3 { transform: translateZ(-100px) translateY(-60px) scale(0.9); z-index: 1; opacity: 0.6; }\n\n    .zk-layer-stack:hover .zk-layer-1 { transform: translateZ(0) translateY(40px); }\n    .zk-layer-stack:hover .zk-layer-2 { transform: translateZ(-50px) translateY(0) scale(0.95); }\n    .zk-layer-stack:hover .zk-layer-3 { transform: translateZ(-100px) translateY(-40px) scale(0.9); }\n\n    \/* UTILS *\/\n    .zk-container { max-width: 1400px; margin: 0 auto; padding: 0 20px; }\n\n    @media (max-width: 900px) {\n        .zk-h1 { font-size: 3rem; }\n        .zk-layer-grid { grid-template-columns: 1fr; }\n        .zk-hero-bg { width: 100%; opacity: 0.2; }\n    }\n<\/style>\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\\\/\",\n    \"@type\": \"Product\",\n    \"name\": \"Heavy Duty Filter Elements\",\n    \"image\": \"https:\\\/\\\/nbzkjx.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/top15-forklift-parts-1.jpg\",\n    \"description\": \"OEM replacement filters for Kalmar, Sany, Konecranes. Hydraulic oil filters, fuel water separators, and air intake filters. High dirt-holding capacity.\",\n    \"brand\": {\n        \"@type\": \"Brand\",\n        \"name\": \"Zhenke Machinery\"\n    },\n    \"manufacturer\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Ningbo Beilun Zhenke Machinery Equipment Co., Ltd.\",\n        \"url\": \"https:\\\/\\\/nbzkjx.com\"\n    },\n    \"sku\": \"ZK-FILTER-OEM\",\n    \"offers\": {\n        \"@type\": \"AggregateOffer\",\n        \"url\": \"https:\\\/\\\/nbzkjx.com\\\/filter-elements\\\/\",\n        \"priceCurrency\": \"USD\",\n        \"lowPrice\": \"5.00\",\n        \"highPrice\": \"200.00\",\n        \"offerCount\": \"5000\",\n        \"availability\": \"https:\\\/\\\/schema.org\\\/InStock\"\n    }\n}<\/script>\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    \"itemListElement\": [\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 1,\n            \"name\": \"Home\",\n            \"item\": \"https:\\\/\\\/nbzkjx.com\\\/\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 2,\n            \"name\": \"Maintenance\",\n            \"item\": \"https:\\\/\\\/nbzkjx.com\\\/repair-and-maintenance\\\/\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 3,\n            \"name\": \"Filters\",\n            \"item\": \"https:\\\/\\\/nbzkjx.com\\\/filter-elements\\\/\"\n        }\n    ]\n}<\/script>\n\n<div class=\"zk-filt-wrapper\">\n\n    <header class=\"zk-hero-filt\">\n        <nav class=\"zk-breadcrumbs\">\n            <a href=\"https:\/\/www.nbzkjx.com\/es\/\" class=\"zk-crumb-link\" rel=\"nofollow noopener\" target=\"_blank\">HOME<\/a>\n            <span class=\"zk-crumb-sep\">\/<\/span>\n            <a href=\"https:\/\/www.nbzkjx.com\/es\/reparacion-y-mantenimiento\/\" class=\"zk-crumb-link\" rel=\"nofollow noopener\" target=\"_blank\">MAINTENANCE<\/a>\n            <span class=\"zk-crumb-sep\">\/<\/span>\n            <span class=\"zk-crumb-active\">FILTERS<\/span>\n        <\/nav>\n\n        <div class=\"zk-hero-bg\"><\/div>\n        <div class=\"zk-fiber-pattern\"><\/div>\n        \n        <div class=\"zk-hero-content\">\n            <div class=\"zk-micron-badge\">\n                <span style=\"color:var(--filt-gold);\">\u25cf<\/span> 99.9% PARTICLE CAPTURE\n            <\/div>\n            <h1 class=\"zk-h1\">Pure Fluid.<br><span>Peak Power.<\/span><\/h1>\n            <p style=\"font-size: 1.25rem; color: #475569; margin: 2rem 0; max-width: 650px; border-left: 2px solid var(--filt-blue); padding-left: 1.5rem;\">\n                Contamination is the #1 cause of hydraulic and engine failure. Protect your investment with OEM-grade <a href=\"https:\/\/www.nbzkjx.com\/es\/elementos-filtrantes\/\" style=\"color:var(--filt-blue); text-decoration:underline;\" rel=\"nofollow noopener\" target=\"_blank\">Elementos filtrantes<\/a> for Kalmar &#038; Sany. Donaldson, Fleetguard, and Volvo specifications matched.\n            <\/p>\n        <\/div>\n    <\/header>\n\n    <section class=\"zk-api-section\">\n        <div class=\"zk-container\">\n            <div style=\"text-align: center; margin-bottom: 4rem;\">\n                <h2 class=\"zk-h2\" style=\"font-size: 2.5rem; border: none; padding: 0;\">FILTRATION INVENTORY<\/h2>\n                <div style=\"color: #64748b; font-family: monospace;\">TYPE: [HYDRAULIC] [FUEL] [AIR] [OIL]<\/div>\n            <\/div>\n\n            <div id=\"zk-product-grid\" class=\"product-grid\">\n                <\/div>\n            \n            <div style=\"text-align: center;\">\n                <button id=\"zk-load-more\" class=\"w-btn-ghost\">FIND YOUR FILTER<\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n    (function(){\n        const CAT_ID = 40; \/\/ Filter Category (using Maintenance ID as proxy or specific tag)\n        \/\/ NOTE: Assuming 40 is correct based on previous context, or adjust to specific filter cat ID if available.\n        \/\/ Let's use the provided URL's logic. If 40 is general repair, we might need a specific tag for filters if available.\n        \/\/ For this code, we stick to the provided ID 40 but ideally filter by tag 'filter' if possible in API.\n        const PER_PAGE = 8;\n        let page = 1;\n        const grid = document.getElementById('zk-product-grid');\n        const btn = document.getElementById('zk-load-more');\n\n        function renderCard(product) {\n            let img = product._embedded?.['wp:featuredmedia']?.[0]?.source_url || \"https:\/\/placehold.co\/400x400\/f1f5f9\/3b82f6?text=Filter\";\n            let title = product.title.rendered;\n            let link = product.link;\n            \n            let html = `\n                <div class=\"prod-card\" onclick=\"window.open('${link}','_blank')\">\n                    <div class=\"prod-img-box\">\n                        <img decoding=\"async\" src=\"${img}\" class=\"prod-img\" alt=\"${title}\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"prod-content\">\n                        <span class=\"prod-cat\">FILTRATION<\/span>\n                        <h3 class=\"prod-title\">${title}<\/h3>\n                    <\/div>\n                <\/div>\n            `;\n            grid.insertAdjacentHTML('beforeend', html);\n        }\n\n        function loadProducts() {\n            btn.innerText = \"PURIFYING...\";\n            btn.style.opacity = \"0.7\";\n            \n            \/\/ Adjust category ID if needed. Using 40 as per prompt link.\n            fetch(`\/wp-json\/wp\/v2\/product?per_page=${PER_PAGE}&page=${page}&product_cat=${CAT_ID}&_embed`)\n                .then(r => r.json())\n                .then(data => {\n                    if(!Array.isArray(data) || data.length === 0) {\n                        btn.style.display = 'none';\n                        return;\n                    }\n                    data.forEach(renderCard);\n                    page++;\n                    btn.innerText = \"FIND YOUR FILTER\";\n                    btn.style.opacity = \"1\";\n                })\n                .catch(e => { console.error(e); btn.style.display='none'; });\n        }\n        \n        loadProducts();\n        btn.addEventListener('click', loadProducts);\n    })();\n    <\/script>\n\n    <section class=\"zk-layer-section\">\n        <div class=\"zk-layer-grid\">\n            <div class=\"zk-layer-stack\">\n                <div class=\"zk-filter-layer zk-layer-1\">\n                    <span>MICRO-GLASS MEDIA (2\u03bcm)<\/span>\n                <\/div>\n                <div class=\"zk-filter-layer zk-layer-2\">\n                    <span>SUPPORT MESH<\/span>\n                <\/div>\n                <div class=\"zk-filter-layer zk-layer-3\">\n                    <span>PRE-FILTER LAYER<\/span>\n                <\/div>\n            <\/div>\n\n            <div>\n                <span style=\"color: var(--filt-blue); font-weight: 700; letter-spacing: 1px;\">SYNTHETIC MEDIA TECH<\/span>\n                <h2 class=\"zk-h2\" style=\"border-bottom: none; margin-top: 10px;\">Trapping the Invisible.<\/h2>\n                <p style=\"color: #475569; font-size: 1.1rem; margin-bottom: 2rem;\">\n                    Standard cellulose filters swell in moisture and fail to trap particles under 10 microns. Zhenke hydraulic filters use <strong>Multi-Layer Synthetic Micro-Glass<\/strong> to capture 99.9% of contaminants down to 2 microns.\n                <\/p>\n                <ul style=\"list-style: none; padding: 0; color: #334155;\">\n                    <li style=\"margin-bottom: 15px; display: flex; align-items: center; gap: 10px;\">\n                        <span style=\"color: var(--filt-blue);\">\u2713<\/span> <strong>High Dirt Capacity:<\/strong> Holds 3x more dirt than paper filters.\n                    <\/li>\n                    <li style=\"margin-bottom: 15px; display: flex; align-items: center; gap: 10px;\">\n                        <span style=\"color: var(--filt-blue);\">\u2713<\/span> <strong>Collapse Resistant:<\/strong> Reinforced core withstands high pressure surges.\n                    <\/li>\n                    <li style=\"display: flex; align-items: center; gap: 10px;\">\n                        <span style=\"color: var(--filt-blue);\">\u2713<\/span> <strong>Extended Interval:<\/strong> Safe for 1000-hour service cycles.\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<style>\n    \/* INHERITED VARS (Redefined for safety) *\/\n    :root {\n        --filt-light: #f8fafc;\n        --filt-panel: #ffffff;\n        --filt-blue: #3b82f6;\n        --filt-gold: #eab308;\n        --filt-text: #334155;\n        --filt-border: #e2e8f0;\n    }\n\n    \/* COMPONENT: Comparison Slider (UI #3) - Filter Integrity *\/\n    .zk-filt-comp-section {\n        background: #f1f5f9;\n        padding: 6rem 5%;\n        text-align: center;\n        border-top: 1px solid var(--filt-border);\n    }\n\n    .zk-comp-frame {\n        position: relative;\n        max-width: 900px;\n        height: 500px;\n        margin: 3rem auto;\n        border: 2px solid var(--filt-blue);\n        overflow: hidden;\n        cursor: col-resize;\n    }\n\n    .zk-comp-img-base {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        object-fit: cover;\n        filter: contrast(1.2) sepia(0.3); \/* Collapsed\/Dirty Look *\/\n    }\n\n    .zk-comp-img-overlay {\n        position: absolute;\n        top: 0; left: 0; width: 50%; height: 100%;\n        overflow: hidden;\n        border-right: 4px solid var(--filt-blue);\n        background: #fff;\n    }\n\n    .zk-comp-img-top {\n        position: absolute;\n        top: 0; left: 0; height: 100%;\n        width: 900px; \n        object-fit: cover;\n        filter: none; \/* New\/Clean Look *\/\n    }\n\n    .zk-comp-handle {\n        position: absolute;\n        top: 50%; right: -22px;\n        width: 44px; height: 44px;\n        background: var(--filt-blue);\n        border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n        z-index: 20;\n        box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);\n    }\n\n    \/* COMPONENT: Particle Capture Animation (SVG) *\/\n    .zk-flow-section {\n        background: #0f172a;\n        padding: 6rem 5%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .zk-flow-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 4rem;\n        align-items: center;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .zk-flow-viz {\n        position: relative;\n        height: 400px;\n        border: 1px solid var(--filt-blue);\n        background: #1e293b;\n        border-radius: 8px;\n    }\n\n    .zk-particle {\n        position: absolute;\n        width: 6px; height: 6px;\n        background: #94a3b8; \/* Dust color *\/\n        border-radius: 50%;\n        animation: flowRight 3s linear infinite;\n    }\n    \n    \/* Animation: Particles stop at filter barrier *\/\n    @keyframes flowRight {\n        0% { left: 0; opacity: 1; }\n        45% { opacity: 1; }\n        50% { left: 50%; opacity: 0; } \/* Caught by filter *\/\n        100% { left: 50%; opacity: 0; }\n    }\n\n    .zk-clean-fluid {\n        position: absolute;\n        right: 0; top: 0; bottom: 0; width: 50%;\n        background: rgba(59, 130, 246, 0.1);\n        border-left: 4px solid var(--filt-gold); \/* Filter Media *\/\n        z-index: 2;\n    }\n\n    \/* COMPONENT: Video Lightbox (UI #88) *\/\n    .zk-video-strip {\n        background: #fff;\n        padding: 5rem 0;\n        border-top: 1px solid var(--filt-border);\n        position: relative;\n    }\n\n    .zk-video-trigger {\n        position: relative;\n        max-width: 1000px;\n        margin: 0 auto;\n        border: 1px solid var(--filt-blue);\n        cursor: pointer;\n        transition: 0.3s;\n    }\n    \n    .zk-video-trigger:hover {\n        transform: scale(1.02);\n        box-shadow: 0 0 40px rgba(59, 130, 246, 0.2);\n    }\n\n    .zk-vid-thumb {\n        width: 100%; height: auto; display: block;\n        opacity: 0.9;\n    }\n\n    .zk-play-box {\n        position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n        width: 80px; height: 80px;\n        background: rgba(59, 130, 246, 0.9);\n        border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n        box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);\n    }\n    .zk-play-icon { width: 30px; height: 30px; fill: #fff; margin-left: 5px; }\n\n    \/* COMPONENT: Internal Link Matrix *\/\n    .zk-sys-matrix {\n        background: #f8fafc;\n        padding: 6rem 5%;\n        border-top: 1px solid var(--filt-border);\n    }\n\n    .zk-matrix-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n        gap: 20px;\n    }\n\n    .zk-matrix-btn {\n        background: #fff;\n        padding: 2rem;\n        text-decoration: none;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        border: 1px solid var(--filt-border);\n        transition: 0.3s;\n        border-radius: 8px;\n    }\n\n    .zk-matrix-btn:hover {\n        border-color: var(--filt-blue);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n    }\n\n    .zk-matrix-icon { width: 40px; height: 40px; fill: #94a3b8; margin-bottom: 1rem; }\n    .zk-matrix-btn:hover .zk-matrix-icon { fill: var(--filt-blue); }\n    .zk-matrix-txt { color: #0f172a; font-family: 'Inter', sans-serif; font-size: 1rem; font-weight: 700; text-transform: uppercase; }\n\n    \/* CTA FOOTER *\/\n    #contact-footer {\n        background: #0f172a;\n        padding: 6rem 5%;\n        text-align: center;\n        border-top: 6px solid var(--filt-gold);\n        position: relative;\n    }\n\n    .zk-cta-wrapper {\n        max-width: 900px;\n        margin: 0 auto;\n        border: 1px solid rgba(255,255,255,0.1);\n        padding: 3rem;\n        background: #1e293b;\n    }\n\n    .zk-quote-btn {\n        display: inline-block;\n        margin-top: 2rem;\n        padding: 18px 60px;\n        background: var(--filt-blue);\n        color: #fff;\n        font-family: 'Inter', sans-serif;\n        font-size: 1.2rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        text-decoration: none;\n        border-radius: 50px;\n        transition: 0.3s;\n    }\n    \n    .zk-quote-btn:hover {\n        background: #fff;\n        color: var(--filt-blue);\n        box-shadow: 0 0 30px rgba(59, 130, 246, 0.4);\n    }\n\n    \/* Modal *\/\n    dialog::backdrop { background: rgba(0,0,0,0.95); }\n    .zk-modal-close { position: absolute; top: -40px; right: 0; color: #fff; background: none; border: none; font-size: 3rem; cursor: pointer; }\n\n    @media (max-width: 900px) {\n        .zk-flow-grid { grid-template-columns: 1fr; }\n        .zk-comp-frame { height: 300px; }\n    }\n<\/style>\n\n<section class=\"zk-filt-comp-section\">\n    <div class=\"zk-container\">\n        <h2 class=\"zk-h2\" style=\"border: none; padding: 0;\">MEDIA COLLAPSE: THE SILENT KILLER<\/h2>\n        <p style=\"color: var(--filt-text); margin-bottom: 3rem;\">\n            Cheap cellulose filters collapse under pressure surges, sending debris straight into your engine. Drag to see the difference after 500 hours.\n        <\/p>\n\n        <div class=\"zk-comp-frame\" id=\"zk-filt-slider\">\n            <div style=\"position: absolute; top: 20px; left: 20px; color: #000; font-weight: 700; z-index: 10; background:rgba(255,255,255,0.8); padding:5px;\">ZHENKE (STRUCTURAL INTEGRITY)<\/div>\n            <div style=\"position: absolute; top: 20px; right: 20px; color: #fff; font-weight: 700; z-index: 10; background:rgba(0,0,0,0.6); padding:5px;\">GENERIC (MEDIA COLLAPSE)<\/div>\n            \n            <img decoding=\"async\" src=\"https:\/\/nbzkjx.com\/wp-content\/uploads\/2025\/02\/engineer-2.jpg\" class=\"zk-comp-img-base\" alt=\"Collapsed Oil Filter Element\" title=\"\">\n            \n            <div class=\"zk-comp-img-overlay\">\n                <img decoding=\"async\" src=\"https:\/\/nbzkjx.com\/wp-content\/uploads\/2025\/02\/aboutus-banner-2-1.jpg\" class=\"zk-comp-img-top\" alt=\"Reinforced Hydraulic Filter\" title=\"\">\n                <div class=\"zk-comp-handle\">\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M15 19l-7-7 7-7\"\/><path d=\"M24 0v24H0V0h24z\" fill=\"none\"\/><\/svg>\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M9 5l7 7-7 7\"\/><\/svg>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <script>\n            const flSlider = document.getElementById('zk-filt-slider');\n            const flOverlay = flSlider.querySelector('.zk-comp-img-overlay');\n            \n            flSlider.addEventListener('mousemove', (e) => {\n                const rect = flSlider.getBoundingClientRect();\n                const x = e.clientX - rect.left;\n                flOverlay.style.width = `${x}px`;\n            });\n        <\/script>\n    <\/div>\n<\/section>\n\n<section class=\"zk-flow-section\">\n    <div class=\"zk-flow-grid\">\n        <div class=\"zk-flow-viz\">\n            <div class=\"zk-clean-fluid\"><\/div>\n            <div class=\"zk-particle\" style=\"top:20%; animation-delay:0s;\"><\/div>\n            <div class=\"zk-particle\" style=\"top:40%; animation-delay:0.5s;\"><\/div>\n            <div class=\"zk-particle\" style=\"top:60%; animation-delay:1s;\"><\/div>\n            <div class=\"zk-particle\" style=\"top:80%; animation-delay:1.5s;\"><\/div>\n            <div class=\"zk-particle\" style=\"top:30%; animation-delay:2s;\"><\/div>\n            <div class=\"zk-particle\" style=\"top:70%; animation-delay:2.5s;\"><\/div>\n            \n            <div style=\"position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-weight: 700; z-index: 3; text-shadow: 0 0 10px #000;\">\n                SYNTHETIC BARRIER\n            <\/div>\n        <\/div>\n\n        <div>\n            <span style=\"color: var(--filt-blue); font-weight: 700;\">WATER SEPARATION TECH<\/span>\n            <h2 class=\"zk-h2\" style=\"border:none; margin-top: 10px; color: #fff;\">Save Your Injectors.<\/h2>\n            <p style=\"color: #94a3b8; font-size: 1.1rem; margin-bottom: 2rem;\">\n                Modern common rail engines run at 2000+ bar pressure. Even microscopic water droplets can cause injector tip explosion.\n            <\/p>\n            <p style=\"color: #94a3b8; font-size: 1.1rem; margin-bottom: 2rem;\">\n                Zhenke <a href=\"https:\/\/www.nbzkjx.com\/es\/elementos-filtrantes\/\" style=\"color:var(--filt-gold);\" rel=\"nofollow noopener\" target=\"_blank\">Fuel Water Separators<\/a> feature a dual-stage coalescing media that strips 99.9% of emulsified water, protecting your <a href=\"https:\/\/www.nbzkjx.com\/es\/dce\/\" style=\"color:var(--filt-blue);\" rel=\"nofollow noopener\" target=\"_blank\">Cummins &#038; Volvo engines<\/a>.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"zk-video-strip\">\n    <div class=\"zk-container\" style=\"text-align: center;\">\n        <h2 style=\"color: #0f172a; font-family: 'Inter', sans-serif; font-size: 3rem; margin-bottom: 1rem;\">ISO CLEANROOM PRODUCTION<\/h2>\n        <p style=\"color: #64748b; margin-bottom: 3rem;\">See how we manufacture filters in a dust-free environment to ensure zero contamination.<\/p>\n        \n        <div class=\"zk-video-trigger\" onclick=\"document.getElementById('zk-filt-modal').showModal()\">\n            <img decoding=\"async\" src=\"https:\/\/nbzkjx.com\/wp-content\/uploads\/2025\/03\/banner2-2.jpg\" class=\"zk-vid-thumb\" alt=\"Filter Manufacturing Video\" title=\"\">\n            <div class=\"zk-play-box\">\n                <svg class=\"zk-play-icon\" viewbox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<dialog id=\"zk-filt-modal\" style=\"width: 80vw; max-width: 1000px; background: #000; border: none; padding: 0;\">\n    <button class=\"zk-modal-close\" onclick=\"document.getElementById('zk-filt-modal').close()\">\u00d7<\/button>\n    <div style=\"position: relative; padding-top: 56.25%;\">\n        <video controls autoplay style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; background: #000; border: 2px solid var(--filt-blue);\">\n            <source src=\"https:\/\/www.nbzkjx.com\/wp-content\/uploads\/2026\/01\/nbzkjx-video.mp4\" type=\"video\/mp4\">\n            Your browser does not support the video tag.\n        <\/video>\n    <\/div>\n<\/dialog>\n\n<section class=\"zk-sys-matrix\">\n    <div class=\"zk-container\">\n        <h2 style=\"color: #0f172a; font-family: 'Inter', sans-serif; font-size: 2rem; margin-bottom: 2rem; border-left: 4px solid var(--filt-blue); padding-left: 20px;\">\n            FILTER CATEGORIES\n        <\/h2>\n        \n        <div class=\"zk-matrix-grid\">\n            <a href=\"https:\/\/www.nbzkjx.com\/es\/dce\/\" class=\"zk-matrix-btn\" rel=\"nofollow noopener\" target=\"_blank\">\n                <svg class=\"zk-matrix-icon\" viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                <span class=\"zk-matrix-txt\">Engine Oil<\/span>\n            <\/a>\n            <a href=\"https:\/\/www.nbzkjx.com\/es\/bomba\/\" class=\"zk-matrix-btn\" rel=\"nofollow noopener\" target=\"_blank\">\n                <svg class=\"zk-matrix-icon\" viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\n                <span class=\"zk-matrix-txt\">Hidr\u00e1ulico<\/span>\n            <\/a>\n            <a href=\"https:\/\/www.nbzkjx.com\/es\/piezas-de-la-caja-de-cambios\/\" class=\"zk-matrix-btn\" rel=\"nofollow noopener\" target=\"_blank\">\n                <svg class=\"zk-matrix-icon\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg>\n                <span class=\"zk-matrix-txt\">Transmission<\/span>\n            <\/a>\n            <a href=\"https:\/\/www.nbzkjx.com\/es\/marca-2\/hyster-forklift-parts\/\" class=\"zk-matrix-btn\" rel=\"nofollow noopener\" target=\"_blank\">\n                <svg class=\"zk-matrix-icon\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg>\n                <span class=\"zk-matrix-txt\">Cabin Air<\/span>\n            <\/a>\n            <a href=\"https:\/\/www.nbzkjx.com\/es\/kit-de-reparacion\/\" class=\"zk-matrix-btn\" rel=\"nofollow noopener\" target=\"_blank\">\n                <svg class=\"zk-matrix-icon\" viewbox=\"0 0 24 24\"><path d=\"M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z\"\/><\/svg>\n                <span class=\"zk-matrix-txt\">Filter Kits<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>HOME \/ MAINTENANCE \/ FILTERS \u25cf 99.9% PARTICLE CAPTURE Pure Fluid.Peak Power. Contamination is the #1 cause of hydraulic and engine failure. Protect your investment with OEM-grade Filter Elements for Kalmar &#038; Sany. Donaldson, Fleetguard, and Volvo specifications matched. FILTRATION INVENTORY TYPE: [HYDRAULIC] [FUEL] [AIR] [OIL] FIND YOUR FILTER MICRO-GLASS MEDIA (2\u03bcm) SUPPORT MESH PRE-FILTER &#8230; <a title=\"Repair and Maintenance-Engine parts\" class=\"read-more\" href=\"https:\/\/www.nbzkjx.com\/es\/heavy-duty-filter-elements\/\" aria-label=\"Leer m\u00e1s sobre Repair and Maintenance-Engine parts\">Leer m\u00e1s<\/a><\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10208","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.nbzkjx.com\/es\/wp-json\/wp\/v2\/pages\/10208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nbzkjx.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nbzkjx.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nbzkjx.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nbzkjx.com\/es\/wp-json\/wp\/v2\/comments?post=10208"}],"version-history":[{"count":2,"href":"https:\/\/www.nbzkjx.com\/es\/wp-json\/wp\/v2\/pages\/10208\/revisions"}],"predecessor-version":[{"id":10210,"href":"https:\/\/www.nbzkjx.com\/es\/wp-json\/wp\/v2\/pages\/10208\/revisions\/10210"}],"wp:attachment":[{"href":"https:\/\/www.nbzkjx.com\/es\/wp-json\/wp\/v2\/media?parent=10208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}