window.PAGE_MENU_DATA = {
    'Bidhaa': {
        hasSubs: true,
        categories: [
            {iconKey:'终端净水系列', title:'Utakaso wa Maji Sehemu ya Matumizi', url:'/sw/products-terminal/', items:[
                {name:'Mfumo wa Kawaida wa RO Chini ya Sink', url:'/sw/product-classic/'},
                {name:'Mfumo wa RO Usio na Tangi', url:'/sw/product-flagship/'},
                {name:'Utakaso wa Jikoni na Bafuni', url:'/sw/product-ultra/'}
            ]},
            {iconKey:'全屋净水系列', title:'Uchujaji wa Nyumba Nzima', url:'/sw/products-wholehouse/', items:[
                {name:'Uchujaji wa Nyumba Nzima System', url:'/sw/product-central/'},
                {name:'Kifaa Mahiri cha Kulainisha Maji', url:'/sw/product-soft/'},
                {name:'Kichujio cha Awali', url:'/sw/product-instant/'}
            ]},
            {iconKey:'滤芯与配件', title:'Vipuri na Vifaa', url:'/sw/products-component/', items:[
                {name:'Katriji za Vichujio Zenye Utendaji wa Juu', url:'/sw/product-filter/'},
                {name:'Viungio na Vifaa', url:'/sw/product-parts/'}
            ]}
        ],
        posterImage:'/wp-content/uploads/website-assets/menu/menu-product.jpg',
        productName:'Suluhisho la Kisasa la Maji'
    },
    'Kuhusu ONEMI': {
        hasSubs: false,
        categories: [
            {name:'Urithi wa Chapa', iconKey:'品牌传承', url:'/sw/depth-brand'},
            {name:'Utafiti na Maendeleo na Utengenezaji wa Kisasa', iconKey:'研发与智造', url:'/sw/depth-rd'},
            {name:'Vyeti na Uzingatiaji', iconKey:'权威认证与合规', url:'/sw/depth-cert'},
            {name:'Maarifa ya Sekta', iconKey:'行业洞察', url:'/sw/depth-news'}
        ],
        posterImage:'/wp-content/uploads/website-assets/menu/menu-depth.jpg',
        productName:'Teknolojia ya Kitaalamu ya Maji'
    },
    'Msaada': {
        hasSubs: false,
        categories: [
            {name:'Nyenzo na Nyaraka', iconKey:'资源与文档', url:'/sw/support-docs'},
            {name:'Matengenezo na Usakinishaji', iconKey:'维护与安装', url:'/sw/support-guide'},
            {name:'Maswali Yanayoulizwa Mara kwa Mara ya Kiufundi', iconKey:'技术问答库', url:'/sw/support-faq'}
        ],
        posterImage:'/wp-content/uploads/website-assets/menu/menu-support.jpg',
        productName:'Technical Usaidizi'
    },
    'Kimataifa': {
        hasSubs: false,
        categories: [
            {name:'Mtandao wa Usambazaji wa Kimataifa', iconKey:'全球渠道加盟', url:'/sw/global-channel'},
            {name:'Ubinafsishaji wa OEM/ODM', iconKey:'OEM/ODM定制', url:'/sw/global-oem'},
            {name:'Suluhisho za Biashara', iconKey:'商业赋能', url:'/sw/global-business'}
        ],
        posterImage:'/wp-content/uploads/website-assets/menu/menu-global.jpg',
        productName:'Kimataifa Partnership Network'
    }
};
<main id="primary" class="site-main">

<!-- ====== Hero 1920×600 ====== -->
<section class="product-wholehouse-hero">
    <div class="product-wholehouse-hero-bg"></div>
    <div class="container product-wholehouse-hero-content">
        <h1>Mfumo wa Kuchuja Maji wa Nyumba Nzima</h1>
        <p class="product-wholehouse-hero-sub">Mfumo wa Kuchuja Maji kwa Kanda Maalum Nyumbani &middot; Umebuniwa kwa ajili ya Kila Nyumba</p>
        <!-- Button removed -->
    </div>
</section>

<!-- ====== Mobile overlay interaction (tap to toggle / auto-restore after 10s) ====== -->
<script>
(function(){
    if (window.innerWidth > 768) return;
    var hero = document.querySelector('.product-wholehouse-hero');
    if (!hero) return;
    var timer = null;
    hero.addEventListener('click', function(e){
        if (hero.classList.contains('expanded')) {
            if (timer) { clearTimeout(timer); timer = null; }
            hero.classList.remove('expanded');
        } else {
            hero.classList.add('expanded');
            timer = setTimeout(function(){
                hero.classList.remove('expanded');
                timer = null;
            }, 10000);
        }
    });
})();
</script>

<!-- ====== Product Card Grid ====== -->
<section class="product-list-section">
    <div class="container">

    <div class="product-grid">            <a href="https://www.onemiro.com/sw/product-central/" class="product-card">
                <div class="product-card-img">
                                            <img loading="lazy" src="https://www.onemiro.com/uploads/website-assets/product-page/product-central.jpg" alt="Central Water System" width="380" height="240">
                                    </div>
                <div class="product-card-body">
                    <h3>Central Water System</h3>
                                            <p>Whole-house water pre-treatment that effectively removes rust, sediment, chlorine, and other harmful substances, protecting all water-using appliances while delivering clean baseline water throughout your home</p>
                                        <span class="product-card-link">Angalia Maelezo</span>
                </div>
            </a>
                        <a href="https://www.onemiro.com/sw/product-soft/" class="product-card">
                <div class="product-card-img">
                                            <img loading="lazy" src="https://www.onemiro.com/uploads/website-assets/product-page/product-soft.jpg" alt="Smart Water Softener" width="380" height="240">
                                    </div>
                <div class="product-card-body">
                    <h3>Smart Water Softener</h3>
                                            <p>Intelligent fully-automatic water softening technology efficiently removes scale, protecting water heaters, washing machines and other appliances, extending their lifespan while delivering soft, comfortable water</p>
                                        <span class="product-card-link">Angalia Maelezo</span>
                </div>
            </a>
                        <a href="https://www.onemiro.com/sw/product-instant/" class="product-card">
                <div class="product-card-img">
                                            <img loading="lazy" src="https://www.onemiro.com/uploads/website-assets/product-page/product-instant-v2.jpg" alt="Pre-Filter" width="380" height="240">
                                    </div>
                <div class="product-card-body">
                    <h3>Pre-Filter</h3>
                                            <p>High-flow backwash pre-filtration effectively intercepts rust and sediment, protecting whole-house water equipment with a transparent filter housing for clear status monitoring</p>
                                        <span class="product-card-link">Angalia Maelezo</span>
                </div>
            </a>
            </div><script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "ItemList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "item": {
                "@type": "Product",
                "name": "Central Water System",
                "image": "https://www.onemiro.com/wp-content/uploads/product/whole-house/central/qw-k1/14-main-image/qw-k1.jpg",
                "description": "3-Stage Filtration PPF+GAC+CTO · Auto Flush",
                "url": "https://www.onemiro.com/https://www.onemiro.com/sw/product-detail/?model=qw-k1"
            }
        },
        {
            "@type": "ListItem",
            "position": 2,
            "item": {
                "@type": "Product",
                "name": "Smart Water Softener",
                "image": "https://www.onemiro.com/wp-content/uploads/2026/07/soft-1800a.jpg",
                "description": "Smart Softening, Scale Removal",
                "url": "https://www.onemiro.com/https://www.onemiro.com/sw/product-detail/?model=soft-1800a"
            }
        },
        {
            "@type": "ListItem",
            "position": 3,
            "item": {
                "@type": "Product",
                "name": "Pre-Filter",
                "image": "https://www.onemiro.com/wp-content/uploads/product/terminal/ultra/q1-series/14-main-image/q1-series.jpg",
                "description": "High-Flow Backwash·Pressure Gauge",
                "url": "https://www.onemiro.com/https://www.onemiro.com/sw/product-detail/?model=q1-series"
            }
        }
    ]
}</script>    </div>
</section>

<style>
/* ====== Product Card Grid ====== */
.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 0;
}
.product-list-section {
    padding: 80px 0;
    background: #fff;
}
.product-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 20px rgba(0,0,0,0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
}
.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}
.product-card-img {
    width: 100%;
    height: 240px;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.product-card-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.product-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-card-body {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.product-card-body h3 {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin-bottom: 12px;
    line-height: 1.4;
}
.product-card-body p {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 16px;
    flex: 1;
}
.product-card-link {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: #C7000B;
    padding: 8px 20px;
    border-radius: 6px;
    display: inline-block;
    transition: background 0.2s;
    align-self: flex-start;
}
.product-card:hover .product-card-link {
    background: #C7000B;
}

/* ====== Responsive ====== */
@media (max-width: 992px) {
    .product-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .product-list-section { padding: 50px 0 80px; }
    .product-grid {
        grid-template-columns: 1fr;
    }
    .product-card-img {
        height: 200px;
    }
}
.product-wholehouse-hero {
    position: relative;
    height: 600px;
    overflow: hidden;
    background: #000;
}
.product-wholehouse-hero-bg {
    position: absolute;
    inset: 0;
    background: url('https://www.onemiro.com/wp-content/uploads/website-assets/product-page/product-wholehouse-hero.jpg') center center / cover no-repeat;
    background-position: 35% center;
}
.product-wholehouse-hero-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0.20) 25%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0) 70%);
    z-index: 1;
    pointer-events: none;
}
.product-wholehouse-hero-content {
    position: absolute;
    z-index: 2;
    text-align: right;
    right: 180px;
    top: 180px;
    width: auto;
    max-width: 480px;
    padding: 0;
    margin: 0;
    background: none;
    height: auto;
}
.product-wholehouse-hero-content h1 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: 4px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.product-wholehouse-hero-sub {
    font-size: 20px;
    font-weight: 500;
    color: rgba(255,255,255,0.9);
    max-width: 480px;
    line-height: 1.5;
    margin-bottom: 24px;
    text-shadow: 0 1px 6px rgba(0,0,0,0.3);
    margin-left: auto;
    margin-right: 0;
}

@media (max-width: 1024px) {
    .product-wholehouse-hero-content h1 { font-size: 34px; color: #fff; }
    .product-wholehouse-hero-sub { font-size: 17px; font-weight: 700; color: rgba(255,255,255,0.9); }
}
@media (max-width: 768px) {
    .product-wholehouse-hero { height: auto; min-height: 380px; }
    .product-wholehouse-hero-bg { background-position: center 30%; }
    .product-wholehouse-hero-bg::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.45) 40%, rgba(0,0,0,0.25) 70%, rgba(0,0,0,0.10) 100%);
        z-index: 1;
        pointer-events: none;
    }
    .product-wholehouse-hero-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0 30px;
        left: auto;
        right: auto;
        top: auto;
        transform: none;
        max-width: 100%;
        background: none;
        backdrop-filter: none;
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        min-height: 380px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .product-wholehouse-hero-content h1 {
        font-size: 32px;
        letter-spacing: 2px;
        color: #fff;
        text-shadow: 0 2px 8px rgba(0,0,0,0.3);
        margin-bottom: 12px;
    }
    .product-wholehouse-hero-sub {
        font-size: 16px;
        font-weight: 700;
        max-width: 100%;
    }
}

</style>

	</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">Mwaka</span><span class="separator"> · </span><span class="zh"><strong>ONEMI</strong> Ilianzishwa</span></div>
				</div>
				<div class="stat-item">
					<div class="stat-number">50+</div>
					<div class="stat-text"><span class="en">Mikoa</span><span class="separator"> · </span><span class="zh">Ufikiaji wa Kimataifa</span></div>
				</div>
				<div class="stat-item">
					<div class="stat-number">5M+</div>
					<div class="stat-text"><span class="en">Kaya</span><span class="separator"> · </span><span class="zh">Familia Zimehudumiwa</span></div>
				</div>
				<div class="stat-item">
					<div class="stat-number">99.6%</div>
					<div class="stat-text"><span class="en">Kuridhika</span><span class="separator"> · </span><span class="zh">Uaminifu na Utambuzi</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="/sw/contact/" style="color:#333;text-decoration:none;font-size:16px;">Wasiliana Nasi</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> inatoa suluhisho salama na bora za kusafisha maji kwa nyumba na biashara kote ulimwenguni.</p>
				</div>
				<div class="footer-col">
					<h4 onclick="toggleFooterMenu(this)">Bidhaa <span class="fa-arrow">▾</span></h4>
					<ul>
						<li><a href="/sw/products-terminal/">Usafishaji wa Maji Unapotumiwa</a></li>
						<li><a href="/sw/products-wholehouse/">Usafishaji wa Maji wa Nyumba Nzima</a></li>
						<li><a href="/sw/products-component/">Vipuri na Vifaa</a></li>
					</ul>
				</div>
				<div class="footer-col">
					<h4 onclick="toggleFooterMenu(this)">Kuhusu ONEMI <span class="fa-arrow">▾</span></h4>
					<ul>
						<li><a href="/sw/depth-brand/">Urithi wa Chapa</a></li>
						<li><a href="/sw/depth-rd/">Utafiti na Maendeleo na Utengenezaji wa Kisasa</a></li>
						<li><a href="/sw/depth-cert/">Vyeti na Kuzingatia Viwango</a></li>
						<li><a href="/sw/depth-news/">Habari za Sekta</a></li>
					</ul>
				</div>
				<!-- Mobile: row divider line -->
				<div class="footer-row-line"></div>
				<div class="footer-col">
					<h4 onclick="toggleFooterMenu(this)">Msaada <span class="fa-arrow">▾</span></h4>
					<ul>
						<li><a href="/sw/support-docs/">Nyaraka na Rasilimali</a></li>
						<li><a href="/sw/support-guide/">Ufungaji na Matengenezo</a></li>
						<li><a href="/sw/support-faq/">Maswali ya Kiufundi</a></li>
					</ul>
				</div>
				<div class="footer-col">
					<h4 onclick="toggleFooterMenu(this)">Kimataifa <span class="fa-arrow">▾</span></h4>
					<ul>
						<li><a href="/sw/global-channel/">Mtandao wa Usambazaji wa Kimataifa</a></li>
						<li><a href="/sw/global-oem/">Ubinafsishaji wa OEM/ODM</a></li>
						<li><a href="/sw/global-business/">Suluhisho kwa Biashara</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">Haki Zote Zimehifadhiwa.</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>

<!-- ====== 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\/sw\/products-wholehouse\/");
    var pageTitle = encodeURIComponent("Mitambo ya Kusafisha Maji Nyumba Nzima | ONEMI | ONEMI");
    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\/sw\/products-wholehouse\/",
                    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\/sw\/products-wholehouse\/";
        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 ====== -->