Solid Wood Furniture Programs | HUAYI OEM\/ODM for EU and Global Brands<\/title>\n <meta name=\"description\" content=\"Explore HUAYI solid wood furniture programs for living room, bedroom, dining room, bathroom, study room, and wooden ornament. Practical performance, reliable materials, stable manufacturing, and EU-ready compliance support from pre-sales to after-sales.\" \/>\n <meta name=\"robots\" content=\"index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1\" \/>\n <meta property=\"og:type\" content=\"website\" \/>\n <meta property=\"og:site_name\" content=\"HUAYI Furniture\" \/>\n <meta property=\"og:title\" content=\"Solid Wood Furniture Programs | HUAYI OEM\/ODM for EU and Global Brands\" \/>\n <meta property=\"og:description\" content=\"A central product hub for practical use scenarios, material integrity, process consistency, and EU market compliance readiness.\" \/>\n <meta property=\"og:url\" content=\"https:\/\/www.hywoodfurniture.com\/products\" \/>\n <meta property=\"og:image\" content=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_base.webp\" \/>\n <meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n <meta name=\"twitter:title\" content=\"Solid Wood Furniture Programs | HUAYI OEM\/ODM\" \/>\n <meta name=\"twitter:description\" content=\"One product hub, six categories, and full sourcing support from pre-sales to after-sales.\" \/>\n <meta name=\"twitter:image\" content=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_base.webp\" \/>\n <link rel=\"canonical\" href=\"https:\/\/www.hywoodfurniture.com\/products\" \/>\n <link rel=\"dns-prefetch\" href=\"\/\/hywoodfurniture.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/hywoodfurniture.com\" crossorigin \/>\n <link rel=\"preconnect\" href=\"https:\/\/www.hywoodfurniture.com\" crossorigin \/>\n <style>\n :root {\n --font-ui: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"SF Pro Display\", \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n --bg: #e9edf2;\n --bg-soft: #f8fafc;\n --ink: #181714;\n --muted: #56534d;\n --line: #d9d1c6;\n --panel: rgba(255, 255, 255, 0.84);\n --panel-strong: #ffffff;\n --brand: #8b1a1a;\n --brand-dark: #651313;\n --brand-glow: rgba(139, 26, 26, 0.26);\n --ok: #1f5f37;\n --shadow: 0 26px 52px rgba(20, 20, 20, 0.12);\n }\n\n * { box-sizing: border-box; }\n html, body { margin: 0; padding: 0; }\n\n body {\n font-family: var(--font-ui);\n color: var(--ink);\n background:\n radial-gradient(120% 80% at 50% -12%, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0) 62%),\n radial-gradient(90% 70% at 12% 14%, rgba(139, 26, 26, 0.09), rgba(139, 26, 26, 0) 56%),\n radial-gradient(100% 90% at 88% 84%, rgba(29, 56, 88, 0.10), rgba(29, 56, 88, 0) 58%),\n linear-gradient(180deg, var(--bg-soft), var(--bg));\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n body::before { content: none; }\n\n .hub {\n position: relative;\n width: min(1240px, 100% - 40px);\n margin: 0 auto;\n padding: 36px 0 42px;\n }\n\n .hero {\n position: relative;\n isolation: isolate;\n text-align: center;\n border: 1px solid rgba(185, 172, 158, 0.52);\n border-radius: 24px;\n padding: clamp(26px, 5vw, 56px) clamp(18px, 5vw, 60px) 30px;\n background:\n linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(244,238,230,0.88) 100%),\n linear-gradient(140deg, rgba(139,26,26,0.08) 0%, rgba(139,26,26,0) 56%);\n box-shadow:\n var(--shadow),\n 0 2px 0 rgba(255, 255, 255, 0.86) inset,\n 0 -2px 0 rgba(166, 150, 131, 0.38) inset,\n 0 -18px 44px rgba(139, 26, 26, 0.08) inset,\n 0 28px 44px rgba(21, 18, 15, 0.13);\n animation: none;\n }\n\n .hero > :not(.hero-emboss) {\n position: relative;\n z-index: 2;\n }\n\n .hero-emboss {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n z-index: 1;\n border: 1px solid rgba(255, 255, 255, 0.36);\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.8),\n inset 0 -1px 0 rgba(157, 140, 121, 0.34),\n inset 10px 10px 24px rgba(255, 255, 255, 0.22),\n inset -12px -14px 26px rgba(112, 95, 76, 0.12);\n background:\n radial-gradient(130% 85% at 50% -16%, rgba(255,255,255,0.5), rgba(255,255,255,0) 58%),\n linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0));\n }\n\n .hero::before,\n .hero::after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n z-index: -1;\n }\n\n .hero::before {\n width: 360px;\n height: 360px;\n right: -120px;\n top: -120px;\n background: radial-gradient(circle, rgba(139,26,26,0.2) 0%, rgba(139,26,26,0) 70%);\n filter: blur(3px);\n }\n\n .hero::after {\n width: 300px;\n height: 300px;\n left: -110px;\n bottom: -130px;\n background: radial-gradient(circle, rgba(38,78,116,0.18) 0%, rgba(38,78,116,0) 70%);\n filter: blur(2px);\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border-radius: 999px;\n border: 1px solid rgba(155, 141, 126, 0.56);\n background: rgba(255,255,255,0.82);\n padding: 8px 16px;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n font-weight: 800;\n color: #2f2a24;\n }\n\n h1 {\n margin: 16px auto 10px;\n max-width: 980px;\n font-family: var(--font-ui);\n font-size: clamp(34px, 5.4vw, 72px);\n line-height: 1.03;\n letter-spacing: -0.026em;\n font-weight: 800;\n color: var(--brand);\n text-shadow:\n 0 1px 0 rgba(255,255,255,0.8),\n 0 12px 30px rgba(93, 18, 18, 0.16);\n }\n\n .hero p {\n margin: 0 auto;\n max-width: 920px;\n color: #4f4a42;\n font-size: clamp(16px, 1.9vw, 26px);\n line-height: 1.55;\n }\n\n .cta-row {\n margin-top: 24px;\n display: flex;\n justify-content: center;\n gap: 12px;\n flex-wrap: wrap;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n border-radius: 999px;\n padding: 12px 24px;\n font-weight: 800;\n font-size: 14px;\n letter-spacing: 0.02em;\n border: 1px solid transparent;\n transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;\n }\n\n .btn:hover { transform: translateY(-2px); }\n\n .btn-primary {\n color: #fff;\n border-color: var(--brand-dark);\n background: linear-gradient(165deg, #ac2323 0%, var(--brand) 52%, var(--brand-dark) 100%);\n box-shadow:\n 0 12px 24px rgba(139, 26, 26, 0.28),\n inset 0 1px 0 rgba(255,255,255,0.24);\n }\n\n .btn-ghost {\n color: #282520;\n border-color: rgba(165, 153, 138, 0.7);\n background: rgba(255,255,255,0.82);\n }\n\n .hero-metrics {\n margin-top: 22px;\n display: grid;\n gap: 10px;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .metric {\n border: 1px solid rgba(168, 155, 139, 0.52);\n border-radius: 14px;\n padding: 10px;\n background: rgba(255, 255, 255, 0.66);\n }\n\n .metric b {\n display: block;\n font-family: var(--font-ui);\n font-size: clamp(18px, 2vw, 24px);\n line-height: 1.1;\n color: #1f1b17;\n margin-bottom: 2px;\n }\n\n .metric span {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #6a6359;\n font-weight: 700;\n }\n\n .section {\n padding: 16px 0;\n animation: none;\n }\n\n .panel {\n position: relative;\n background: var(--panel);\n border: 1px solid rgba(190, 176, 158, 0.58);\n border-radius: 20px;\n padding: clamp(18px, 2.4vw, 28px);\n box-shadow:\n 0 14px 30px rgba(18, 18, 18, 0.09),\n 0 1px 0 rgba(255,255,255,0.9) inset;\n overflow: hidden;\n }\n\n .panel::before {\n content: \"\";\n position: absolute;\n right: -80px;\n top: -80px;\n width: 220px;\n height: 220px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(139,26,26,0.14) 0%, rgba(139,26,26,0) 72%);\n pointer-events: none;\n }\n\n .section h2 {\n margin: 0 0 8px;\n font-family: var(--font-ui);\n font-size: clamp(26px, 3.6vw, 44px);\n line-height: 1.1;\n letter-spacing: -0.02em;\n color: #1f1a16;\n }\n\n .sub {\n margin: 0 0 16px;\n max-width: 980px;\n color: var(--muted);\n font-size: 16px;\n }\n\n .kicker {\n margin-bottom: 8px;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #7d7366;\n font-weight: 700;\n }\n\n .section > .panel > .kicker,\n .section > .panel > h2,\n .section > .panel > .sub {\n text-align: center;\n }\n\n .section > .panel > .sub {\n margin-left: auto;\n margin-right: auto;\n }\n\n .grid-5 {\n display: grid;\n gap: 14px;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n align-items: stretch;\n }\n\n .card {\n --card-accent: #8b1a1a;\n --card-accent-soft: rgba(139, 26, 26, 0.16);\n --card-bg-a: #dde4ee;\n --card-bg-b: #cfd8e4;\n --chip: rgba(255,255,255,0.92);\n position: relative;\n text-decoration: none;\n color: #ffffff;\n border-radius: 22px;\n min-height: 236px;\n overflow: hidden;\n border: 1px solid rgba(177, 165, 149, 0.56);\n background: linear-gradient(165deg, var(--card-bg-a) 0%, var(--card-bg-b) 100%);\n box-shadow:\n 0 18px 34px rgba(17, 17, 16, 0.12),\n 0 1px 0 rgba(255,255,255,0.94) inset,\n 0 -1px 0 rgba(170, 156, 138, 0.26) inset;\n transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.36s ease, border-color 0.36s ease;\n isolation: isolate;\n padding: 14px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .card-media {\n position: absolute;\n inset: 0;\n z-index: -4;\n transform: scale(1);\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n }\n\n .card-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n display: block;\n opacity: 1;\n transition: opacity 0.24s ease;\n }\n\n .card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(180deg, rgba(8, 12, 18, 0.08) 0%, rgba(8, 12, 18, 0.20) 36%, rgba(8, 12, 18, 0.58) 76%, rgba(8, 12, 18, 0.78) 100%),\n radial-gradient(190px 160px at 92% 8%, var(--card-accent-soft), rgba(255,255,255,0) 76%);\n z-index: -2;\n }\n\n .card::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(112deg, rgba(255,255,255,0) 34%, rgba(255,255,255,0.46) 49%, rgba(255,255,255,0) 64%);\n transform: translateX(-58%);\n opacity: 0.22;\n z-index: -1;\n pointer-events: none;\n }\n\n .card:hover {\n transform: translateY(-7px);\n border-color: rgba(139,26,26,0.34);\n box-shadow:\n 0 22px 36px rgba(17, 17, 16, 0.16),\n 0 0 0 1px rgba(139,26,26,0.12),\n 0 1px 0 rgba(255,255,255,0.95) inset;\n }\n\n .card:hover .card-media {\n transform: scale(1.06);\n }\n\n .card-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n min-height: 36px;\n }\n\n .card-tag {\n display: inline-flex;\n border-radius: 999px;\n padding: 7px 12px;\n font-size: 11px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n font-weight: 800;\n color: #2a3039;\n background: var(--chip);\n border: 1px solid rgba(170, 156, 138, 0.5);\n box-shadow:\n 0 6px 12px rgba(17,17,16,0.10),\n inset 0 1px 0 rgba(255,255,255,0.84);\n white-space: nowrap;\n max-width: calc(100% - 42px);\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .card-icon {\n position: relative;\n width: 36px;\n height: 36px;\n border-radius: 12px;\n border: 1px solid rgba(169, 154, 136, 0.46);\n background: rgba(255,255,255,0.82);\n box-shadow:\n 0 6px 10px rgba(17,17,16,0.10),\n inset 0 1px 0 rgba(255,255,255,0.92);\n pointer-events: none;\n flex: 0 0 auto;\n }\n\n .card-icon::before {\n content: \"\";\n position: absolute;\n inset: 7px;\n background-image: var(--icon-svg);\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n filter: brightness(0) saturate(100%) invert(15%) sepia(30%) saturate(1350%) hue-rotate(339deg) brightness(96%) contrast(94%);\n opacity: 0.72;\n }\n\n .card-body {\n position: relative;\n margin-top: auto;\n display: grid;\n gap: 8px;\n padding-top: 18px;\n }\n\n .card h3 {\n margin: 0;\n font-family: var(--font-ui);\n font-size: clamp(20px, 1.6vw, 30px);\n letter-spacing: -0.02em;\n line-height: 1.04;\n color: #ffffff !important;\n text-wrap: normal;\n white-space: nowrap;\n max-width: none;\n overflow: hidden;\n text-overflow: ellipsis;\n text-shadow: 0 10px 26px rgba(0, 0, 0, 0.46);\n }\n\n .card-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 11px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.9);\n text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n }\n\n .card-link::after {\n content: \"\\2197\";\n font-size: 12px;\n line-height: 1;\n transform: translateY(-1px);\n }\n\n .card-no {\n position: absolute;\n right: 10px;\n bottom: 8px;\n font-family: var(--font-ui);\n font-size: clamp(34px, 2.4vw, 42px);\n line-height: 1;\n letter-spacing: -0.02em;\n font-weight: 800;\n color: rgba(255, 255, 255, 0.26);\n pointer-events: none;\n text-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);\n }\n\n .card.card-living {\n --card-accent: #8b1a1a;\n --card-accent-soft: rgba(193, 73, 73, 0.28);\n --icon-svg: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='6' rx='1.5'\/%3E%3Cpath d='M5 11V8a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3'\/%3E%3Cpath d='M3 17v2M21 17v2'\/%3E%3C\/svg%3E\");\n }\n\n .card.card-bedroom {\n --card-accent: #8f5221;\n --card-accent-soft: rgba(198, 146, 92, 0.28);\n --icon-svg: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18v5H3z'\/%3E%3Cpath d='M5 12V9a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3'\/%3E%3Cpath d='M3 17v2M21 17v2'\/%3E%3C\/svg%3E\");\n }\n\n .card.card-dining {\n --card-accent: #2a5b7a;\n --card-accent-soft: rgba(79, 146, 183, 0.28);\n --icon-svg: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='9' width='16' height='4' rx='1'\/%3E%3Cpath d='M7 13v6M17 13v6M3 19h4M17 19h4'\/%3E%3C\/svg%3E\");\n }\n\n .card.card-bathroom {\n --card-accent: #2e6b58;\n --card-accent-soft: rgba(96, 166, 136, 0.26);\n --icon-svg: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c3 4 5 6.3 5 9a5 5 0 1 1-10 0c0-2.7 2-5 5-9z'\/%3E%3C\/svg%3E\");\n }\n\n .card.card-study {\n --card-accent: #4f4a75;\n --card-accent-soft: rgba(125, 114, 184, 0.28);\n --icon-svg: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h8a3 3 0 0 1 3 3v9H7a3 3 0 0 0-3 3z'\/%3E%3Cpath d='M20 6h-8a3 3 0 0 0-3 3v9h8a3 3 0 0 1 3 3z'\/%3E%3C\/svg%3E\");\n }\n\n .card.card-ornament {\n --card-accent: #7a5531;\n --card-accent-soft: rgba(174, 133, 92, 0.28);\n --icon-svg: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v3'\/%3E%3Cpath d='M8 10h8'\/%3E%3Cpath d='M7 21h10'\/%3E%3Cpath d='M12 6c3.5 0 6 2.6 6 6.2 0 3.2-2 5.2-3.8 6.8h-4.4C8 17.4 6 15.4 6 12.2 6 8.6 8.5 6 12 6z'\/%3E%3C\/svg%3E\");\n }\n\n @media (max-width: 1080px) {\n .grid-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n }\n\n .section-decision,\n .section-lifecycle,\n .section-compliance,\n .section-faq,\n .footer-cta {\n content-visibility: auto;\n contain-intrinsic-size: 1px 860px;\n }\n\n #categories .grid-5 {\n content-visibility: auto;\n contain-intrinsic-size: 1px 880px;\n }\n\n .grid-2 {\n display: grid;\n gap: 12px;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .value {\n border: 1px solid rgba(186, 172, 153, 0.58);\n border-radius: 14px;\n background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(245,241,235,0.82));\n padding: 16px;\n box-shadow: 0 8px 16px rgba(17,17,16,0.07);\n }\n\n .value h3 {\n margin: 0 0 6px;\n font-size: 20px;\n line-height: 1.2;\n color: #1f1b17;\n }\n\n .value p {\n margin: 0;\n color: #514c43;\n font-size: 15px;\n }\n\n .journey {\n display: grid;\n gap: 12px;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .step {\n position: relative;\n border: 1px solid rgba(186, 172, 153, 0.6);\n border-radius: 14px;\n background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(245,241,235,0.8));\n padding: 16px;\n overflow: hidden;\n }\n\n .step::before {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n height: 4px;\n background: linear-gradient(90deg, #b92828, #8b1a1a, #651313);\n }\n\n .step .k {\n margin: 4px 0 6px;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: #7a7063;\n font-weight: 800;\n }\n\n .step h3 {\n margin: 0 0 6px;\n font-size: 24px;\n line-height: 1.15;\n letter-spacing: -0.01em;\n font-family: \"Sora\", \"Manrope\", sans-serif;\n }\n\n .step p {\n margin: 0;\n color: #504b42;\n font-size: 15px;\n }\n\n .compliance {\n border-left: 5px solid var(--ok);\n border: 1px solid rgba(87, 132, 108, 0.42);\n background:\n linear-gradient(180deg, rgba(245, 252, 247, 0.92), rgba(232, 246, 237, 0.86)),\n linear-gradient(140deg, rgba(44, 102, 73, 0.08), rgba(44, 102, 73, 0));\n border-radius: 12px;\n padding: 14px 16px;\n }\n\n .compliance h3 {\n margin: 0 0 6px;\n font-size: 22px;\n color: #17492b;\n font-family: \"Sora\", \"Manrope\", sans-serif;\n letter-spacing: -0.01em;\n }\n\n .compliance p {\n margin: 0;\n color: #2c4b39;\n font-size: 15px;\n }\n\n .faq {\n display: grid;\n gap: 10px;\n }\n\n details {\n border: 1px solid rgba(186, 172, 153, 0.64);\n border-radius: 12px;\n background: rgba(255,255,255,0.84);\n padding: 12px 14px;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n }\n\n details[open] {\n border-color: rgba(139, 26, 26, 0.42);\n box-shadow: 0 8px 18px rgba(139, 26, 26, 0.12);\n }\n\n summary {\n cursor: pointer;\n font-size: 18px;\n line-height: 1.35;\n font-weight: 800;\n color: #211e19;\n list-style: none;\n position: relative;\n padding-right: 28px;\n }\n\n summary::-webkit-details-marker { display: none; }\n\n summary::after {\n content: \"+\";\n position: absolute;\n right: 0;\n top: 0;\n color: var(--brand);\n font-size: 20px;\n line-height: 1;\n font-weight: 700;\n }\n\n details[open] summary::after { content: \"-\"; }\n\n details p {\n margin: 10px 0 0;\n color: #4d473f;\n font-size: 15px;\n }\n\n .footer-cta {\n text-align: center;\n margin: 8px 0 26px;\n }\n\n .footer-cta .panel {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.9), rgba(244,239,231,0.84)),\n linear-gradient(140deg, rgba(139,26,26,0.10), rgba(139,26,26,0));\n }\n\n .pill-links {\n margin-top: 12px;\n display: flex;\n justify-content: center;\n gap: 8px;\n flex-wrap: wrap;\n }\n\n .pill-links a {\n display: inline-flex;\n text-decoration: none;\n color: #2b2722;\n border: 1px solid rgba(170, 156, 139, 0.64);\n border-radius: 999px;\n background: rgba(255,255,255,0.86);\n padding: 8px 14px;\n font-size: 12px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n font-weight: 800;\n transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n }\n\n .pill-links a:hover {\n transform: translateY(-2px);\n border-color: rgba(139, 26, 26, 0.52);\n box-shadow: 0 8px 16px rgba(139, 26, 26, 0.14);\n }\n\n \/* Dynamic iOS-like visual layer for business sections *\/\n .panel-kinetic {\n isolation: isolate;\n overflow: hidden;\n }\n\n .panel-kinetic > * {\n position: relative;\n z-index: 1;\n }\n\n .panel-kinetic::after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n width: 38%;\n left: -42%;\n pointer-events: none;\n background: linear-gradient(100deg, rgba(255,255,255,0) 10%, rgba(255,255,255,0.36) 50%, rgba(255,255,255,0) 88%);\n mix-blend-mode: screen;\n z-index: 0;\n }\n\n .panel-decision {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.92), rgba(244,240,233,0.86)),\n radial-gradient(130% 90% at 88% -10%, rgba(139,26,26,0.15), rgba(139,26,26,0) 60%);\n }\n\n .panel-decision .value {\n position: relative;\n background:\n linear-gradient(180deg, rgba(255,255,255,0.90), rgba(241,236,229,0.84)),\n linear-gradient(145deg, rgba(139,26,26,0.08), rgba(139,26,26,0));\n border-color: rgba(176, 161, 142, 0.64);\n box-shadow:\n 0 10px 18px rgba(17,17,16,0.08),\n 0 1px 0 rgba(255,255,255,0.8) inset;\n transform: translateY(0);\n transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\n z-index: 1;\n }\n\n .panel-decision .value::before {\n content: \"\";\n position: absolute;\n left: 16px;\n top: 16px;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: linear-gradient(180deg, #c52d2d, #8b1a1a);\n box-shadow: 0 0 0 4px rgba(139,26,26,0.14);\n }\n\n .panel-decision .value h3 {\n padding-left: 18px;\n }\n\n .panel-decision .value:hover {\n transform: translateY(-4px) scale(1.012);\n border-color: rgba(139,26,26,0.45);\n box-shadow:\n 0 16px 26px rgba(17,17,16,0.14),\n 0 0 0 1px rgba(139,26,26,0.18),\n 0 1px 0 rgba(255,255,255,0.85) inset;\n }\n\n .panel-lifecycle {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.92), rgba(244,240,233,0.86)),\n radial-gradient(120% 110% at 8% 0%, rgba(80, 30, 122, 0.08), rgba(80, 30, 122, 0) 58%);\n }\n\n .panel-lifecycle .journey {\n position: relative;\n padding-top: 6px;\n }\n\n .panel-lifecycle .journey::before {\n content: \"\";\n position: absolute;\n left: 4%;\n right: 4%;\n top: 0;\n height: 2px;\n background: linear-gradient(90deg, rgba(139,26,26,0.1), rgba(139,26,26,0.7), rgba(139,26,26,0.1));\n }\n\n .panel-lifecycle .step {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.93), rgba(243,239,232,0.84)),\n linear-gradient(145deg, rgba(139,26,26,0.08), rgba(139,26,26,0));\n border-color: rgba(178, 162, 143, 0.68);\n box-shadow: 0 12px 20px rgba(17,17,16,0.08);\n transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\n z-index: 1;\n }\n\n .panel-lifecycle .step::after {\n content: attr(data-step);\n position: absolute;\n right: 14px;\n top: 10px;\n font-family: \"Sora\", \"Manrope\", sans-serif;\n font-size: 20px;\n font-weight: 800;\n letter-spacing: -0.02em;\n color: rgba(139,26,26,0.26);\n text-shadow: 0 1px 0 rgba(255,255,255,0.7);\n }\n\n .panel-lifecycle .step:hover {\n transform: translateY(-5px) scale(1.01);\n border-color: rgba(139,26,26,0.42);\n box-shadow:\n 0 20px 28px rgba(17,17,16,0.15),\n 0 0 0 1px rgba(139,26,26,0.16);\n }\n\n .panel-compliance {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.92), rgba(244,240,233,0.84)),\n radial-gradient(120% 120% at 90% 12%, rgba(27, 103, 67, 0.12), rgba(27,103,67,0) 60%);\n }\n\n .panel-compliance .compliance {\n position: relative;\n overflow: hidden;\n box-shadow:\n 0 12px 22px rgba(22,78,52,0.12),\n 0 1px 0 rgba(255,255,255,0.7) inset;\n }\n\n .panel-compliance .compliance::after {\n content: \"\";\n position: absolute;\n inset: -30% -40%;\n background: radial-gradient(circle at 70% 30%, rgba(255,255,255,0.38), rgba(255,255,255,0) 58%);\n pointer-events: none;\n }\n\n .panel-faq {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.93), rgba(244,239,232,0.86)),\n radial-gradient(120% 95% at 10% 0%, rgba(139,26,26,0.10), rgba(139,26,26,0) 55%);\n }\n\n .panel-faq details {\n position: relative;\n overflow: hidden;\n background:\n linear-gradient(180deg, rgba(255,255,255,0.92), rgba(246,242,236,0.84)),\n linear-gradient(145deg, rgba(139,26,26,0.05), rgba(139,26,26,0));\n border-color: rgba(182, 167, 149, 0.66);\n }\n\n .panel-faq details::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 0;\n background: linear-gradient(180deg, rgba(181,32,32,0.95), rgba(139,26,26,0.75));\n transition: width 0.24s ease;\n }\n\n .panel-faq details[open]::before {\n width: 4px;\n }\n\n .panel-faq summary::after {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n background: rgba(139,26,26,0.08);\n top: 1px;\n }\n\n .panel-faq details[open] p {\n }\n\n .panel-routing {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.92), rgba(243,238,230,0.84)),\n radial-gradient(120% 90% at 88% 0%, rgba(139,26,26,0.12), rgba(139,26,26,0) 56%);\n }\n\n .panel-routing .pill-links a {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,240,234,0.9)),\n linear-gradient(135deg, rgba(139,26,26,0.07), rgba(139,26,26,0));\n border-color: rgba(173, 158, 139, 0.7);\n box-shadow: 0 6px 12px rgba(17,17,16,0.08);\n }\n\n .panel-routing .pill-links a:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow:\n 0 10px 18px rgba(139,26,26,0.16),\n 0 0 0 1px rgba(139,26,26,0.14);\n }\n\n @media (max-width: 1080px) {\n .hero-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .card { min-height: 220px; }\n .grid-2 { grid-template-columns: 1fr; }\n .journey { grid-template-columns: 1fr; }\n }\n\n @media (max-width: 760px) {\n body {\n background:\n radial-gradient(125% 90% at 50% -6%, rgba(255,255,255,0.86) 0%, rgba(255,255,255,0) 60%),\n radial-gradient(90% 90% at 84% 8%, rgba(139,26,26,0.12), rgba(139,26,26,0) 56%),\n radial-gradient(90% 100% at 10% 88%, rgba(38,78,116,0.11), rgba(38,78,116,0) 60%),\n linear-gradient(180deg, #f5f7fb, #e7ebf2);\n }\n\n .hub {\n width: min(1240px, 100% - 18px);\n padding-top: 14px;\n padding-bottom: 26px;\n }\n\n .hero {\n border-radius: 18px;\n padding: 18px 12px 16px;\n border-color: rgba(179, 162, 143, 0.56);\n box-shadow:\n 0 20px 34px rgba(21, 18, 15, 0.16),\n 0 1px 0 rgba(255,255,255,0.86) inset,\n 0 -1px 0 rgba(167, 150, 130, 0.34) inset;\n }\n\n .hero-emboss,\n .hero::before,\n .hero::after,\n .panel::before {\n display: none !important;\n }\n\n .hero,\n .panel,\n .card-tag,\n .card-icon {\n backdrop-filter: none !important;\n -webkit-backdrop-filter: none !important;\n }\n\n .hero::before {\n width: 220px;\n height: 220px;\n right: -95px;\n top: -90px;\n }\n\n .hero::after {\n width: 180px;\n height: 180px;\n left: -72px;\n bottom: -80px;\n }\n\n h1 {\n font-size: clamp(24px, 7.2vw, 34px);\n line-height: 1.08;\n letter-spacing: -0.018em;\n text-wrap: balance;\n }\n\n .hero p {\n max-width: 34ch;\n font-size: 15px;\n line-height: 1.44;\n text-wrap: pretty;\n }\n\n .eyebrow {\n padding: 7px 13px;\n font-size: 10px;\n letter-spacing: 0.11em;\n }\n\n .cta-row {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n max-width: 560px;\n margin: 18px auto 0;\n }\n\n .btn {\n width: 100%;\n max-width: none;\n min-height: 44px;\n padding: 10px 12px;\n border-radius: 999px;\n font-size: 13px;\n letter-spacing: 0.01em;\n }\n\n .btn-primary {\n box-shadow:\n 0 10px 18px rgba(139,26,26,0.26),\n 0 1px 0 rgba(255,255,255,0.22) inset;\n }\n\n .btn-ghost {\n background: rgba(255,255,255,0.92);\n }\n\n .hero-metrics {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n margin-top: 14px;\n }\n\n .metric {\n padding: 8px 7px;\n border-radius: 12px;\n background: rgba(255,255,255,0.78);\n border-color: rgba(177, 162, 145, 0.58);\n }\n\n .metric b {\n font-size: 20px;\n }\n\n .metric span {\n font-size: 10px;\n letter-spacing: 0.08em;\n }\n\n .section {\n padding: 10px 0;\n }\n\n .card::before,\n .card::after {\n animation: none !important;\n }\n\n .card-media {\n transition: none !important;\n }\n\n .panel {\n border-radius: 16px;\n padding: 14px 12px;\n box-shadow:\n 0 12px 20px rgba(17,17,16,0.09),\n 0 1px 0 rgba(255,255,255,0.86) inset;\n }\n\n .panel::before {\n width: 140px;\n height: 140px;\n right: -44px;\n top: -52px;\n opacity: 0.86;\n }\n\n .kicker {\n font-size: 10px;\n letter-spacing: 0.1em;\n margin-bottom: 6px;\n }\n\n .grid-5 {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n grid-auto-rows: 186px;\n grid-auto-flow: row;\n gap: 8px;\n }\n\n .grid-5 .card {\n width: 100%;\n height: 100%;\n min-height: 0;\n aspect-ratio: auto;\n grid-column: auto;\n align-self: stretch;\n justify-self: stretch;\n border-radius: 14px;\n padding: 10px;\n }\n\n \/* Hard override to neutralize any older cached nth-child sizing rules *\/\n .grid-5 .card:nth-child(-n+2) {\n width: 100% !important;\n height: 100% !important;\n min-height: 0 !important;\n grid-column: auto !important;\n }\n\n .card-head {\n min-height: 28px;\n }\n\n .card-tag {\n padding: 4px 8px;\n font-size: 9px;\n letter-spacing: 0.07em;\n }\n\n .card-icon {\n width: 27px;\n height: 27px;\n border-radius: 9px;\n }\n\n .card-icon::before {\n inset: 5px;\n }\n\n .card-body {\n padding-top: 10px;\n gap: 4px;\n }\n\n .card h3 {\n font-size: clamp(16px, 4.6vw, 22px);\n line-height: 1.08;\n white-space: normal;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n .card-link {\n font-size: 9px;\n letter-spacing: 0.09em;\n }\n\n .card-no {\n font-size: 24px;\n right: 6px;\n bottom: 4px;\n }\n\n .grid-2, .journey {\n gap: 9px;\n }\n\n .value, .step {\n border-radius: 12px;\n padding: 12px;\n }\n\n .value h3 {\n font-size: 18px;\n }\n\n .value p,\n .step p {\n font-size: 14px;\n }\n\n .step h3 {\n font-size: 24px;\n line-height: 1.06;\n }\n\n .compliance {\n padding: 12px 12px 12px 13px;\n }\n\n .compliance h3 {\n font-size: 21px;\n }\n\n .compliance p {\n font-size: 14px;\n }\n\n .faq {\n gap: 8px;\n }\n\n details {\n border-radius: 11px;\n padding: 10px 12px;\n }\n\n summary {\n font-size: 16px;\n line-height: 1.35;\n padding-right: 24px;\n }\n\n details p {\n font-size: 14px;\n margin-top: 8px;\n }\n\n .pill-links {\n gap: 6px;\n }\n\n .pill-links a {\n padding: 7px 10px;\n font-size: 10px;\n letter-spacing: 0.08em;\n }\n\n .section h2 {\n font-size: clamp(21px, 6.6vw, 28px);\n line-height: 1.14;\n letter-spacing: -0.015em;\n }\n\n .sub {\n font-size: 14px;\n line-height: 1.5;\n }\n }\n\n @media (max-width: 460px) {\n .cta-row {\n grid-template-columns: 1fr;\n }\n\n .btn {\n min-height: 42px;\n }\n\n .grid-5 .card {\n height: 100%;\n min-height: 0;\n grid-column: auto;\n }\n .grid-5 { grid-auto-rows: 172px; }\n .grid-5 .card:nth-child(-n+2) {\n width: 100% !important;\n height: 100% !important;\n min-height: 0 !important;\n grid-column: auto !important;\n }\n\n h1 {\n font-size: clamp(22px, 6.8vw, 30px);\n }\n\n .section h2 {\n font-size: clamp(20px, 6.2vw, 26px);\n }\n }\n\n @media (max-width: 320px) {\n .grid-5 {\n grid-template-columns: 1fr;\n grid-auto-rows: 188px;\n }\n .grid-5 .card {\n height: 100%;\n min-height: 0;\n grid-column: auto;\n }\n .grid-5 .card:nth-child(-n+2) {\n width: 100% !important;\n height: 100% !important;\n min-height: 0 !important;\n grid-column: auto !important;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation: none !important;\n transition: none !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <script data-no-optimize=\"1\">\n try {\n sessionStorage.setItem(\"litespeed_reloaded\", \"1\");\n } catch (e) {}\n <\/script>\n\n <main class=\"hub\">\n <section class=\"hero\">\n <span class=\"hero-emboss\" aria-hidden=\"true\"><\/span>\n <span class=\"eyebrow\">HUAYI Product Hub<\/span>\n <h1>Product Programs Built For Real-World Use<\/h1>\n <p>\n This is the central product entry for buyers who evaluate practicality, material reliability, process consistency,\n legal documentation, and EU market alignment before committing to volume orders.\n <\/p>\n <div class=\"cta-row\">\n <a class=\"btn btn-primary\" href=\"#categories\">View Product Categories<\/a>\n <a class=\"btn btn-ghost\" href=\"\/contact-us\/\">Request Technical Pack<\/a>\n <\/div>\n <div class=\"hero-metrics\">\n <div class=\"metric\">\n <b>6<\/b>\n <span>Core Programs<\/span>\n <\/div>\n <div class=\"metric\">\n <b>20+ Years<\/b>\n <span>Factory Practice<\/span>\n <\/div>\n <div class=\"metric\">\n <b>EU Ready<\/b>\n <span>Document Support<\/span>\n <\/div>\n <div class=\"metric\">\n <b>OEM ODM<\/b>\n <span>Built To Scale<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"categories\" class=\"section\">\n <div class=\"panel\">\n <p class=\"kicker\">Category Matrix<\/p>\n <h2>Six Category Programs<\/h2>\n <p class=\"sub\">Use these links to access category-level pages with detailed product sets.<\/p>\n\n <div class=\"grid-5\">\n <a class=\"card card-living\" href=\"https:\/\/hywoodfurniture.com\/livingroom\/\">\n <span class=\"card-media\" aria-hidden=\"true\">\n <img loading=\"lazy\"\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_showroom-150x150.webp\"\n srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_showroom-150x150.webp 150w\"\n sizes=\"auto, 140px\"\n alt=\"\"\n loading=\"lazy\"\n decoding=\"async\"\n fetchpriority=\"low\"\n width=\"150\"\n height=\"150\"\n \/>\n <\/span>\n <div class=\"card-head\">\n <span class=\"card-tag\">High Frequency<\/span>\n <span class=\"card-icon\" aria-hidden=\"true\"><\/span>\n <\/div>\n <div class=\"card-body\">\n <h3>Living Room<\/h3>\n <span class=\"card-link\">View Program<\/span>\n <\/div>\n <span class=\"card-no\">01<\/span>\n <\/a>\n\n <a class=\"card card-bedroom\" href=\"https:\/\/hywoodfurniture.com\/bedroom\/\">\n <span class=\"card-media\" aria-hidden=\"true\">\n <img loading=\"lazy\"\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/23-150x150.webp\"\n srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/23-150x150.webp 150w\"\n sizes=\"auto, 140px\"\n alt=\"\"\n loading=\"lazy\"\n decoding=\"async\"\n fetchpriority=\"low\"\n width=\"150\"\n height=\"150\"\n \/>\n <\/span>\n <div class=\"card-head\">\n <span class=\"card-tag\">Storage Logic<\/span>\n <span class=\"card-icon\" aria-hidden=\"true\"><\/span>\n <\/div>\n <div class=\"card-body\">\n <h3>Bedroom<\/h3>\n <span class=\"card-link\">View Program<\/span>\n <\/div>\n <span class=\"card-no\">02<\/span>\n <\/a>\n\n <a class=\"card card-dining\" href=\"https:\/\/hywoodfurniture.com\/diningroom\/\">\n <span class=\"card-media\" aria-hidden=\"true\">\n <img loading=\"lazy\"\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/ComfyUI_00001_craxe_1775722341-150x150.webp\"\n srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/ComfyUI_00001_craxe_1775722341-150x150.webp 150w\"\n sizes=\"auto, 140px\"\n alt=\"\"\n loading=\"lazy\"\n decoding=\"async\"\n fetchpriority=\"low\"\n width=\"150\"\n height=\"150\"\n \/>\n <\/span>\n <div class=\"card-head\">\n <span class=\"card-tag\">Durability Use<\/span>\n <span class=\"card-icon\" aria-hidden=\"true\"><\/span>\n <\/div>\n <div class=\"card-body\">\n <h3>Dining Room<\/h3>\n <span class=\"card-link\">View Program<\/span>\n <\/div>\n <span class=\"card-no\">03<\/span>\n <\/a>\n\n <a class=\"card card-bathroom\" href=\"https:\/\/hywoodfurniture.com\/bathroom\/\">\n <span class=\"card-media\" aria-hidden=\"true\">\n <img loading=\"lazy\"\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_showroom-150x150.webp\"\n srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_showroom-150x150.webp 150w\"\n sizes=\"auto, 140px\"\n alt=\"\"\n loading=\"lazy\"\n decoding=\"async\"\n fetchpriority=\"low\"\n width=\"150\"\n height=\"150\"\n \/>\n <\/span>\n <div class=\"card-head\">\n <span class=\"card-tag\">Moisture Focus<\/span>\n <span class=\"card-icon\" aria-hidden=\"true\"><\/span>\n <\/div>\n <div class=\"card-body\">\n <h3>Bathroom<\/h3>\n <span class=\"card-link\">View Program<\/span>\n <\/div>\n <span class=\"card-no\">04<\/span>\n <\/a>\n\n <a class=\"card card-study\" href=\"https:\/\/hywoodfurniture.com\/studyroom\/\">\n <span class=\"card-media\" aria-hidden=\"true\">\n <img loading=\"lazy\"\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_production-150x150.webp\"\n srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_production-150x150.webp 150w\"\n sizes=\"auto, 140px\"\n alt=\"\"\n loading=\"lazy\"\n decoding=\"async\"\n fetchpriority=\"low\"\n width=\"150\"\n height=\"150\"\n \/>\n <\/span>\n <div class=\"card-head\">\n <span class=\"card-tag\">Work Efficiency<\/span>\n <span class=\"card-icon\" aria-hidden=\"true\"><\/span>\n <\/div>\n <div class=\"card-body\">\n <h3>Study Room<\/h3>\n <span class=\"card-link\">View Program<\/span>\n <\/div>\n <span class=\"card-no\">05<\/span>\n <\/a>\n\n <a class=\"card card-ornament\" href=\"https:\/\/hywoodfurniture.com\/wooden-ornament\/\">\n <span class=\"card-media\" aria-hidden=\"true\">\n <img loading=\"lazy\"\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/ComfyUI_00001_craxe_1775722341-150x150.webp\"\n srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/ComfyUI_00001_craxe_1775722341-150x150.webp 150w\"\n sizes=\"auto, 140px\"\n alt=\"\"\n loading=\"lazy\"\n decoding=\"async\"\n fetchpriority=\"low\"\n width=\"150\"\n height=\"150\"\n \/>\n <\/span>\n <div class=\"card-head\">\n <span class=\"card-tag\">Craft Detail<\/span>\n <span class=\"card-icon\" aria-hidden=\"true\"><\/span>\n <\/div>\n <div class=\"card-body\">\n <h3>Wooden Ornament<\/h3>\n <span class=\"card-link\">View Program<\/span>\n <\/div>\n <span class=\"card-no\">06<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section section-decision\">\n <div class=\"panel panel-decision panel-kinetic\">\n <p class=\"kicker\">How Buyers Decide<\/p>\n <h2>Decision Framework For Professional Buyers<\/h2>\n <p class=\"sub\">This section is intentionally different from category pages. It explains procurement logic rather than repeating model-level product content.<\/p>\n\n <div class=\"grid-2\">\n <article class=\"value\">\n <h3>Practical Performance<\/h3>\n <p>Program definitions are based on real use conditions: load behavior, cleaning frequency, installation environment, and serviceability.<\/p>\n <\/article>\n <article class=\"value\">\n <h3>Material Integrity<\/h3>\n <p>Material routes, moisture control, and substrate selection are managed by application requirements, not appearance alone.<\/p>\n <\/article>\n <article class=\"value\">\n <h3>Process Consistency<\/h3>\n <p>From CNC tolerance control to coating stability and final inspection checkpoints, process repeatability is built into production flow.<\/p>\n <\/article>\n <article class=\"value\">\n <h3>Legal Documentation Readiness<\/h3>\n <p>Documentation can be structured for customer due diligence, import workflows, and contract-level compliance review.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section section-lifecycle\">\n <div class=\"panel panel-lifecycle panel-kinetic\">\n <p class=\"kicker\">Service Lifecycle<\/p>\n <h2>Support Across The Full Commercial Cycle<\/h2>\n <p class=\"sub\">Coverage includes pre-sales technical alignment, in-production visibility, and after-sales response standards.<\/p>\n\n <div class=\"journey\">\n <article class=\"step\" data-step=\"01\">\n <p class=\"k\">Pre-Sales<\/p>\n <h3>Requirement Mapping<\/h3>\n <p>We align dimensions, materials, packaging logic, and target price structure before sample confirmation.<\/p>\n <\/article>\n <article class=\"step\" data-step=\"02\">\n <p class=\"k\">In-Production<\/p>\n <h3>Execution Visibility<\/h3>\n <p>Milestones, quality checkpoints, and issue-prevention controls are tracked through the production cycle.<\/p>\n <\/article>\n <article class=\"step\" data-step=\"03\">\n <p class=\"k\">After-Sales<\/p>\n <h3>Resolution Workflow<\/h3>\n <p>Spare-part logic, response timelines, and corrective action closure are handled through a defined support process.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section section-compliance\">\n <div class=\"panel panel-compliance panel-kinetic\">\n <div class=\"compliance\">\n <h3>EU-Oriented Compliance Support<\/h3>\n <p>For EU-facing projects, program setup supports sourcing traceability workflows, testing-reference readiness, and shipment documentation consistency to reduce compliance friction before and after purchase orders.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section section-faq\">\n <div class=\"panel panel-faq panel-kinetic\">\n <p class=\"kicker\">Decision Q and A<\/p>\n <h2>Buyer FAQ<\/h2>\n <div class=\"faq\">\n <details>\n <summary>Can one program be adapted for different markets?<\/summary>\n <p>Yes. Program architecture can be adjusted for market-specific material, packaging, and documentation requirements while maintaining consistent manufacturing controls.<\/p>\n <\/details>\n <details>\n <summary>How do you manage consistency in bulk production?<\/summary>\n <p>Consistency is controlled through fixed process checkpoints, dimensional tolerances, coating process control, and final QC records tied to each shipment batch.<\/p>\n <\/details>\n <details>\n <summary>What compliance documents can be prepared before shipment?<\/summary>\n <p>Document sets are arranged based on customer and destination requirements, including sourcing traceability support and testing-reference material where applicable.<\/p>\n <\/details>\n <details>\n <summary>How are post-delivery claims handled?<\/summary>\n <p>Claims are processed through a defined response flow with issue classification, evidence review, corrective action planning, and closure tracking.<\/p>\n <\/details>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"footer-cta\">\n <div class=\"panel panel-routing panel-kinetic\">\n <p class=\"kicker\">Quick Routing<\/p>\n <h2 style=\"margin: 0 0 8px;\">Need Category-Level Details?<\/h2>\n <p class=\"sub\" style=\"margin: 0 auto 8px;\">Jump to a specific program page or contact us for a structured technical package.<\/p>\n <div class=\"pill-links\">\n <a href=\"https:\/\/hywoodfurniture.com\/livingroom\/\">Living Room<\/a>\n <a href=\"https:\/\/hywoodfurniture.com\/bedroom\/\">Bedroom<\/a>\n <a href=\"https:\/\/hywoodfurniture.com\/diningroom\/\">Dining Room<\/a>\n <a href=\"https:\/\/hywoodfurniture.com\/bathroom\/\">Bathroom<\/a>\n <a href=\"https:\/\/hywoodfurniture.com\/studyroom\/\">Study Room<\/a>\n <a href=\"https:\/\/hywoodfurniture.com\/wooden-ornament\/\">Wooden Ornament<\/a>\n <a href=\"\/contact-us\/\">Contact Sales<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"CollectionPage\",\n \"name\": \"Solid Wood Furniture Programs | HUAYI OEM\/ODM for EU and Global Brands\",\n \"url\": \"https:\/\/www.hywoodfurniture.com\/products\",\n \"description\": \"Central product hub for living room, bedroom, dining room, bathroom, study room, and wooden ornament furniture programs with practical performance, material integrity, process consistency, and EU-oriented compliance support.\",\n \"hasPart\": [\n {\n \"@type\": \"WebPage\",\n \"name\": \"Living Room Program\",\n \"url\": \"https:\/\/hywoodfurniture.com\/livingroom\/\"\n },\n {\n \"@type\": \"WebPage\",\n \"name\": \"Bedroom Program\",\n \"url\": \"https:\/\/hywoodfurniture.com\/bedroom\/\"\n },\n {\n \"@type\": \"WebPage\",\n \"name\": \"Dining Room Program\",\n \"url\": \"https:\/\/hywoodfurniture.com\/diningroom\/\"\n },\n {\n \"@type\": \"WebPage\",\n \"name\": \"Bathroom Program\",\n \"url\": \"https:\/\/hywoodfurniture.com\/bathroom\/\"\n },\n {\n \"@type\": \"WebPage\",\n \"name\": \"Study Room Program\",\n \"url\": \"https:\/\/hywoodfurniture.com\/studyroom\/\"\n },\n {\n \"@type\": \"WebPage\",\n \"name\": \"Wooden Ornament Program\",\n \"url\": \"https:\/\/hywoodfurniture.com\/wooden-ornament\/\"\n }\n ]\n }\n <\/script>\n\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Can one program be adapted for different markets?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. Program architecture can be adjusted for market-specific material, packaging, and documentation requirements while maintaining consistent manufacturing controls.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How do you manage consistency in bulk production?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Consistency is controlled through fixed process checkpoints, dimensional tolerances, coating process control, and final QC records tied to each shipment batch.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What compliance documents can be prepared before shipment?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Document sets are arranged based on customer and destination requirements, including sourcing traceability support and testing-reference material where applicable.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How are post-delivery claims handled?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Claims are processed through a defined response flow with issue classification, evidence review, corrective action planning, and closure tracking.\"\n }\n }\n ]\n }\n <\/script>\n<\/body>\n<\/html>\n\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>D\u00e9couvrez les programmes de meubles en bois massif Huayi dans les cat\u00e9gories salon, chambre \u00e0 coucher, salle \u00e0 manger, salle de bain, bureau et d\u00e9coration pour les projets de vente en gros OEM et ODM.<\/p>","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-1737","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages\/1737","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=1737"}],"version-history":[{"count":97,"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages\/1737\/revisions"}],"predecessor-version":[{"id":2918,"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages\/1737\/revisions\/2918"}],"wp:attachment":[{"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/media?parent=1737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Solid Wood Furniture Programs | HUAYI OEM\/ODM for EU and Global Brands<\/title>\n <meta name=\"description\" content=\"Explore HUAYI solid wood furniture programs for living room, bedroom, dining room, bathroom, study room, and wooden ornament. Practical performance, reliable materials, stable manufacturing, and EU-ready compliance support from pre-sales to after-sales.\" \/>\n <meta name=\"robots\" content=\"index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1\" \/>\n <meta property=\"og:type\" content=\"website\" \/>\n <meta property=\"og:site_name\" content=\"HUAYI Furniture\" \/>\n <meta property=\"og:title\" content=\"Solid Wood Furniture Programs | HUAYI OEM\/ODM for EU and Global Brands\" \/>\n <meta property=\"og:description\" content=\"A central product hub for practical use scenarios, material integrity, process consistency, and EU market compliance readiness.\" \/>\n <meta property=\"og:url\" content=\"https:\/\/www.hywoodfurniture.com\/products\" \/>\n <meta property=\"og:image\" content=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_base.webp\" \/>\n <meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n <meta name=\"twitter:title\" content=\"Solid Wood Furniture Programs | HUAYI OEM\/ODM\" \/>\n <meta name=\"twitter:description\" content=\"One product hub, six categories, and full sourcing support from pre-sales to after-sales.\" \/>\n <meta name=\"twitter:image\" content=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_base.webp\" \/>\n <link rel=\"canonical\" href=\"https:\/\/www.hywoodfurniture.com\/products\" \/>\n <link rel=\"dns-prefetch\" href=\"\/\/hywoodfurniture.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/hywoodfurniture.com\" crossorigin \/>\n <link rel=\"preconnect\" href=\"https:\/\/www.hywoodfurniture.com\" crossorigin \/>\n <style>\n :root {\n --font-ui: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"SF Pro Display\", \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n --bg: #e9edf2;\n --bg-soft: #f8fafc;\n --ink: #181714;\n --muted: #56534d;\n --line: #d9d1c6;\n --panel: rgba(255, 255, 255, 0.84);\n --panel-strong: #ffffff;\n --brand: #8b1a1a;\n --brand-dark: #651313;\n --brand-glow: rgba(139, 26, 26, 0.26);\n --ok: #1f5f37;\n --shadow: 0 26px 52px rgba(20, 20, 20, 0.12);\n }\n\n * { box-sizing: border-box; }\n html, body { margin: 0; padding: 0; }\n\n body {\n font-family: var(--font-ui);\n color: var(--ink);\n background:\n radial-gradient(120% 80% at 50% -12%, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0) 62%),\n radial-gradient(90% 70% at 12% 14%, rgba(139, 26, 26, 0.09), rgba(139, 26, 26, 0) 56%),\n radial-gradient(100% 90% at 88% 84%, rgba(29, 56, 88, 0.10), rgba(29, 56, 88, 0) 58%),\n linear-gradient(180deg, var(--bg-soft), var(--bg));\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n body::before { content: none; }\n\n .hub {\n position: relative;\n width: min(1240px, 100% - 40px);\n margin: 0 auto;\n padding: 36px 0 42px;\n }\n\n .hero {\n position: relative;\n isolation: isolate;\n text-align: center;\n border: 1px solid rgba(185, 172, 158, 0.52);\n border-radius: 24px;\n padding: clamp(26px, 5vw, 56px) clamp(18px, 5vw, 60px) 30px;\n background:\n linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(244,238,230,0.88) 100%),\n linear-gradient(140deg, rgba(139,26,26,0.08) 0%, rgba(139,26,26,0) 56%);\n box-shadow:\n var(--shadow),\n 0 2px 0 rgba(255, 255, 255, 0.86) inset,\n 0 -2px 0 rgba(166, 150, 131, 0.38) inset,\n 0 -18px 44px rgba(139, 26, 26, 0.08) inset,\n 0 28px 44px rgba(21, 18, 15, 0.13);\n animation: none;\n }\n\n .hero > :not(.hero-emboss) {\n position: relative;\n z-index: 2;\n }\n\n .hero-emboss {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n z-index: 1;\n border: 1px solid rgba(255, 255, 255, 0.36);\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.8),\n inset 0 -1px 0 rgba(157, 140, 121, 0.34),\n inset 10px 10px 24px rgba(255, 255, 255, 0.22),\n inset -12px -14px 26px rgba(112, 95, 76, 0.12);\n background:\n radial-gradient(130% 85% at 50% -16%, rgba(255,255,255,0.5), rgba(255,255,255,0) 58%),\n linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0));\n }\n\n .hero::before,\n .hero::after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n z-index: -1;\n }\n\n .hero::before {\n width: 360px;\n height: 360px;\n right: -120px;\n top: -120px;\n background: radial-gradient(circle, rgba(139,26,26,0.2) 0%, rgba(139,26,26,0) 70%);\n filter: blur(3px);\n }\n\n .hero::after {\n width: 300px;\n height: 300px;\n left: -110px;\n bottom: -130px;\n background: radial-gradient(circle, rgba(38,78,116,0.18) 0%, rgba(38,78,116,0) 70%);\n filter: blur(2px);\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border-radius: 999px;\n border: 1px solid rgba(155, 141, 126, 0.56);\n background: rgba(255,255,255,0.82);\n padding: 8px 16px;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n font-weight: 800;\n color: #2f2a24;\n }\n\n h1 {\n margin: 16px auto 10px;\n max-width: 980px;\n font-family: var(--font-ui);\n font-size: clamp(34px, 5.4vw, 72px);\n line-height: 1.03;\n letter-spacing: -0.026em;\n font-weight: 800;\n color: var(--brand);\n text-shadow:\n 0 1px 0 rgba(255,255,255,0.8),\n 0 12px 30px rgba(93, 18, 18, 0.16);\n }\n\n .hero p {\n margin: 0 auto;\n max-width: 920px;\n color: #4f4a42;\n font-size: clamp(16px, 1.9vw, 26px);\n line-height: 1.55;\n }\n\n .cta-row {\n margin-top: 24px;\n display: flex;\n justify-content: center;\n gap: 12px;\n flex-wrap: wrap;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n border-radius: 999px;\n padding: 12px 24px;\n font-weight: 800;\n font-size: 14px;\n letter-spacing: 0.02em;\n border: 1px solid transparent;\n transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;\n }\n\n .btn:hover { transform: translateY(-2px); }\n\n .btn-primary {\n color: #fff;\n border-color: var(--brand-dark);\n background: linear-gradient(165deg, #ac2323 0%, var(--brand) 52%, var(--brand-dark) 100%);\n box-shadow:\n 0 12px 24px rgba(139, 26, 26, 0.28),\n inset 0 1px 0 rgba(255,255,255,0.24);\n }\n\n .btn-ghost {\n color: #282520;\n border-color: rgba(165, 153, 138, 0.7);\n background: rgba(255,255,255,0.82);\n }\n\n .hero-metrics {\n margin-top: 22px;\n display: grid;\n gap: 10px;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .metric {\n border: 1px solid rgba(168, 155, 139, 0.52);\n border-radius: 14px;\n padding: 10px;\n background: rgba(255, 255, 255, 0.66);\n }\n\n .metric b {\n display: block;\n font-family: var(--font-ui);\n font-size: clamp(18px, 2vw, 24px);\n line-height: 1.1;\n color: #1f1b17;\n margin-bottom: 2px;\n }\n\n .metric span {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #6a6359;\n font-weight: 700;\n }\n\n .section {\n padding: 16px 0;\n animation: none;\n }\n\n .panel {\n position: relative;\n background: var(--panel);\n border: 1px solid rgba(190, 176, 158, 0.58);\n border-radius: 20px;\n padding: clamp(18px, 2.4vw, 28px);\n box-shadow:\n 0 14px 30px rgba(18, 18, 18, 0.09),\n 0 1px 0 rgba(255,255,255,0.9) inset;\n overflow: hidden;\n }\n\n .panel::before {\n content: \"\";\n position: absolute;\n right: -80px;\n top: -80px;\n width: 220px;\n height: 220px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(139,26,26,0.14) 0%, rgba(139,26,26,0) 72%);\n pointer-events: none;\n }\n\n .section h2 {\n margin: 0 0 8px;\n font-family: var(--font-ui);\n font-size: clamp(26px, 3.6vw, 44px);\n line-height: 1.1;\n letter-spacing: -0.02em;\n color: #1f1a16;\n }\n\n .sub {\n margin: 0 0 16px;\n max-width: 980px;\n color: var(--muted);\n font-size: 16px;\n }\n\n .kicker {\n margin-bottom: 8px;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #7d7366;\n font-weight: 700;\n }\n\n .section > .panel > .kicker,\n .section > .panel > h2,\n .section > .panel > .sub {\n text-align: center;\n }\n\n .section > .panel > .sub {\n margin-left: auto;\n margin-right: auto;\n }\n\n .grid-5 {\n display: grid;\n gap: 14px;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n align-items: stretch;\n }\n\n .card {\n --card-accent: #8b1a1a;\n --card-accent-soft: rgba(139, 26, 26, 0.16);\n --card-bg-a: #dde4ee;\n --card-bg-b: #cfd8e4;\n --chip: rgba(255,255,255,0.92);\n position: relative;\n text-decoration: none;\n color: #ffffff;\n border-radius: 22px;\n min-height: 236px;\n overflow: hidden;\n border: 1px solid rgba(177, 165, 149, 0.56);\n background: linear-gradient(165deg, var(--card-bg-a) 0%, var(--card-bg-b) 100%);\n box-shadow:\n 0 18px 34px rgba(17, 17, 16, 0.12),\n 0 1px 0 rgba(255,255,255,0.94) inset,\n 0 -1px 0 rgba(170, 156, 138, 0.26) inset;\n transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.36s ease, border-color 0.36s ease;\n isolation: isolate;\n padding: 14px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .card-media {\n position: absolute;\n inset: 0;\n z-index: -4;\n transform: scale(1);\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n }\n\n .card-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n display: block;\n opacity: 1;\n transition: opacity 0.24s ease;\n }\n\n .card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(180deg, rgba(8, 12, 18, 0.08) 0%, rgba(8, 12, 18, 0.20) 36%, rgba(8, 12, 18, 0.58) 76%, rgba(8, 12, 18, 0.78) 100%),\n radial-gradient(190px 160px at 92% 8%, var(--card-accent-soft), rgba(255,255,255,0) 76%);\n z-index: -2;\n }\n\n .card::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(112deg, rgba(255,255,255,0) 34%, rgba(255,255,255,0.46) 49%, rgba(255,255,255,0) 64%);\n transform: translateX(-58%);\n opacity: 0.22;\n z-index: -1;\n pointer-events: none;\n }\n\n .card:hover {\n transform: translateY(-7px);\n border-color: rgba(139,26,26,0.34);\n box-shadow:\n 0 22px 36px rgba(17, 17, 16, 0.16),\n 0 0 0 1px rgba(139,26,26,0.12),\n 0 1px 0 rgba(255,255,255,0.95) inset;\n }\n\n .card:hover .card-media {\n transform: scale(1.06);\n }\n\n .card-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n min-height: 36px;\n }\n\n .card-tag {\n display: inline-flex;\n border-radius: 999px;\n padding: 7px 12px;\n font-size: 11px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n font-weight: 800;\n color: #2a3039;\n background: var(--chip);\n border: 1px solid rgba(170, 156, 138, 0.5);\n box-shadow:\n 0 6px 12px rgba(17,17,16,0.10),\n inset 0 1px 0 rgba(255,255,255,0.84);\n white-space: nowrap;\n max-width: calc(100% - 42px);\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .card-icon {\n position: relative;\n width: 36px;\n height: 36px;\n border-radius: 12px;\n border: 1px solid rgba(169, 154, 136, 0.46);\n background: rgba(255,255,255,0.82);\n box-shadow:\n 0 6px 10px rgba(17,17,16,0.10),\n inset 0 1px 0 rgba(255,255,255,0.92);\n pointer-events: none;\n flex: 0 0 auto;\n }\n\n .card-icon::before {\n content: \"\";\n position: absolute;\n inset: 7px;\n background-image: var(--icon-svg);\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n filter: brightness(0) saturate(100%) invert(15%) sepia(30%) saturate(1350%) hue-rotate(339deg) brightness(96%) contrast(94%);\n opacity: 0.72;\n }\n\n .card-body {\n position: relative;\n margin-top: auto;\n display: grid;\n gap: 8px;\n padding-top: 18px;\n }\n\n .card h3 {\n margin: 0;\n font-family: var(--font-ui);\n font-size: clamp(20px, 1.6vw, 30px);\n letter-spacing: -0.02em;\n line-height: 1.04;\n color: #ffffff !important;\n text-wrap: normal;\n white-space: nowrap;\n max-width: none;\n overflow: hidden;\n text-overflow: ellipsis;\n text-shadow: 0 10px 26px rgba(0, 0, 0, 0.46);\n }\n\n .card-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 11px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.9);\n text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n }\n\n .card-link::after {\n content: \"\\2197\";\n font-size: 12px;\n line-height: 1;\n transform: translateY(-1px);\n }\n\n .card-no {\n position: absolute;\n right: 10px;\n bottom: 8px;\n font-family: var(--font-ui);\n font-size: clamp(34px, 2.4vw, 42px);\n line-height: 1;\n letter-spacing: -0.02em;\n font-weight: 800;\n color: rgba(255, 255, 255, 0.26);\n pointer-events: none;\n text-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);\n }\n\n .card.card-living {\n --card-accent: #8b1a1a;\n --card-accent-soft: rgba(193, 73, 73, 0.28);\n --icon-svg: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='6' rx='1.5'\/%3E%3Cpath d='M5 11V8a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3'\/%3E%3Cpath d='M3 17v2M21 17v2'\/%3E%3C\/svg%3E\");\n }\n\n .card.card-bedroom {\n --card-accent: #8f5221;\n --card-accent-soft: rgba(198, 146, 92, 0.28);\n --icon-svg: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18v5H3z'\/%3E%3Cpath d='M5 12V9a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3'\/%3E%3Cpath d='M3 17v2M21 17v2'\/%3E%3C\/svg%3E\");\n }\n\n .card.card-dining {\n --card-accent: #2a5b7a;\n --card-accent-soft: rgba(79, 146, 183, 0.28);\n --icon-svg: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='9' width='16' height='4' rx='1'\/%3E%3Cpath d='M7 13v6M17 13v6M3 19h4M17 19h4'\/%3E%3C\/svg%3E\");\n }\n\n .card.card-bathroom {\n --card-accent: #2e6b58;\n --card-accent-soft: rgba(96, 166, 136, 0.26);\n --icon-svg: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c3 4 5 6.3 5 9a5 5 0 1 1-10 0c0-2.7 2-5 5-9z'\/%3E%3C\/svg%3E\");\n }\n\n .card.card-study {\n --card-accent: #4f4a75;\n --card-accent-soft: rgba(125, 114, 184, 0.28);\n --icon-svg: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h8a3 3 0 0 1 3 3v9H7a3 3 0 0 0-3 3z'\/%3E%3Cpath d='M20 6h-8a3 3 0 0 0-3 3v9h8a3 3 0 0 1 3 3z'\/%3E%3C\/svg%3E\");\n }\n\n .card.card-ornament {\n --card-accent: #7a5531;\n --card-accent-soft: rgba(174, 133, 92, 0.28);\n --icon-svg: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v3'\/%3E%3Cpath d='M8 10h8'\/%3E%3Cpath d='M7 21h10'\/%3E%3Cpath d='M12 6c3.5 0 6 2.6 6 6.2 0 3.2-2 5.2-3.8 6.8h-4.4C8 17.4 6 15.4 6 12.2 6 8.6 8.5 6 12 6z'\/%3E%3C\/svg%3E\");\n }\n\n @media (max-width: 1080px) {\n .grid-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n }\n\n .section-decision,\n .section-lifecycle,\n .section-compliance,\n .section-faq,\n .footer-cta {\n content-visibility: auto;\n contain-intrinsic-size: 1px 860px;\n }\n\n #categories .grid-5 {\n content-visibility: auto;\n contain-intrinsic-size: 1px 880px;\n }\n\n .grid-2 {\n display: grid;\n gap: 12px;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .value {\n border: 1px solid rgba(186, 172, 153, 0.58);\n border-radius: 14px;\n background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(245,241,235,0.82));\n padding: 16px;\n box-shadow: 0 8px 16px rgba(17,17,16,0.07);\n }\n\n .value h3 {\n margin: 0 0 6px;\n font-size: 20px;\n line-height: 1.2;\n color: #1f1b17;\n }\n\n .value p {\n margin: 0;\n color: #514c43;\n font-size: 15px;\n }\n\n .journey {\n display: grid;\n gap: 12px;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .step {\n position: relative;\n border: 1px solid rgba(186, 172, 153, 0.6);\n border-radius: 14px;\n background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(245,241,235,0.8));\n padding: 16px;\n overflow: hidden;\n }\n\n .step::before {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n height: 4px;\n background: linear-gradient(90deg, #b92828, #8b1a1a, #651313);\n }\n\n .step .k {\n margin: 4px 0 6px;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: #7a7063;\n font-weight: 800;\n }\n\n .step h3 {\n margin: 0 0 6px;\n font-size: 24px;\n line-height: 1.15;\n letter-spacing: -0.01em;\n font-family: \"Sora\", \"Manrope\", sans-serif;\n }\n\n .step p {\n margin: 0;\n color: #504b42;\n font-size: 15px;\n }\n\n .compliance {\n border-left: 5px solid var(--ok);\n border: 1px solid rgba(87, 132, 108, 0.42);\n background:\n linear-gradient(180deg, rgba(245, 252, 247, 0.92), rgba(232, 246, 237, 0.86)),\n linear-gradient(140deg, rgba(44, 102, 73, 0.08), rgba(44, 102, 73, 0));\n border-radius: 12px;\n padding: 14px 16px;\n }\n\n .compliance h3 {\n margin: 0 0 6px;\n font-size: 22px;\n color: #17492b;\n font-family: \"Sora\", \"Manrope\", sans-serif;\n letter-spacing: -0.01em;\n }\n\n .compliance p {\n margin: 0;\n color: #2c4b39;\n font-size: 15px;\n }\n\n .faq {\n display: grid;\n gap: 10px;\n }\n\n details {\n border: 1px solid rgba(186, 172, 153, 0.64);\n border-radius: 12px;\n background: rgba(255,255,255,0.84);\n padding: 12px 14px;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n }\n\n details[open] {\n border-color: rgba(139, 26, 26, 0.42);\n box-shadow: 0 8px 18px rgba(139, 26, 26, 0.12);\n }\n\n summary {\n cursor: pointer;\n font-size: 18px;\n line-height: 1.35;\n font-weight: 800;\n color: #211e19;\n list-style: none;\n position: relative;\n padding-right: 28px;\n }\n\n summary::-webkit-details-marker { display: none; }\n\n summary::after {\n content: \"+\";\n position: absolute;\n right: 0;\n top: 0;\n color: var(--brand);\n font-size: 20px;\n line-height: 1;\n font-weight: 700;\n }\n\n details[open] summary::after { content: \"-\"; }\n\n details p {\n margin: 10px 0 0;\n color: #4d473f;\n font-size: 15px;\n }\n\n .footer-cta {\n text-align: center;\n margin: 8px 0 26px;\n }\n\n .footer-cta .panel {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.9), rgba(244,239,231,0.84)),\n linear-gradient(140deg, rgba(139,26,26,0.10), rgba(139,26,26,0));\n }\n\n .pill-links {\n margin-top: 12px;\n display: flex;\n justify-content: center;\n gap: 8px;\n flex-wrap: wrap;\n }\n\n .pill-links a {\n display: inline-flex;\n text-decoration: none;\n color: #2b2722;\n border: 1px solid rgba(170, 156, 139, 0.64);\n border-radius: 999px;\n background: rgba(255,255,255,0.86);\n padding: 8px 14px;\n font-size: 12px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n font-weight: 800;\n transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n }\n\n .pill-links a:hover {\n transform: translateY(-2px);\n border-color: rgba(139, 26, 26, 0.52);\n box-shadow: 0 8px 16px rgba(139, 26, 26, 0.14);\n }\n\n \/* Dynamic iOS-like visual layer for business sections *\/\n .panel-kinetic {\n isolation: isolate;\n overflow: hidden;\n }\n\n .panel-kinetic > * {\n position: relative;\n z-index: 1;\n }\n\n .panel-kinetic::after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n width: 38%;\n left: -42%;\n pointer-events: none;\n background: linear-gradient(100deg, rgba(255,255,255,0) 10%, rgba(255,255,255,0.36) 50%, rgba(255,255,255,0) 88%);\n mix-blend-mode: screen;\n z-index: 0;\n }\n\n .panel-decision {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.92), rgba(244,240,233,0.86)),\n radial-gradient(130% 90% at 88% -10%, rgba(139,26,26,0.15), rgba(139,26,26,0) 60%);\n }\n\n .panel-decision .value {\n position: relative;\n background:\n linear-gradient(180deg, rgba(255,255,255,0.90), rgba(241,236,229,0.84)),\n linear-gradient(145deg, rgba(139,26,26,0.08), rgba(139,26,26,0));\n border-color: rgba(176, 161, 142, 0.64);\n box-shadow:\n 0 10px 18px rgba(17,17,16,0.08),\n 0 1px 0 rgba(255,255,255,0.8) inset;\n transform: translateY(0);\n transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\n z-index: 1;\n }\n\n .panel-decision .value::before {\n content: \"\";\n position: absolute;\n left: 16px;\n top: 16px;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: linear-gradient(180deg, #c52d2d, #8b1a1a);\n box-shadow: 0 0 0 4px rgba(139,26,26,0.14);\n }\n\n .panel-decision .value h3 {\n padding-left: 18px;\n }\n\n .panel-decision .value:hover {\n transform: translateY(-4px) scale(1.012);\n border-color: rgba(139,26,26,0.45);\n box-shadow:\n 0 16px 26px rgba(17,17,16,0.14),\n 0 0 0 1px rgba(139,26,26,0.18),\n 0 1px 0 rgba(255,255,255,0.85) inset;\n }\n\n .panel-lifecycle {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.92), rgba(244,240,233,0.86)),\n radial-gradient(120% 110% at 8% 0%, rgba(80, 30, 122, 0.08), rgba(80, 30, 122, 0) 58%);\n }\n\n .panel-lifecycle .journey {\n position: relative;\n padding-top: 6px;\n }\n\n .panel-lifecycle .journey::before {\n content: \"\";\n position: absolute;\n left: 4%;\n right: 4%;\n top: 0;\n height: 2px;\n background: linear-gradient(90deg, rgba(139,26,26,0.1), rgba(139,26,26,0.7), rgba(139,26,26,0.1));\n }\n\n .panel-lifecycle .step {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.93), rgba(243,239,232,0.84)),\n linear-gradient(145deg, rgba(139,26,26,0.08), rgba(139,26,26,0));\n border-color: rgba(178, 162, 143, 0.68);\n box-shadow: 0 12px 20px rgba(17,17,16,0.08);\n transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\n z-index: 1;\n }\n\n .panel-lifecycle .step::after {\n content: attr(data-step);\n position: absolute;\n right: 14px;\n top: 10px;\n font-family: \"Sora\", \"Manrope\", sans-serif;\n font-size: 20px;\n font-weight: 800;\n letter-spacing: -0.02em;\n color: rgba(139,26,26,0.26);\n text-shadow: 0 1px 0 rgba(255,255,255,0.7);\n }\n\n .panel-lifecycle .step:hover {\n transform: translateY(-5px) scale(1.01);\n border-color: rgba(139,26,26,0.42);\n box-shadow:\n 0 20px 28px rgba(17,17,16,0.15),\n 0 0 0 1px rgba(139,26,26,0.16);\n }\n\n .panel-compliance {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.92), rgba(244,240,233,0.84)),\n radial-gradient(120% 120% at 90% 12%, rgba(27, 103, 67, 0.12), rgba(27,103,67,0) 60%);\n }\n\n .panel-compliance .compliance {\n position: relative;\n overflow: hidden;\n box-shadow:\n 0 12px 22px rgba(22,78,52,0.12),\n 0 1px 0 rgba(255,255,255,0.7) inset;\n }\n\n .panel-compliance .compliance::after {\n content: \"\";\n position: absolute;\n inset: -30% -40%;\n background: radial-gradient(circle at 70% 30%, rgba(255,255,255,0.38), rgba(255,255,255,0) 58%);\n pointer-events: none;\n }\n\n .panel-faq {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.93), rgba(244,239,232,0.86)),\n radial-gradient(120% 95% at 10% 0%, rgba(139,26,26,0.10), rgba(139,26,26,0) 55%);\n }\n\n .panel-faq details {\n position: relative;\n overflow: hidden;\n background:\n linear-gradient(180deg, rgba(255,255,255,0.92), rgba(246,242,236,0.84)),\n linear-gradient(145deg, rgba(139,26,26,0.05), rgba(139,26,26,0));\n border-color: rgba(182, 167, 149, 0.66);\n }\n\n .panel-faq details::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 0;\n background: linear-gradient(180deg, rgba(181,32,32,0.95), rgba(139,26,26,0.75));\n transition: width 0.24s ease;\n }\n\n .panel-faq details[open]::before {\n width: 4px;\n }\n\n .panel-faq summary::after {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n background: rgba(139,26,26,0.08);\n top: 1px;\n }\n\n .panel-faq details[open] p {\n }\n\n .panel-routing {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.92), rgba(243,238,230,0.84)),\n radial-gradient(120% 90% at 88% 0%, rgba(139,26,26,0.12), rgba(139,26,26,0) 56%);\n }\n\n .panel-routing .pill-links a {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,240,234,0.9)),\n linear-gradient(135deg, rgba(139,26,26,0.07), rgba(139,26,26,0));\n border-color: rgba(173, 158, 139, 0.7);\n box-shadow: 0 6px 12px rgba(17,17,16,0.08);\n }\n\n .panel-routing .pill-links a:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow:\n 0 10px 18px rgba(139,26,26,0.16),\n 0 0 0 1px rgba(139,26,26,0.14);\n }\n\n @media (max-width: 1080px) {\n .hero-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .card { min-height: 220px; }\n .grid-2 { grid-template-columns: 1fr; }\n .journey { grid-template-columns: 1fr; }\n }\n\n @media (max-width: 760px) {\n body {\n background:\n radial-gradient(125% 90% at 50% -6%, rgba(255,255,255,0.86) 0%, rgba(255,255,255,0) 60%),\n radial-gradient(90% 90% at 84% 8%, rgba(139,26,26,0.12), rgba(139,26,26,0) 56%),\n radial-gradient(90% 100% at 10% 88%, rgba(38,78,116,0.11), rgba(38,78,116,0) 60%),\n linear-gradient(180deg, #f5f7fb, #e7ebf2);\n }\n\n .hub {\n width: min(1240px, 100% - 18px);\n padding-top: 14px;\n padding-bottom: 26px;\n }\n\n .hero {\n border-radius: 18px;\n padding: 18px 12px 16px;\n border-color: rgba(179, 162, 143, 0.56);\n box-shadow:\n 0 20px 34px rgba(21, 18, 15, 0.16),\n 0 1px 0 rgba(255,255,255,0.86) inset,\n 0 -1px 0 rgba(167, 150, 130, 0.34) inset;\n }\n\n .hero-emboss,\n .hero::before,\n .hero::after,\n .panel::before {\n display: none !important;\n }\n\n .hero,\n .panel,\n .card-tag,\n .card-icon {\n backdrop-filter: none !important;\n -webkit-backdrop-filter: none !important;\n }\n\n .hero::before {\n width: 220px;\n height: 220px;\n right: -95px;\n top: -90px;\n }\n\n .hero::after {\n width: 180px;\n height: 180px;\n left: -72px;\n bottom: -80px;\n }\n\n h1 {\n font-size: clamp(24px, 7.2vw, 34px);\n line-height: 1.08;\n letter-spacing: -0.018em;\n text-wrap: balance;\n }\n\n .hero p {\n max-width: 34ch;\n font-size: 15px;\n line-height: 1.44;\n text-wrap: pretty;\n }\n\n .eyebrow {\n padding: 7px 13px;\n font-size: 10px;\n letter-spacing: 0.11em;\n }\n\n .cta-row {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n max-width: 560px;\n margin: 18px auto 0;\n }\n\n .btn {\n width: 100%;\n max-width: none;\n min-height: 44px;\n padding: 10px 12px;\n border-radius: 999px;\n font-size: 13px;\n letter-spacing: 0.01em;\n }\n\n .btn-primary {\n box-shadow:\n 0 10px 18px rgba(139,26,26,0.26),\n 0 1px 0 rgba(255,255,255,0.22) inset;\n }\n\n .btn-ghost {\n background: rgba(255,255,255,0.92);\n }\n\n .hero-metrics {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n margin-top: 14px;\n }\n\n .metric {\n padding: 8px 7px;\n border-radius: 12px;\n background: rgba(255,255,255,0.78);\n border-color: rgba(177, 162, 145, 0.58);\n }\n\n .metric b {\n font-size: 20px;\n }\n\n .metric span {\n font-size: 10px;\n letter-spacing: 0.08em;\n }\n\n .section {\n padding: 10px 0;\n }\n\n .card::before,\n .card::after {\n animation: none !important;\n }\n\n .card-media {\n transition: none !important;\n }\n\n .panel {\n border-radius: 16px;\n padding: 14px 12px;\n box-shadow:\n 0 12px 20px rgba(17,17,16,0.09),\n 0 1px 0 rgba(255,255,255,0.86) inset;\n }\n\n .panel::before {\n width: 140px;\n height: 140px;\n right: -44px;\n top: -52px;\n opacity: 0.86;\n }\n\n .kicker {\n font-size: 10px;\n letter-spacing: 0.1em;\n margin-bottom: 6px;\n }\n\n .grid-5 {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n grid-auto-rows: 186px;\n grid-auto-flow: row;\n gap: 8px;\n }\n\n .grid-5 .card {\n width: 100%;\n height: 100%;\n min-height: 0;\n aspect-ratio: auto;\n grid-column: auto;\n align-self: stretch;\n justify-self: stretch;\n border-radius: 14px;\n padding: 10px;\n }\n\n \/* Hard override to neutralize any older cached nth-child sizing rules *\/\n .grid-5 .card:nth-child(-n+2) {\n width: 100% !important;\n height: 100% !important;\n min-height: 0 !important;\n grid-column: auto !important;\n }\n\n .card-head {\n min-height: 28px;\n }\n\n .card-tag {\n padding: 4px 8px;\n font-size: 9px;\n letter-spacing: 0.07em;\n }\n\n .card-icon {\n width: 27px;\n height: 27px;\n border-radius: 9px;\n }\n\n .card-icon::before {\n inset: 5px;\n }\n\n .card-body {\n padding-top: 10px;\n gap: 4px;\n }\n\n .card h3 {\n font-size: clamp(16px, 4.6vw, 22px);\n line-height: 1.08;\n white-space: normal;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n .card-link {\n font-size: 9px;\n letter-spacing: 0.09em;\n }\n\n .card-no {\n font-size: 24px;\n right: 6px;\n bottom: 4px;\n }\n\n .grid-2, .journey {\n gap: 9px;\n }\n\n .value, .step {\n border-radius: 12px;\n padding: 12px;\n }\n\n .value h3 {\n font-size: 18px;\n }\n\n .value p,\n .step p {\n font-size: 14px;\n }\n\n .step h3 {\n font-size: 24px;\n line-height: 1.06;\n }\n\n .compliance {\n padding: 12px 12px 12px 13px;\n }\n\n .compliance h3 {\n font-size: 21px;\n }\n\n .compliance p {\n font-size: 14px;\n }\n\n .faq {\n gap: 8px;\n }\n\n details {\n border-radius: 11px;\n padding: 10px 12px;\n }\n\n summary {\n font-size: 16px;\n line-height: 1.35;\n padding-right: 24px;\n }\n\n details p {\n font-size: 14px;\n margin-top: 8px;\n }\n\n .pill-links {\n gap: 6px;\n }\n\n .pill-links a {\n padding: 7px 10px;\n font-size: 10px;\n letter-spacing: 0.08em;\n }\n\n .section h2 {\n font-size: clamp(21px, 6.6vw, 28px);\n line-height: 1.14;\n letter-spacing: -0.015em;\n }\n\n .sub {\n font-size: 14px;\n line-height: 1.5;\n }\n }\n\n @media (max-width: 460px) {\n .cta-row {\n grid-template-columns: 1fr;\n }\n\n .btn {\n min-height: 42px;\n }\n\n .grid-5 .card {\n height: 100%;\n min-height: 0;\n grid-column: auto;\n }\n .grid-5 { grid-auto-rows: 172px; }\n .grid-5 .card:nth-child(-n+2) {\n width: 100% !important;\n height: 100% !important;\n min-height: 0 !important;\n grid-column: auto !important;\n }\n\n h1 {\n font-size: clamp(22px, 6.8vw, 30px);\n }\n\n .section h2 {\n font-size: clamp(20px, 6.2vw, 26px);\n }\n }\n\n @media (max-width: 320px) {\n .grid-5 {\n grid-template-columns: 1fr;\n grid-auto-rows: 188px;\n }\n .grid-5 .card {\n height: 100%;\n min-height: 0;\n grid-column: auto;\n }\n .grid-5 .card:nth-child(-n+2) {\n width: 100% !important;\n height: 100% !important;\n min-height: 0 !important;\n grid-column: auto !important;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation: none !important;\n transition: none !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <script data-no-optimize=\"1\">\n try {\n sessionStorage.setItem(\"litespeed_reloaded\", \"1\");\n } catch (e) {}\n <\/script>\n\n <main class=\"hub\">\n <section class=\"hero\">\n <span class=\"hero-emboss\" aria-hidden=\"true\"><\/span>\n <span class=\"eyebrow\">HUAYI Product Hub<\/span>\n <h1>Product Programs Built For Real-World Use<\/h1>\n <p>\n This is the central product entry for buyers who evaluate practicality, material reliability, process consistency,\n legal documentation, and EU market alignment before committing to volume orders.\n <\/p>\n <div class=\"cta-row\">\n <a class=\"btn btn-primary\" href=\"#categories\">View Product Categories<\/a>\n <a class=\"btn btn-ghost\" href=\"\/contact-us\/\">Request Technical Pack<\/a>\n <\/div>\n <div class=\"hero-metrics\">\n <div class=\"metric\">\n <b>6<\/b>\n <span>Core Programs<\/span>\n <\/div>\n <div class=\"metric\">\n <b>20+ Years<\/b>\n <span>Factory Practice<\/span>\n <\/div>\n <div class=\"metric\">\n <b>EU Ready<\/b>\n <span>Document Support<\/span>\n <\/div>\n <div class=\"metric\">\n <b>OEM ODM<\/b>\n <span>Built To Scale<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"categories\" class=\"section\">\n <div class=\"panel\">\n <p class=\"kicker\">Category Matrix<\/p>\n <h2>Six Category Programs<\/h2>\n <p class=\"sub\">Use these links to access category-level pages with detailed product sets.<\/p>\n\n <div class=\"grid-5\">\n <a class=\"card card-living\" href=\"https:\/\/hywoodfurniture.com\/livingroom\/\">\n <span class=\"card-media\" aria-hidden=\"true\">\n <img loading=\"lazy\"\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_showroom-150x150.webp\"\n srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_showroom-150x150.webp 150w\"\n sizes=\"auto, 140px\"\n alt=\"\"\n loading=\"lazy\"\n decoding=\"async\"\n fetchpriority=\"low\"\n width=\"150\"\n height=\"150\"\n \/>\n <\/span>\n <div class=\"card-head\">\n <span class=\"card-tag\">High Frequency<\/span>\n <span class=\"card-icon\" aria-hidden=\"true\"><\/span>\n <\/div>\n <div class=\"card-body\">\n <h3>Living Room<\/h3>\n <span class=\"card-link\">View Program<\/span>\n <\/div>\n <span class=\"card-no\">01<\/span>\n <\/a>\n\n <a class=\"card card-bedroom\" href=\"https:\/\/hywoodfurniture.com\/bedroom\/\">\n <span class=\"card-media\" aria-hidden=\"true\">\n <img loading=\"lazy\"\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/23-150x150.webp\"\n srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/23-150x150.webp 150w\"\n sizes=\"auto, 140px\"\n alt=\"\"\n loading=\"lazy\"\n decoding=\"async\"\n fetchpriority=\"low\"\n width=\"150\"\n height=\"150\"\n \/>\n <\/span>\n <div class=\"card-head\">\n <span class=\"card-tag\">Storage Logic<\/span>\n <span class=\"card-icon\" aria-hidden=\"true\"><\/span>\n <\/div>\n <div class=\"card-body\">\n <h3>Bedroom<\/h3>\n <span class=\"card-link\">View Program<\/span>\n <\/div>\n <span class=\"card-no\">02<\/span>\n <\/a>\n\n <a class=\"card card-dining\" href=\"https:\/\/hywoodfurniture.com\/diningroom\/\">\n <span class=\"card-media\" aria-hidden=\"true\">\n <img loading=\"lazy\"\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/ComfyUI_00001_craxe_1775722341-150x150.webp\"\n srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/ComfyUI_00001_craxe_1775722341-150x150.webp 150w\"\n sizes=\"auto, 140px\"\n alt=\"\"\n loading=\"lazy\"\n decoding=\"async\"\n fetchpriority=\"low\"\n width=\"150\"\n height=\"150\"\n \/>\n <\/span>\n <div class=\"card-head\">\n <span class=\"card-tag\">Durability Use<\/span>\n <span class=\"card-icon\" aria-hidden=\"true\"><\/span>\n <\/div>\n <div class=\"card-body\">\n <h3>Dining Room<\/h3>\n <span class=\"card-link\">View Program<\/span>\n <\/div>\n <span class=\"card-no\">03<\/span>\n <\/a>\n\n <a class=\"card card-bathroom\" href=\"https:\/\/hywoodfurniture.com\/bathroom\/\">\n <span class=\"card-media\" aria-hidden=\"true\">\n <img loading=\"lazy\"\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_showroom-150x150.webp\"\n srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_showroom-150x150.webp 150w\"\n sizes=\"auto, 140px\"\n alt=\"\"\n loading=\"lazy\"\n decoding=\"async\"\n fetchpriority=\"low\"\n width=\"150\"\n height=\"150\"\n \/>\n <\/span>\n <div class=\"card-head\">\n <span class=\"card-tag\">Moisture Focus<\/span>\n <span class=\"card-icon\" aria-hidden=\"true\"><\/span>\n <\/div>\n <div class=\"card-body\">\n <h3>Bathroom<\/h3>\n <span class=\"card-link\">View Program<\/span>\n <\/div>\n <span class=\"card-no\">04<\/span>\n <\/a>\n\n <a class=\"card card-study\" href=\"https:\/\/hywoodfurniture.com\/studyroom\/\">\n <span class=\"card-media\" aria-hidden=\"true\">\n <img loading=\"lazy\"\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_production-150x150.webp\"\n srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_Compress_production-150x150.webp 150w\"\n sizes=\"auto, 140px\"\n alt=\"\"\n loading=\"lazy\"\n decoding=\"async\"\n fetchpriority=\"low\"\n width=\"150\"\n height=\"150\"\n \/>\n <\/span>\n <div class=\"card-head\">\n <span class=\"card-tag\">Work Efficiency<\/span>\n <span class=\"card-icon\" aria-hidden=\"true\"><\/span>\n <\/div>\n <div class=\"card-body\">\n <h3>Study Room<\/h3>\n <span class=\"card-link\">View Program<\/span>\n <\/div>\n <span class=\"card-no\">05<\/span>\n <\/a>\n\n <a class=\"card card-ornament\" href=\"https:\/\/hywoodfurniture.com\/wooden-ornament\/\">\n <span class=\"card-media\" aria-hidden=\"true\">\n <img loading=\"lazy\"\n src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/ComfyUI_00001_craxe_1775722341-150x150.webp\"\n srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/ComfyUI_00001_craxe_1775722341-150x150.webp 150w\"\n sizes=\"auto, 140px\"\n alt=\"\"\n loading=\"lazy\"\n decoding=\"async\"\n fetchpriority=\"low\"\n width=\"150\"\n height=\"150\"\n \/>\n <\/span>\n <div class=\"card-head\">\n <span class=\"card-tag\">Craft Detail<\/span>\n <span class=\"card-icon\" aria-hidden=\"true\"><\/span>\n <\/div>\n <div class=\"card-body\">\n <h3>Wooden Ornament<\/h3>\n <span class=\"card-link\">View Program<\/span>\n <\/div>\n <span class=\"card-no\">06<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section section-decision\">\n <div class=\"panel panel-decision panel-kinetic\">\n <p class=\"kicker\">How Buyers Decide<\/p>\n <h2>Decision Framework For Professional Buyers<\/h2>\n <p class=\"sub\">This section is intentionally different from category pages. It explains procurement logic rather than repeating model-level product content.<\/p>\n\n <div class=\"grid-2\">\n <article class=\"value\">\n <h3>Practical Performance<\/h3>\n <p>Program definitions are based on real use conditions: load behavior, cleaning frequency, installation environment, and serviceability.<\/p>\n <\/article>\n <article class=\"value\">\n <h3>Material Integrity<\/h3>\n <p>Material routes, moisture control, and substrate selection are managed by application requirements, not appearance alone.<\/p>\n <\/article>\n <article class=\"value\">\n <h3>Process Consistency<\/h3>\n <p>From CNC tolerance control to coating stability and final inspection checkpoints, process repeatability is built into production flow.<\/p>\n <\/article>\n <article class=\"value\">\n <h3>Legal Documentation Readiness<\/h3>\n <p>Documentation can be structured for customer due diligence, import workflows, and contract-level compliance review.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section section-lifecycle\">\n <div class=\"panel panel-lifecycle panel-kinetic\">\n <p class=\"kicker\">Service Lifecycle<\/p>\n <h2>Support Across The Full Commercial Cycle<\/h2>\n <p class=\"sub\">Coverage includes pre-sales technical alignment, in-production visibility, and after-sales response standards.<\/p>\n\n <div class=\"journey\">\n <article class=\"step\" data-step=\"01\">\n <p class=\"k\">Pre-Sales<\/p>\n <h3>Requirement Mapping<\/h3>\n <p>We align dimensions, materials, packaging logic, and target price structure before sample confirmation.<\/p>\n <\/article>\n <article class=\"step\" data-step=\"02\">\n <p class=\"k\">In-Production<\/p>\n <h3>Execution Visibility<\/h3>\n <p>Milestones, quality checkpoints, and issue-prevention controls are tracked through the production cycle.<\/p>\n <\/article>\n <article class=\"step\" data-step=\"03\">\n <p class=\"k\">After-Sales<\/p>\n <h3>Resolution Workflow<\/h3>\n <p>Spare-part logic, response timelines, and corrective action closure are handled through a defined support process.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section section-compliance\">\n <div class=\"panel panel-compliance panel-kinetic\">\n <div class=\"compliance\">\n <h3>EU-Oriented Compliance Support<\/h3>\n <p>For EU-facing projects, program setup supports sourcing traceability workflows, testing-reference readiness, and shipment documentation consistency to reduce compliance friction before and after purchase orders.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section section-faq\">\n <div class=\"panel panel-faq panel-kinetic\">\n <p class=\"kicker\">Decision Q and A<\/p>\n <h2>Buyer FAQ<\/h2>\n <div class=\"faq\">\n <details>\n <summary>Can one program be adapted for different markets?<\/summary>\n <p>Yes. Program architecture can be adjusted for market-specific material, packaging, and documentation requirements while maintaining consistent manufacturing controls.<\/p>\n <\/details>\n <details>\n <summary>How do you manage consistency in bulk production?<\/summary>\n <p>Consistency is controlled through fixed process checkpoints, dimensional tolerances, coating process control, and final QC records tied to each shipment batch.<\/p>\n <\/details>\n <details>\n <summary>What compliance documents can be prepared before shipment?<\/summary>\n <p>Document sets are arranged based on customer and destination requirements, including sourcing traceability support and testing-reference material where applicable.<\/p>\n <\/details>\n <details>\n <summary>How are post-delivery claims handled?<\/summary>\n <p>Claims are processed through a defined response flow with issue classification, evidence review, corrective action planning, and closure tracking.<\/p>\n <\/details>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"footer-cta\">\n <div class=\"panel panel-routing panel-kinetic\">\n <p class=\"kicker\">Quick Routing<\/p>\n <h2 style=\"margin: 0 0 8px;\">Need Category-Level Details?<\/h2>\n <p class=\"sub\" style=\"margin: 0 auto 8px;\">Jump to a specific program page or contact us for a structured technical package.<\/p>\n <div class=\"pill-links\">\n <a href=\"https:\/\/hywoodfurniture.com\/livingroom\/\">Living Room<\/a>\n <a href=\"https:\/\/hywoodfurniture.com\/bedroom\/\">Bedroom<\/a>\n <a href=\"https:\/\/hywoodfurniture.com\/diningroom\/\">Dining Room<\/a>\n <a href=\"https:\/\/hywoodfurniture.com\/bathroom\/\">Bathroom<\/a>\n <a href=\"https:\/\/hywoodfurniture.com\/studyroom\/\">Study Room<\/a>\n <a href=\"https:\/\/hywoodfurniture.com\/wooden-ornament\/\">Wooden Ornament<\/a>\n <a href=\"\/contact-us\/\">Contact Sales<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"CollectionPage\",\n \"name\": \"Solid Wood Furniture Programs | HUAYI OEM\/ODM for EU and Global Brands\",\n \"url\": \"https:\/\/www.hywoodfurniture.com\/products\",\n \"description\": \"Central product hub for living room, bedroom, dining room, bathroom, study room, and wooden ornament furniture programs with practical performance, material integrity, process consistency, and EU-oriented compliance support.\",\n \"hasPart\": [\n {\n \"@type\": \"WebPage\",\n \"name\": \"Living Room Program\",\n \"url\": \"https:\/\/hywoodfurniture.com\/livingroom\/\"\n },\n {\n \"@type\": \"WebPage\",\n \"name\": \"Bedroom Program\",\n \"url\": \"https:\/\/hywoodfurniture.com\/bedroom\/\"\n },\n {\n \"@type\": \"WebPage\",\n \"name\": \"Dining Room Program\",\n \"url\": \"https:\/\/hywoodfurniture.com\/diningroom\/\"\n },\n {\n \"@type\": \"WebPage\",\n \"name\": \"Bathroom Program\",\n \"url\": \"https:\/\/hywoodfurniture.com\/bathroom\/\"\n },\n {\n \"@type\": \"WebPage\",\n \"name\": \"Study Room Program\",\n \"url\": \"https:\/\/hywoodfurniture.com\/studyroom\/\"\n },\n {\n \"@type\": \"WebPage\",\n \"name\": \"Wooden Ornament Program\",\n \"url\": \"https:\/\/hywoodfurniture.com\/wooden-ornament\/\"\n }\n ]\n }\n <\/script>\n\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Can one program be adapted for different markets?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. Program architecture can be adjusted for market-specific material, packaging, and documentation requirements while maintaining consistent manufacturing controls.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How do you manage consistency in bulk production?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Consistency is controlled through fixed process checkpoints, dimensional tolerances, coating process control, and final QC records tied to each shipment batch.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What compliance documents can be prepared before shipment?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Document sets are arranged based on customer and destination requirements, including sourcing traceability support and testing-reference material where applicable.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How are post-delivery claims handled?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Claims are processed through a defined response flow with issue classification, evidence review, corrective action planning, and closure tracking.\"\n }\n }\n ]\n }\n <\/script>\n<\/body>\n<\/html>\n\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>D\u00e9couvrez les programmes de meubles en bois massif Huayi dans les cat\u00e9gories salon, chambre \u00e0 coucher, salle \u00e0 manger, salle de bain, bureau et d\u00e9coration pour les projets de vente en gros OEM et ODM.<\/p>","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-1737","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages\/1737","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=1737"}],"version-history":[{"count":97,"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages\/1737\/revisions"}],"predecessor-version":[{"id":2918,"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages\/1737\/revisions\/2918"}],"wp:attachment":[{"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/media?parent=1737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}