{"product_id":"ccjh-bi-fold-door-hardware-kit-for-double-doors-1-m-3-3-ft-heavy-duty-smooth-glide-easy-fit-doors-not-included","title":"CCJH Bi-Fold Door Hardware Kit for Double Doors, 1 m (3.3 ft), Heavy-Duty Smooth Glide \u0026 Easy Fit, Doors Not Included","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eCCJH Bi-Fold Door Hardware Kit\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\n    \u003cstyle\u003e\n        :root {\n            --cyan-main: #00b4d8; \/* 天青色主色 *\/\n            --cyan-dark: #0077b6;\n            --cyan-light: #caf0f8; \/* 极浅天青色 *\/\n            --text-dark: #111827;\n            --text-gray: #4b5563;\n            --bg-light: #f9fafb;\n            --border-light: #e5e7eb;\n        }\n\n        .ccjh-wrapper {\n            font-family: 'Inter', -apple-system, sans-serif;\n            color: var(--text-dark);\n            max-width: 1080px;\n            margin: 0 auto;\n            padding: 40px 20px;\n            line-height: 1.6;\n        }\n\n        \/* ================= 1. 首屏 (左右结构) ================= *\/\n        .hero-section {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            align-items: center;\n            margin-bottom: 70px;\n        }\n\n        .hero-image {\n            flex: 1 1 400px;\n            max-width: 460px; \/* 限制主图大小 *\/\n            aspect-ratio: 1 \/ 1; \/* 强制正方形 *\/\n            background-color: #fff;\n            border: 1px solid var(--border-light);\n            border-radius: 24px;\n            padding: 20px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .hero-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            border-radius: 12px;\n        }\n\n        .hero-info {\n            flex: 1 1 400px;\n        }\n\n        .badge-group {\n            display: flex;\n            gap: 12px;\n            margin-bottom: 20px;\n        }\n\n        .badge {\n            background: var(--cyan-light);\n            color: var(--cyan-dark);\n            padding: 6px 16px;\n            border-radius: 8px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .hero-title {\n            font-size: 2.4rem;\n            font-weight: 700;\n            line-height: 1.2;\n            margin-bottom: 25px;\n            letter-spacing: -0.02em;\n        }\n\n        \/* 购买框 *\/\n        .buy-box {\n            background: var(--bg-light);\n            border: 1px solid var(--border-light);\n            padding: 25px;\n            border-radius: 16px;\n        }\n\n        .buy-box .option-label {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: var(--text-gray);\n            margin-bottom: 10px;\n            display: block;\n        }\n\n        .buy-box .variant {\n            display: inline-block;\n            background: #fff;\n            border: 2px solid var(--cyan-main);\n            color: var(--cyan-dark);\n            padding: 12px 24px;\n            border-radius: 8px;\n            font-weight: 700;\n            font-size: 1.1rem;\n            margin-bottom: 20px;\n        }\n\n        .btn-cart {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 100%;\n            background: var(--cyan-main);\n            color: #fff;\n            border: none;\n            padding: 18px;\n            font-size: 1.1rem;\n            font-weight: 700;\n            border-radius: 10px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            gap: 10px;\n        }\n\n        .btn-cart:hover {\n            background: var(--cyan-dark);\n            transform: translateY(-2px);\n        }\n\n        .door-note {\n            font-size: 0.85rem;\n            color: var(--text-gray);\n            text-align: center;\n            margin-top: 15px;\n        }\n\n        \/* ================= 2. 卖点 (绝对对称：一行4个) ================= *\/\n        .section-heading {\n            text-align: center;\n            font-size: 1.6rem;\n            font-weight: 700;\n            margin-bottom: 40px;\n        }\n\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr); \/* 强制一行4个 *\/\n            gap: 20px;\n            margin-bottom: 80px;\n        }\n\n        .feature-card {\n            background: #fff;\n            border: 1px solid var(--border-light);\n            padding: 30px 20px;\n            border-radius: 16px;\n            text-align: center;\n            transition: border-color 0.3s;\n        }\n\n        .feature-card:hover {\n            border-color: var(--cyan-main);\n        }\n\n        .feature-card i {\n            font-size: 2rem;\n            color: var(--cyan-main);\n            margin-bottom: 15px;\n        }\n\n        .feature-card h3 {\n            font-size: 1.1rem;\n            font-weight: 700;\n            margin-bottom: 8px;\n        }\n\n        .feature-card p {\n            font-size: 0.9rem;\n            color: var(--text-gray);\n            margin: 0;\n        }\n\n        \/* ================= 3. 配件图与规格 (左右结构) ================= *\/\n        .details-section {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            align-items: center;\n            margin-bottom: 80px;\n            background: var(--bg-light);\n            padding: 50px 40px;\n            border-radius: 24px;\n        }\n\n        .details-image {\n            flex: 1 1 300px;\n            max-width: 360px; \/* 限制配件图大小 *\/\n            aspect-ratio: 1 \/ 1;\n            background: #fff;\n            border-radius: 16px;\n            padding: 15px;\n            box-shadow: 0 8px 24px rgba(0,0,0,0.04);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .details-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            border-radius: 8px;\n        }\n\n        .details-text {\n            flex: 1 1 400px;\n        }\n\n        .details-text h2 {\n            font-size: 1.6rem;\n            font-weight: 700;\n            margin-bottom: 20px;\n        }\n\n        .spec-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n\n        .spec-table tr {\n            border-bottom: 1px solid var(--border-light);\n        }\n\n        .spec-table tr:last-child {\n            border-bottom: none;\n        }\n\n        .spec-table td {\n            padding: 14px 0;\n            font-size: 0.95rem;\n        }\n\n        .spec-table td:first-child {\n            font-weight: 600;\n            color: var(--text-dark);\n            width: 40%;\n        }\n\n        .spec-table td:last-child {\n            color: var(--text-gray);\n        }\n\n        \/* ================= 4. 安装尺寸 (绝对对称：一行4个 或 2x2) ================= *\/\n        .install-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr); \/* 强制一行4个 *\/\n            gap: 20px;\n            margin-bottom: 50px;\n        }\n\n        .install-card {\n            background: #fff;\n            border: 1px solid var(--border-light);\n            padding: 25px 20px;\n            border-radius: 16px;\n            border-top: 4px solid var(--cyan-main);\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n        }\n\n        .install-card strong {\n            display: block;\n            font-size: 1rem;\n            margin-bottom: 10px;\n            color: var(--text-dark);\n        }\n\n        .install-card p {\n            font-size: 0.9rem;\n            color: var(--text-gray);\n            margin: 0;\n        }\n\n        \/* ================= 5. 警告与底部 ================= *\/\n        .warning-banner {\n            background: #fffbeb;\n            border: 1px solid #fde68a;\n            color: #b45309;\n            padding: 16px;\n            border-radius: 12px;\n            text-align: center;\n            font-weight: 600;\n            font-size: 0.95rem;\n            margin-bottom: 40px;\n        }\n\n        .footer-promise {\n            text-align: center;\n            font-size: 0.95rem;\n            color: var(--text-gray);\n            padding-top: 30px;\n            border-top: 1px solid var(--border-light);\n        }\n\n        \/* ================= 响应式 (保证对称不断层) ================= *\/\n        @media (max-width: 992px) {\n            .features-grid, .install-grid {\n                grid-template-columns: repeat(2, 1fr); \/* 中屏强制 2x2 *\/\n            }\n        }\n\n        @media (max-width: 768px) {\n            .hero-title { font-size: 2rem; }\n            .features-grid, .install-grid {\n                grid-template-columns: 1fr; \/* 小屏强制 1列 *\/\n            }\n            .details-section { padding: 30px 20px; }\n            .hero-section, .details-section { gap: 30px; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"ccjh-wrapper\"\u003e\n\n    \u003c!-- 1. 首屏区 --\u003e\n    \u003cdiv class=\"hero-section\"\u003e\n        \u003cdiv class=\"hero-image\"\u003e\n            \u003cimg src=\"https:\/\/i.postimg.cc\/nLmwNpnQ\/71c9FO93Nq-L.jpg\" alt=\"Main Product\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hero-info\"\u003e\n            \u003cdiv class=\"badge-group\"\u003e\n                \u003cspan class=\"badge\"\u003e\u003ci class=\"fa-solid fa-warehouse\"\u003e\u003c\/i\u003e UK Warehouse\u003c\/span\u003e\n                \u003cspan class=\"badge\"\u003e\u003ci class=\"fa-solid fa-truck-fast\"\u003e\u003c\/i\u003e Free Delivery\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003ch1 class=\"hero-title\"\u003eCCJH Bi-Fold Door Hardware Kit\u003c\/h1\u003e\n            \n            \u003cdiv class=\"buy-box\"\u003e\n                \u003cspan class=\"option-label\"\u003eSize Option:\u003c\/span\u003e\n                \u003cdiv class=\"variant\"\u003e1 m (3.3 ft)\u003c\/div\u003e\n                \u003cbutton class=\"btn-cart\"\u003e\n                    \u003ci class=\"fa-solid fa-cart-shopping\"\u003e\u003c\/i\u003e Add to Cart\n                \u003c\/button\u003e\n                \u003cdiv class=\"door-note\"\u003e* Doors and tools are not included.\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 2. 卖点区 (绝对对称) --\u003e\n    \u003ch2 class=\"section-heading\"\u003ePremium Features\u003c\/h2\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003ci class=\"fa-solid fa-weight-hanging\"\u003e\u003c\/i\u003e\n            \u003ch3\u003eHeavy-Duty 150kg\u003c\/h3\u003e\n            \u003cp\u003eCarbon steel rollers \u0026amp; nylon wheels support up to 150 kg (330 lbs).\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003ci class=\"fa-solid fa-feather\"\u003e\u003c\/i\u003e\n            \u003ch3\u003eSmooth \u0026amp; Quiet\u003c\/h3\u003e\n            \u003cp\u003eIntegrated spring door stops minimize noise for a soft-close finish.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003ci class=\"fa-solid fa-maximize\"\u003e\u003c\/i\u003e\n            \u003ch3\u003eSpace-Saving\u003c\/h3\u003e\n            \u003cp\u003eShort track design maximizes your floor space.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003ci class=\"fa-solid fa-screwdriver-wrench\"\u003e\u003c\/i\u003e\n            \u003ch3\u003eEasy DIY Install\u003c\/h3\u003e\n            \u003cp\u003eAdjustable bolts fit doors from 30 mm to 45 mm.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 3. 配件图与规格 (左右结构) --\u003e\n    \u003cdiv class=\"details-section\"\u003e\n        \u003cdiv class=\"details-image\"\u003e\n            \u003cimg src=\"https:\/\/i.postimg.cc\/0jVt7NCs\/61n-Gz-Nj-U2ML.jpg\" alt=\"Accessories\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"details-text\"\u003e\n            \u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n            \u003ctable class=\"spec-table\"\u003e\n                \u003ctr\u003e\n                    \u003ctd\u003eTrack Material\u003c\/td\u003e\n                    \u003ctd\u003eIron \/ Aluminium\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd\u003eTrack Dimensions\u003c\/td\u003e\n                    \u003ctd\u003eWidth 40 mm × Thickness 5.5 mm\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd\u003eHanger (Hook Plate) Size\u003c\/td\u003e\n                    \u003ctd\u003eH 300 mm × W 110 mm × T 5.5 mm\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd\u003eHanger Plate Width\u003c\/td\u003e\n                    \u003ctd\u003e68 mm (Board size: 38 × 5.5 mm)\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd\u003eSuitable Door Thickness\u003c\/td\u003e\n                    \u003ctd\u003e30 mm – 45 mm (1.18\" – 1.77\")\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd\u003eMax Load Capacity\u003c\/td\u003e\n                    \u003ctd\u003e150 kg \/ 330 lbs per track\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd\u003eWall Compatibility\u003c\/td\u003e\n                    \u003ctd\u003eWooden \u0026amp; Concrete Walls\u003c\/td\u003e\n                \u003c\/tr\u003e\n            \u003c\/table\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 4. 安装指南 (绝对对称) --\u003e\n    \u003ch2 class=\"section-heading\"\u003eMeasurement Guidelines for Double Doors\u003c\/h2\u003e\n    \u003cdiv class=\"install-grid\"\u003e\n        \u003cdiv class=\"install-card\"\u003e\n            \u003cstrong\u003eCeiling Clearance\u003c\/strong\u003e\n            \u003cp\u003eLeave 15 cm from the top of the door to the ceiling.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"install-card\"\u003e\n            \u003cstrong\u003eDoor Hole Gap\u003c\/strong\u003e\n            \u003cp\u003eMaintain an 18 mm gap between the door edge and the drilled hole.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"install-card\"\u003e\n            \u003cstrong\u003eWall Gap\u003c\/strong\u003e\n            \u003cp\u003eEnsure a 55 mm gap between the wall and the door (minus door thickness).\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"install-card\"\u003e\n            \u003cstrong\u003eHinge \u0026amp; Track Allowance\u003c\/strong\u003e\n            \u003cp\u003eDoor connected to hinges should be 100 mm wider than the hole. Track \u0026gt;150 mm wider.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 5. 警告与底部 --\u003e\n    \u003cdiv class=\"warning-banner\"\u003e\n        \u003ci class=\"fa-solid fa-triangle-exclamation\"\u003e\u003c\/i\u003e Important Note: This hardware is not designed for use with glass doors.\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"footer-promise\"\u003e\n        \u003cp\u003e\u003cstrong\u003e🤝 Our Commitment:\u003c\/strong\u003e Dedicated support. Contact us for missing parts or issues, we resolve within 24 hours.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"ccjh.shop","offers":[{"title":"Default Title","offer_id":68020139851949,"sku":"F33SFS-uk","price":61.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0530\/7154\/4493\/files\/71c9FO93NqL._AC_SL1500_5ef61666-cba8-4af0-89fe-e1bf44be4c33.jpg?v=1793859612","url":"https:\/\/ccjh.shop\/en-au\/products\/ccjh-bi-fold-door-hardware-kit-for-double-doors-1-m-3-3-ft-heavy-duty-smooth-glide-easy-fit-doors-not-included","provider":"ccjh.shop","version":"1.0","type":"link"}