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>Esplorate i programmi di mobili in legno massiccio Huayi nelle categorie soggiorno, camera da letto, sala da pranzo, bagno, studio e arredamento per progetti all'ingrosso OEM e 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\/it\/wp-json\/wp\/v2\/pages\/1737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/comments?post=1737"}],"version-history":[{"count":97,"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/pages\/1737\/revisions"}],"predecessor-version":[{"id":2918,"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/pages\/1737\/revisions\/2918"}],"wp:attachment":[{"href":"https:\/\/hywoodfurniture.com\/it\/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>Esplorate i programmi di mobili in legno massiccio Huayi nelle categorie soggiorno, camera da letto, sala da pranzo, bagno, studio e arredamento per progetti all'ingrosso OEM e 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\/it\/wp-json\/wp\/v2\/pages\/1737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/comments?post=1737"}],"version-history":[{"count":97,"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/pages\/1737\/revisions"}],"predecessor-version":[{"id":2918,"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/pages\/1737\/revisions\/2918"}],"wp:attachment":[{"href":"https:\/\/hywoodfurniture.com\/it\/wp-json\/wp\/v2\/media?parent=1737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}