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">

<!-- ====== Hero 1920×500 ====== -->
<section class="be-hero">
    <img loading="lazy" class="be-hero-img" src="https://www.onemiro.com/wp-content/uploads/guide/be-hero-bg.jpg" alt="Business Solutions" loading="lazy" width="1920" height="500">
    <div class="be-hero-gradient"></div>
    <div class="container be-hero-content">
        <h1>Hanyoyin Magance Matsalolin Kasuwanci</h1>
        <p class="be-hero-sub">Bayan Kayayyaki — Cikakken Tallafi Domin Habakar Abokan Hulda</p>
    </div>
</section>

<!-- ====== Three Empowerment Pillars ====== -->
<section class="be-pillars">
    <div class="container">
        <h2 class="be-section-title">Tsarin Karfafa Gwiwa na ONEMI</h2>
        <div class="be-grid-3">

            <!-- Technical Support &amp; Training -->
            <div class="be-pillar-card">
                <div class="be-pillar-icon">
                    <svg viewBox="0 0 48 48" width="56" height="56" fill="none" stroke="#C7000B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="24" cy="14" r="6"/>
                        <path d="M12 34c0-6.627 5.373-12 12-12s12 5.373 12 12"/>
                        <path d="M30 8l6-4M18 8l-6-4M16 16l-8 2M32 16l8 2"/>
                        <path d="M34 30h8M14 30H6"/>
                        <circle cx="24" cy="30" r="2" fill="#C7000B"/>
                    </svg>
                </div>
                <h3>Tallafin Fasaha &amp; Horarwa</h3>
                <ul class="be-pillar-list">
                    <li>Installation &amp; Maintenance Training</li>
                    <li>24/7 After-Sales Technical Support</li>
                    <li>New Product Pre-Launch Training</li>
                    <li>Remote Diagnostics &amp; Troubleshooting</li>
                </ul>
            </div>

            <!-- Marketing &amp; Brand Support -->
            <div class="be-pillar-card">
                <div class="be-pillar-icon">
                    <svg viewBox="0 0 48 48" width="56" height="56" fill="none" stroke="#C7000B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M8 40V10l32 10-32 10z"/>
                        <path d="M24 20v18M16 28v10M32 25v13"/>
                        <path d="M4 40h40"/>
                        <circle cx="38" cy="8" r="6"/>
                        <path d="M38 4v8M34 8h8"/>
                    </svg>
                </div>
                <h3>Tallafin Talla &amp; Habaka Suna</h3>
                <ul class="be-pillar-list">
                    <li>Regional Market Promotion Planning</li>
                    <li>Digital Brand Asset Library</li>
                    <li>Joint Industry Exhibition Presence</li>
                    <li>Success Stories &amp; Testimonials</li>
                </ul>
            </div>

            <!-- Operations &amp; Management Support -->
            <div class="be-pillar-card">
                <div class="be-pillar-icon">
                    <svg viewBox="0 0 48 48" width="56" height="56" fill="none" stroke="#C7000B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <rect x="6" y="6" width="36" height="36" rx="3"/>
                        <path d="M16 30V18M24 30V14M32 30v-8"/>
                        <path d="M6 30h36"/>
                        <path d="M16 12v4M24 12v2M32 12v6"/>
                    </svg>
                </div>
                <h3>Tallafin Gudanarwa &amp; Gudanar da Ayyuka</h3>
                <ul class="be-pillar-list">
                    <li>Store SI Design Guidance</li>
                    <li>Inventory &amp; Order Management System</li>
                    <li>Annual Business Performance Review</li>
                    <li>Partner Rating &amp; Rewards Program</li>
                </ul>
            </div>

        </div>
    </div>
</section>

<!-- ====== Built for Every Partnership Model ====== -->
<section class="be-for-all be-gray-bg">
    <div class="container">
        <div class="be-for-all-box">
            <h2 class="be-section-title">An Kera shi Domin Kowane Samfurin Kawance</h2>
            <p class="be-for-all-desc">Whether you are a channel franchisee or an OEM/ODM partner,<br>the Business The ONEMI Empowerment System covers all stages from startup to scale.</p>
            <div class="be-btn-group">
                <a href="https://www.onemiro.com/ha/global-channel/" class="be-btn be-btn-primary">Explore Channel Partnerships</a>
                <a href="https://www.onemiro.com/ha/global-oem/" class="be-btn be-btn-outline">Explore OEM/ODM Customization</a>
            </div>
        </div>
    </div>
</section>

<!-- ====== CTA ====== -->
<section class="be-cta">
    <div class="container">
        <h2>Fara Kawance da Mu A Yau</h2>
        <p>Over 200+ Partners Have Achieved Business Growth Through Our <strong>ONEMI</strong> The ONEMI Empowerment System</p>
        <a href="https://www.onemiro.com/ha/contact/" class="be-btn be-btn-primary be-btn-lg">Inquire Now</a>
    </div>
</section>

</main>

	</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>

<style>
/* --- Reset --- */
.be-gray-bg { background: #f8f8f8; }

/* --- Hero --- */
.be-hero {
    position: relative;
    height: 600px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.be-hero-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.be-hero-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.35) 100%);
    pointer-events: none;
}
.be-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
}
.be-hero-content h1 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 18px;
}
.be-hero-sub {
    font-size: 24px;
    font-weight: 700;
    color: rgba(255,255,255,0.9);
    margin-bottom: 0;
}
.be-hero-desc {
    font-size: 15px;
    color: rgba(255,255,255,0.8);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.7;
}

/* --- Section Title --- */
.be-section-title {
    font-size: 28px;
    font-weight: 700;
    color: #222;
    text-align: center;
    margin-bottom: 45px;
    position: relative;
}
.be-section-title::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: #C7000B;
    margin: 12px auto 0;
    border-radius: 2px;
}

/* --- Pillars Grid --- */
.be-pillars {
    padding: 70px 0;
    background: #fff;
}
.be-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}
.be-pillar-card {
    background: #fff;
    border-radius: 12px;
    padding: 40px 30px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    border: 1px solid #f0f0f0;
    transition: all 0.3s;
    text-align: center;
}
.be-pillar-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(199,0,11,0.12);
    border-color: #C7000B;
}
.be-pillar-icon {
    margin-bottom: 20px;
}
.be-pillar-card h3 {
    font-size: 18px;
    font-weight: 600;
    color: #C7000B;
    margin-bottom: 18px;
}
.be-pillar-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}
.be-pillar-list li {
    position: relative;
    padding-left: 18px;
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}
.be-pillar-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #C7000B;
    border-radius: 50%;
}

/* --- For All --- */
.be-for-all {
    padding: 70px 0;
    text-align: center;
}
.be-for-all-box {
    max-width: 700px;
    margin: 0 auto;
}
.be-for-all-desc {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 30px;
}
.be-btn-group {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}
.be-btn {
    display: inline-block;
    padding: 12px 32px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s;
}
.be-btn-primary {
    background: #C7000B;
    color: #fff;
    border: 2px solid #C7000B;
}
.be-btn-primary:hover {
    background: #C7000B;
    border-color: #C7000B;
    color: #fff;
}
.be-btn-outline {
    background: transparent;
    color: #C7000B;
    border: 2px solid #C7000B;
}
.be-btn-outline:hover {
    background: #C7000B;
    color: #fff;
}
.be-btn-lg {
    padding: 14px 48px;
    font-size: 16px;
}

/* --- CTA --- */
.be-cta {
    padding: 70px 0;
    background: #fff;
    text-align: center;
}
.be-cta h2 {
    font-size: 30px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
}
.be-cta p {
    font-size: 15px;
    color: #666;
    margin-bottom: 25px;
}
.be-cta .be-btn-primary {
    background: #C7000B;
    color: #fff;
    border-color: #C7000B;
}
.be-cta .be-btn-primary:hover {
    background: #C7000B;
    border-color: #C7000B;
    color: #fff;
}

/* --- Responsive --- */
@media (max-width: 900px) {
    .be-hero-content h1 { font-size: 34px; }
    .be-hero-sub { font-size: 17px; font-weight: 700; }
    .be-grid-3 { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .be-hero { height: auto; min-height: 380px; position: relative; }
    .be-hero-img { position: absolute; top: 0; left: 0; width: calc(100% + 300px); height: 100%; min-height: 380px; object-fit: cover; transform: translateX(-300px); z-index: 0; }
    .be-hero .be-hero-gradient { position: absolute; inset: 0; height: 100%; min-height: 380px; background: linear-gradient(180deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.30) 50%, rgba(0,0,0,0.12) 100%); z-index: 1; pointer-events: none; }
    .be-hero .hero-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; width: 90%; max-width: 600px; text-align: center; padding: 0; }
    .be-hero .hero-container h1 { font-size: 32px; letter-spacing: 2px; }
    .be-hero .hero-container p { font-size: 16px; font-weight: 700; }
    .be-hero-content { padding: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; width: 90%; max-width: 600px; text-align: center; }
    .be-hero-content h1 { font-size: 32px; margin-bottom: 12px; letter-spacing: 2px; }
    .be-hero-sub { font-size: 16px; font-weight: 700; }
    .be-hero-desc { font-size: 14px; }
    .be-section-title { font-size: 22px; margin-bottom: 25px; }
    .be-pillars,
    .be-for-all,
    .be-cta { padding: 50px 0 40px; }
    .be-pillar-card { padding: 25px 18px; }
    .be-pillar-icon svg { width: 40px; height: 40px; }
    .be-pillar-card h3 { font-size: 16px; }
    .be-pillar-list li { font-size: 13px; }
    .be-for-all-desc { font-size: 14px; }
    .be-cta h2 { font-size: 22px; }
    .be-cta p { font-size: 14px; }
    .be-btn { font-size: 13px; padding: 10px 24px; }
    .be-section { padding: 50px 0 40px; }
    .be-pillar-list { text-align: center; padding-left: 0; }
    .be-pillar-list li { padding-left: 0; }
    .be-pillar-list li::before { display: none; }
}

/* ====== Mobile overlay interaction ====== */
@media (max-width: 768px) {
    .be-hero { cursor: pointer; }
    .be-hero.expanded .be-hero-gradient { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
    .be-hero.expanded .be-hero-content { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
}
</style>

<script>
/* ====== Mobile hero overlay click interaction ====== */
(function(){
    if (window.innerWidth > 768) return;
    var hero = document.querySelector('.be-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>

<!-- ====== 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\/global-business\/");
    var pageTitle = encodeURIComponent("Shiri na Masu Rarraba Tace Ruwa | 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\/ha\/global-business\/",
                    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\/global-business\/";
        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 ====== -->