window.PAGE_MENU_DATA = {
    'Kayayyaki': {
        hasSubs: true,
        categories: [
            {iconKey:'终端净水系列', title:'Tace Ruwa a Wurin Amfani', url:'/ha/products-terminal/', items:[
                {name:'Na\'urar RO ta Gargajiya ta Karkashin Sink', url:'/ha/product-classic/'},
                {name:'Na\'urar RO Mara Tanki', url:'/ha/product-flagship/'},
                {name:'Tace Ruwa na Kicin da Bandaki', url:'/ha/product-ultra/'}
            ]},
            {iconKey:'全屋净水系列', title:'Tace Ruwa Gidan Gaba Daya', url:'/ha/products-wholehouse/', items:[
                {name:'Tace Ruwa Gidan Gaba Daya System', url:'/ha/product-central/'},
                {name:'Na\'urar Rage Taurin Ruwa Mai Wayo', url:'/ha/product-soft/'},
                {name:'Na\'urar Tace Farko', url:'/ha/product-instant/'}
            ]},
            {iconKey:'滤芯与配件', title:'Sassa da Kayan Haɗi', url:'/ha/products-component/', items:[
                {name:'Cartridges Masu Tace Ruwa Mai Inganci', url:'/ha/product-filter/'},
                {name:'Kayan Haɗi da Na\'urori', url:'/ha/product-parts/'}
            ]}
        ],
        posterImage:'/wp-content/uploads/website-assets/menu/menu-product.jpg',
        productName:'Ingantacciyar Hanyar Ruwa'
    },
    'Game da ONEMI': {
        hasSubs: false,
        categories: [
            {name:'Tarihin Alama', iconKey:'品牌传承', url:'/ha/depth-brand'},
            {name:'R&D and Advanced Manufacturing', iconKey:'研发与智造', url:'/ha/depth-rd'},
            {name:'Takaddun Shaida da Bin Ka\'idoji', iconKey:'权威认证与合规', url:'/ha/depth-cert'},
            {name:'Fahimtar Masana\'antu', iconKey:'行业洞察', url:'/ha/depth-news'}
        ],
        posterImage:'/wp-content/uploads/website-assets/menu/menu-depth.jpg',
        productName:'Fasahar Ruwa ta Kwararru'
    },
    'Taimako': {
        hasSubs: false,
        categories: [
            {name:'Albarkatu da Takardu', iconKey:'资源与文档', url:'/ha/support-docs'},
            {name:'Kulawa da Shigarwa', iconKey:'维护与安装', url:'/ha/support-guide'},
            {name:'Tambayoyi Akai-Akai na Fasaha', iconKey:'技术问答库', url:'/ha/support-faq'}
        ],
        posterImage:'/wp-content/uploads/website-assets/menu/menu-support.jpg',
        productName:'Technical Taimako'
    },
    'Duniya Baki Daya': {
        hasSubs: false,
        categories: [
            {name:'Cibiyar Rarraba Kayayyaki ta Duniya', iconKey:'全球渠道加盟', url:'/ha/global-channel'},
            {name:'Keɓancewar OEM/ODM', iconKey:'OEM/ODM定制', url:'/ha/global-oem'},
            {name:'Hanyoyin Kasuwanci', iconKey:'商业赋能', url:'/ha/global-business'}
        ],
        posterImage:'/wp-content/uploads/website-assets/menu/menu-global.jpg',
        productName:'Duniya Baki Daya Partnership Network'
    }
};
<main id="primary" class="site-main">

<!-- ====== 面包屑导航 ====== -->
<nav class="p3-breadcrumb">
    <div class="p3-container">
        <a href="/en/">Home</a>
        <span class="p3-bc-sep">›</span>
        <a href="/en/products-parts/">Filters & Components</a>
        <span class="p3-bc-sep">›</span>
        <span class="p3-bc-current">Components &amp; Accessories</span>
    </div>
</nav>

<!-- ====== 页面标题H1（SEO，在PHP端输出，不依赖JS） ====== -->
<h1 class="p3-page-title">Components &amp; Accessories</h1>

<!-- ====== 从数据库加载产品数据 ====== -->
<!-- ====== 产品型号卡片网格 ====== -->
<section class="p3-section">
    <div class="p3-container">
        <div class="p3-grid" id="p3Grid">
                            <a href="/en/product-detail/?pid=parts&#038;model=parts-pitcher" class="p3-card">
                    <div class="p3-card-img"><img loading="lazy" src="/wp-content/uploads/2026/07/parts-water-pitcher.jpg" alt="Auto Water Storage (No Power)" width="1000" height="1000"></div>
                    <div class="p3-card-body">
                        <h3>Auto Water Storage (No Power)</h3>
                        <p>Automatic Countertop Water Storage</p>
                        <span class="p3-card-link">View Details</span>
                    </div>
                </a>
                                <a href="/en/product-detail/?pid=parts&#038;model=parts-sump" class="p3-card">
                    <div class="p3-card-img"><img loading="lazy" src="/wp-content/uploads/2026/07/parts-sump-housing.jpg" alt="Sump Housing Series" width="1000" height="1000"></div>
                    <div class="p3-card-body">
                        <h3>Sump Housing Series</h3>
                        <p>Clear Sump/Filter Housing</p>
                        <span class="p3-card-link">View Details</span>
                    </div>
                </a>
                                <a href="/en/product-detail/?pid=parts&#038;model=parts-housing" class="p3-card">
                    <div class="p3-card-img"><img loading="lazy" src="/wp-content/uploads/2026/07/parts-filter-housing.jpg" alt="Membrane Housing Series" width="1000" height="1000"></div>
                    <div class="p3-card-body">
                        <h3>Membrane Housing Series</h3>
                        <p>White Membrane Housing/RO Housing</p>
                        <span class="p3-card-link">View Details</span>
                    </div>
                </a>
                                <a href="/en/product-detail/?pid=parts&#038;model=parts-uvc" class="p3-card">
                    <div class="p3-card-img"><img loading="lazy" src="/wp-content/uploads/2026/07/parts-uvc-sterilizer.jpg" alt="UVC Sterilizer Series" width="1000" height="1000"></div>
                    <div class="p3-card-body">
                        <h3>UVC Sterilizer Series</h3>
                        <p>UVC LED Sterilization 99.99%</p>
                        <span class="p3-card-link">View Details</span>
                    </div>
                </a>
                                <a href="/en/product-detail/?pid=parts&#038;model=parts-cutter" class="p3-card">
                    <div class="p3-card-img"><img loading="lazy" src="/wp-content/uploads/2026/07/parts-tube-cutter.jpg" alt="Tube Cutter" width="1000" height="1000"></div>
                    <div class="p3-card-body">
                        <h3>Tube Cutter</h3>
                        <p>Plastic/Copper Tube Cutter</p>
                        <span class="p3-card-link">View Details</span>
                    </div>
                </a>
                                <a href="/en/product-detail/?pid=parts&#038;model=parts-bracket" class="p3-card">
                    <div class="p3-card-img"><img loading="lazy" src="/wp-content/uploads/2026/07/parts-l-bracket.jpg" alt="Bracket Series" width="1000" height="1000"></div>
                    <div class="p3-card-body">
                        <h3>Bracket Series</h3>
                        <p>L-Shaped Mounting Bracket</p>
                        <span class="p3-card-link">View Details</span>
                    </div>
                </a>
                                <a href="/en/product-detail/?pid=parts&#038;model=parts-fittings" class="p3-card">
                    <div class="p3-card-img"><img loading="lazy" src="/wp-content/uploads/2026/07/parts-fittings-npt.jpg" alt="Fittings Series" width="1000" height="1000"></div>
                    <div class="p3-card-body">
                        <h3>Fittings Series</h3>
                        <p>NPT Male Thread 1/4&quot;</p>
                        <span class="p3-card-link">View Details</span>
                    </div>
                </a>
                                <a href="/en/product-detail/?pid=parts&#038;model=parts-tfitting" class="p3-card">
                    <div class="p3-card-img"><img loading="lazy" src="/wp-content/uploads/2026/07/parts-t-fitting.jpg" alt="T-Fitting" width="1000" height="1000"></div>
                    <div class="p3-card-body">
                        <h3>T-Fitting</h3>
                        <p>T-Type Quick Connect</p>
                        <span class="p3-card-link">View Details</span>
                    </div>
                </a>
                                <a href="/en/product-detail/?pid=parts&#038;model=parts-clips" class="p3-card">
                    <div class="p3-card-img"><img loading="lazy" src="/wp-content/uploads/2026/07/parts-pipe-clips.jpg" alt="Fixing Clips Series" width="1000" height="1000"></div>
                    <div class="p3-card-body">
                        <h3>Fixing Clips Series</h3>
                        <p>C-Shaped Fixing Clips</p>
                        <span class="p3-card-link">View Details</span>
                    </div>
                </a>
                        </div>
    </div>
</section>

</main>



<style>
/* ====== 容器 ====== */
.p3-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

/* ====== 面包屑导航 ====== */
.p3-breadcrumb {
    background: #f5f5f5;
    padding: 14px 0;
    border-bottom: 1px solid #e8e8e8;
}
.p3-breadcrumb a {
    color: #888;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s;
}
.p3-breadcrumb a:hover { color: #C7000B; }
.p3-bc-sep {
    color: #ccc;
    font-size: 13px;
    margin: 0 8px;
}
.p3-bc-current {
    color: #555;
    font-size: 13px;
    font-weight: 500;
}

/* ====== Hero区域H1 ====== */
.p3-hero {
    background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%);
    padding: 60px 0 40px;
    text-align: center;
}

.p3-hero h1 {
    font-size: 36px;
    font-weight: 700;
    color: #222;
    margin: 0 0 12px;
    line-height: 1.3;
    letter-spacing: 2px;
}
.p3-hero-sub {
    font-size: 16px;
    color: #888;
    margin: 0;
    letter-spacing: 1px;
}

/* ====== 卡片网格 ====== */
.p3-section {
    padding: 60px 0 100px;
    background: #fff;
}
.p3-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.p3-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 16px rgba(0,0,0,0.04);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}
.p3-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.10);
    border-color: #C7000B;
}

.p3-card-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
}
.p3-card-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.p3-card-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.p3-card-body h3 {
    font-size: 22px;
    font-weight: 600;
    color: #222;
    margin: 0 0 10px;
    letter-spacing: 1px;
}
.p3-card-body p {
    font-size: 13px;
    color: #888;
    line-height: 1.6;
    margin: 0 0 14px;
    flex: 1;
}
.p3-card-link {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: #C7000B;
    text-decoration: none;
    transition: all 0.2s;
    align-self: flex-start;
    display: inline-block;
    padding: 6px 16px;
    border-radius: 4px;
}
.p3-card:hover .p3-card-link {
    background: #a00000;
}

/* SEO H1（视觉隐藏，搜索引擎可读） */
.p3-page-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* ====== Responsive ====== */
@media (max-width: 768px) {
    .p3-section { padding: 40px 0 80px; }
    .p3-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 500px; margin: 0 auto; }
    .p3-card-img { aspect-ratio: 1/1; }
    .p3-card-body h3 { font-size: 13px; }
    .p3-card-body p { font-size: 12px; }
}
</style>


<!-- ====== Share Button Component ====== -->
<style>
/* Floating share trigger button */
.share-btn-float {
    position: fixed;
    bottom: 32px;
    right: 24px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(0,0,0,0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.15);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9998;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4), 0 0 0 0 rgba(199,0,11,0.4);
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    animation: share-pulse 2.5s ease-in-out infinite;
}
.share-btn-float:hover {
    transform: scale(1.1);
    background: rgba(199,0,11,0.9);
    box-shadow: 0 4px 24px rgba(199,0,11,0.5);
    animation: none;
}
.share-btn-float:active {
    transform: scale(0.95);
}
.share-btn-float svg {
    width: 22px;
    height: 22px;
}

@keyframes share-pulse {
    0%, 100% { box-shadow: 0 4px 20px rgba(0,0,0,0.4), 0 0 0 0 rgba(199,0,11,0.4); }
    50% { box-shadow: 0 4px 20px rgba(0,0,0,0.4), 0 0 0 12px rgba(199,0,11,0); }
}

/* Share panel overlay */
.share-panel-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.share-panel-overlay.active {
    display: flex;
    opacity: 1;
}

/* Share panel */
.share-panel {
    background: rgba(15,15,15,0.92);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    padding: 28px 24px;
    min-width: 280px;
    max-width: 340px;
    box-shadow: 0 16px 48px rgba(0,0,0,0.6);
    transform: translateY(20px);
    transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
}
.share-panel-overlay.active .share-panel {
    transform: translateY(0);
}

.share-panel-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 20px 0;
    text-align: center;
    letter-spacing: 0.5px;
}

.share-panel-close {
    position: absolute;
    top: 12px;
    right: 16px;
    background: none;
    border: none;
    color: rgba(255,255,255,0.5);
    font-size: 20px;
    cursor: pointer;
    padding: 4px 8px;
    line-height: 1;
    transition: color 0.2s;
}
.share-panel-close:hover {
    color: #fff;
}

.share-panel-items {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.share-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}
.share-item:hover {
    background: rgba(255,255,255,0.12);
    border-color: rgba(199,0,11,0.4);
}
.share-item:active {
    transform: scale(0.98);
}

.share-item-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.share-item-icon svg {
    width: 20px;
    height: 20px;
}

.share-item-text {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

/* WeChat QR section */
.share-wechat-qr {
    display: none;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,0.1);
    text-align: center;
}
.share-wechat-qr.active {
    display: block;
}
.share-wechat-qr-hint {
    font-size: 12px;
    color: rgba(255,255,255,0.5);
    margin-top: 10px;
}
#shareQrCode {
    display: inline-block;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
}
#shareQrCode img, #shareQrCode canvas {
    display: block !important;
}

/* Copy toast */
.share-copy-toast {
    position: fixed;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background: rgba(199,0,11,0.95);
    color: #fff;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    z-index: 10001;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}
.share-copy-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .share-btn-float {
        bottom: 24px;
        right: 16px;
        width: 48px;
        height: 48px;
    }
    .share-btn-float svg {
        width: 20px;
        height: 20px;
    }
    .share-panel {
        min-width: 260px;
        max-width: calc(100vw - 48px);
        padding: 24px 20px;
    }
}
</style>

<!-- Floating trigger button -->
<div class="share-btn-float" id="shareBtnFloat" onclick="openSharePanel()">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
        <circle cx="18" cy="5" r="3"/>
        <circle cx="6" cy="12" r="3"/>
        <circle cx="18" cy="19" r="3"/>
        <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/>
        <line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/>
    </svg>
</div>

<!-- Share panel overlay -->
<div class="share-panel-overlay" id="sharePanelOverlay" onclick="closeSharePanel(event)">
    <div class="share-panel" onclick="event.stopPropagation()">
        <p class="share-panel-title">分享</p>
        <div class="share-panel-items">

            <!-- Copy Link -->
            <div class="share-item" onclick="copyShareLink()">
                <div class="share-item-icon" style="background:rgba(255,255,255,0.1);">
                    <svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/>
                        <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>
                    </svg>
                </div>
                <span class="share-item-text">复制链接</span>
            </div>

                        <!-- WeChat QR (Chinese site) -->
            <div class="share-item" onclick="toggleWeChatQR()">
                <div class="share-item-icon" style="background:rgba(7,193,96,0.15);">
                    <svg viewBox="0 0 24 24" fill="#07C160" stroke="none">
                        <path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.046c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-7.062-6.122zM14.5 13.71c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982z"/>
                    </svg>
                </div>
                <span class="share-item-text">微信</span>
            </div>

            <!-- WeChat QR Code section -->
            <div class="share-wechat-qr" id="shareWechatQR">
                <div id="shareQrCode"></div>
                <p class="share-wechat-qr-hint">扫描二维码在微信中打开</p>
            </div>
            
        </div>
    </div>
</div>

<!-- Copy toast -->
<div class="share-copy-toast" id="shareCopyToast"></div>

<!-- QRCode.js for Chinese site -->
<script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>

<script>
(function() {
    var isEN = false;
    var isES = false;
    var isFR = false;
    var pageUrl = encodeURIComponent("https:\/\/www.onemiro.com\/ha\/product-parts\/");
    var pageTitle = encodeURIComponent("Components & Accessories");
    var qrGenerated = false;

    // Set share links for EN site
    if (isEN) {
        var waLink = document.getElementById('shareWhatsApp');
        if (waLink) waLink.href = 'https://wa.me/?text=' + pageTitle + '%20' + pageUrl;
        var fbLink = document.getElementById('shareFacebook');
        if (fbLink) fbLink.href = 'https://www.facebook.com/sharer/sharer.php?u=' + pageUrl;
    }

    // Open share panel
    window.openSharePanel = function() {
        var overlay = document.getElementById('sharePanelOverlay');
        overlay.classList.add('active');
        document.body.style.overflow = 'hidden';
        // Generate QR on first open for CN site
        if (!isEN && !qrGenerated) {
            try {
                new QRCode(document.getElementById('shareQrCode'), {
                    text: "https:\/\/www.onemiro.com\/ha\/product-parts\/",
                    width: 160,
                    height: 160,
                    colorDark: '#000000',
                    colorLight: '#ffffff',
                    correctLevel: QRCode.CorrectLevel.M
                });
                qrGenerated = true;
            } catch(e) {
                console.error('QRCode generation failed:', e);
            }
        }
    };

    // Close share panel
    window.closeSharePanel = function(e) {
        if (e && e.target !== document.getElementById('sharePanelOverlay')) return;
        var overlay = document.getElementById('sharePanelOverlay');
        overlay.classList.remove('active');
        document.body.style.overflow = '';
        // Hide WeChat QR when closing
        if (!isEN) {
            var qr = document.getElementById('shareWechatQR');
            if (qr) qr.classList.remove('active');
        }
    };

    // ESC to close
    document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape') {
            window.closeSharePanel({target: document.getElementById('sharePanelOverlay')});
        }
    });

    // Copy link
    window.copyShareLink = function() {
        var url = "https:\/\/www.onemiro.com\/ha\/product-parts\/";
        var toast = document.getElementById('shareCopyToast');
        var msg = isEN ? '✓ Link copied' : (isES ? '✓ Enlace copiado' : '✓ 链接已复制');
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(url).then(function() {
                showToast(toast, msg);
            }).catch(function() {
                fallbackCopy(url, toast, msg);
            });
        } else {
            fallbackCopy(url, toast, msg);
        }
    };

    function fallbackCopy(text, toast, msg) {
        var ta = document.createElement('textarea');
        ta.value = text;
        ta.style.cssText = 'position:fixed;left:-9999px;top:-9999px';
        document.body.appendChild(ta);
        ta.select();
        try { document.execCommand('copy'); showToast(toast, msg); }
        catch(e) { showToast(toast, isEN ? 'Copy failed' : (isES ? 'Error al copiar' : '复制失败')); }
        document.body.removeChild(ta);
    }

    function showToast(el, msg) {
        el.textContent = msg;
        el.classList.add('show');
        setTimeout(function() { el.classList.remove('show'); }, 2000);
    }

    // Toggle WeChat QR
    window.toggleWeChatQR = function() {
        var qr = document.getElementById('shareWechatQR');
        if (qr) qr.classList.toggle('active');
    };
})();
</script>
<!-- ====== End Share Button Component ====== -->
	</div> <!-- .site-content end -->

	<!-- Stats Section + Footer Container -->
	<div class="data-stats">
		<div class="container">
			<div class="stats-grid">
				<div class="stat-item">
					<div class="stat-number">2011</div>
					<div class="stat-text"><span class="en">Shekara</span><span class="separator"> · </span><span class="zh"><strong>ONEMI</strong> An Kafa</span></div>
				</div>
				<div class="stat-item">
					<div class="stat-number">50+</div>
					<div class="stat-text"><span class="en">Yankuna</span><span class="separator"> · </span><span class="zh">Global Reach</span></div>
				</div>
				<div class="stat-item">
					<div class="stat-number">5M+</div>
					<div class="stat-text"><span class="en">Iyalai</span><span class="separator"> · </span><span class="zh">Families Served</span></div>
				</div>
				<div class="stat-item">
					<div class="stat-number">99.6%</div>
					<div class="stat-text"><span class="en">Gamsuwa</span><span class="separator"> · </span><span class="zh">Trust & Recognition</span></div>
				</div>
			</div>
		</div>
	</div>

	<!-- Footer (English version - 5 columns) -->
	<footer class="footer">
		<div class="container">
			<div class="footer-grid">
				<div class="footer-brand">
					<h4><a href="/ha/contact/" style="color:#333;text-decoration:none;font-size:16px;">Tuntube Mu</a></h4>
					<div class="footer-phone">
						<svg viewBox="0 0 24 24" width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg" style="vertical-align:bottom;margin-right:6px;margin-bottom:3px;">
							<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.97.35 1.92.69 2.83a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.86.57 2.83.69A2 2 0 0 1 22 16.92Z" stroke="#C7000B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
						</svg>
						<span style="font-size:32px;font-weight:700;color:#C7000B;vertical-align:middle;letter-spacing:1px;">86-769-81060128</span>
					</div>
					<p style="margin-top:15px;font-size:14px;color:#666;line-height:1.7;"><strong>ONEMI</strong> na samar da ingantattun hanyoyin tsaftace ruwa masu aminci ga gidaje da kasuwanci a duk faɗin duniya.</p>
				</div>
				<div class="footer-col">
					<h4 onclick="toggleFooterMenu(this)">Kayayyaki <span class="fa-arrow">▾</span></h4>
					<ul>
						<li><a href="/en/products-terminal/">Point-of-Use Water Purification</a></li>
						<li><a href="/en/products-wholehouse/">Whole-House Filtration</a></li>
						<li><a href="/en/products-component/">Parts &amp; Accessories</a></li>
					</ul>
				</div>
				<div class="footer-col">
					<h4 onclick="toggleFooterMenu(this)">Game da ONEMI <span class="fa-arrow">▾</span></h4>
					<ul>
						<li><a href="/en/depth-brand/">Brand Heritage</a></li>
						<li><a href="/en/depth-rd/">R&D and Advanced Manufacturing</a></li>
						<li><a href="/en/depth-cert/">Certifications and Compliance</a></li>
						<li><a href="/en/depth-news/">Industry Insights</a></li>
					</ul>
				</div>
				<!-- Mobile: row divider line -->
				<div class="footer-row-line"></div>
				<div class="footer-col">
					<h4 onclick="toggleFooterMenu(this)">Taimako <span class="fa-arrow">▾</span></h4>
					<ul>
						<li><a href="/en/support-docs/">Resources & Documents</a></li>
						<li><a href="/en/support-guide/">Maintenance & Installation</a></li>
						<li><a href="/en/support-faq/">Technical FAQ</a></li>
					</ul>
				</div>
				<div class="footer-col">
					<h4 onclick="toggleFooterMenu(this)">Duniya Baki Daya <span class="fa-arrow">▾</span></h4>
					<ul>
						<li><a href="/en/global-channel/">Global Distribution Network</a></li>
						<li><a href="/en/global-oem/">OEM/ODM Customization</a></li>
						<li><a href="/en/global-business/">Business Solutions</a></li>
					</ul>
				</div>
			</div>
			<div class="footer-bottom">
				<p class="footer-copy">&copy; 2026 Guangdong One Mi Enviro-Tech Co., Ltd., Guangdong, China.</p>
				<p class="footer-rights">Duk Haƙƙoƙi An Tanada.</p>
			</div>
		</div>
	</footer>

	<style>
	/* ====== Stats Section (1:1 from old site) ====== */
	.data-stats {
		background: #C7000B;
		padding: 50px 0 80px;
	}
	.data-stats .container {
		padding-left: 0;
		position: relative;
		left: -10px;
	}
	.stats-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 40px;
		text-align: center;
	}
	.stat-item {
		padding: 20px;
	}
	.stat-number {
		font-size: 60px;
		font-weight: bold;
		color: #fff;
		margin-bottom: 10px;
	}
	.stat-text {
		font-size: 20px;
		color: #fff;
		line-height: 1.4;
	}
	.stat-text .en {
		font-weight: 600;
	}
	.stat-text .zh {
		font-size: 18px;
		opacity: 0.9;
	}
	.stat-text .separator {
		margin: 0 8px;
		opacity: 0.7;
	}

	/* ====== Footer (1:1 from old site) ====== */
	.footer {
		background: #F5F5F5;
		color: #333;
		padding: 60px 0 30px;
	}
	.footer .container {
		padding-left: 90px;
	}
	.footer-grid {
		display: grid;
		grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
		gap: 40px;
		margin-bottom: 40px;
	}
	.footer-row-line{display:none} /* Mobile divider line, hidden on desktop */
	.footer-brand h3,
	.footer-brand h4 {
		font-size: 24px;
		margin-bottom: 15px;
		color: #333;
	}
	.footer-brand p {
		font-size: 14px;
		color: #666;
		line-height: 1.7;
	}
	.footer-col h4 {
		font-size: 16px;
		color: #333;
		margin-bottom: 20px;
		font-weight: 600;
	}
	.footer-col ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.footer-col ul li {
		margin-bottom: 12px;
	}
	.footer-col ul li a {
		color: #666;
		font-size: 14px;
		transition: color 0.3s;
		text-decoration: none;
	}
	.footer-col ul li a:hover {
		color: #C7000B;
	}
	.footer-bottom {
		border-top: 1px solid #e0e0e0;
		padding-top: 30px;
		font-size: 14px;
		color: #999;
		margin-left: -90px;
		text-align: center;
	}
	.footer-bottom p {
		margin-bottom: 6px;
	}
	.footer-bottom .footer-rights {
	}
	.footer-bottom a {
		color: inherit;
		text-decoration: none;
		margin: 0 10px;
	}
	.footer-bottom a:hover {
		color: #C7000B;
	}

	/* ====== Responsive (1:1 from old site) v2.1 ====== */
	@media(max-width:1024px){
		.footer-grid{grid-template-columns:repeat(2,1fr)}
		.stats-grid{grid-template-columns:repeat(2,1fr)}
	}
	@media(max-width:768px){
		/* ===== Red stats bar — simplified ===== */
		.data-stats{padding:20px 10px 24px}
		.data-stats .container{left:0;padding:0!important;width:100%;max-width:100%;margin:0}
		.stats-grid{grid-template-columns:1fr 1fr;gap:8px}
		.stat-item{padding:6px}
		.stat-number{font-size:28px;margin-bottom:2px;font-weight:700}
		.stat-text{font-size:12px;color:#fff;line-height:1.3;opacity:0.85}
		.stat-text .en{font-weight:500}
		.stat-text .zh{font-size:11px;opacity:0.75}
		.stat-text .separator{margin:0 2px;opacity:0.5}
		/* ===== Footer — accordion style ===== */
		.footer{background:#f5f5f5!important;padding:0;color:#333}
		.footer .container{padding-left:0;padding-right:0;width:100%}
		.footer-grid{display:block!important;margin-bottom:0}
		.footer-brand{display:none!important}
		.footer-row-line{display:none!important}
		.footer-col{border-bottom:1px solid #e0e0e0;margin:0;padding:0}
		.footer-col:last-child{border-bottom:none}
		.footer-col h4{font-size:15px;font-weight:500;color:#333;padding:16px 36px 16px 16px;margin:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-tap-highlight-color:transparent}
		.footer-col h4 .fa-arrow{font-size:12px;color:#999;transition:transform .3s ease}
		.footer-col.active h4 .fa-arrow{transform:rotate(180deg)}
		.footer-col ul{list-style:none;padding:0 16px 0;margin:0;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
		.footer-col.active ul{max-height:400px;padding:0 16px 16px}
		.footer-col ul li{margin-bottom:10px}
		.footer-col ul li:last-child{margin-bottom:0}
		.footer-col ul li a{font-size:13px;color:#666;text-decoration:none;display:block;padding:2px 0;transition:color .2s}
		.footer-col ul li a:active{color:#C7000B}

		/* Copyright area */
		.footer-bottom{border-top:1px solid #e0e0e0;margin-left:0;padding:12px 16px;text-align:center;background:#e8e8e8;line-height:1.6}
		.footer-bottom p{font-size:11px;color:#666;margin-bottom:0}
		.footer-bottom a{color:inherit!important;margin:0 4px}
	}
	</style>

	<!-- ====== JSON-LD Structured Data ====== -->
	<script type="application/ld+json">
{
	"@context": "https://schema.org",
	"@type": "Organization",
	"name": "ONEMI",
	"url": "https://www.onemiro.com/en/",
	"logo": "https://www.onemiro.com/wp-content/themes/onemiro-visual-replica/assets/images/logo.png",
	"description": "ONEMI — Global provider of water purification systems for homes and businesses. ISO 9001 certified with 50+ patents.",
	"address": {
		"@type": "PostalAddress",
		"addressLocality": "Dongguan",
		"addressRegion": "Guangdong",
		"addressCountry": "CN"
	},
	"telephone": "86-769-81060128",
	"email": "contact@onemiro.com",
	"foundingDate": "2011",
	"numberOfEmployees": { "@type": "QuantitativeValue", "value": "200+" }
}
</script>

<script type="application/ld+json">
{
	"@context": "https://schema.org",
	"@type": "WebSite",
	"name": "ONEMI",
	"url": "https://www.onemiro.com/en/",
	"description": "ONEMI — 50+ core patents in water purification. Serving 50+ countries and 5M+ households worldwide.",
	"inLanguage": "en-US"
}
</script>

<!-- Mobile footer accordion toggle script -->
<script>
function toggleFooterMenu(el) {
	var col = el.parentNode;
	col.classList.toggle('active');
}
</script>

<!-- Sidebar tab switching script -->
<script>
function switchSidebarTab(tabName, el) {
	var tabs = document.querySelectorAll('.sidebar-tab');
	tabs.forEach(function(t) { t.classList.remove('active'); });
	el.classList.add('active');
	var panels = document.querySelectorAll('.sidebar-panel');
	panels.forEach(function(p) { p.classList.remove('active'); });
	var panel = document.getElementById('panel-' + tabName);
	if (panel) panel.classList.add('active');
}
document.addEventListener('DOMContentLoaded', function() {
	var tabs = document.querySelectorAll('.sidebar-tab');
	tabs.forEach(function(tab) {
		tab.addEventListener('click', function(e) {
			var tabName = this.getAttribute('data-tab');
			switchSidebarTab(tabName, this);
		});
	});
});
</script>

	<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/onemiro-visual-replica/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
</body>
</html>