{"product_id":"ccjh-sliding-door-hardware-kit-door-not-included-heavy-duty-t-shaped-rail-whisper-quiet-glide-simple-diy-setup-black-fits-multiple-sizes-4ft-20ft","title":"CCJH Sliding Door Hardware Kit (Door Not Included), Heavy Duty T-Shaped Rail, Whisper Quiet Glide, Simple DIY Setup, Black, Fits Multiple Sizes 4FT-20FT","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 Barn Door Hardware – Editorial Feature\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* ===== Fonts ===== *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400\u0026family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600\u0026display=swap');\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: #e8e3da;\n            display: flex;\n            justify-content: center;\n            padding: 48px 20px;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            color: #1c1c1e;\n            line-height: 1.6;\n        }\n\n        .container {\n            max-width: 1180px;\n            width: 100%;\n            background: #ffffff;\n            padding: 0;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.07);\n            border-radius: 4px;\n            overflow: hidden;\n        }\n\n        \/* ===== Inner padding ===== *\/\n        .inner {\n            padding: 56px 64px 48px 64px;\n        }\n\n        \/* ===== Color palette ===== *\/\n        :root {\n            --gold: #b4946a;\n            --gold-light: #dac9b4;\n            --dark: #1c1c1e;\n            --gray: #6b6b76;\n            --bg-warm: #f9f6f1;\n            --border-light: #e6dfd6;\n        }\n\n        .gold { color: var(--gold); }\n        .dark { color: var(--dark); }\n        .gray { color: var(--gray); }\n\n        \/* ===== Ornament ===== *\/\n        .ornament {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            margin: 28px 0 16px 0;\n        }\n        .ornament::before,\n        .ornament::after {\n            content: \"\";\n            flex: 1;\n            height: 1px;\n            background: var(--border-light);\n        }\n        .ornament .diamond {\n            color: var(--gold);\n            font-size: 0.6rem;\n            letter-spacing: 4px;\n        }\n\n        .section-label {\n            font-size: 0.7rem;\n            font-weight: 600;\n            letter-spacing: 0.12em;\n            text-transform: uppercase;\n            color: var(--gray);\n            margin-bottom: 4px;\n        }\n        .section-label span {\n            display: inline-block;\n            width: 20px;\n            height: 2px;\n            background: var(--gold);\n            vertical-align: middle;\n            margin-right: 10px;\n        }\n\n        .section-title {\n            font-family: 'Playfair Display', 'Times New Roman', serif;\n            font-size: 2rem;\n            font-weight: 500;\n            color: var(--dark);\n            line-height: 1.2;\n            margin-bottom: 6px;\n        }\n        .section-sub {\n            font-size: 0.95rem;\n            color: var(--gray);\n            font-weight: 300;\n            margin-bottom: 20px;\n        }\n\n        \/* ===== Masthead ===== *\/\n        .masthead {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 18px 64px;\n            border-bottom: 1px solid var(--border-light);\n            background: #fcfbf9;\n        }\n        .masthead .brand {\n            font-family: 'Playfair Display', 'Times New Roman', serif;\n            font-size: 1.1rem;\n            font-weight: 500;\n            letter-spacing: 0.1em;\n            color: var(--dark);\n        }\n        .masthead .brand .gold {\n            color: var(--gold);\n        }\n        .masthead .tag {\n            font-size: 0.6rem;\n            font-weight: 600;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            color: #fff;\n            background: var(--dark);\n            padding: 4px 20px;\n            border-radius: 30px;\n        }\n\n        \/* ===== Hero ===== *\/\n        .hero {\n            padding: 40px 64px 28px 64px;\n            border-bottom: 1px solid var(--border-light);\n            background: #fcfbf9;\n        }\n        .hero h1 {\n            font-family: 'Playfair Display', 'Times New Roman', serif;\n            font-size: 3.4rem;\n            font-weight: 500;\n            line-height: 1.08;\n            letter-spacing: -0.02em;\n            color: var(--dark);\n            max-width: 80%;\n        }\n        .hero h1 .accent {\n            color: var(--gold);\n            font-weight: 400;\n            background: #f4eee7;\n            padding: 0 14px;\n            border-radius: 40px;\n            font-size: 2.2rem;\n            display: inline-block;\n            margin-left: 4px;\n        }\n        .hero .dek {\n            font-size: 1.1rem;\n            color: var(--gray);\n            font-weight: 300;\n            margin-top: 8px;\n            border-left: 3px solid var(--gold);\n            padding-left: 20px;\n            max-width: 70%;\n        }\n        .hero .meta-badge {\n            display: inline-block;\n            margin-top: 12px;\n            font-size: 0.7rem;\n            font-weight: 500;\n            letter-spacing: 0.06em;\n            text-transform: uppercase;\n            color: var(--gold);\n            border: 1px solid var(--gold-light);\n            padding: 4px 18px;\n            border-radius: 30px;\n        }\n\n        \/* ===== Editorial note ===== *\/\n        .editorial-note {\n            display: grid;\n            grid-template-columns: 1fr 2fr;\n            gap: 40px;\n            padding: 32px 64px;\n            background: var(--bg-warm);\n            border-bottom: 1px solid var(--border-light);\n        }\n        .editorial-note .pull-quote {\n            font-family: 'Playfair Display', 'Times New Roman', serif;\n            font-size: 1.6rem;\n            font-weight: 400;\n            font-style: italic;\n            line-height: 1.3;\n            color: var(--dark);\n            border-right: 2px solid var(--gold);\n            padding-right: 30px;\n            text-align: right;\n        }\n        .editorial-note .pull-quote .source {\n            display: block;\n            font-family: 'Inter', sans-serif;\n            font-size: 0.75rem;\n            font-style: normal;\n            font-weight: 400;\n            color: var(--gray);\n            margin-top: 8px;\n            letter-spacing: 0.04em;\n        }\n        .editorial-note .intro-text p {\n            font-size: 0.98rem;\n            color: #2d2d30;\n            line-height: 1.8;\n            margin-bottom: 10px;\n        }\n        .editorial-note .intro-text p:first-child::first-letter {\n            font-family: 'Playfair Display', 'Times New Roman', serif;\n            font-size: 3.2rem;\n            float: left;\n            line-height: 0.8;\n            margin-right: 8px;\n            color: var(--gold);\n            font-weight: 500;\n        }\n        .editorial-note .intro-text strong {\n            color: var(--dark);\n        }\n\n        \/* ===== Features grid ===== *\/\n        .features-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px 50px;\n            padding: 36px 64px 28px 64px;\n            border-bottom: 1px solid var(--border-light);\n        }\n        .feature-block {\n            border-top: 2px solid var(--gold);\n            padding-top: 14px;\n        }\n        .feature-block .number {\n            font-family: 'Playfair Display', 'Times New Roman', serif;\n            font-size: 2.6rem;\n            font-weight: 400;\n            color: var(--gold);\n            line-height: 1;\n            display: block;\n        }\n        .feature-block h3 {\n            font-size: 1.15rem;\n            font-weight: 600;\n            color: var(--dark);\n            margin: 4px 0 6px 0;\n        }\n        .feature-block p {\n            font-size: 0.92rem;\n            color: #3d3d42;\n            line-height: 1.7;\n            margin-bottom: 4px;\n        }\n        .feature-block .detail-line {\n            font-size: 0.85rem;\n            color: var(--gray);\n            display: block;\n            padding-left: 14px;\n            border-left: 2px solid var(--gold-light);\n            margin-top: 4px;\n        }\n\n        \/* ===== Stat sidebar ===== *\/\n        .stat-sidebar {\n            display: grid;\n            grid-template-columns: 1fr 1fr 1fr 1fr;\n            gap: 0;\n            background: var(--dark);\n            color: #fff;\n            padding: 0;\n            margin: 0 64px 0 64px;\n            border-radius: 2px;\n            overflow: hidden;\n            transform: translateY(-12px);\n            box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n            position: relative;\n            z-index: 2;\n        }\n        .stat-sidebar .stat-item {\n            padding: 20px 24px;\n            text-align: center;\n            border-right: 1px solid rgba(255,255,255,0.06);\n        }\n        .stat-sidebar .stat-item:last-child { border-right: none; }\n        .stat-sidebar .stat-item .value {\n            font-family: 'Playfair Display', 'Times New Roman', serif;\n            font-size: 2rem;\n            font-weight: 400;\n            color: var(--gold);\n            display: block;\n            line-height: 1.1;\n        }\n        .stat-sidebar .stat-item .label {\n            font-size: 0.6rem;\n            text-transform: uppercase;\n            letter-spacing: 0.06em;\n            color: rgba(255,255,255,0.6);\n            margin-top: 2px;\n        }\n\n        \/* ===== Material deep ===== *\/\n        .material-deep {\n            padding: 32px 64px 28px 64px;\n            border-bottom: 1px solid var(--border-light);\n        }\n        .material-deep .grid-3 {\n            display: grid;\n            grid-template-columns: 1fr 1fr 1fr;\n            gap: 24px;\n            margin-top: 14px;\n        }\n        .material-deep .grid-3 .mat-card {\n            background: var(--bg-warm);\n            padding: 18px 22px 20px 22px;\n            border-radius: 2px;\n            border-left: 4px solid var(--gold);\n        }\n        .material-deep .grid-3 .mat-card h4 {\n            font-size: 0.85rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.04em;\n            color: var(--dark);\n        }\n        .material-deep .grid-3 .mat-card p {\n            font-size: 0.88rem;\n            color: #3d3d42;\n            line-height: 1.6;\n            margin-top: 4px;\n        }\n        .material-deep .grid-3 .mat-card .spec {\n            font-size: 0.8rem;\n            color: var(--gray);\n            display: block;\n            margin-top: 6px;\n            border-top: 1px dashed var(--border-light);\n            padding-top: 6px;\n        }\n\n        \/* ===== Scene tags ===== *\/\n        .scene-section {\n            padding: 28px 64px 28px 64px;\n            border-bottom: 1px solid var(--border-light);\n        }\n        .scene-tags {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 8px 24px;\n            background: #fcfbf9;\n            padding: 16px 24px;\n            border: 1px solid var(--border-light);\n            border-radius: 2px;\n            margin-top: 10px;\n        }\n        .scene-tags .tag {\n            font-size: 0.85rem;\n            color: var(--dark);\n            letter-spacing: 0.02em;\n        }\n        .scene-tags .tag::before {\n            content: \"— \";\n            color: var(--gold);\n            font-weight: 300;\n        }\n\n        \/* ===== Spec table ===== *\/\n        .spec-section {\n            padding: 28px 64px 28px 64px;\n            border-bottom: 1px solid var(--border-light);\n        }\n        .spec-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 0.9rem;\n            margin-top: 12px;\n            border: 1px solid var(--border-light);\n        }\n        .spec-table th {\n            text-align: left;\n            font-weight: 500;\n            color: #fff;\n            background: var(--dark);\n            padding: 12px 20px;\n            font-size: 0.75rem;\n            letter-spacing: 0.06em;\n            text-transform: uppercase;\n        }\n        .spec-table td {\n            padding: 11px 20px;\n            border-bottom: 1px solid var(--border-light);\n            color: #2d2d30;\n        }\n        .spec-table tr:last-child td { border-bottom: none; }\n        .spec-table .label {\n            font-weight: 450;\n            color: var(--dark);\n            width: 34%;\n            background: #faf8f5;\n        }\n        .spec-table .value {\n            color: #3d3d42;\n        }\n        .spec-table .highlight-cell {\n            background: #f6f0e9;\n            font-weight: 500;\n            color: var(--gold);\n        }\n\n        \/* ===== Package list ===== *\/\n        .package-section {\n            padding: 28px 64px 28px 64px;\n            border-bottom: 1px solid var(--border-light);\n        }\n        .package-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 2px 40px;\n            background: #faf8f5;\n            padding: 20px 28px;\n            border: 1px solid var(--border-light);\n            list-style: none;\n            margin-top: 12px;\n        }\n        .package-grid li {\n            padding: 5px 0;\n            border-bottom: 1px dashed var(--border-light);\n            font-size: 0.9rem;\n            color: #2d2d30;\n            display: flex;\n            align-items: baseline;\n            gap: 8px;\n        }\n        .package-grid li:last-child { border-bottom: none; }\n        .package-grid .dot {\n            color: var(--gold);\n            font-weight: 300;\n            font-size: 1.2rem;\n        }\n        .package-grid .note {\n            color: var(--gold);\n            font-weight: 500;\n        }\n\n        \/* ===== Notice block ===== *\/\n        .notice-block {\n            padding: 24px 64px 28px 64px;\n            background: #fcfbf9;\n            border-bottom: 1px solid var(--border-light);\n        }\n        .notice-block .inner-notice {\n            background: #fff;\n            border-left: 6px solid var(--gold);\n            padding: 18px 28px;\n            box-shadow: 0 2px 12px rgba(0,0,0,0.02);\n            border-radius: 2px;\n        }\n        .notice-block .inner-notice strong {\n            color: var(--dark);\n        }\n        .notice-block .inner-notice u {\n            text-decoration-thickness: 1px;\n            text-underline-offset: 4px;\n            color: var(--gold);\n        }\n\n        \/* ===== Footer ===== *\/\n        .footer {\n            padding: 20px 64px 24px 64px;\n            display: flex;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            background: var(--dark);\n            color: rgba(255,255,255,0.5);\n            font-size: 0.7rem;\n            letter-spacing: 0.04em;\n        }\n        .footer .brand-footer {\n            color: rgba(255,255,255,0.8);\n            font-weight: 400;\n        }\n        .footer .brand-footer .gold {\n            color: var(--gold);\n        }\n\n        \/* ===== Responsive ===== *\/\n        @media (max-width: 900px) {\n            .inner { padding: 30px 24px; }\n            .masthead { padding: 14px 24px; }\n            .hero { padding: 28px 24px; }\n            .hero h1 { font-size: 2.4rem; max-width: 100%; }\n            .hero .dek { max-width: 100%; }\n            .editorial-note { grid-template-columns: 1fr; padding: 24px; }\n            .editorial-note .pull-quote { border-right: none; border-bottom: 2px solid var(--gold); padding-right: 0; padding-bottom: 16px; text-align: left; }\n            .features-grid { grid-template-columns: 1fr; padding: 24px; gap: 24px; }\n            .stat-sidebar { grid-template-columns: 1fr 1fr; margin: 0 24px; }\n            .stat-sidebar .stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.06); }\n            .material-deep { padding: 24px; }\n            .material-deep .grid-3 { grid-template-columns: 1fr; }\n            .scene-section { padding: 24px; }\n            .spec-section { padding: 24px; }\n            .package-section { padding: 24px; }\n            .package-grid { grid-template-columns: 1fr; }\n            .notice-block { padding: 24px; }\n            .footer { padding: 18px 24px; flex-direction: column; gap: 8px; }\n        }\n        @media (max-width: 500px) {\n            .hero h1 { font-size: 1.8rem; }\n            .hero h1 .accent { font-size: 1.4rem; }\n            .stat-sidebar { grid-template-columns: 1fr; }\n        }\n    \u003c\/style\u003e\n\n\n\u003cdiv class=\"container\"\u003e\n\n    \u003c!-- ===== Masthead ===== --\u003e\n    \u003cdiv class=\"masthead\"\u003e\n        \u003cdiv class=\"brand\"\u003eCCJH \u003cspan class=\"gold\"\u003e◆\u003c\/span\u003e HARDWARE\u003c\/div\u003e\n        \u003cdiv class=\"tag\"\u003eDoor Not Included\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ===== Hero ===== --\u003e\n    \u003cdiv class=\"hero\"\u003e\n        \u003ch1\u003e\n            Sliding Barn Door Hardware\n            \u003cspan class=\"accent\"\u003e4FT – 20FT\u003c\/span\u003e\n        \u003c\/h1\u003e\n        \u003cdiv class=\"dek\"\u003e\n            Adjustable spliced track system · T‑shaped profile · Engineered for silent, heavy‑duty performance\n        \u003c\/div\u003e\n        \u003cdiv class=\"meta-badge\"\u003eHardware Kit · No Door Panel\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ===== Editorial note ===== --\u003e\n    \u003cdiv class=\"editorial-note\"\u003e\n        \u003cdiv class=\"pull-quote\"\u003e\n            “Strength meets silence.”\n            \u003cspan class=\"source\"\u003e— CCJH\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"intro-text\"\u003e\n            \u003cp\u003e\n                \u003cstrong\u003eThis is not just a hardware kit.\u003c\/strong\u003e It is a precision‑engineered system\n                that transforms the way you think about interior space. Whether you are renovating a\n                century‑old farmhouse or fitting out a minimalist city apartment, the CCJH sliding\n                track offers an uncommon balance of industrial durability and architectural subtlety.\n            \u003c\/p\u003e\n            \u003cp\u003e\n                Every component — from the \u003cstrong\u003ehigh‑strength aluminium alloy rails\u003c\/strong\u003e to the\n                \u003cstrong\u003ecarbon steel + nylon rollers\u003c\/strong\u003e — has been selected for longevity,\n                corrosion resistance, and whisper‑quiet motion. The result is a door that glides with\n                purpose, year after year.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ===== Core features ===== --\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-block\"\u003e\n            \u003cspan class=\"number\"\u003e01\u003c\/span\u003e\n            \u003ch3\u003eHeavy‑Duty Load Capacity\u003c\/h3\u003e\n            \u003cp\u003e\n                Solid steel roller hangers and industrial‑grade flat rails support doors up to\n                \u003cstrong style=\"color:var(--gold);\"\u003e330 lb (150 kg)\u003c\/strong\u003e. The anti‑corrosion\n                coating protects against humidity and wear, ensuring decades of reliable service.\n            \u003c\/p\u003e\n            \u003cspan class=\"detail-line\"\u003eTrack: aluminium alloy · Rollers: carbon steel + nylon\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-block\"\u003e\n            \u003cspan class=\"number\"\u003e02\u003c\/span\u003e\n            \u003ch3\u003eSilent, Damped Gliding\u003c\/h3\u003e\n            \u003cp\u003e\n                Precision‑engineered nylon wheels and spring‑damping door stoppers eliminate\n                squeaks and slamming. The soft‑close effect is especially valuable in bedrooms,\n                nurseries, and quiet office environments.\n            \u003c\/p\u003e\n            \u003cspan class=\"detail-line\"\u003eBuilt‑in dampers · Friction‑free bearings\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-block\"\u003e\n            \u003cspan class=\"number\"\u003e03\u003c\/span\u003e\n            \u003ch3\u003eSpace‑Efficient Architecture\u003c\/h3\u003e\n            \u003cp\u003e\n                By sliding parallel to the wall, the system reclaims up to 10 sq ft of floor\n                space per door. Ideal for narrow hallways, compact apartments, and rooms where\n                every inch counts.\n            \u003c\/p\u003e\n            \u003cspan class=\"detail-line\"\u003eWall‑to‑door gap: 2.2″ (minus door thickness)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-block\"\u003e\n            \u003cspan class=\"number\"\u003e04\u003c\/span\u003e\n            \u003ch3\u003eDIY‑Friendly Installation\u003c\/h3\u003e\n            \u003cp\u003e\n                Clear step‑by‑step instructions, pre‑drilled rails, and full mounting hardware\n                make installation straightforward. Requires only 7″ clearance above the door and\n                fits door thickness from 1‑3\/16″ to 1‑7\/8″.\n            \u003c\/p\u003e\n            \u003cspan class=\"detail-line\"\u003eTools not included · Video guides available\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ===== Stats sidebar ===== --\u003e\n    \u003cdiv class=\"stat-sidebar\"\u003e\n        \u003cdiv class=\"stat-item\"\u003e\n            \u003cspan class=\"value\"\u003e330 lb\u003c\/span\u003e\n            \u003cspan class=\"label\"\u003eMax Load\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-item\"\u003e\n            \u003cspan class=\"value\"\u003e4–20 ft\u003c\/span\u003e\n            \u003cspan class=\"label\"\u003eSpliced Track Range\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-item\"\u003e\n            \u003cspan class=\"value\"\u003e7″\u003c\/span\u003e\n            \u003cspan class=\"label\"\u003eMin. Header Clearance\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-item\"\u003e\n            \u003cspan class=\"value\"\u003e2.2″\u003c\/span\u003e\n            \u003cspan class=\"label\"\u003eWall‑to‑Door Gap\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ===== Material deep dive ===== --\u003e\n    \u003cdiv class=\"material-deep\"\u003e\n        \u003cdiv class=\"section-label\"\u003e\n\u003cspan\u003e\u003c\/span\u003e Material Architecture\u003c\/div\u003e\n        \u003cdiv class=\"section-title\"\u003eBuilt to Last\u003c\/div\u003e\n        \u003cdiv class=\"section-sub\"\u003eEvery surface, joint, and moving part is specified for durability and smoothness.\u003c\/div\u003e\n        \u003cdiv class=\"grid-3\"\u003e\n            \u003cdiv class=\"mat-card\"\u003e\n                \u003ch4\u003eTrack\u003c\/h4\u003e\n                \u003cp\u003eHigh‑strength aluminium alloy with a sleek black finish. Resistant to rust, corrosion, and UV fading.\u003c\/p\u003e\n                \u003cspan class=\"spec\"\u003e◆ Precision‑extruded · Spliced design for lengths up to 20 ft\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"mat-card\"\u003e\n                \u003ch4\u003eRollers\u003c\/h4\u003e\n                \u003cp\u003eCarbon steel + nylon composite. The nylon component absorbs vibration, ensuring silent operation.\u003c\/p\u003e\n                \u003cspan class=\"spec\"\u003e◆ Sealed bearings · Maintenance‑free\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"mat-card\"\u003e\n                \u003ch4\u003eHardware\u003c\/h4\u003e\n                \u003cp\u003eAll mounting screws, brackets, and stoppers are zinc‑plated for added corrosion resistance. Spring dampers provide soft‑close action.\u003c\/p\u003e\n                \u003cspan class=\"spec\"\u003e◆ Includes 2x anti‑jump discs · 1x floor guide\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ===== Use cases ===== --\u003e\n    \u003cdiv class=\"scene-section\"\u003e\n        \u003cdiv class=\"section-label\"\u003e\n\u003cspan\u003e\u003c\/span\u003e Where It Belongs\u003c\/div\u003e\n        \u003cdiv class=\"section-title\"\u003eVersatile by Design\u003c\/div\u003e\n        \u003cdiv class=\"scene-tags\"\u003e\n            \u003cspan class=\"tag\"\u003eHomes\u003c\/span\u003e\n            \u003cspan class=\"tag\"\u003eOffices\u003c\/span\u003e\n            \u003cspan class=\"tag\"\u003eNarrow Hallways\u003c\/span\u003e\n            \u003cspan class=\"tag\"\u003eApartments\u003c\/span\u003e\n            \u003cspan class=\"tag\"\u003eLiving Rooms\u003c\/span\u003e\n            \u003cspan class=\"tag\"\u003eBedrooms\u003c\/span\u003e\n            \u003cspan class=\"tag\"\u003ePantries\u003c\/span\u003e\n            \u003cspan class=\"tag\"\u003eClosets\u003c\/span\u003e\n            \u003cspan class=\"tag\"\u003eStudio Partitions\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ===== Technical specifications ===== --\u003e\n    \u003cdiv class=\"spec-section\"\u003e\n        \u003cdiv class=\"section-label\"\u003e\n\u003cspan\u003e\u003c\/span\u003e Technical Specifications\u003c\/div\u003e\n        \u003cdiv class=\"section-title\"\u003ePrecision Data\u003c\/div\u003e\n        \u003ctable class=\"spec-table\"\u003e\n            \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eParameter\u003c\/th\u003e\n\u003cth\u003eSpecification\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n            \u003ctbody\u003e\n                \u003ctr\u003e\n\u003ctd class=\"label\"\u003eTrack Material\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eHigh‑strength aluminium alloy\u003c\/td\u003e\n\u003c\/tr\u003e\n                \u003ctr\u003e\n\u003ctd class=\"label\"\u003eRoller Composition\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eCarbon steel + nylon\u003c\/td\u003e\n\u003c\/tr\u003e\n                \u003ctr\u003e\n\u003ctd class=\"label\"\u003eMaximum Door Weight\u003c\/td\u003e\n\u003ctd class=\"value highlight-cell\"\u003e330 lb (150 kg)\u003c\/td\u003e\n\u003c\/tr\u003e\n                \u003ctr\u003e\n\u003ctd class=\"label\"\u003eTrack Length (spliced)\u003c\/td\u003e\n\u003ctd class=\"value highlight-cell\"\u003e4 ft – 20 ft\u003c\/td\u003e\n\u003c\/tr\u003e\n                \u003ctr\u003e\n\u003ctd class=\"label\"\u003eTrack Length Rule\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eSelect a track that is at least \u003cstrong\u003etwice the width\u003c\/strong\u003e of your door opening for proper clearance.\u003c\/td\u003e\n\u003c\/tr\u003e\n                \u003ctr\u003e\n\u003ctd class=\"label\"\u003eCompatible Door Thickness\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e1‑3\/16″ – 1‑7\/8″ (30 – 48 mm)\u003c\/td\u003e\n\u003c\/tr\u003e\n                \u003ctr\u003e\n\u003ctd class=\"label\"\u003eRequired Header Clearance\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e7″ (178 mm) minimum\u003c\/td\u003e\n\u003c\/tr\u003e\n                \u003ctr\u003e\n\u003ctd class=\"label\"\u003eWall‑to‑Door Offset\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e2.2″ (56 mm) minus door thickness\u003c\/td\u003e\n\u003c\/tr\u003e\n                \u003ctr\u003e\n\u003ctd class=\"label\"\u003eFinish\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eMatte black · T‑shaped profile\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003c\/tbody\u003e\n        \u003c\/table\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ===== Package contents ===== --\u003e\n    \u003cdiv class=\"package-section\"\u003e\n        \u003cdiv class=\"section-label\"\u003e\n\u003cspan\u003e\u003c\/span\u003e In the Box\u003c\/div\u003e\n        \u003cdiv class=\"section-title\"\u003eComplete Kit\u003c\/div\u003e\n        \u003cul class=\"package-grid\"\u003e\n            \u003cli\u003e\n\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e Spliced rails (length selected: 4–20 ft)\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e Rail spacers (set)\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e 2x premium rollers (carbon steel + nylon)\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e 2x spring‑damping door stops\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e 2x anti‑jump discs\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e 1x floor guide\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e Mounting hardware (screws, anchors, brackets)\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e Installation manual + QR code to video guide\u003c\/li\u003e\n            \u003cli class=\"note\"\u003e\n\u003cspan class=\"dot\"\u003e◆\u003c\/span\u003e Door panel sold separately\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ===== Important notice ===== --\u003e\n    \u003cdiv class=\"notice-block\"\u003e\n        \u003cdiv class=\"inner-notice\"\u003e\n            \u003cstrong\u003e◆ Important:\u003c\/strong\u003e This is a \u003cu\u003ehardware‑only kit\u003c\/u\u003e — the door panel is not included.\u003cbr\u003e\n            The spliced track system is offered in lengths from \u003cstrong\u003e4 ft to 20 ft\u003c\/strong\u003e.\n            \u003cstrong\u003eAlways choose a track that is at least twice the width of your door opening\u003c\/strong\u003e\n            to ensure full clearance and smooth operation. All rails are precision‑cut and ready for installation.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ===== Footer ===== --\u003e\n    \u003cdiv class=\"footer\"\u003e\n        \u003cspan class=\"brand-footer\"\u003eCCJH \u003cspan class=\"gold\"\u003e◆\u003c\/span\u003e Hardware\u003c\/span\u003e\n        \u003cspan\u003eRust‑resistant · Precision aligned · Built for generations\u003c\/span\u003e\n        \u003cspan\u003e© 2026 CCJH — Modern Interior Engineering\u003c\/span\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"ccjh.shop","offers":[{"title":"4FT","offer_id":47391526715565,"sku":"A04STS","price":103.0,"currency_code":"NZD","in_stock":true},{"title":"5FT","offer_id":47391526748333,"sku":"A05STS","price":109.0,"currency_code":"NZD","in_stock":true},{"title":"5.6FT","offer_id":47391526781101,"sku":"A56STS","price":116.0,"currency_code":"NZD","in_stock":true},{"title":"6FT","offer_id":47391526813869,"sku":"A06STS","price":119.0,"currency_code":"NZD","in_stock":true},{"title":"6.6FT","offer_id":47391526846637,"sku":"A66STS","price":122.0,"currency_code":"NZD","in_stock":true},{"title":"7FT","offer_id":47391526879405,"sku":"A07STS","price":124.0,"currency_code":"NZD","in_stock":true},{"title":"7.5FT","offer_id":47391526912173,"sku":"A75STS","price":127.0,"currency_code":"NZD","in_stock":true},{"title":"8FT","offer_id":47391526944941,"sku":"A08STS","price":129.0,"currency_code":"NZD","in_stock":true},{"title":"9FT","offer_id":47391526977709,"sku":"A09STS","price":133.0,"currency_code":"NZD","in_stock":true},{"title":"9.6FT","offer_id":47391527010477,"sku":"A96STS","price":143.0,"currency_code":"NZD","in_stock":true},{"title":"10FT","offer_id":47391527043245,"sku":"A10STS","price":146.0,"currency_code":"NZD","in_stock":true},{"title":"10.6FT","offer_id":47391527076013,"sku":"A106STS","price":148.0,"currency_code":"NZD","in_stock":true},{"title":"11FT","offer_id":47391527108781,"sku":"A11STS","price":149.0,"currency_code":"NZD","in_stock":true},{"title":"11.5FT","offer_id":47391527141549,"sku":"A115STS","price":151.0,"currency_code":"NZD","in_stock":true},{"title":"12FT","offer_id":47391527174317,"sku":"A12STS","price":153.0,"currency_code":"NZD","in_stock":true},{"title":"12.6FT","offer_id":47391527207085,"sku":"A126STS","price":154.0,"currency_code":"NZD","in_stock":true},{"title":"13FT","offer_id":47391527239853,"sku":"A13STS","price":156.0,"currency_code":"NZD","in_stock":true},{"title":"13.6FT","offer_id":47391527272621,"sku":"A136STS","price":161.0,"currency_code":"NZD","in_stock":true},{"title":"14FT","offer_id":47391527305389,"sku":"A14STS","price":164.0,"currency_code":"NZD","in_stock":true},{"title":"15FT","offer_id":47391527338157,"sku":"A15STS","price":167.0,"currency_code":"NZD","in_stock":true},{"title":"16FT","offer_id":47391527370925,"sku":"A16STS","price":177.0,"currency_code":"NZD","in_stock":true},{"title":"20FT","offer_id":47391527403693,"sku":"A20STS","price":202.0,"currency_code":"NZD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0530\/7154\/4493\/files\/02_74e9beb0-d304-4746-9fd0-9b478c70b765.jpg?v=1788230909","url":"https:\/\/ccjh.shop\/en-nz\/products\/ccjh-sliding-door-hardware-kit-door-not-included-heavy-duty-t-shaped-rail-whisper-quiet-glide-simple-diy-setup-black-fits-multiple-sizes-4ft-20ft","provider":"ccjh.shop","version":"1.0","type":"link"}