{"id":1743,"date":"2026-04-02T14:17:16","date_gmt":"2026-04-02T14:17:16","guid":{"rendered":"https:\/\/hywoodfurniture.com\/?page_id=1743"},"modified":"2026-05-04T10:04:19","modified_gmt":"2026-05-04T10:04:19","slug":"conformite-oem","status":"publish","type":"page","link":"https:\/\/hywoodfurniture.com\/fr\/oem-compliance\/","title":{"rendered":"OEM et conformit\u00e9"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n\n OEM & Compliance - HUAYI Furniture<\/title>\n\n <link rel=\"canonical\" href=\"https:\/\/hywoodfurniture.com\/oem\">\n\n <link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/hywoodfurniture.com\/oem\">\n\n <link rel=\"sitemap\" type=\"application\/xml\" href=\"\/sitemap.xml\">\n\n <link rel=\"preconnect\" href=\"https:\/\/hywoodfurniture.com\" crossorigin>\n\n <link rel=\"preconnect\" href=\"https:\/\/images.unsplash.com\" crossorigin>\n\n <link rel=\"preconnect\" href=\"https:\/\/unpkg.com\" crossorigin>\n\n <link rel=\"preconnect\" href=\"https:\/\/cdn.tailwindcss.com\" crossorigin>\n\n \n\n <!-- JSON-LD Schema Markup for SEO -->\n\n <script type=\"application\/ld+json\">\n\n {\n\n \"@context\": \"https:\/\/schema.org\/\",\n\n \"@type\": \"ManufacturingBusiness\",\n\n \"@id\": \"https:\/\/hywoodfurniture.com\",\n\n \"name\": \"Qingdao Huayi Youpin Intelligent Furniture Co., Ltd.\",\n\n \"alternateName\": [\"HUAYI Furniture\", \"\\u534e\\u8c0a\\u5bb6\\u5177\"],\n\n \"description\": \"Leading global solid wood furniture OEM\/ODM manufacturer. 45,000 sq m production facility with FSC certification and EUDR compliance.\",\n\n \"url\": \"https:\/\/hywoodfurniture.com\",\n\n \"logo\": \"https:\/\/hywoodfurniture.com\/logo.png\",\n\n \"foundingDate\": \"2005\",\n\n \"numberOfEmployees\": {\n\n \"@type\": \"QuantitativeValue\",\n\n \"value\": 500\n\n },\n\n \"areaServed\": [\"Global\", \"Europe\", \"Asia\", \"North America\"],\n\n \"address\": {\n\n \"@type\": \"PostalAddress\",\n\n \"streetAddress\": \"Industrial Park, 45,000 sq m Modern Factory\",\n\n \"addressLocality\": \"Qingdao\",\n\n \"addressRegion\": \"Shandong\",\n\n \"postalCode\": \"266000\",\n\n \"addressCountry\": \"CN\"\n\n },\n\n \"contactPoint\": {\n\n \"@type\": \"ContactPoint\",\n\n \"contactType\": \"Sales\",\n\n \"telephone\": \"+86-13864226795\",\n\n \"email\": \"alina@hywoodfurniture.com\"\n\n },\n\n \"hasCredential\": [\n\n {\n\n \"@type\": \"EducationalOccupationalCredential\",\n\n \"name\": \"FSC Chain of Custody Certification\",\n\n \"credentialCategory\": \"GFA-COC-005231\",\n\n \"credentialUrl\": \"https:\/\/hywoodfurniture.com\/certificates\"\n\n },\n\n {\n\n \"@type\": \"EducationalOccupationalCredential\",\n\n \"name\": \"ISO 9001:2015 Quality Management System\",\n\n \"credentialCategory\": \"ISO\",\n\n \"validUntil\": \"2028-12-31\"\n\n },\n\n {\n\n \"@type\": \"EducationalOccupationalCredential\",\n\n \"name\": \"National High-Tech Enterprise\",\n\n \"credentialCategory\": \"GFA\"\n\n }\n\n ],\n\n \"sameAs\": [\n\n \"https:\/\/www.linkedin.com\/company\/hywoodfurniture\",\n\n \"https:\/\/www.facebook.com\/hywoodfurniture\"\n\n ],\n\n \"knowsAbout\": [\n\n \"OEM Furniture Manufacturing\",\n\n \"ODM Custom Furniture Design\",\n\n \"Solid Wood Furniture\",\n\n \"FSC Certified Wood\",\n\n \"EUDR Compliance\",\n\n \"Sustainable Manufacturing\"\n\n ]\n\n }\n\n <\/script>\n\n \n\n <script type=\"application\/ld+json\">\n\n {\n\n \"@context\": \"https:\/\/schema.org\",\n\n \"@type\": \"FAQPage\",\n\n \"mainEntity\": [\n\n {\n\n \"@type\": \"Question\",\n\n \"name\": \"What is OEM\/ODM furniture manufacturing?\",\n\n \"acceptedAnswer\": {\n\n \"@type\": \"Answer\",\n\n \"text\": \"OEM (Original Equipment Manufacturing) involves producing furniture to customer specifications. ODM (Original Design Manufacturing) includes both design and manufacturing. HUAYI offers both services with 19 years of export experience.\"\n\n }\n\n },\n\n {\n\n \"@type\": \"Question\",\n\n \"name\": \"Is HUAYI FSC certified?\",\n\n \"acceptedAnswer\": {\n\n \"@type\": \"Answer\",\n\n \"text\": \"Yes, HUAYI holds FSC Chain of Custody Certification (GFA-COC-005231), ensuring sustainable forest management and full traceability of wood materials.\"\n\n }\n\n },\n\n {\n\n \"@type\": \"Question\",\n\n \"name\": \"What is the minimum order quantity (MOQ)?\",\n\n \"acceptedAnswer\": {\n\n \"@type\": \"Answer\",\n\n \"text\": \"HUAYI's MOQ is just 30 pieces per item, significantly lower than industry standards, making it accessible for small to medium-sized businesses.\"\n\n }\n\n },\n\n {\n\n \"@type\": \"Question\",\n\n \"name\": \"How long is the production lead time?\",\n\n \"acceptedAnswer\": {\n\n \"@type\": \"Answer\",\n\n \"text\": \"Sampling lead time is 2-4 weeks. Production lead time is 8-10 weeks, depending on order complexity and design specifications.\"\n\n }\n\n }\n\n ]\n\n }\n\n <\/script>\n\n\n\n <!-- BreadcrumbList Schema -->\n\n <script type=\"application\/ld+json\">\n\n {\n\n \"@context\": \"https:\/\/schema.org\",\n\n \"@type\": \"BreadcrumbList\",\n\n \"itemListElement\": [\n\n {\n\n \"@type\": \"ListItem\",\n\n \"position\": 1,\n\n \"name\": \"Home\",\n\n \"item\": \"https:\/\/hywoodfurniture.com\"\n\n },\n\n {\n\n \"@type\": \"ListItem\",\n\n \"position\": 2,\n\n \"name\": \"OEM & Compliance\",\n\n \"item\": \"https:\/\/hywoodfurniture.com\/oem\"\n\n }\n\n ]\n\n }\n\n <\/script>\n\n\n\n <!-- Service\/Product Schema for OEM\/ODM Services -->\n\n <script type=\"application\/ld+json\">\n\n {\n\n \"@context\": \"https:\/\/schema.org\",\n\n \"@type\": \"Service\",\n\n \"name\": \"Custom Wood Furniture OEM\/ODM Manufacturing\",\n\n \"description\": \"Professional solid wood furniture original equipment manufacturing and original design manufacturing services for global B2B clients. FSC certified, EUDR compliant, low MOQ, flexible design support.\",\n\n \"provider\": {\n\n \"@type\": \"Organization\",\n\n \"name\": \"Qingdao Huayi Youpin Intelligent Furniture Co., Ltd.\",\n\n \"url\": \"https:\/\/hywoodfurniture.com\",\n\n \"logo\": \"https:\/\/hywoodfurniture.com\/logo.png\"\n\n },\n\n \"serviceArea\": [\"Global\", \"Europe\", \"Asia\", \"North America\", \"United States\", \"United Kingdom\", \"Germany\", \"France\"],\n\n \"areaServed\": [\"Global\", \"Europe\", \"Asia\", \"North America\"],\n\n \"offers\": {\n\n \"@type\": \"AggregateOffer\",\n\n \"pricingCurrency\": \"USD\",\n\n \"pricingNote\": \"Contact for custom quotation\"\n\n },\n\n \"hasCredential\": [\n\n {\n\n \"@type\": \"EducationalOccupationalCredential\",\n\n \"name\": \"FSC Chain of Custody Certification\",\n\n \"credentialCategory\": \"GFA-COC-005231\"\n\n },\n\n {\n\n \"@type\": \"EducationalOccupationalCredential\",\n\n \"name\": \"ISO 9001:2015 Quality Management System\",\n\n \"credentialCategory\": \"ISO\"\n\n },\n\n {\n\n \"@type\": \"EducationalOccupationalCredential\",\n\n \"name\": \"EUDR Compliant\",\n\n \"credentialCategory\": \"EU\"\n\n }\n\n ],\n\n \"aggregateRating\": {\n\n \"@type\": \"AggregateRating\",\n\n \"ratingValue\": \"4.8\",\n\n \"ratingCount\": \"50\",\n\n \"bestRating\": \"5\",\n\n \"worstRating\": \"1\"\n\n }\n\n }\n\n <\/script>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <script src=\"https:\/\/unpkg.com\/lucide@0.379.0\" async crossorigin=\"anonymous\" data-lucide-lib><\/script>\n\n <style>\n\n \/* Mobile-first base improvements *\/\n\n * {\n\n -webkit-user-select: none;\n\n -webkit-user-drag: none;\n\n -webkit-tap-highlight-color: transparent;\n\n }\n\n \n\n body {\n\n padding-bottom: max(1rem, env(safe-area-inset-bottom));\n\n font-size: clamp(14px, 2vw, 16px);\n\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n\n }\n\n\n\n \/* iOS safe area support *\/\n\n main, section {\n\n padding-left: env(safe-area-inset-left);\n\n padding-right: env(safe-area-inset-right);\n\n }\n\n \n\n \/* Prevent zoom on input focus (iOS) *\/\n\n input, textarea, select {\n\n font-size: 16px;\n\n }\n\n\n\n \/* Fade-in Animation *\/\n\n .fade-in {\n\n animation: fadeIn 0.5s ease-in-out;\n\n }\n\n @keyframes fadeIn {\n\n from { opacity: 0; transform: translateY(10px); }\n\n to { opacity: 1; transform: translateY(0); }\n\n }\n\n\n\n \/* Fix checklist visibility on light background *\/\n\n #content-oem .oem-checklist li,\n\n #content-oem .oem-checklist span {\n\n color: #111111 !important;\n\n }\n\n #content-oem .oem-checklist span {\n\n font-weight: 500;\n\n }\n\n\n\n \/* 3D Motion Effects *\/\n\n .perspective-container {\n\n perspective: 1200px;\n\n }\n\n .card-3d {\n\n transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.6s ease;\n\n transform-style: preserve-3d;\n\n will-change: transform;\n\n }\n\n @media (hover: hover) {\n\n .card-3d:hover {\n\n transform: translateY(-10px) rotateX(5deg) rotateY(-3deg);\n\n box-shadow: 0 25px 50px rgba(0,0,0,0.1);\n\n border-color: #fca5a5;\n\n }\n\n }\n\n \n\n .hover-float {\n\n transition: transform 0.4s ease-in-out;\n\n }\n\n @media (hover: hover) {\n\n .hover-float:hover {\n\n transform: translateY(-5px);\n\n }\n\n }\n\n\n\n \/* Premium Glassmorphism rendering *\/\n\n .glass-effect {\n\n background: rgba(255, 255, 255, 0.85);\n\n backdrop-filter: blur(24px);\n\n -webkit-backdrop-filter: blur(24px);\n\n border: 1px solid rgba(255, 255, 255, 1);\n\n box-shadow: 0 10px 40px -10px rgba(0,0,0,0.08);\n\n }\n\n @media (hover: hover) {\n\n .glass-effect:hover {\n\n background: rgba(255, 255, 255, 0.98);\n\n border-color: rgba(139, 27, 27, 0.3);\n\n }\n\n }\n\n \n\n .dark-glass {\n\n background: #111827 !important;\n\n backdrop-filter: blur(24px);\n\n -webkit-backdrop-filter: blur(24px);\n\n border: 1px solid rgba(255, 255, 255, 0.1);\n\n box-shadow: 0 30px 60px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.05);\n\n }\n\n @media (hover: hover) {\n\n .dark-glass:hover {\n\n border-color: rgba(139, 27, 27, 0.5);\n\n }\n\n }\n\n\n\n \/* Home-tone panel override *\/\n\n .ip-nda-panel {\n\n background: #eceef1 !important;\n\n border: 1px solid rgba(17, 24, 39, 0.12) !important;\n\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;\n\n }\n\n .ip-nda-panel .ip-nda-pill {\n\n background: #f4f5f7;\n\n border: 1px solid rgba(17, 24, 39, 0.10);\n\n color: #111111;\n\n }\n\n .eudr-stat {\n\n background: rgba(255, 255, 255, 0.86);\n\n border: 1px solid rgba(148, 163, 184, 0.28);\n\n }\n\n .eudr-stat .eudr-label {\n\n color: #4b5563;\n\n }\n\n .eudr-stat .eudr-value {\n\n color: #111827;\n\n font-weight: 800;\n\n }\n\n\n\n \/* WordPress\/Elementor full-width *\/\n\n .wp-full-width {\n\n width: 100vw !important;\n\n max-width: 100vw !important;\n\n position: relative;\n\n left: 50% !important;\n\n transform: translateX(-50%) !important;\n\n }\n\n .hero-banner {\n\n isolation: isolate;\n\n background: #0f172a;\n\n border-bottom: 1px solid rgba(148, 163, 184, 0.22);\n\n }\n\n .hero-stage {\n\n position: relative;\n\n width: 100% !important;\n\n max-width: 100vw !important;\n\n height: clamp(360px, 42vw, 520px);\n\n margin-inline: auto;\n\n overflow: hidden;\n\n background: #0f172a;\n\n }\n\n .hero-bg-image {\n\n display: block;\n\n width: 100% !important;\n\n height: 100% !important;\n\n object-fit: cover !important;\n\n object-position: center center !important;\n\n opacity: 0.96;\n\n image-rendering: auto;\n\n transform: translateZ(0);\n\n backface-visibility: hidden;\n\n -webkit-backface-visibility: hidden;\n\n }\n\n .hero-gradient-overlay {\n\n position: absolute;\n\n inset: 0;\n\n background: linear-gradient(to bottom, rgba(8, 15, 32, 0.22) 0%, rgba(8, 15, 32, 0.20) 42%, rgba(8, 15, 32, 0.72) 100%);\n\n z-index: 1;\n\n }\n\n .hero-content {\n\n position: absolute;\n\n inset: 0;\n\n z-index: 2;\n\n display: grid;\n\n place-items: center;\n\n padding: clamp(0.7rem, 1.8vw, 1.35rem);\n\n }\n\n .hero-copy-panel {\n\n display: inline-flex;\n\n flex-direction: column;\n\n align-items: center;\n\n width: fit-content;\n\n max-width: min(980px, calc(100vw - 1.5rem));\n\n margin-inline: auto;\n\n text-align: center;\n\n padding: clamp(0.68rem, 1.5vw, 1.1rem) clamp(0.82rem, 1.8vw, 1.4rem);\n\n border-radius: 1.1rem;\n\n background: rgba(12, 20, 38, 0.46);\n\n border: 1px solid rgba(255, 255, 255, 0.24);\n\n backdrop-filter: blur(2.2px);\n\n -webkit-backdrop-filter: blur(2.2px);\n\n box-shadow: 0 8px 26px rgba(2, 6, 23, 0.20);\n\n }\n\n .hero-copy-panel h2 {\n\n color: #ffffff !important;\n\n margin-bottom: 0.25rem !important;\n\n }\n\n .hero-copy-panel p {\n\n color: rgba(255, 255, 255, 0.92) !important;\n\n max-width: clamp(32ch, 48vw, 58ch);\n\n margin-left: auto;\n\n margin-right: auto;\n\n margin-top: 0.12rem !important;\n\n }\n\n .hero-badges {\n\n margin-top: 0.7rem;\n\n display: flex;\n\n justify-content: center;\n\n gap: 0.65rem;\n\n flex-wrap: wrap;\n\n }\n\n .ip-nda-badge-pulse {\n\n animation: shieldPulse 2.05s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;\n\n opacity: 0.65;\n\n border: 2px solid rgba(239, 68, 68, 0.42);\n\n background: radial-gradient(circle at center, rgba(239, 68, 68, 0.26) 0%, rgba(239, 68, 68, 0.08) 50%, rgba(239, 68, 68, 0) 75%);\n\n pointer-events: none;\n\n }\n\n @keyframes shieldPulse {\n\n 0% {\n\n transform: scale(0.88);\n\n opacity: 0.62;\n\n }\n\n 70% {\n\n transform: scale(1.28);\n\n opacity: 0;\n\n }\n\n 100% {\n\n transform: scale(1.28);\n\n opacity: 0;\n\n }\n\n }\n\n .ip-nda-badge-icon {\n\n position: relative;\n\n z-index: 2;\n\n animation: shieldIconBreath 2.05s ease-in-out infinite;\n\n transform-origin: center;\n\n }\n\n @keyframes shieldIconBreath {\n\n 0%, 100% {\n\n transform: scale(1);\n\n }\n\n 50% {\n\n transform: scale(1.08);\n\n }\n\n }\n\n\n\n \/* Lucide icon stability for WordPress\/Elementor environments *\/\n\n i[data-lucide] {\n\n display: inline-flex;\n\n align-items: center;\n\n justify-content: center;\n\n line-height: 1;\n\n flex-shrink: 0;\n\n vertical-align: middle;\n\n }\n\n svg.lucide {\n\n display: block;\n\n max-width: none;\n\n max-height: none;\n\n overflow: visible;\n\n vector-effect: non-scaling-stroke;\n\n shape-rendering: geometricPrecision;\n\n flex-shrink: 0;\n\n }\n\n \n\n \/* Mobile table optimization *\/\n\n @media (max-width: 768px) {\n\n .max-w-7xl {\n\n max-width: 100% !important;\n\n padding-left: 0.8rem !important;\n\n padding-right: 0.8rem !important;\n\n }\n\n table {\n\n font-size: 13px;\n\n }\n\n \n\n table th {\n\n font-size: 12px;\n\n padding: 12px 8px !important;\n\n }\n\n \n\n table td {\n\n padding: 12px 8px !important;\n\n }\n\n \n\n .table-scroll {\n\n -webkit-overflow-scrolling: touch;\n\n scroll-behavior: smooth;\n\n }\n\n\n\n \/* Mobile compact mode *\/\n\n .wp-full-width .py-24 {\n\n padding-top: 3.5rem !important;\n\n padding-bottom: 3.5rem !important;\n\n }\n\n .hero-stage {\n\n height: clamp(430px, 96vw, 580px);\n\n }\n\n .hero-content {\n\n padding: 0.52rem;\n\n }\n\n .hero-copy-panel {\n\n max-width: min(720px, calc(100vw - 0.9rem));\n\n padding: 0.5rem 0.6rem;\n\n border-radius: 0.9rem;\n\n background: rgba(10, 18, 35, 0.5);\n\n }\n\n .hero-copy-panel h2 {\n\n font-size: clamp(1.7rem, 8.5vw, 2.4rem) !important;\n\n line-height: 1.02 !important;\n\n margin-bottom: 0.2rem !important;\n\n }\n\n .hero-copy-panel p {\n\n font-size: clamp(0.72rem, 2.9vw, 0.9rem) !important;\n\n line-height: 1.26 !important;\n\n margin-top: 0.2rem !important;\n\n max-width: 35ch !important;\n\n }\n\n .hero-badges {\n\n margin-top: 0.36rem !important;\n\n gap: 0.34rem !important;\n\n }\n\n .hero-badges span {\n\n font-size: clamp(0.66rem, 2.4vw, 0.8rem) !important;\n\n padding: 0.28rem 0.5rem !important;\n\n border-radius: 999px !important;\n\n }\n\n .glass-effect,\n\n .dark-glass {\n\n backdrop-filter: none !important;\n\n -webkit-backdrop-filter: none !important;\n\n }\n\n .glass-effect,\n\n .ip-nda-panel,\n\n .cta-panel {\n\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;\n\n }\n\n .card-3d {\n\n transition: none !important;\n\n will-change: auto !important;\n\n transform-style: flat !important;\n\n }\n\n .fade-in {\n\n animation: none !important;\n\n }\n\n main > .tab-content > div {\n\n content-visibility: auto;\n\n contain-intrinsic-size: 1px 760px;\n\n }\n\n .tab-nav-wrap {\n\n padding-top: 0.45rem !important;\n\n padding-bottom: 0.55rem !important;\n\n }\n\n .tab-nav-wrap nav {\n\n gap: 0.5rem !important;\n\n }\n\n .tab-btn {\n\n min-height: 40px !important;\n\n padding: 0.5rem 0.9rem !important;\n\n font-size: 13px !important;\n\n }\n\n main.max-w-7xl {\n\n padding-top: 1.5rem !important;\n\n padding-bottom: 2rem !important;\n\n }\n\n .tab-content.space-y-16 > :not([hidden]) ~ :not([hidden]) {\n\n margin-top: 2rem !important;\n\n }\n\n .tab-content.space-y-12 > :not([hidden]) ~ :not([hidden]) {\n\n margin-top: 1.5rem !important;\n\n }\n\n .tab-content .mb-12 {\n\n margin-bottom: 1.5rem !important;\n\n }\n\n .tab-content .mb-10 {\n\n margin-bottom: 1.15rem !important;\n\n }\n\n .tab-content .mb-8 {\n\n margin-bottom: 1rem !important;\n\n }\n\n .tab-content .pt-8 {\n\n padding-top: 1.25rem !important;\n\n }\n\n .tab-content .p-8 {\n\n padding: 1.1rem !important;\n\n }\n\n .tab-content .p-6 {\n\n padding: 0.9rem !important;\n\n }\n\n .tab-content .leading-loose {\n\n line-height: 1.6 !important;\n\n }\n\n #content-testing .space-y-4 > :not([hidden]) ~ :not([hidden]) {\n\n margin-top: 0.75rem !important;\n\n }\n\n #content-testing .h-64 {\n\n height: 13.5rem !important;\n\n }\n\n #content-testing .min-h-\\[300px\\] {\n\n min-height: 220px !important;\n\n }\n\n section.py-16.md\\:py-20 {\n\n padding-top: 2.5rem !important;\n\n padding-bottom: 2.5rem !important;\n\n }\n\n\n\n \/* Compact and improve readability for EUDR highlight block *\/\n\n #content-compliance .eudr-highlight {\n\n padding: 1rem !important;\n\n border-radius: 1.15rem !important;\n\n }\n\n #content-compliance .eudr-highlight h3 {\n\n font-size: 1.95rem !important;\n\n line-height: 1.18 !important;\n\n margin-bottom: 0.6rem !important;\n\n }\n\n #content-compliance .eudr-highlight > p {\n\n font-size: 13px !important;\n\n line-height: 1.55 !important;\n\n }\n\n #content-compliance .eudr-highlight .mt-6 {\n\n margin-top: 0.75rem !important;\n\n }\n\n #content-compliance .eudr-highlight .grid {\n\n gap: 0.55rem !important;\n\n }\n\n #content-compliance .eudr-stat {\n\n padding: 0.65rem !important;\n\n border-radius: 0.85rem !important;\n\n background: rgba(255, 255, 255, 0.92) !important;\n\n border-color: rgba(148, 163, 184, 0.4) !important;\n\n box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);\n\n }\n\n #content-compliance .eudr-stat .eudr-label {\n\n font-size: 11px !important;\n\n margin-bottom: 0.2rem !important;\n\n color: #374151 !important;\n\n }\n\n #content-compliance .eudr-stat .eudr-value {\n\n font-size: 14px !important;\n\n line-height: 1.25 !important;\n\n color: #111827 !important;\n\n }\n\n\n\n \/* Compact mobile layout for OEM NDA panel *\/\n\n #content-oem .ip-nda-panel {\n\n padding: 0.95rem !important;\n\n border-radius: 1.15rem !important;\n\n }\n\n #content-oem .ip-nda-copy {\n\n margin-bottom: 0.6rem !important;\n\n padding-right: 0 !important;\n\n }\n\n #content-oem .ip-nda-title {\n\n font-size: 2rem !important;\n\n line-height: 1.14 !important;\n\n margin-bottom: 0.6rem !important;\n\n }\n\n #content-oem .ip-nda-title svg {\n\n width: 22px !important;\n\n height: 22px !important;\n\n margin-right: 0.45rem !important;\n\n }\n\n #content-oem .ip-nda-text {\n\n font-size: 13px !important;\n\n line-height: 1.55 !important;\n\n margin-bottom: 0.8rem !important;\n\n }\n\n #content-oem .ip-nda-pills {\n\n gap: 0.55rem !important;\n\n display: grid !important;\n\n grid-template-columns: repeat(2, minmax(0, 1fr));\n\n align-items: stretch;\n\n }\n\n #content-oem .ip-nda-pill {\n\n width: 100%;\n\n justify-content: flex-start;\n\n padding: 0.42rem 0.7rem !important;\n\n font-size: 13px !important;\n\n }\n\n #content-oem .ip-nda-pills .ip-nda-pill:nth-child(3) {\n\n grid-column: 1 \/ -1;\n\n }\n\n #content-oem .ip-nda-pill svg {\n\n width: 14px !important;\n\n height: 14px !important;\n\n margin-right: 0.35rem !important;\n\n }\n\n #content-oem .ip-nda-badge-wrap {\n\n margin-top: 0 !important;\n\n }\n\n #content-oem .ip-nda-badge {\n\n width: 90px !important;\n\n height: 90px !important;\n\n border-width: 3px !important;\n\n overflow: visible;\n\n }\n\n #content-oem .ip-nda-badge .ip-nda-badge-pulse {\n\n display: block !important;\n\n animation: shieldPulse 1.95s cubic-bezier(0.22, 0.61, 0.36, 1) infinite !important;\n\n opacity: 0.72 !important;\n\n }\n\n #content-oem .ip-nda-badge svg {\n\n width: 44px !important;\n\n height: 44px !important;\n\n }\n\n\n\n \/* Compact mobile layout for CTA panel *\/\n\n .cta-section {\n\n padding-top: 1.8rem !important;\n\n padding-bottom: 1.8rem !important;\n\n }\n\n .cta-panel {\n\n padding: 1.1rem !important;\n\n border-radius: 1.2rem !important;\n\n }\n\n .cta-title {\n\n font-size: 2rem !important;\n\n line-height: 1.1 !important;\n\n letter-spacing: -0.015em !important;\n\n }\n\n .cta-subtitle {\n\n margin-top: 0.7rem !important;\n\n font-size: 13px !important;\n\n line-height: 1.5 !important;\n\n }\n\n .cta-actions {\n\n margin-top: 0.9rem !important;\n\n display: flex !important;\n\n flex-wrap: nowrap !important;\n\n justify-content: center;\n\n gap: 0.5rem !important;\n\n }\n\n .cta-pill {\n\n width: auto;\n\n min-width: 0;\n\n justify-content: center;\n\n padding: 0.56rem 0.72rem !important;\n\n border-radius: 999px !important;\n\n font-size: 11.5px !important;\n\n line-height: 1.2 !important;\n\n white-space: nowrap;\n\n }\n\n .cta-pill svg {\n\n width: 16px !important;\n\n height: 16px !important;\n\n }\n\n }\n\n \n\n \/* iOS-style button interactions (scoped, avoid affecting global footer links) *\/\n\n @supports (padding: max(0px)) {\n\n button,\n\n .tab-btn,\n\n main a,\n\n .table-scroll a {\n\n min-height: 44px;\n\n }\n\n .hy-footer a {\n\n min-height: 0 !important;\n\n }\n\n }\n\n \n\n \/* Prevent double-tap zoom on buttons *\/\n\n button {\n\n touch-action: manipulation;\n\n }\n\n\n\n \/* Sticky Navigation Enhancement *\/\n\n @supports (position: sticky) {\n\n .sticky {\n\n position: sticky;\n\n will-change: box-shadow;\n\n }\n\n }\n\n\n\n \/* Smooth button interactions *\/\n\n .tab-btn {\n\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n\n }\n\n\n\n .tab-btn:active {\n\n transform: scale(0.95);\n\n }\n\n\n\n \/* Enhance shadow when scrolling (use JS for detection or CSS) *\/\n\n @media (prefers-reduced-motion: no-preference) {\n\n .tab-btn:hover {\n\n transform: scale(1.08);\n\n }\n\n }\n\n <\/style>\n\n<\/head>\n\n<body class=\"bg-[#FBFBFB] text-gray-900 font-sans overflow-x-hidden\" style=\"padding-top: max(0rem, env(safe-area-inset-top));\">\n\n\n\n <!-- Hero Section -->\n\n <section class=\"hero-banner relative overflow-hidden wp-full-width\">\n\n <div class=\"hero-stage\">\n\n <img fetchpriority=\"high\" fetchpriority=\"high\"\n\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_751.webp\"\n\n class=\"hero-bg-image\"\n\n alt=\"HUAYI OEM and compliance manufacturing background\"\n\n width=\"1920\"\n\n height=\"1080\"\n\n loading=\"eager\"\n\n fetchpriority=\"high\"\n\n decoding=\"async\">\n\n <div class=\"hero-gradient-overlay\" aria-hidden=\"true\"><\/div>\n\n\n\n <div class=\"hero-content\">\n\n <div class=\"hero-copy-panel text-center text-white\">\n\n <h2 class=\"text-4xl font-extrabold sm:text-6xl tracking-tight\">\n\n OEM & Compliance\n\n <\/h2>\n\n <p class=\"text-lg md:text-xl leading-relaxed\">\n\n Qingdao Huayi Youpin delivers compliant, fully traceable solid wood OEM\/ODM solutions for global B2B brands.\n\n <\/p>\n\n <div class=\"hero-badges\">\n\n <span class=\"inline-flex items-center px-4 py-2 rounded-full bg-white\/10 text-white backdrop-blur-md text-sm font-bold border border-white\/20 hover-float\">\n\n National High-Tech Enterprise\n\n <\/span>\n\n <span class=\"inline-flex items-center px-4 py-2 rounded-full bg-white\/10 text-white backdrop-blur-md text-sm font-bold border border-white\/20 hover-float\">\n\n FSC Certified\n\n <\/span>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n\n <!-- Tabs Navigation (Sticky) -->\n\n <div class=\"sticky top-0 bg-white\/95 backdrop-blur-md z-40 border-b border-gray-100 shadow-lg transition-all duration-300\" style=\"padding-top: env(safe-area-inset-top);\">\n\n <div class=\"tab-nav-wrap w-full flex justify-center items-center py-3 px-4 md:px-6 lg:px-8\" style=\"padding-bottom: max(0.75rem, env(safe-area-inset-bottom));\">\n\n <nav class=\"flex justify-center items-center gap-2 sm:gap-3 md:gap-4 lg:gap-6 flex-wrap\" aria-label=\"Navigation Tabs\">\n\n <button onclick=\"switchTab('oem')\" id=\"tab-oem\" class=\"tab-btn bg-[#8B1B1B] text-white shadow-md flex items-center justify-center py-2 px-3 sm:py-2.5 sm:px-4 md:py-3 md:px-6 rounded-full font-bold text-xs sm:text-sm md:text-base transition-all min-h-[44px] hover:shadow-lg hover:scale-105\">\n\n <i data-lucide=\"settings\" class=\"w-4 h-4 md:w-5 md:h-5 mr-1 sm:mr-1.5 md:mr-2 flex-shrink-0\"><\/i> \n\n <span class=\"hidden sm:inline\">OEM\/ODM<\/span>\n\n <span class=\"sm:hidden\">OEM<\/span>\n\n <\/button>\n\n <button onclick=\"switchTab('compliance')\" id=\"tab-compliance\" class=\"tab-btn bg-white text-gray-700 border border-gray-200 hover:bg-gray-50 flex items-center justify-center py-2 px-3 sm:py-2.5 sm:px-4 md:py-3 md:px-6 rounded-full font-bold text-xs sm:text-sm md:text-base transition-all min-h-[44px] hover:shadow-md hover:scale-105\">\n\n <i data-lucide=\"shield-check\" class=\"w-4 h-4 md:w-5 md:h-5 mr-1 sm:mr-1.5 md:mr-2 flex-shrink-0\"><\/i> \n\n <span class=\"hidden sm:inline\">Compliance<\/span>\n\n <span class=\"sm:hidden\">Cert<\/span>\n\n <\/button>\n\n <button onclick=\"switchTab('testing')\" id=\"tab-testing\" class=\"tab-btn bg-white text-gray-700 border border-gray-200 hover:bg-gray-50 flex items-center justify-center py-2 px-3 sm:py-2.5 sm:px-4 md:py-3 md:px-6 rounded-full font-bold text-xs sm:text-sm md:text-base transition-all min-h-[44px] hover:shadow-md hover:scale-105\">\n\n <i data-lucide=\"clipboard-check\" class=\"w-4 h-4 md:w-5 md:h-5 mr-1 sm:mr-1.5 md:mr-2 flex-shrink-0\"><\/i> \n\n <span class=\"hidden sm:inline\">Testing<\/span>\n\n <span class=\"sm:hidden\">Test<\/span>\n\n <\/button>\n\n <\/nav>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- Main Content -->\n\n <main class=\"max-w-7xl mx-auto px-4 py-12 sm:px-6 lg:px-8\">\n\n <!-- Hidden H1 for SEO -->\n\n <h1 class=\"sr-only\">Solid Wood Furniture OEM\/ODM Manufacturing - FSC Certified - HUAYI<\/h1>\n\n \n\n <!-- OEM\/ODM Section -->\n\n <div id=\"content-oem\" class=\"tab-content space-y-16 fade-in\">\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n\n <div>\n\n <h2 class=\"text-3xl font-bold mb-6\">Comprehensive Solid Wood Customization<\/h2>\n\n <p class=\"text-gray-600 mb-6 leading-relaxed\">\n\n As a leading global solid wood furniture OEM\/ODM manufacturer, we operate a 45,000 sq m modern production base equipped with 5-axis\/4-axis CNC machining centers and automated roller coating lines. Exporting over 200 40HQ containers monthly, we proudly serve renowned brands like Tikamoon, Oak Furniture Land, and Starbucks.\n\n <\/p>\n\n <ul class=\"space-y-3 oem-checklist\">\n\n <li class=\"flex items-start\">\n\n <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-red-600 mr-2 mt-1\"><\/i>\n\n <span>Support in-depth design development (ODM) or contract manufacturing (OEM)<\/span>\n\n <\/li>\n\n <li class=\"flex items-start\">\n\n <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-red-600 mr-2 mt-1\"><\/i>\n\n <span>Low Minimum Order Quantity (MOQ: 30pcs\/item)<\/span>\n\n <\/li>\n\n <li class=\"flex items-start\">\n\n <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-red-600 mr-2 mt-1\"><\/i>\n\n <span>Sampling Lead Time: 2-4 Weeks; Production Lead Time: 8-10 Weeks<\/span>\n\n <\/li>\n\n <\/ul>\n\n <\/div>\n\n <div class=\"dark-glass bg-gray-900 rounded-2xl aspect-video flex flex-col items-center justify-center text-gray-300 overflow-hidden relative card-3d group cursor-pointer\">\n\n <img loading=\"lazy\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1565514020179-026b92b84bb6?auto=format&fit=crop&q=80&w=800\" class=\"absolute inset-0 w-full h-full object-cover opacity-40 mix-blend-overlay group-hover:scale-105 transition-transform duration-700\" alt=\"Factory Video\" width=\"800\" height=\"450\" loading=\"lazy\" decoding=\"async\">\n\n <div class=\"absolute inset-0 bg-gradient-to-tr from-gray-900\/80 to-transparent\"><\/div>\n\n <div class=\"relative z-10 flex flex-col items-center\">\n\n <div class=\"w-16 h-16 bg-white\/10 backdrop-blur-md rounded-full flex items-center justify-center mb-4 border border-white\/20 shadow-[0_0_30px_rgba(255,255,255,0.1)] group-hover:bg-[#C52D2F]\/80 group-hover:border-[#C52D2F] transition-all duration-300\">\n\n <i data-lucide=\"play\" class=\"w-6 h-6 text-white ml-1\"><\/i>\n\n <\/div>\n\n <span class=\"text-sm font-bold uppercase tracking-widest text-white\">PRODUCTION BASE<\/span>\n\n <\/div>\n\n <span class=\"absolute bottom-4 right-4 bg-black\/50 backdrop-blur-md px-3 py-1 rounded border border-white\/10 text-xs text-white font-bold tracking-widest z-10 flex items-center\"><span class=\"w-2 h-2 rounded-full bg-red-500 mr-2 animate-pulse\"><\/span>FACILITY VIEW<\/span>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- Customization Process with 3D Cards -->\n\n <div class=\"perspective-container\">\n\n <h3 class=\"text-2xl font-bold text-center mb-12\">Customization Process<\/h3>\n\n <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-2 md:gap-4 perspective-container\">\n\n <div class=\"relative p-3 md:p-6 glass-effect rounded-xl card-3d transition-all\">\n\n <span class=\"text-red-600 font-bold text-xs md:text-sm block mb-1 md:mb-2\">STEP 01<\/span>\n\n <h4 class=\"font-bold text-xs md:text-base mb-1\">Requirement<\/h4>\n\n <p class=\"text-xs md:text-xs text-gray-500\">Confirm design concepts or technical drawings<\/p>\n\n <\/div>\n\n <div class=\"relative p-3 md:p-6 glass-effect rounded-xl card-3d transition-all\">\n\n <span class=\"text-red-600 font-bold text-xs md:text-sm block mb-1 md:mb-2\">STEP 02<\/span>\n\n <h4 class=\"font-bold text-xs md:text-base mb-1\">Quotation<\/h4>\n\n <p class=\"text-xs md:text-xs text-gray-500\">Finalize pricing and quality standards<\/p>\n\n <\/div>\n\n <div class=\"relative p-3 md:p-6 glass-effect rounded-xl card-3d transition-all\">\n\n <span class=\"text-red-600 font-bold text-xs md:text-sm block mb-1 md:mb-2\">STEP 03<\/span>\n\n <h4 class=\"font-bold text-xs md:text-base mb-1\">Sampling<\/h4>\n\n <p class=\"text-xs md:text-xs text-gray-500\">Initial sample completed in 2-4 weeks<\/p>\n\n <\/div>\n\n <div class=\"relative p-3 md:p-6 glass-effect rounded-xl card-3d transition-all\">\n\n <span class=\"text-red-600 font-bold text-xs md:text-sm block mb-1 md:mb-2\">STEP 04<\/span>\n\n <h4 class=\"font-bold text-xs md:text-base mb-1\">Approval<\/h4>\n\n <p class=\"text-xs md:text-xs text-gray-500\">On-site or remote approval by the client<\/p>\n\n <\/div>\n\n <div class=\"relative p-3 md:p-6 glass-effect rounded-xl card-3d transition-all\">\n\n <span class=\"text-red-600 font-bold text-xs md:text-sm block mb-1 md:mb-2\">STEP 05<\/span>\n\n <h4 class=\"font-bold text-xs md:text-base mb-1\">Production<\/h4>\n\n <p class=\"text-xs md:text-xs text-gray-500\">Strictly controlled 8-10 week lead time<\/p>\n\n <\/div>\n\n <div class=\"relative p-3 md:p-6 glass-effect rounded-xl card-3d transition-all\">\n\n <span class=\"text-red-600 font-bold text-xs md:text-sm block mb-1 md:mb-2\">STEP 06<\/span>\n\n <h4 class=\"font-bold text-xs md:text-base mb-1\">QC & Shipping<\/h4>\n\n <p class=\"text-xs md:text-xs text-gray-500\">Multiple internal inspections and container loading<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- Core Manufacturing Capabilities (New Section) -->\n\n <div class=\"perspective-container pt-8 border-t border-gray-200\">\n\n <div class=\"text-center mb-10\">\n\n <h3 class=\"text-3xl font-bold mb-4\">Core Manufacturing Capabilities<\/h3>\n\n <p class=\"text-gray-600 max-w-2xl mx-auto\">\n\n Equipped with industry-leading machinery and seasoned craftsmen, we turn complex design concepts into flawless physical products.\n\n <\/p>\n\n <\/div>\n\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3 md:gap-8\">\n\n <div class=\"glass-effect p-4 md:p-8 rounded-2xl card-3d\">\n\n <div class=\"w-10 h-10 md:w-14 md:h-14 bg-blue-50 rounded-xl flex items-center justify-center mb-3 md:mb-6 text-blue-600 mx-auto\"><i data-lucide=\"cpu\" size=\"24\"><\/i><\/div>\n\n <h4 class=\"font-bold text-sm md:text-xl mb-2 md:mb-3\">5-Axis CNC Machining<\/h4>\n\n <p class=\"text-xs md:text-sm text-gray-500 leading-relaxed\">Complex organic curves, precise joinery, and intricate details executed flawlessly with our advanced CNC centers.<\/p>\n\n <\/div>\n\n <div class=\"glass-effect p-4 md:p-8 rounded-2xl card-3d\">\n\n <div class=\"w-10 h-10 md:w-14 md:h-14 bg-green-50 rounded-xl flex items-center justify-center mb-3 md:mb-6 text-green-600 mx-auto\"><i data-lucide=\"leaf\" size=\"24\"><\/i><\/div>\n\n <h4 class=\"font-bold text-sm md:text-xl mb-2 md:mb-3\">Eco-Friendly Finishing<\/h4>\n\n <p class=\"text-xs md:text-sm text-gray-500 leading-relaxed\">Automated UV and water-based painting lines ensure consistent, VOC-free, EU-compliant surface treatments.<\/p>\n\n <\/div>\n\n <div class=\"col-span-2 md:col-span-1 flex justify-center\">\n\n <div class=\"glass-effect p-4 md:p-8 rounded-2xl card-3d w-full sm:max-w-xs\">\n\n <div class=\"w-10 h-10 md:w-14 md:h-14 bg-purple-50 rounded-xl flex items-center justify-center mb-3 md:mb-6 text-purple-600 mx-auto\"><i data-lucide=\"layers\" size=\"24\"><\/i><\/div>\n\n <h4 class=\"font-bold text-sm md:text-xl mb-2 md:mb-3 text-center\">Mixed Material Integration<\/h4>\n\n <p class=\"text-xs md:text-sm text-gray-500 leading-relaxed text-center\">Integrate metal hardware, glass, rattan, and premium upholstery to bring multi-material designs to life.<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- IP Protection & NDA Banner (New Section) -->\n\n <div class=\"dark-glass ip-nda-panel rounded-[2.5rem] p-8 md:p-14 text-gray-900 flex flex-col md:flex-row items-center justify-between card-3d relative overflow-hidden\">\n\n <div class=\"absolute -top-24 -right-24 w-64 h-64 bg-red-600\/20 rounded-full blur-3xl\"><\/div>\n\n <div class=\"ip-nda-copy md:w-2\/3 mb-8 md:mb-0 relative z-10 md:pr-12\">\n\n <h3 class=\"ip-nda-title text-3xl font-bold mb-4 flex items-center text-gray-900\"><i data-lucide=\"file-lock-2\" class=\"mr-4 text-red-500\" size=\"32\"><\/i>Strict IP Protection & NDA<\/h3>\n\n <p class=\"ip-nda-text text-gray-700 leading-relaxed text-base mb-8\">\n\n We understand the immense value of your original designs. Huayi rigorously signs and adheres to Non-Disclosure Agreements (NDAs). Your ODM blueprints and proprietary OEM products will never be exhibited, shared, or sold to third parties.\n\n <\/p>\n\n <div class=\"ip-nda-pills flex flex-wrap gap-4\">\n\n <span class=\"inline-flex items-center ip-nda-pill px-4 py-2 rounded-full text-sm font-medium\"><i data-lucide=\"check\" class=\"text-green-500 mr-2 w-4 h-4\"><\/i> Exclusive Molds<\/span>\n\n <span class=\"inline-flex items-center ip-nda-pill px-4 py-2 rounded-full text-sm font-medium\"><i data-lucide=\"check\" class=\"text-green-500 mr-2 w-4 h-4\"><\/i> Secure Data Handling<\/span>\n\n <span class=\"inline-flex items-center ip-nda-pill px-4 py-2 rounded-full text-sm font-medium\"><i data-lucide=\"check\" class=\"text-green-500 mr-2 w-4 h-4\"><\/i> English-Speaking Engineers<\/span>\n\n <\/div>\n\n <\/div>\n\n <div class=\"ip-nda-badge-wrap md:w-1\/3 flex justify-center relative z-10\">\n\n <div class=\"ip-nda-badge w-32 h-32 md:w-40 md:h-40 rounded-full border-4 border-gray-300 flex items-center justify-center relative bg-white shadow-inner\">\n\n <div class=\"ip-nda-badge-pulse absolute inset-0 bg-red-500\/20 rounded-full\"><\/div>\n\n <i data-lucide=\"shield-check\" class=\"ip-nda-badge-icon w-16 h-16 md:w-20 md:h-20 text-red-500\"><\/i>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- Compliance Section -->\n\n <div id=\"content-compliance\" class=\"tab-content space-y-12 fade-in hidden\">\n\n <div class=\"text-center mb-12\">\n\n <h2 class=\"text-3xl font-bold\">Authoritative Certification & Compliance<\/h2>\n\n <p class=\"text-gray-600 mt-2\">Strict adherence to international environmental and quality standards to ensure the compliance of every product.<\/p>\n\n <\/div>\n\n\n\n <div class=\"space-y-3 md:space-y-4\">\n\n <!-- FSC Certification Card -->\n\n <div class=\"glass-effect p-5 md:p-6 rounded-2xl flex items-center gap-4 card-3d hover:shadow-lg transition-all\">\n\n <div class=\"relative flex-shrink-0\">\n\n <div class=\"w-24 h-24 md:w-28 md:h-28 overflow-hidden rounded-lg border border-gray-200 cursor-pointer group\" onclick=\"openCertModal('https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_Compress_Huayi-FSC-renew_00.webp')\">\n\n <img loading=\"lazy\" loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_Compress_Huayi-FSC-renew_00.webp\" alt=\"FSC Certificate\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\">\n\n <div class=\"absolute inset-0 bg-gray-900\/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center backdrop-blur-sm\">\n\n <i data-lucide=\"zoom-in\" class=\"text-white w-5 h-5\"><\/i>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <div class=\"flex-1 flex flex-col justify-start\">\n\n <h4 class=\"text-sm md:text-base font-bold mb-2 flex items-center gap-1.5\">\n\n <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-green-600 flex-shrink-0\"><\/i>\n\n <span>FSC Certification<\/span>\n\n <\/h4>\n\n <p class=\"text-red-600 font-mono text-xs md:text-sm mb-2 font-semibold\">GFA-COC-005231<\/p>\n\n <p class=\"text-gray-600 text-xs md:text-sm leading-relaxed mb-2\">Forest Stewardship Council certified sustainable forestry sourcing. Ensures all solid wood timber is responsibly harvested from well-managed forests without deforestation.<\/p>\n\n <p class=\"text-gray-400 text-xs font-medium\">Valid until 2026-06-13 | Annual Audit Required<\/p>\n\n <\/div>\n\n <\/div>\n\n \n\n <!-- ISO 9001 Card -->\n\n <div class=\"glass-effect p-5 md:p-6 rounded-2xl flex items-center gap-4 card-3d hover:shadow-lg transition-all\">\n\n <div class=\"relative flex-shrink-0\">\n\n <div class=\"w-24 h-24 md:w-28 md:h-28 overflow-hidden rounded-lg border border-gray-200 cursor-pointer group\" onclick=\"openCertModal(['https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_QES_01.webp', 'https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_QES_02.webp', 'https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_QES_03.webp'])\">\n\n <img loading=\"lazy\" loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_QES_01.webp\" alt=\"ISO Certificate\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\">\n\n <div class=\"absolute inset-0 bg-gray-900\/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center backdrop-blur-sm\">\n\n <i data-lucide=\"gallery-horizontal-end\" class=\"text-white w-5 h-5\"><\/i>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <div class=\"flex-1 flex flex-col justify-start\">\n\n <h4 class=\"text-sm md:text-base font-bold mb-2 flex items-center gap-1.5\">\n\n <i data-lucide=\"shield-check\" class=\"w-5 h-5 text-blue-600 flex-shrink-0\"><\/i>\n\n <span>ISO 9001:2015 QMS<\/span>\n\n <\/h4>\n\n <p class=\"text-red-600 font-mono text-xs md:text-sm mb-2 font-semibold\">Quality Management System<\/p>\n\n <p class=\"text-gray-600 text-xs md:text-sm leading-relaxed mb-2\">International standard for quality management ensuring consistent manufacturing processes, strict material control, and continuous improvement through regular internal and external audits.<\/p>\n\n <p class=\"text-gray-400 text-xs font-medium\">Valid 2025-2028 | Multi-site Audit Scope<\/p>\n\n <\/div>\n\n <\/div>\n\n \n\n <!-- ICS Social Audit Card -->\n\n <div class=\"glass-effect p-5 md:p-6 rounded-2xl flex items-center gap-4 card-3d hover:shadow-lg transition-all\">\n\n <div class=\"relative flex-shrink-0\">\n\n <div class=\"w-24 h-24 md:w-28 md:h-28 overflow-hidden rounded-lg border border-gray-200 cursor-pointer group\" onclick=\"openCertModal('https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_ICS.webp')\">\n\n <img loading=\"lazy\" loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_ICS.webp\" alt=\"ICS Audit Report\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\">\n\n <div class=\"absolute inset-0 bg-gray-900\/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center backdrop-blur-sm\">\n\n <i data-lucide=\"zoom-in\" class=\"text-white w-5 h-5\"><\/i>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <div class=\"flex-1 flex flex-col justify-start\">\n\n <h4 class=\"text-sm md:text-base font-bold mb-2 flex items-center gap-1.5\">\n\n <i data-lucide=\"users\" class=\"w-5 h-5 text-purple-600 flex-shrink-0\"><\/i>\n\n <span>ICS Social Audit<\/span>\n\n <\/h4>\n\n <p class=\"text-red-600 font-mono text-xs md:text-sm mb-2 font-semibold\">90% Rating Score<\/p>\n\n <p class=\"text-gray-600 text-xs md:text-sm leading-relaxed mb-2\">Independent certification verifying fair wages, safe working conditions, and employee rights compliance. Demonstrates commitment to ethical manufacturing practices and supplier accountability.<\/p>\n\n <p class=\"text-gray-400 text-xs font-medium\">Social Audit Passed | Bi-annual Verification<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- EUDR Compliance Highlight -->\n\n <div class=\"eudr-highlight glass-effect rounded-3xl p-8 relative overflow-hidden card-3d border-red-100\/50\">\n\n <div class=\"absolute top-0 right-0 p-4 opacity-10\">\n\n <i data-lucide=\"globe\" size=\"120\"><\/i>\n\n <\/div>\n\n <h3 class=\"text-2xl font-bold mb-4 flex items-center\">\n\n <i data-lucide=\"truck\" class=\"mr-2 text-red-600\"><\/i> EUDR Compliance & Traceability\n\n <\/h3>\n\n <p class=\"text-gray-600 max-w-3xl leading-relaxed\">\n\n Huayi strictly implements the EU Deforestation Regulation (EUDR). Our solid wood raw materials (such as Croatian Oak) have complete GPS geolocation coordinates and FSC chain of custody traceability. From harvest time and import batches to domestic production, the entire data journey is traceable, meeting the strictest compliance inspection requirements of EU customs.\n\n <\/p>\n\n <div class=\"mt-6 grid grid-cols-2 sm:grid-cols-4 gap-4\">\n\n <div class=\"eudr-stat p-4 bg-white\/50 backdrop-blur-sm border border-white\/40 rounded-xl shadow-sm\">\n\n <p class=\"eudr-label text-xs text-gray-500 mb-1\">Timber Source<\/p>\n\n <p class=\"eudr-value font-bold text-sm\">Croatia (Oak)<\/p>\n\n <\/div>\n\n <div class=\"eudr-stat p-4 bg-white\/50 backdrop-blur-sm border border-white\/40 rounded-xl shadow-sm\">\n\n <p class=\"eudr-label text-xs text-gray-500 mb-1\">Geolocation<\/p>\n\n <p class=\"eudr-value font-bold text-sm\">4 GPS Sets<\/p>\n\n <\/div>\n\n <div class=\"eudr-stat p-4 bg-white\/50 backdrop-blur-sm border border-white\/40 rounded-xl shadow-sm\">\n\n <p class=\"eudr-label text-xs text-gray-500 mb-1\">Traceability Chain<\/p>\n\n <p class=\"eudr-value font-bold text-sm\">Fully Visualized<\/p>\n\n <\/div>\n\n <div class=\"eudr-stat p-4 bg-white\/50 backdrop-blur-sm border border-white\/40 rounded-xl shadow-sm\">\n\n <p class=\"eudr-label text-xs text-gray-500 mb-1\">Audit Score<\/p>\n\n <p class=\"eudr-value font-bold text-sm\">ICS 90% PASS<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- Global Regulatory Adherence (New Section) -->\n\n <div class=\"perspective-container pt-8 border-t border-gray-200\">\n\n <div class=\"text-center mb-10\">\n\n <h3 class=\"text-3xl font-bold mb-4\">Ready for Global Markets<\/h3>\n\n <p class=\"text-gray-600 max-w-2xl mx-auto\">\n\n Beyond EUDR and FSC, our products meet the strict legal and chemical safety requirements of major international markets.\n\n <\/p>\n\n <\/div>\n\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-4 md:gap-6\">\n\n <div class=\"glass-effect p-4 md:p-6 rounded-2xl card-3d flex flex-col items-center text-center\">\n\n <div class=\"w-10 h-10 md:w-12 md:h-12 bg-blue-50 text-blue-600 rounded-xl flex items-center justify-center mb-3 md:mb-4\"><i data-lucide=\"scale\" class=\"w-5 h-5 md:w-6 md:h-6\"><\/i><\/div>\n\n <h4 class=\"font-bold text-sm md:text-lg mb-2\">US Lacey Act<\/h4>\n\n <p class=\"text-[11px] md:text-sm text-gray-500 leading-relaxed\">Full declaration of wood species and country of harvest to prevent illegal logging imports into the United States.<\/p>\n\n <\/div>\n\n <div class=\"glass-effect p-4 md:p-6 rounded-2xl card-3d flex flex-col items-center text-center\">\n\n <div class=\"w-10 h-10 md:w-12 md:h-12 bg-purple-50 text-purple-600 rounded-xl flex items-center justify-center mb-3 md:mb-4\"><i data-lucide=\"flask-conical\" class=\"w-5 h-5 md:w-6 md:h-6\"><\/i><\/div>\n\n <h4 class=\"font-bold text-sm md:text-lg mb-2\">REACH & RoHS<\/h4>\n\n <p class=\"text-[11px] md:text-sm text-gray-500 leading-relaxed\">All hardware, glues, and coating materials are rigorously tested to be free from hazardous heavy metals and restricted chemicals.<\/p>\n\n <\/div>\n\n <div class=\"glass-effect p-4 md:p-6 rounded-2xl card-3d flex flex-col items-center text-center col-span-2 md:col-span-1\">\n\n <div class=\"w-10 h-10 md:w-12 md:h-12 bg-red-50 text-red-600 rounded-xl flex items-center justify-center mb-3 md:mb-4\"><i data-lucide=\"file-check-2\" class=\"w-5 h-5 md:w-6 md:h-6\"><\/i><\/div>\n\n <h4 class=\"font-bold text-sm md:text-lg mb-2\">UKTR Compliant<\/h4>\n\n <p class=\"text-[11px] md:text-sm text-gray-500 leading-relaxed\">Post-Brexit UK Timber Regulations fully adhered to, providing seamless due diligence systems for our UK retail partners.<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- ESG & Sustainability (New Section) -->\n\n <div class=\"dark-glass bg-gray-900 rounded-[2.5rem] p-8 md:p-12 text-white flex flex-col md:flex-row items-center justify-between card-3d relative overflow-hidden mt-8\">\n\n <div class=\"absolute -bottom-24 -left-24 w-64 h-64 bg-green-600\/20 rounded-full blur-3xl\"><\/div>\n\n <div class=\"md:w-1\/2 mb-8 md:mb-0 relative z-10 pr-0 md:pr-12\">\n\n <h3 class=\"text-3xl font-bold mb-4 flex items-center text-white\"><i data-lucide=\"leaf\" class=\"mr-3 text-green-400\"><\/i> Commitment to ESG<\/h3>\n\n <p class=\"text-[13px] md:text-[15px] font-light leading-loose mb-8 text-gray-400\">\n\n Sustainable manufacturing is at the core of Huayi. We invest heavily in green technologies and employee welfare to ensure our growth benefits both people and the planet.\n\n <\/p>\n\n <ul class=\"space-y-4\">\n\n <li class=\"flex items-start\">\n\n <i data-lucide=\"check-circle-2\" class=\"text-green-400 mr-3 w-5 h-5 flex-shrink-0 mt-0.5\"><\/i> \n\n <span class=\"text-[12px] md:text-[14px] leading-loose text-white\"><strong class=\"text-white\">100% Eco-Friendly Finishes:<\/strong> Utilizing water-based and UV roll coatings to achieve Zero VOC emissions.<\/span>\n\n <\/li>\n\n <li class=\"flex items-start\">\n\n <i data-lucide=\"check-circle-2\" class=\"text-green-400 mr-3 w-5 h-5 flex-shrink-0 mt-0.5\"><\/i> \n\n <span class=\"text-[12px] md:text-[14px] leading-loose text-white\"><strong class=\"text-white\">Resource Efficiency:<\/strong> Centralized wood dust collection and biomass recycling system to minimize waste.<\/span>\n\n <\/li>\n\n <li class=\"flex items-start\">\n\n <i data-lucide=\"check-circle-2\" class=\"text-green-400 mr-3 w-5 h-5 flex-shrink-0 mt-0.5\"><\/i> \n\n <span class=\"text-[12px] md:text-[14px] leading-loose text-white\"><strong class=\"text-white\">Social Responsibility:<\/strong> Fair wages, comprehensive insurance, and strict adherence to occupational health and safety (OH&S).<\/span>\n\n <\/li>\n\n <\/ul>\n\n <\/div>\n\n <div class=\"md:w-1\/2 relative z-10 rounded-2xl overflow-hidden shadow-2xl h-72 w-full card-3d border border-gray-700\">\n\n <img loading=\"lazy\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1621244249243-e5d80482b4cc?auto=format&fit=crop&q=80&w=800\" alt=\"Sustainable Forestry\" class=\"w-full h-full object-cover\" width=\"800\" height=\"450\" loading=\"lazy\" decoding=\"async\">\n\n <div class=\"absolute inset-0 bg-gradient-to-t from-gray-900\/90 via-gray-900\/20 to-transparent flex items-end p-6\">\n\n <div>\n\n <span class=\"text-xs font-bold uppercase tracking-widest text-green-400 mb-1 block\">Green Manufacturing<\/span>\n\n <span class=\"text-white font-medium text-sm\">Building a sustainable future for the next generation.<\/span>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- Testing Reports Section -->\n\n <div id=\"content-testing\" class=\"tab-content fade-in hidden space-y-16\">\n\n <!-- 1. Reports Table Area -->\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-12\">\n\n <div class=\"lg:col-span-1\">\n\n <h2 class=\"text-3xl font-bold mb-6\">High-Quality Testing Center<\/h2>\n\n <p class=\"text-[13px] md:text-[15px] text-gray-600 font-light mb-8 leading-loose border-l-2 border-[#8B1B1B] pl-4 md:pl-6 ml-1\">\n\n Huayi insists on \"Premium Quality from the Factory\". We collaborate deeply with international authoritative institutions like Intertek and Bureau Veritas to conduct comprehensive testing on furniture structural safety, packaging impact resistance, and material physical indicators.\n\n <\/p>\n\n <div class=\"space-y-4\">\n\n <div class=\"flex items-center p-4 glass-effect rounded-xl card-3d\">\n\n <i data-lucide=\"layers\" class=\"text-red-600 mr-4\"><\/i>\n\n <div>\n\n <p class=\"font-bold text-sm\">ISTA 3A\/3B<\/p>\n\n <p class=\"text-xs text-gray-600 font-medium\">Zero-damage transport packaging test<\/p>\n\n <\/div>\n\n <\/div>\n\n <div class=\"flex items-center p-4 glass-effect rounded-xl card-3d\">\n\n <i data-lucide=\"shield-check\" class=\"text-blue-600 mr-4\"><\/i>\n\n <div>\n\n <p class=\"font-bold text-sm\">EN 14749<\/p>\n\n <p class=\"text-xs text-gray-600 font-medium\">European furniture safety specs<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <div class=\"lg:col-span-2\">\n\n <div class=\"glass-effect rounded-2xl overflow-hidden card-3d\">\n\n <div class=\"overflow-x-auto table-scroll\">\n\n <table class=\"min-w-full divide-y divide-gray-200\">\n\n <thead class=\"bg-white\/80\">\n\n <tr>\n\n <th class=\"px-3 sm:px-6 py-3 sm:py-4 text-left text-xs font-bold text-gray-600 uppercase tracking-wider\">Test Standard<\/th>\n\n <th class=\"px-3 sm:px-6 py-3 sm:py-4 text-left text-xs font-bold text-gray-600 uppercase tracking-wider\">Agency<\/th>\n\n <th class=\"px-3 sm:px-6 py-3 sm:py-4 text-left text-xs font-bold text-gray-600 uppercase tracking-wider\">Result<\/th>\n\n <\/tr>\n\n <\/thead>\n\n <tbody class=\"divide-y divide-gray-200 bg-white\/40\">\n\n <tr class=\"hover:bg-white transition-colors\">\n\n <td class=\"px-3 sm:px-6 py-3 sm:py-4\">\n\n <p class=\"font-bold text-gray-900 text-sm sm:text-base\">EN 14749:2016<\/p>\n\n <p class=\"text-xs text-gray-600 font-medium\">Safety specs<\/p>\n\n <\/td>\n\n <td class=\"px-3 sm:px-6 py-3 sm:py-4 text-xs sm:text-sm text-gray-500\">Intertek<\/td>\n\n <td class=\"px-3 sm:px-6 py-3 sm:py-4\">\n\n <div class=\"flex items-center space-x-1 sm:space-x-2\">\n\n <span class=\"px-2 py-1 bg-green-100 text-green-800 text-xs font-bold rounded whitespace-nowrap\">PASS<\/span>\n\n <a href=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/EN-14749.pdf\" target=\"_blank\" download class=\"flex items-center p-1 text-gray-500 hover:text-red-600 hover:bg-red-50 rounded transition-colors\" title=\"Report 1\">\n\n <i data-lucide=\"download\" class=\"w-4 h-4\"><\/i><span class=\"text-xs font-bold hidden sm:inline\">1<\/span>\n\n <\/a>\n\n <a href=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/EN14749-VAN0110-VAN0113-pass.pdf\" target=\"_blank\" download class=\"flex items-center p-1 text-gray-500 hover:text-red-600 hover:bg-red-50 rounded transition-colors\" title=\"Report 2\">\n\n <i data-lucide=\"download\" class=\"w-4 h-4\"><\/i><span class=\"text-xs font-bold hidden sm:inline\">2<\/span>\n\n <\/a>\n\n <\/div>\n\n <\/td>\n\n <\/tr>\n\n <tr class=\"hover:bg-white transition-colors\">\n\n <td class=\"px-3 sm:px-6 py-3 sm:py-4\">\n\n <p class=\"font-bold text-gray-900 text-sm sm:text-base\">ISTA 3A\/3B<\/p>\n\n <p class=\"text-xs text-gray-600 font-medium\">Transport test<\/p>\n\n <\/td>\n\n <td class=\"px-3 sm:px-6 py-3 sm:py-4 text-xs sm:text-sm text-gray-500\">Intertek<\/td>\n\n <td class=\"px-3 sm:px-6 py-3 sm:py-4\">\n\n <div class=\"flex items-center space-x-1 sm:space-x-2\">\n\n <span class=\"px-2 py-1 bg-green-100 text-green-800 text-xs font-bold rounded whitespace-nowrap\">PASS<\/span>\n\n <a href=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/SID0012_2-3B-report-YY.pdf\" target=\"_blank\" download class=\"flex items-center p-1 text-gray-500 hover:text-red-600 hover:bg-red-50 rounded transition-colors\" title=\"Report 1\">\n\n <i data-lucide=\"download\" class=\"w-4 h-4\"><\/i><span class=\"text-xs font-bold hidden sm:inline\">1<\/span>\n\n <\/a>\n\n <a href=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/TVS0015_2-3A-test-ok-YY.pdf\" target=\"_blank\" download class=\"flex items-center p-1 text-gray-500 hover:text-red-600 hover:bg-red-50 rounded transition-colors\" title=\"Report 2\">\n\n <i data-lucide=\"download\" class=\"w-4 h-4\"><\/i><span class=\"text-xs font-bold hidden sm:inline\">2<\/span>\n\n <\/a>\n\n <\/div>\n\n <\/td>\n\n <\/tr>\n\n <tr class=\"hover:bg-white transition-colors\">\n\n <td class=\"px-3 sm:px-6 py-3 sm:py-4\">\n\n <p class=\"font-bold text-gray-900 text-sm sm:text-base\">Carton Strength<\/p>\n\n <p class=\"text-xs text-gray-600 font-medium\">Packaging test<\/p>\n\n <\/td>\n\n <td class=\"px-3 sm:px-6 py-3 sm:py-4 text-xs sm:text-sm text-gray-500\">Bureau Veritas<\/td>\n\n <td class=\"px-3 sm:px-6 py-3 sm:py-4\">\n\n <div class=\"flex items-center space-x-1 sm:space-x-2\">\n\n <span class=\"px-2 py-1 bg-green-100 text-green-800 text-xs font-bold rounded whitespace-nowrap\">PASS<\/span>\n\n <a href=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/carton-test-report-90233540195.pdf\" target=\"_blank\" download class=\"flex items-center p-1 text-gray-500 hover:text-red-600 hover:bg-red-50 rounded transition-colors\" title=\"Carton Test Report\">\n\n <i data-lucide=\"download\" class=\"w-4 h-4\"><\/i>\n\n <\/a>\n\n <\/div>\n\n <\/td>\n\n <\/tr>\n\n <tr class=\"hover:bg-white transition-colors\">\n\n <td class=\"px-3 sm:px-6 py-3 sm:py-4\">\n\n <p class=\"font-bold text-gray-900 text-sm sm:text-base\">EUDR Compliance<\/p>\n\n <p class=\"text-xs text-gray-600 font-medium\">Timber traceability<\/p>\n\n <\/td>\n\n <td class=\"px-3 sm:px-6 py-3 sm:py-4 text-xs sm:text-sm text-gray-500\">FSC Certified<\/td>\n\n <td class=\"px-3 sm:px-6 py-3 sm:py-4\">\n\n <div class=\"flex items-center space-x-1 sm:space-x-2\">\n\n <span class=\"px-2 py-1 bg-green-100 text-green-800 text-xs font-bold rounded whitespace-nowrap\">Certified<\/span>\n\n <\/div>\n\n <\/td>\n\n <\/tr>\n\n <\/tbody>\n\n <\/table>\n\n <\/div>\n\n <div class=\"p-6 bg-white\/80 border-t border-gray-200 text-center text-xs text-gray-600 font-medium\">\n\n * Full PDF versions of all test reports are available upon request.\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- 2. Internal QC System (New Section) -->\n\n <div class=\"perspective-container pt-8 border-t border-gray-200\">\n\n <div class=\"text-center mb-10\">\n\n <h3 class=\"text-3xl font-bold mb-4\">Rigorous 4-Step QC System<\/h3>\n\n <p class=\"text-[13px] md:text-[15px] text-gray-500 font-light max-w-xl mx-auto leading-loose\">\n\n We implement a strict quality control protocol from raw materials to final loading, ensuring zero defects and maintaining global standards.\n\n <\/p>\n\n <\/div>\n\n <div class=\"grid grid-cols-2 md:grid-cols-2 lg:grid-cols-4 gap-2 md:gap-4 lg:gap-6\">\n\n <div class=\"glass-effect p-3 md:p-6 rounded-2xl card-3d flex flex-col items-center text-center\">\n\n <div class=\"w-8 h-8 md:w-12 md:h-12 bg-red-50 text-red-600 rounded-xl flex items-center justify-center mb-2 md:mb-4\"><i data-lucide=\"microscope\" class=\"w-4 h-4 md:w-6 md:h-6\"><\/i><\/div>\n\n <h4 class=\"font-bold text-xs md:text-lg mb-1 md:mb-2\">1. IQC<\/h4>\n\n <p class=\"text-xs md:text-sm text-gray-700 leading-relaxed\">Strict moisture content control (8%-12%) and timber grade sorting.<\/p>\n\n <\/div>\n\n <div class=\"glass-effect p-3 md:p-6 rounded-2xl card-3d flex flex-col items-center text-center\">\n\n <div class=\"w-8 h-8 md:w-12 md:h-12 bg-blue-50 text-blue-600 rounded-xl flex items-center justify-center mb-2 md:mb-4\"><i data-lucide=\"scan-line\" class=\"w-4 h-4 md:w-6 md:h-6\"><\/i><\/div>\n\n <h4 class=\"font-bold text-xs md:text-lg mb-1 md:mb-2\">2. IPQC<\/h4>\n\n <p class=\"text-xs md:text-sm text-gray-700 leading-relaxed\">Continuous monitoring of dimension accuracy and CNC precision.<\/p>\n\n <\/div>\n\n <div class=\"glass-effect p-3 md:p-6 rounded-2xl card-3d flex flex-col items-center text-center\">\n\n <div class=\"w-8 h-8 md:w-12 md:h-12 bg-purple-50 text-purple-600 rounded-xl flex items-center justify-center mb-2 md:mb-4\"><i data-lucide=\"brush\" class=\"w-4 h-4 md:w-6 md:h-6\"><\/i><\/div>\n\n <h4 class=\"font-bold text-xs md:text-lg mb-1 md:mb-2\">3. FQC<\/h4>\n\n <p class=\"text-xs md:text-sm text-gray-700 leading-relaxed\">100% visual inspection of coating and hardware fitting.<\/p>\n\n <\/div>\n\n <div class=\"glass-effect p-3 md:p-6 rounded-2xl card-3d flex flex-col items-center text-center\">\n\n <div class=\"w-8 h-8 md:w-12 md:h-12 bg-green-50 text-green-600 rounded-xl flex items-center justify-center mb-2 md:mb-4\"><i data-lucide=\"clipboard-check\" class=\"w-4 h-4 md:w-6 md:h-6\"><\/i><\/div>\n\n <h4 class=\"font-bold text-xs md:text-lg mb-1 md:mb-2\">4. OQC<\/h4>\n\n <p class=\"text-xs md:text-sm text-gray-700 leading-relaxed\">Pre-shipment inspection following AQL standards and container loading readiness.<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- 3. In-House Laboratory Capabilities (New Section) -->\n\n <div class=\"glass-effect rounded-3xl overflow-hidden flex flex-col md:flex-row items-stretch card-3d border-0\">\n\n <div class=\"md:w-1\/2 p-8 md:p-12 flex flex-col justify-center\">\n\n <h3 class=\"text-3xl font-bold mb-4\">In-House Laboratory<\/h3>\n\n <p class=\"text-[13px] md:text-[15px] text-gray-600 font-light mb-8 leading-loose\">\n\n To guarantee durability and safety, our in-house lab is equipped to simulate extreme environments and transit conditions before mass production begins.\n\n <\/p>\n\n <ul class=\"space-y-4\">\n\n <li class=\"flex items-start text-[13px] md:text-sm font-light text-gray-700 leading-relaxed\"><i data-lucide=\"check\" class=\"w-4 h-4 md:w-5 md:h-5 text-green-500 mr-3 mt-0.5 flex-shrink-0\"><\/i> Coating Adhesion & Scratch Resistance Test<\/li>\n\n <li class=\"flex items-start text-[13px] md:text-sm font-light text-gray-700 leading-relaxed\"><i data-lucide=\"check\" class=\"w-4 h-4 md:w-5 md:h-5 text-green-500 mr-3 mt-0.5 flex-shrink-0\"><\/i> Drop & Impact Testing (Simulating Transit)<\/li>\n\n <li class=\"flex items-start text-[13px] md:text-sm font-light text-gray-700 leading-relaxed\"><i data-lucide=\"check\" class=\"w-4 h-4 md:w-5 md:h-5 text-green-500 mr-3 mt-0.5 flex-shrink-0\"><\/i> Static Load & Structural Fatigue Test<\/li>\n\n <li class=\"flex items-start text-[13px] md:text-sm font-light text-gray-700 leading-relaxed\"><i data-lucide=\"check\" class=\"w-4 h-4 md:w-5 md:h-5 text-green-500 mr-3 mt-0.5 flex-shrink-0\"><\/i> Climate Simulation (Humidity variations)<\/li>\n\n <\/ul>\n\n <\/div>\n\n <div class=\"md:w-1\/2 h-64 md:h-auto min-h-[300px] relative overflow-hidden group\">\n\n <!-- You can replace this image URL with an actual photo of your testing lab later -->\n\n <img loading=\"lazy\" loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&q=80&w=800\" alt=\"Quality Control Laboratory\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" width=\"800\" height=\"450\" loading=\"lazy\" decoding=\"async\">\n\n <div class=\"absolute inset-0 bg-gradient-to-t from-gray-900\/60 to-transparent\"><\/div>\n\n <span class=\"absolute bottom-6 left-6 text-white font-bold tracking-widest uppercase text-sm\">Testing Facility<\/span>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/main>\n\n\n\n <!-- Contact\/CTA Section -->\n\n <section class=\"cta-section py-16 md:py-20\">\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n\n <div class=\"cta-panel rounded-[2rem] border border-[#d7dce2] bg-[#ECEEF1] text-center p-8 md:p-12 shadow-[0_14px_30px_rgba(15,23,42,0.08),inset_0_1px_0_rgba(255,255,255,0.75)]\">\n\n <h2 class=\"cta-title text-4xl md:text-6xl font-black tracking-tight text-gray-800\">Ready to Start Your Project?<\/h2>\n\n <p class=\"cta-subtitle mt-5 text-gray-600 text-base md:text-xl leading-relaxed max-w-5xl mx-auto\">\n\n From concept to container - our team is here to support every step of your furniture sourcing journey.\n\n <\/p>\n\n <div class=\"cta-actions mt-8 flex flex-wrap items-center justify-center gap-3 md:gap-4\">\n\n <a href=\"https:\/\/wa.me\/85265717290?text=Hi%20HUAYI%2C%20I%27d%20like%20to%20discuss%20a%20project.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-pill inline-flex items-center gap-2 rounded-full bg-white px-6 py-3 text-gray-800 font-semibold border border-[#d7dce2] shadow-[0_8px_18px_rgba(15,23,42,0.10)] hover:-translate-y-0.5 transition\">\n\n <i data-lucide=\"message-circle\" class=\"w-5 h-5 text-[#25D366]\"><\/i>\n\n Chat on WhatsApp\n\n <\/a>\n\n <a href=\"mailto:alina@hywoodfurniture.com\" class=\"cta-pill inline-flex items-center gap-2 rounded-full bg-white px-6 py-3 text-gray-800 font-semibold border border-[#d7dce2] shadow-[0_8px_18px_rgba(15,23,42,0.10)] hover:-translate-y-0.5 transition\">\n\n <i data-lucide=\"mail\" class=\"w-5 h-5 text-[#8B1B1B]\"><\/i>\n\n Email Alina\n\n <\/a>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n\n <!-- Certificate Full-Screen Modal -->\n\n <div id=\"cert-modal\" class=\"fixed inset-0 z-50 hidden items-center justify-center bg-gray-900\/95 opacity-0 transition-opacity duration-300\" onclick=\"closeCertModal()\">\n\n <button onclick=\"closeCertModal()\" class=\"absolute top-6 right-6 text-white hover:text-red-400 transition-colors z-50\">\n\n <i data-lucide=\"x\" class=\"w-10 h-10\"><\/i>\n\n <\/button>\n\n \n\n <!-- Navigation Prev -->\n\n <button id=\"cert-modal-prev\" onclick=\"prevModalImage(event)\" class=\"absolute left-4 md:left-10 text-red-500 hover:text-red-400 transition-colors z-50 hidden animate-pulse\">\n\n <i data-lucide=\"chevron-left\" class=\"w-12 h-12 md:w-14 md:h-14\"><\/i>\n\n <\/button>\n\n\n\n <!-- Image Container -->\n\n <div class=\"relative flex flex-col items-center justify-center w-full h-full p-4 pointer-events-none\">\n\n <img decoding=\"async\" id=\"cert-modal-img\" src=\"\" alt=\"Certificate Full View\" class=\"max-w-full max-h-[85vh] object-contain rounded-lg shadow-2xl scale-95 transition-transform duration-300 pointer-events-auto\" onclick=\"event.stopPropagation()\">\n\n <!-- Counter -->\n\n <div id=\"cert-modal-counter\" class=\"absolute bottom-6 text-red-400 text-sm font-bold tracking-widest hidden bg-black\/70 px-4 py-2 rounded-full backdrop-blur-md border border-red-500\/50\">1 \/ 3<\/div>\n\n <\/div>\n\n\n\n <!-- Navigation Next -->\n\n <button id=\"cert-modal-next\" onclick=\"nextModalImage(event)\" class=\"absolute right-4 md:right-10 text-red-500 hover:text-red-400 transition-colors z-50 hidden animate-pulse\">\n\n <i data-lucide=\"chevron-right\" class=\"w-12 h-12 md:w-14 md:h-14\"><\/i>\n\n <\/button>\n\n <\/div>\n\n\n\n <script>\n\n \/\/ Initialize Lucide Icons safely (lightweight WP-compatible version)\n\n var lucideLoadPromise = null;\n\n var lucideFallbackAttempted = false;\n\n function initLucideIcons() {\n\n if (typeof lucide === 'undefined' || typeof lucide.createIcons !== 'function') return false;\n\n \/\/ Avoid repeated full-DOM icon work if no placeholders remain.\n\n if (!document.querySelector('i[data-lucide]')) return true;\n\n try {\n\n lucide.createIcons({\n\n attrs: {\n\n 'stroke-width': 2,\n\n 'stroke-linecap': 'round',\n\n 'stroke-linejoin': 'round'\n\n }\n\n });\n\n return true;\n\n } catch (e) {\n\n return false;\n\n }\n\n }\n\n\n\n function loadExternalScript(src) {\n\n return new Promise(function(resolve, reject) {\n\n var existing = document.querySelector('script[src=\"' + src + '\"]');\n\n if (existing) {\n\n if (existing.dataset.loaded === '1') {\n\n resolve();\n\n return;\n\n }\n\n existing.addEventListener('load', function() { resolve(); }, { once: true });\n\n existing.addEventListener('error', function() { reject(); }, { once: true });\n\n return;\n\n }\n\n\n\n var s = document.createElement('script');\n\n s.src = src;\n\n s.async = true;\n\n s.crossOrigin = 'anonymous';\n\n s.onload = function() {\n\n s.dataset.loaded = '1';\n\n resolve();\n\n };\n\n s.onerror = reject;\n\n document.head.appendChild(s);\n\n });\n\n }\n\n\n\n async function ensureLucideIcons() {\n\n if (initLucideIcons()) return true;\n\n if (lucideLoadPromise) return lucideLoadPromise;\n\n\n\n lucideLoadPromise = (async function() {\n\n var lucideScript = document.querySelector('script[data-lucide-lib]');\n\n if (lucideScript && !lucideScript.dataset.bound) {\n\n lucideScript.dataset.bound = '1';\n\n lucideScript.addEventListener('load', initLucideIcons, { once: true });\n\n }\n\n \/\/ Give primary async script a chance before fallback request.\n\n await new Promise(function(resolve) { setTimeout(resolve, 1400); });\n\n if (initLucideIcons()) return true;\n\n if (lucideFallbackAttempted) return false;\n\n\n\n lucideFallbackAttempted = true;\n\n try {\n\n await loadExternalScript('https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.379.0\/dist\/umd\/lucide.min.js');\n\n return initLucideIcons();\n\n } catch (e) {\n\n return false;\n\n }\n\n })();\n\n\n\n var ok = await lucideLoadPromise;\n\n lucideLoadPromise = null;\n\n return ok;\n\n }\n\n\n\n ensureLucideIcons();\n\n window.addEventListener('load', function() {\n\n ensureLucideIcons();\n\n }, { once: true });\n\n\n\n \/\/ Tab Switching Logic\n\n function scrollToTabContentTop(tabName) {\n\n var stickyNav = document.querySelector('.sticky');\n\n var target = document.getElementById('content-' + tabName);\n\n if (!target) return;\n\n\n\n var navHeight = stickyNav ? stickyNav.offsetHeight : 0;\n\n var top = window.scrollY + target.getBoundingClientRect().top - navHeight - 8;\n\n window.scrollTo({ top: Math.max(0, top), behavior: 'smooth' });\n\n }\n\n\n\n function switchTab(tabName) {\n\n \/\/ Hide all content\n\n document.querySelectorAll('.tab-content').forEach(content => {\n\n content.classList.add('hidden');\n\n });\n\n\n\n const baseClasses = 'tab-btn flex items-center justify-center py-2.5 px-5 md:py-3 md:px-6 rounded-full font-bold text-[13px] md:text-base whitespace-nowrap transition-all snap-center shrink-0 ';\n\n const defaultClasses = baseClasses + 'bg-white text-gray-600 border border-gray-200 hover:bg-gray-50';\n\n const activeClasses = baseClasses + 'bg-[#8B1B1B] text-white shadow-md border border-transparent';\n\n\n\n \/\/ Reset all button styles\n\n document.querySelectorAll('.tab-btn').forEach(btn => {\n\n btn.className = defaultClasses;\n\n });\n\n\n\n \/\/ Show the selected content\n\n document.getElementById('content-' + tabName).classList.remove('hidden');\n\n\n\n \/\/ Apply style to the active button\n\n const activeBtn = document.getElementById('tab-' + tabName);\n\n activeBtn.className = activeClasses;\n\n\n\n \/\/ Ensure newly displayed icon placeholders are rendered\n\n initLucideIcons();\n\n\n\n \/\/ Keep user at the top of selected tab content (below sticky nav)\n\n scrollToTabContentTop(tabName);\n\n }\n\n\n\n let modalImages = [];\n\n let currentImgIndex = 0;\n\n\n\n \/\/ Open Certificate Modal\n\n function openCertModal(imgSrc) {\n\n const modal = document.getElementById('cert-modal');\n\n const img = document.getElementById('cert-modal-img');\n\n const prevBtn = document.getElementById('cert-modal-prev');\n\n const nextBtn = document.getElementById('cert-modal-next');\n\n const counter = document.getElementById('cert-modal-counter');\n\n\n\n if (Array.isArray(imgSrc)) {\n\n modalImages = imgSrc;\n\n currentImgIndex = 0;\n\n img.src = modalImages[currentImgIndex];\n\n prevBtn.classList.remove('hidden');\n\n nextBtn.classList.remove('hidden');\n\n counter.classList.remove('hidden');\n\n updateModalCounter();\n\n } else {\n\n modalImages = [imgSrc];\n\n currentImgIndex = 0;\n\n img.src = imgSrc;\n\n prevBtn.classList.add('hidden');\n\n nextBtn.classList.add('hidden');\n\n counter.classList.add('hidden');\n\n }\n\n\n\n modal.classList.remove('hidden');\n\n modal.classList.add('flex');\n\n \/\/ Allow display block to render before triggering opacity transition\n\n setTimeout(() => {\n\n modal.classList.remove('opacity-0');\n\n img.classList.remove('scale-95');\n\n }, 10);\n\n \n\n document.addEventListener('keydown', modalKeyHandler);\n\n }\n\n\n\n function updateModalCounter() {\n\n document.getElementById('cert-modal-counter').innerText = `${currentImgIndex + 1} \/ ${modalImages.length}`;\n\n }\n\n\n\n function nextModalImage(e) {\n\n if (e) e.stopPropagation();\n\n if (modalImages.length <= 1) return;\n\n currentImgIndex = (currentImgIndex + 1) % modalImages.length;\n\n document.getElementById('cert-modal-img').src = modalImages[currentImgIndex];\n\n updateModalCounter();\n\n }\n\n\n\n function prevModalImage(e) {\n\n if (e) e.stopPropagation();\n\n if (modalImages.length <= 1) return;\n\n currentImgIndex = (currentImgIndex - 1 + modalImages.length) % modalImages.length;\n\n document.getElementById('cert-modal-img').src = modalImages[currentImgIndex];\n\n updateModalCounter();\n\n }\n\n\n\n function modalKeyHandler(e) {\n\n if (e.key === 'ArrowRight') nextModalImage();\n\n if (e.key === 'ArrowLeft') prevModalImage();\n\n if (e.key === 'Escape') closeCertModal();\n\n }\n\n\n\n \/\/ Close Certificate Modal\n\n function closeCertModal() {\n\n const modal = document.getElementById('cert-modal');\n\n const img = document.getElementById('cert-modal-img');\n\n modal.classList.add('opacity-0');\n\n img.classList.add('scale-95');\n\n setTimeout(() => {\n\n modal.classList.add('hidden');\n\n modal.classList.remove('flex');\n\n img.src = '';\n\n modalImages = [];\n\n }, 300);\n\n document.removeEventListener('keydown', modalKeyHandler);\n\n }\n\n <\/script>\n\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OEM & Compliance – HUAYI Furniture OEM & Compliance Qingdao Huayi Youpin delivers compliant, fully traceable solid wood OEM\/ODM solutions for global B2B brands. National High-Tech Enterprise FSC Certified OEM\/ODM OEM Compliance Cert Testing Test Solid Wood Furniture OEM\/ODM Manufacturing – FSC Certified – HUAYI Comprehensive Solid Wood Customization As a leading global solid wood […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-1743","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages\/1743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/comments?post=1743"}],"version-history":[{"count":129,"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages\/1743\/revisions"}],"predecessor-version":[{"id":2142,"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages\/1743\/revisions\/2142"}],"wp:attachment":[{"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/media?parent=1743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}