{"title":"UK","description":null,"products":[{"product_id":"stainless-steel-t-bar-roller-sliding-barn-door-hardware-kit-no-door-included-1-52m-1-82m-2-01m","title":"Stainless Steel T-Bar Roller Sliding Barn Door Hardware Kit – No Door Included – 1.52m \/ 1.82m \/ 2.01m","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c!-- 引入具有设计感的字体 --\u003e\n\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Montserrat:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        :root {\n            --bg-dark: #121212;      \/* 工业深灰 *\/\n            --bg-light: #f4f4f4;     \/* 浅灰留白 *\/\n            --text-dark: #1a1a1a;    \/* 深色文字 *\/\n            --text-light: #e0e0e0;   \/* 浅色文字 *\/\n            --accent-chrome: #c0c0c0; \/* 铬银金属色 *\/\n            --accent-gold: #d4af37;   \/* 微弱金属光泽 *\/\n            --border: #333333;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            color: var(--text-dark);\n            line-height: 1.7;\n            margin: 0;\n            padding: 0;\n            background-color: #ffffff;\n        }\n\n        .container {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* 字体设计 *\/\n        h1, h2, h3 {\n            font-family: 'Playfair Display', serif;\n            letter-spacing: -0.5px;\n        }\n\n        h1 {\n            font-size: 2.8rem;\n            font-weight: 700;\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        h2 {\n            font-size: 2.2rem;\n            font-weight: 600;\n            margin-bottom: 2rem;\n            position: relative;\n            display: inline-block;\n        }\n\n        \/* 标题下方的金属线条装饰 *\/\n        h2::after {\n            content: '';\n            position: absolute;\n            left: 0;\n            bottom: -8px;\n            width: 40px;\n            height: 2px;\n            background: var(--accent-gold);\n        }\n\n        h3 {\n            font-size: 1.3rem;\n            font-weight: 600;\n            margin-bottom: 15px;\n        }\n\n        \/* 符号和图标 *\/\n        .icon {\n            font-size: 1.5rem;\n            margin-right: 8px;\n            display: inline-block;\n            vertical-align: middle;\n            color: var(--accent-gold);\n        }\n\n        \/* ========== 深色 Hero 区域 ========== *\/\n        .hero {\n            background-color: var(--bg-dark);\n            color: var(--text-light);\n            padding: 100px 20px 80px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero::before {\n            content: '✦ ✦ ✦';\n            position: absolute;\n            top: 20px;\n            left: 50%;\n            transform: translateX(-50%);\n            color: #333;\n            font-size: 1.2rem;\n            letter-spacing: 15px;\n        }\n\n        .hero .subtitle {\n            font-size: 0.9rem;\n            color: var(--accent-chrome);\n            text-transform: uppercase;\n            letter-spacing: 4px;\n            margin-bottom: 20px;\n            font-weight: 600;\n        }\n\n        .hero h1 {\n            color: #ffffff;\n            max-width: 800px;\n            margin: 0 auto 20px;\n        }\n\n        .hero .desc {\n            color: #999;\n            font-size: 1.1rem;\n            max-width: 600px;\n            margin: 0 auto 30px;\n        }\n\n        .weight-badge {\n            display: inline-block;\n            border: 1px solid var(--accent-gold);\n            color: var(--accent-gold);\n            padding: 10px 30px;\n            border-radius: 0;\n            font-size: 1rem;\n            font-weight: 700;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n        }\n\n        .weight-badge span {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.3rem;\n        }\n\n        .hero .sizes {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin-top: 30px;\n            color: #888;\n            font-size: 0.9rem;\n            letter-spacing: 1px;\n        }\n\n        .hero .sizes span {\n            border: 1px solid #333;\n            padding: 5px 15px;\n        }\n\n        \/* ========== 排版区块 ========== *\/\n        .section {\n            padding: 80px 0;\n            border-bottom: 1px solid #eee;\n        }\n\n        .section-dark {\n            background-color: var(--bg-dark);\n            color: var(--text-light);\n            border-bottom: none;\n        }\n\n        .section-dark h2 {\n            color: #ffffff;\n        }\n\n        .section-dark p {\n            color: #a0a0a0;\n        }\n\n        \/* ========== 技术特性网格 ========== *\/\n        .grid-2 {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 50px;\n            align-items: start;\n        }\n\n        .feature-block {\n            margin-bottom: 40px;\n            padding-left: 20px;\n            border-left: 2px solid var(--accent-gold);\n        }\n\n        .feature-block h3 {\n            display: flex;\n            align-items: center;\n        }\n\n        .feature-block p {\n            margin: 0;\n            font-size: 0.95rem;\n        }\n\n        \/* ========== 参数与承重卡片 ========== *\/\n        .specs-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px;\n        }\n\n        .spec-card {\n            background: #1e1e1e;\n            border: 1px solid #333;\n            padding: 30px;\n            text-align: center;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n        }\n\n        .spec-card:hover {\n            transform: translateY(-5px);\n            border-color: var(--accent-gold);\n        }\n\n        .spec-card .icon {\n            font-size: 2rem;\n            display: block;\n            margin-bottom: 15px;\n        }\n\n        .spec-card .value {\n            font-family: 'Playfair Display', serif;\n            font-size: 2rem;\n            color: #fff;\n            display: block;\n            margin-bottom: 5px;\n        }\n\n        .spec-card .label {\n            font-size: 0.8rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: #888;\n        }\n\n        \/* ========== 包装清单 ========== *\/\n        .packing-list {\n            background: var(--bg-light);\n            padding: 60px;\n            border-radius: 0;\n        }\n\n        .packing-list ul {\n            list-style: none;\n            padding: 0;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 20px;\n        }\n\n        .packing-list ul li {\n            display: flex;\n            align-items: center;\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: var(--text-dark);\n            padding: 10px 0;\n            border-bottom: 1px dashed #ccc;\n        }\n\n        .packing-list ul li::before {\n            content: \"➔\";\n            color: var(--accent-gold);\n            margin-right: 12px;\n            font-weight: bold;\n        }\n\n        \/* ========== 尺寸指南 ========== *\/\n        .size-guide {\n            background: #fff;\n            border: 2px solid var(--text-dark);\n            padding: 40px;\n            text-align: center;\n            position: relative;\n        }\n\n        .size-guide::before {\n            content: '📏';\n            font-size: 2rem;\n            position: absolute;\n            top: -25px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: #fff;\n            padding: 0 15px;\n        }\n\n        .size-guide h3 {\n            margin-top: 0;\n            font-size: 1.5rem;\n        }\n\n        .size-guide .highlight {\n            font-family: 'Playfair Display', serif;\n            font-size: 2rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            display: block;\n            margin: 15px 0;\n        }\n\n        \/* ========== 适用场景 ========== *\/\n        .applications {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 15px;\n            margin-top: 30px;\n        }\n\n        .applications span {\n            background: #f4f4f4;\n            padding: 8px 20px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--text-dark);\n        }\n\n        \/* ========== 行动呼吁 ========== *\/\n        .cta-section {\n            text-align: center;\n            padding: 80px 0;\n            background-color: var(--bg-dark);\n            color: #fff;\n        }\n\n        .cta-section h2 {\n            color: #fff;\n        }\n\n        .cta-btn {\n            display: inline-block;\n            background-color: var(--accent-gold);\n            color: var(--bg-dark);\n            text-decoration: none;\n            padding: 18px 50px;\n            font-size: 1rem;\n            font-weight: 700;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            transition: all 0.3s ease;\n            border: 2px solid var(--accent-gold);\n        }\n\n        .cta-btn:hover {\n            background-color: transparent;\n            color: var(--accent-gold);\n        }\n\n        \/* 响应式 *\/\n        @media (max-width: 768px) {\n            h1 { font-size: 2rem; }\n            h2 { font-size: 1.6rem; }\n            .grid-2 { grid-template-columns: 1fr; gap: 30px; }\n            .specs-grid { grid-template-columns: 1fr; }\n            .packing-list { padding: 30px; }\n            .hero { padding: 60px 20px; }\n            .hero .sizes { flex-direction: column; align-items: center; gap: 10px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- Hero 区域：深色工业风，无图片 --\u003e\u003cheader class=\"hero\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cp class=\"subtitle\"\u003e✦ Premium Hardware for Sliding Doors ✦\u003c\/p\u003e\n\u003ch1\u003eStainless Steel T-Bar Roller Sliding Barn Door Hardware Kit\u003c\/h1\u003e\n\u003cp class=\"desc\"\u003eNo Door Included | Aviation-Grade Chrome Plated Track\u003c\/p\u003e\n\u003cdiv class=\"weight-badge\"\u003e⚖ MAX LOAD CAPACITY: \u003cspan\u003e150kg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sizes\"\u003e\n\u003cspan\u003e📐 1.52m\u003c\/span\u003e \u003cspan\u003e📐 1.82m\u003c\/span\u003e \u003cspan\u003e📐 2.01m\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- 核心优势 --\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2\u003e✦ Engineering Excellence\u003c\/h2\u003e\n\u003cdiv class=\"grid-2\"\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"icon\"\u003e⚙\u003c\/span\u003eSpring Door Stopper\u003c\/h3\u003e\n\u003cp\u003eThe force of the buffer open and close door, no noise, protect roller.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"icon\"\u003e🛡\u003c\/span\u003eAnti-Jump Block\u003c\/h3\u003e\n\u003cp\u003ePrevent doors from lifting off the track.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"icon\"\u003e🚪\u003c\/span\u003eFloor Guide\u003c\/h3\u003e\n\u003cp\u003ePrevent doors from swinging.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"icon\"\u003e🔩\u003c\/span\u003eAviation-Grade Track\u003c\/h3\u003e\n\u003cp\u003eDecorative chrome plating, wall thickness up to 2mm. Mechanical design with keel support in the middle for strong load-bearing capacity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"icon\"\u003e⚡\u003c\/span\u003eAnti-Falling Wheel\u003c\/h3\u003e\n\u003cp\u003eAn anti-falling wheel is added to the roller, effectively preventing the roller hanger from falling off during sliding.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"icon\"\u003e🔇\u003c\/span\u003eNylon Arc Stopper\u003c\/h3\u003e\n\u003cp\u003eThe head of the door stopper is a nylon arc, perfectly fitting the roller pulley radius, significantly reducing noise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 参数区域：深色背景，突出 150kg --\u003e\n\u003csection class=\"section section-dark\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2\u003e✦ Specifications \u0026amp; Load Capacity\u003c\/h2\u003e\n\u003cdiv class=\"specs-grid\"\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cspan class=\"icon\"\u003e⚖\u003c\/span\u003e \u003cspan class=\"value\"\u003e150 kg\u003c\/span\u003e \u003cspan class=\"label\"\u003eMaximum Door Weight\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cspan class=\"icon\"\u003e📏\u003c\/span\u003e \u003cspan class=\"value\"\u003e3 - 5 cm\u003c\/span\u003e \u003cspan class=\"label\"\u003eSuitable Door Thickness\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cspan class=\"icon\"\u003e🔩\u003c\/span\u003e \u003cspan class=\"value\"\u003e2 mm\u003c\/span\u003e \u003cspan class=\"label\"\u003eTrack Wall Thickness\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 50px; border-top: 1px solid #333; padding-top: 30px;\"\u003e\n\u003ch3 style=\"color: #fff; display: flex; align-items: center;\"\u003e\n\u003cspan class=\"icon\" style=\"font-size: 1.2rem;\"\u003e✔\u003c\/span\u003e Safe \u0026amp; Advantages\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; color: #a0a0a0;\"\u003e\n\u003cli\u003e① \u003cstrong\u003eAnti-falling wheel\u003c\/strong\u003e – Prevents roller fall-off\u003c\/li\u003e\n\u003cli\u003e② \u003cstrong\u003ePre-drilled rails\u003c\/strong\u003e – Adjustable fixed seat \u0026amp; wall mat\u003c\/li\u003e\n\u003cli\u003e③ \u003cstrong\u003eDouble edge grinding\u003c\/strong\u003e – Smooth, no hand injury\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 包装清单 --\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2\u003e✦ Packing Includes\u003c\/h2\u003e\n\u003cdiv class=\"packing-list\"\u003e\n\u003cul\u003e\n\u003cli\u003eSpliced Track\u003c\/li\u003e\n\u003cli\u003eConnector Track\u003c\/li\u003e\n\u003cli\u003ePlugging (2 PCS)\u003c\/li\u003e\n\u003cli\u003eRollers (2 PCS \/ 1 Pair)\u003c\/li\u003e\n\u003cli\u003eFloor Guide (1 PCS)\u003c\/li\u003e\n\u003cli\u003eDoor Stop (2 PCS \/ 1 Pair)\u003c\/li\u003e\n\u003cli\u003eWrench\u003c\/li\u003e\n\u003cli\u003eWall Hanger Set \u003cspan style=\"font-size: 0.8rem; color: #888; margin-left: 5px;\"\u003e(1 set per rail hole)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 尺寸选择指南 --\u003e\n\u003csection class=\"section\" style=\"background: var(--bg-light);\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"size-guide\"\u003e\n\u003ch3\u003eHow to Choose Track Size\u003c\/h3\u003e\n\u003cp\u003eTrack length should be \u003cstrong\u003etwo times\u003c\/strong\u003e the door panel's width.\u003c\/p\u003e\n\u003cdiv class=\"highlight\"\u003e2 × Door Width = Track Length\u003c\/div\u003e\n\u003cp style=\"color: #666; font-size: 0.9rem;\"\u003eExample: If your door width is 2.5ft \/ 76cm, you will need the 5FT \/ 152cm Kit for a single door.\u003c\/p\u003e\n\u003cp style=\"margin-top: 20px; font-weight: 600; font-size: 1.1rem; color: var(--text-dark);\"\u003e📐 Available Sizes (Metric, rounded down): 1.52m \/ 1.82m \/ 2.01m\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 适用场景 --\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\" style=\"text-align: center;\"\u003e\n\u003ch2\u003e✦ Wide Applicability\u003c\/h2\u003e\n\u003cp style=\"max-width: 700px; margin: 0 auto;\"\u003eSpace saving due to sliding motion. The sliding door fittings are very easy to decorate and are suitable for:\u003c\/p\u003e\n\u003cdiv class=\"applications\"\u003e\n\u003cspan\u003e🛏 Bedrooms\u003c\/span\u003e \u003cspan\u003e📚 Studies\u003c\/span\u003e \u003cspan\u003e👗 Dressing Rooms\u003c\/span\u003e \u003cspan\u003e🍳 Kitchens\u003c\/span\u003e \u003cspan\u003e🚪 Closets\u003c\/span\u003e \u003cspan\u003e🗄 Cabinets\u003c\/span\u003e \u003cspan\u003e🏡 Farmhouses\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA 行动呼吁 --\u003e\n\u003csection class=\"cta-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2 style=\"margin-bottom: 30px;\"\u003eUpgrade Your Space\u003c\/h2\u003e\n\u003ca href=\"#\" class=\"cta-btn\"\u003e🛒 Add to Basket\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e\u003cgr-manager\u003e\u003c\/gr-manager\u003e\u003cgr-checker\u003e\u003c\/gr-checker\u003e\u003c\/p\u003e\n\u003c!----\u003e","brand":"CCJH","offers":[{"title":"152cm\/5FT","offer_id":50523230568621,"sku":"S05STS","price":80.99,"currency_code":"USD","in_stock":true},{"title":"182cm\/6FT","offer_id":50523230601389,"sku":"S06STS","price":85.99,"currency_code":"USD","in_stock":true},{"title":"201cm\/6.6FT","offer_id":50523230634157,"sku":"S66STS","price":86.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0530\/7154\/4493\/files\/718hOYcAIJL._AC_SL1500.jpg?v=1790134717"},{"product_id":"black-sliding-barn-door-hardware-kit-adjustable-floor-guide-door-not-included-uk-dispatch-free-delivery","title":"Black Sliding Barn Door Hardware Kit, Adjustable Floor Guide, Door Not Included, UK Dispatch, Free Delivery","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500\u0026amp;family=Jost:wght@300;400;500;600\u0026amp;family=Inter:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* ================= TOKENS ================= *\/\n:root{\n  --black:#0F0E0C;\n  --ink:#1A1815;\n  --ink-70:rgba(26,24,21,.72);\n  --ink-45:rgba(26,24,21,.45);\n  --ink-20:rgba(26,24,21,.20);\n  --ink-10:rgba(26,24,21,.10);\n  --ink-05:rgba(26,24,21,.05);\n\n  --oak:#8B5E3C;\n  --oak-deep:#5C3A22;\n  --oak-light:#B98A5C;\n  --oak-pale:#D9B992;\n  --oak-wash:rgba(139,94,60,.06);\n\n  --white:#FFFFFF;\n  --off-white:#FAF8F5;\n  --warm:#F4EFE8;\n  --warm-2:#EFE8DE;\n\n  --line:rgba(26,24,21,.10);\n  --line-strong:rgba(26,24,21,.22);\n  --line-dark:rgba(255,255,255,.12);\n\n  --f-display:'Playfair Display', Georgia, serif;\n  --f-ui:'Jost', Helvetica, sans-serif;\n  --f-body:'Inter', Helvetica, sans-serif;\n\n  --ease:cubic-bezier(.22,.61,.36,1);\n}\n\n\/* ================= RESET ================= *\/\n*,*::before,*::after{box-sizing:border-box;}\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}\nbody{\n  margin:0;\n  background:var(--off-white);\n  color:var(--ink-70);\n  font-family:var(--f-body);\n  font-size:15.5px;\n  line-height:1.8;\n  font-weight:300;\n  -webkit-font-smoothing:antialiased;\n}\nul{margin:0;padding:0;list-style:none;}\n\n\/* ================= LAYOUT ================= *\/\n.wrap{max-width:1180px;margin:0 auto;padding:0 44px;}\n\n\/* ================= TYPOGRAPHY ================= *\/\n.eyebrow{\n  font-family:var(--f-ui);\n  font-size:10px;\n  font-weight:500;\n  letter-spacing:.34em;\n  text-transform:uppercase;\n  color:var(--oak);\n  margin:0;\n}\n.eyebrow-tick{\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n}\n.eyebrow-tick::before{\n  content:\"\";\n  width:24px;\n  height:1px;\n  background:var(--oak);\n  flex-shrink:0;\n}\n\nh1,h2,h3{\n  font-family:var(--f-display);\n  color:var(--ink);\n  margin:0;\n  font-weight:500;\n  letter-spacing:-.012em;\n}\nh1{font-size:clamp(2.8rem,6.4vw,5rem);line-height:1.02;}\nh2{font-size:clamp(1.8rem,3.8vw,2.9rem);line-height:1.12;}\nh3{font-size:1.15rem;line-height:1.35;}\n\n.italic{font-style:italic;font-weight:400;}\n\n\/* ================= TOP BAR (BLACK) ================= *\/\n.topbar{\n  background:var(--black);\n  padding:13px 0;\n}\n.topbar .wrap{\n  display:flex;\n  justify-content:center;\n  gap:44px;\n  flex-wrap:wrap;\n}\n.topbar span{\n  font-family:var(--f-ui);\n  font-size:9.5px;\n  letter-spacing:.3em;\n  text-transform:uppercase;\n  color:var(--oak-pale);\n  display:flex;\n  align-items:center;\n  gap:10px;\n}\n.topbar span::before{\n  content:\"\";\n  width:5px;height:5px;\n  background:var(--oak-light);\n  border-radius:50%;\n  flex-shrink:0;\n}\n\n\/* ================= HERO (BLACK) ================= *\/\n.hero{\n  background:var(--black);\n  color:rgba(255,255,255,.72);\n  padding:120px 0 110px;\n  position:relative;\n  overflow:hidden;\n}\n.hero::before{\n  content:\"\";\n  position:absolute;\n  top:-160px;right:-160px;\n  width:600px;height:600px;\n  border:1px solid rgba(185,138,92,.14);\n  border-radius:50%;\n  pointer-events:none;\n}\n.hero::after{\n  content:\"\";\n  position:absolute;\n  bottom:-240px;left:6%;\n  width:420px;height:420px;\n  border:1px solid rgba(185,138,92,.10);\n  border-radius:50%;\n  pointer-events:none;\n}\n.hero .wrap{position:relative;z-index:1;}\n\n.hero-inner{\n  display:grid;\n  grid-template-columns:1fr 200px;\n  gap:60px;\n  align-items:end;\n}\n\n.hero-brand{\n  font-family:var(--f-ui);\n  font-size:11px;\n  letter-spacing:.42em;\n  text-transform:uppercase;\n  color:var(--oak-light);\n  font-weight:500;\n  margin-bottom:50px;\n  display:flex;\n  align-items:center;\n  gap:18px;\n}\n.hero-brand::after{\n  content:\"\";\n  width:80px;\n  height:1px;\n  background:rgba(185,138,92,.35);\n}\n\n.hero h1{\n  color:var(--white);\n  max-width:760px;\n}\n.hero h1 .thin{\n  display:block;\n  font-weight:400;\n  font-style:italic;\n  color:var(--oak-light);\n  font-size:.5em;\n  margin-bottom:8px;\n  letter-spacing:0;\n}\n\n.hero-side{\n  text-align:right;\n  padding-bottom:12px;\n}\n.hero-side .idx{\n  font-family:var(--f-display);\n  font-style:italic;\n  font-size:3.4rem;\n  color:rgba(185,138,92,.42);\n  line-height:1;\n  display:block;\n  margin-bottom:14px;\n}\n.hero-side p{\n  font-family:var(--f-ui);\n  font-size:10px;\n  letter-spacing:.28em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.42);\n  margin:0;\n  line-height:1.9;\n}\n\n.hero-lede{\n  margin-top:44px;\n  max-width:520px;\n  font-size:1rem;\n  line-height:1.9;\n  color:rgba(255,255,255,.62);\n  font-weight:300;\n}\n\n.hero-meta{\n  margin-top:70px;\n  padding-top:38px;\n  border-top:1px solid var(--line-dark);\n  display:flex;\n  gap:70px;\n  flex-wrap:wrap;\n}\n.hero-meta dt{\n  font-family:var(--f-ui);\n  font-size:9.5px;\n  letter-spacing:.3em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.42);\n  margin-bottom:10px;\n}\n.hero-meta dd{\n  margin:0;\n  font-family:var(--f-display);\n  font-size:1.4rem;\n  color:var(--white);\n  letter-spacing:-.005em;\n}\n\n\/* ================= STATEMENT (LIGHT) ================= *\/\n.statement{\n  background:var(--off-white);\n  padding:130px 0 120px;\n  border-bottom:1px solid var(--line);\n}\n.statement .wrap{\n  display:grid;\n  grid-template-columns:1.1fr 1fr;\n  gap:100px;\n  align-items:start;\n}\n\n.statement-head h2{\n  margin-top:26px;\n  max-width:460px;\n}\n.statement-head .drop{\n  font-family:var(--f-display);\n  font-style:italic;\n  color:var(--oak);\n}\n\n.statement-body{\n  padding-top:52px;\n  position:relative;\n}\n.statement-body::before{\n  content:\"\";\n  position:absolute;\n  top:0;left:0;\n  width:52px;\n  height:2px;\n  background:var(--oak);\n}\n.statement-body p{\n  font-size:1.02rem;\n  line-height:1.95;\n  color:var(--ink-70);\n  margin:0 0 22px;\n  max-width:440px;\n}\n.statement-body p:last-child{margin-bottom:0;}\n\n.statement-mark{\n  margin-top:44px;\n  font-family:var(--f-display);\n  font-style:italic;\n  font-size:1.4rem;\n  color:var(--oak);\n  letter-spacing:-.005em;\n}\n\n\/* ================= FEATURES (LIGHT) ================= *\/\n.features{\n  background:var(--white);\n  padding:130px 0 120px;\n  border-bottom:1px solid var(--line);\n}\n.features-head{\n  display:grid;\n  grid-template-columns:auto 1fr;\n  gap:60px;\n  align-items:baseline;\n  margin-bottom:90px;\n  padding-bottom:44px;\n  border-bottom:1px solid var(--ink);\n}\n.features-head .eyebrow{\n  padding-top:12px;\n}\n.features-head h2{\n  color:var(--ink);\n  max-width:640px;\n}\n\n.feat-row{\n  display:grid;\n  grid-template-columns:90px 1fr 1fr;\n  gap:48px;\n  align-items:start;\n  padding:44px 0;\n  border-bottom:1px solid var(--line);\n  position:relative;\n  transition:background .4s var(--ease);\n}\n.feat-row:last-child{border-bottom:none;}\n.feat-row:nth-child(even){padding-left:64px;}\n.feat-row:nth-child(odd){padding-right:64px;}\n.feat-row:hover{\n  background:var(--oak-wash);\n}\n\n.feat-idx{\n  font-family:var(--f-display);\n  font-style:italic;\n  font-size:2rem;\n  color:var(--oak);\n  line-height:1;\n  padding-top:4px;\n  letter-spacing:-.02em;\n}\n.feat-row h3{\n  color:var(--ink);\n  max-width:280px;\n}\n.feat-row p{\n  font-size:.94rem;\n  line-height:1.85;\n  color:var(--ink-70);\n  margin:0;\n  max-width:420px;\n}\n\n\/* ================= SPEC (LIGHT) ================= *\/\n.spec{\n  background:var(--warm);\n  padding:120px 0;\n  border-bottom:1px solid var(--line);\n}\n.spec-inner{\n  display:grid;\n  grid-template-columns:1fr 1.15fr;\n  gap:100px;\n  align-items:start;\n}\n.spec-left{\n  position:sticky;\n  top:40px;\n}\n.spec-left h2{\n  margin-top:26px;\n  max-width:320px;\n}\n.spec-left .lede{\n  margin-top:32px;\n  font-size:.96rem;\n  line-height:1.9;\n  color:var(--ink-45);\n  max-width:320px;\n}\n.spec-left .seal{\n  margin-top:56px;\n  display:inline-flex;\n  align-items:center;\n  gap:16px;\n  padding:14px 26px;\n  border:1px solid var(--line-strong);\n  font-family:var(--f-ui);\n  font-size:9.5px;\n  letter-spacing:.28em;\n  text-transform:uppercase;\n  color:var(--oak);\n}\n.spec-left .seal::before{\n  content:\"\";\n  width:6px;height:6px;\n  background:var(--oak);\n  border-radius:50%;\n}\n\n.spec-table{\n  width:100%;\n  border-collapse:collapse;\n  font-size:.9rem;\n}\n.spec-table tr{\n  border-bottom:1px solid var(--line);\n}\n.spec-table tr:first-child{border-top:1px solid var(--ink);}\n.spec-table th{\n  text-align:left;\n  font-family:var(--f-ui);\n  font-size:9.5px;\n  letter-spacing:.26em;\n  text-transform:uppercase;\n  color:var(--ink-45);\n  font-weight:500;\n  padding:22px 20px 22px 0;\n  width:45%;\n  vertical-align:top;\n}\n.spec-table td{\n  padding:22px 0;\n  font-family:var(--f-display);\n  font-size:1.02rem;\n  color:var(--ink);\n  letter-spacing:-.005em;\n  font-weight:400;\n}\n.spec-table td .small{\n  font-family:var(--f-body);\n  font-size:.8rem;\n  color:var(--ink-45);\n  font-weight:300;\n  letter-spacing:0;\n  margin-left:6px;\n}\n\n\/* ================= CHOOSE (LIGHT) ================= *\/\n.choose{\n  background:var(--off-white);\n  padding:130px 0 120px;\n  border-bottom:1px solid var(--line);\n}\n.choose-head{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:80px;\n  align-items:end;\n  margin-bottom:80px;\n}\n.choose-head h2{\n  margin-top:26px;\n  max-width:440px;\n}\n.choose-head p{\n  color:var(--ink-70);\n  font-size:.96rem;\n  line-height:1.9;\n  max-width:400px;\n  margin:0;\n}\n.choose-head p strong{\n  color:var(--ink);\n  font-weight:500;\n}\n\n.track-table{\n  width:100%;\n  border-collapse:collapse;\n}\n.track-table thead th{\n  font-family:var(--f-ui);\n  font-size:9.5px;\n  letter-spacing:.3em;\n  text-transform:uppercase;\n  color:var(--oak);\n  font-weight:500;\n  text-align:left;\n  padding:0 0 22px;\n  border-bottom:1px solid var(--ink);\n}\n.track-table tbody tr{\n  border-bottom:1px solid var(--line);\n  transition:background .35s var(--ease);\n}\n.track-table tbody tr:hover{\n  background:var(--oak-wash);\n}\n.track-table td{\n  padding:28px 0;\n  vertical-align:middle;\n}\n.track-table td:first-child{\n  font-family:var(--f-display);\n  font-size:1.4rem;\n  color:var(--ink);\n  letter-spacing:-.008em;\n  width:55%;\n  font-weight:400;\n}\n.track-table td:last-child{\n  font-family:var(--f-ui);\n  font-size:.9rem;\n  color:var(--ink-70);\n  letter-spacing:.02em;\n  text-align:right;\n}\n.track-table td .unit{\n  font-family:var(--f-body);\n  font-size:.76rem;\n  color:var(--ink-45);\n  margin-left:8px;\n  letter-spacing:.05em;\n}\n\n.choose-note{\n  margin-top:56px;\n  display:grid;\n  grid-template-columns:180px 1fr;\n  gap:50px;\n  padding-top:44px;\n  border-top:1px solid var(--line-strong);\n  align-items:start;\n}\n.choose-note .label{\n  font-family:var(--f-ui);\n  font-size:9.5px;\n  letter-spacing:.3em;\n  text-transform:uppercase;\n  color:var(--oak);\n  padding-top:3px;\n}\n.choose-note li{\n  position:relative;\n  padding-left:22px;\n  font-size:.92rem;\n  color:var(--ink-70);\n  margin-bottom:10px;\n  line-height:1.8;\n}\n.choose-note li:last-child{margin-bottom:0;}\n.choose-note li::before{\n  content:\"—\";\n  position:absolute;\n  left:0;\n  color:var(--oak);\n}\n\n\/* ================= PACKAGE (LIGHT) ================= *\/\n.package{\n  background:var(--warm-2);\n  padding:130px 0 120px;\n  border-bottom:1px solid var(--line);\n}\n.package-head{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:80px;\n  align-items:end;\n  margin-bottom:80px;\n}\n.package-head h2{\n  margin-top:26px;\n  max-width:400px;\n}\n.package-head p{\n  color:var(--ink-45);\n  font-size:.96rem;\n  line-height:1.9;\n  max-width:380px;\n  margin:0;\n}\n\n.package-list{\n  border-top:1px solid var(--ink);\n}\n.package-list li{\n  display:grid;\n  grid-template-columns:80px 1fr auto;\n  gap:40px;\n  align-items:baseline;\n  padding:30px 0;\n  border-bottom:1px solid var(--line);\n  transition:padding .4s var(--ease);\n}\n.package-list li:hover{\n  padding-left:16px;\n}\n.package-list li .idx{\n  font-family:var(--f-display);\n  font-style:italic;\n  font-size:1.1rem;\n  color:var(--oak);\n  letter-spacing:-.01em;\n}\n.package-list li .name{\n  font-family:var(--f-display);\n  font-size:1.15rem;\n  color:var(--ink);\n  letter-spacing:-.005em;\n}\n.package-list li .qty{\n  font-family:var(--f-ui);\n  font-size:10px;\n  letter-spacing:.26em;\n  text-transform:uppercase;\n  color:var(--ink-45);\n}\n\n.package-note{\n  margin-top:56px;\n  display:grid;\n  grid-template-columns:180px 1fr;\n  gap:50px;\n  align-items:start;\n  padding:38px 44px;\n  background:var(--white);\n  border-left:2px solid var(--oak);\n}\n.package-note .label{\n  font-family:var(--f-ui);\n  font-size:9.5px;\n  letter-spacing:.3em;\n  text-transform:uppercase;\n  color:var(--oak);\n  padding-top:3px;\n}\n.package-note p{\n  font-size:.92rem;\n  line-height:1.85;\n  color:var(--ink-70);\n  margin:0 0 8px;\n}\n.package-note p:last-child{margin-bottom:0;}\n\n\/* ================= CTA (BLACK) ================= *\/\n.cta{\n  background:var(--black);\n  color:rgba(255,255,255,.72);\n  padding:130px 0 120px;\n  position:relative;\n  overflow:hidden;\n}\n.cta::before{\n  content:\"\";\n  position:absolute;\n  top:-200px;left:50%;\n  transform:translateX(-50%);\n  width:720px;height:720px;\n  border:1px solid rgba(185,138,92,.10);\n  border-radius:50%;\n  pointer-events:none;\n}\n.cta .wrap{position:relative;z-index:1;}\n.cta-inner{\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:80px;\n  align-items:end;\n}\n.cta .eyebrow{\n  color:var(--oak-light);\n  margin-bottom:32px;\n}\n.cta h2{\n  color:var(--white);\n  max-width:560px;\n  font-size:clamp(2rem,4.2vw,3.2rem);\n}\n.cta p{\n  margin-top:32px;\n  max-width:440px;\n  color:rgba(255,255,255,.62);\n  font-size:.96rem;\n  line-height:1.9;\n}\n.cta-tag{\n  display:inline-flex;\n  align-items:center;\n  gap:16px;\n  padding:18px 34px;\n  border:1px solid rgba(185,138,92,.42);\n  font-family:var(--f-ui);\n  font-size:10px;\n  letter-spacing:.3em;\n  text-transform:uppercase;\n  color:var(--oak-pale);\n  white-space:nowrap;\n}\n.cta-tag::before{\n  content:\"\";\n  width:6px;height:6px;\n  background:var(--oak-light);\n  border-radius:50%;\n}\n\n\/* ================= RESPONSIVE ================= *\/\n@media (max-width:960px){\n  .wrap{padding:0 28px;}\n  .hero{padding:90px 0 80px;}\n  .hero-inner{grid-template-columns:1fr;}\n  .hero-side{text-align:left;padding-bottom:0;}\n  .hero-side .idx{font-size:2.6rem;}\n  .statement .wrap{grid-template-columns:1fr;gap:44px;}\n  .statement-body{padding-top:0;}\n  .features-head{grid-template-columns:1fr;gap:20px;}\n  .feat-row{grid-template-columns:60px 1fr;gap:24px;}\n  .feat-row p{grid-column:2;}\n  .feat-row:nth-child(even),\n  .feat-row:nth-child(odd){padding-left:0;padding-right:0;}\n  .spec-inner{grid-template-columns:1fr;gap:56px;}\n  .spec-left{position:static;}\n  .choose-head,\n  .package-head{grid-template-columns:1fr;gap:28px;}\n  .package-list li{grid-template-columns:50px 1fr auto;gap:20px;}\n  .choose-note,\n  .package-note{grid-template-columns:1fr;gap:20px;padding:28px 26px;}\n  .cta-inner{grid-template-columns:1fr;gap:44px;}\n}\n\n@media (max-width:560px){\n  .wrap{padding:0 22px;}\n  .topbar .wrap{gap:18px;}\n  .topbar span{font-size:9px;letter-spacing:.22em;}\n  .hero{padding:70px 0 64px;}\n  .hero-meta{gap:36px;margin-top:52px;padding-top:30px;}\n  .hero-meta dd{font-size:1.2rem;}\n  .statement,.features,.spec,.choose,.package,.cta{padding:80px 0;}\n  .feat-row{grid-template-columns:1fr;gap:14px;}\n  .feat-row p{grid-column:1;}\n  .feat-idx{font-size:1.6rem;}\n  .spec-table th{width:42%;font-size:9px;padding:18px 12px 18px 0;}\n  .spec-table td{font-size:.95rem;padding:18px 0;}\n  .track-table td:first-child{font-size:1.1rem;}\n  .track-table td:last-child{font-size:.8rem;}\n  .package-list li{grid-template-columns:40px 1fr;gap:14px;}\n  .package-list li .qty{grid-column:2;}\n  .choose-note,\n  .package-note{padding:24px 22px;}\n}\n\u003c\/style\u003e\n\u003c!-- ================= TOP BAR (BLACK) ================= --\u003e\n\u003cdiv class=\"topbar\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cspan\u003eUK Dispatch\u003c\/span\u003e \u003cspan\u003eFree UK Delivery\u003c\/span\u003e \u003cspan\u003eDoor Not Included\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= HERO (BLACK) ================= --\u003e\u003cheader class=\"hero\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"hero-inner\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"hero-brand\"\u003eCCJH\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan class=\"thin\"\u003eSliding\u003c\/span\u003e Barn Door\u003cbr\u003eHardware Kit\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003caside class=\"hero-side\"\u003e\u003cspan class=\"idx\"\u003eN°01\u003c\/span\u003e\n\u003cp\u003eIndustrial\u003cbr\u003eStrength\u003cbr\u003eQuiet Glide\u003c\/p\u003e\n\u003c\/aside\u003e\n\u003c\/div\u003e\n\u003cp class=\"hero-lede\"\u003eA rugged, industrial-strength sliding system with remarkably smooth and quiet operation — the ideal space-saving solution for bedrooms, bathrooms, closets, offices and narrow hallways.\u003c\/p\u003e\n\u003cdiv\u003eCapacity150 kg\u003c\/div\u003e\n\u003cdiv\u003eTrackAluminium alloy\u003c\/div\u003e\n\u003cdiv\u003eRoller HangerCarbon steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- ================= STATEMENT (LIGHT) ================= --\u003e\n\u003csection class=\"statement\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"statement-head\"\u003e\n\u003cp class=\"eyebrow eyebrow-tick\"\u003eThe Idea\u003c\/p\u003e\n\u003ch2\u003eBuilt to last.\u003cbr\u003e\u003cspan class=\"drop\"\u003eDesigned to perform.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"statement-body\"\u003e\n\u003cp\u003eEvery component is engineered for repeated, reliable use — from the anti-corrosion coated track to the precision carbon steel roller hangers.\u003c\/p\u003e\n\u003cp\u003eThis is hardware that quietly does its job, year after year, without asking for attention.\u003c\/p\u003e\n\u003cp class=\"statement-mark\"\u003e— CCJH\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= FEATURES (LIGHT) ================= --\u003e\n\u003csection class=\"features\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"features-head\"\u003e\n\u003cp class=\"eyebrow\"\u003eKey Features\u003c\/p\u003e\n\u003ch2\u003eFour reasons this kit stands apart — from weight capacity to the near-silent glide of its nylon wheels.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-row\"\u003e\n\u003cspan class=\"feat-idx\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eHeavy-duty construction\u003c\/h3\u003e\n\u003cp\u003eCarbon steel roller hangers paired with a high-strength aluminium alloy track. Safely holds doors up to 150 kg (330 lbs), finished with an anti-corrosion coating for years of reliable use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-row\"\u003e\n\u003cspan class=\"feat-idx\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eUltra-quiet glide\u003c\/h3\u003e\n\u003cp\u003eSuper silent nylon wheels deliver near-silent operation, while spring damping door stoppers provide a soft, gentle close every time you open or shut the door.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-row\"\u003e\n\u003cspan class=\"feat-idx\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eSmart space-saving design\u003c\/h3\u003e\n\u003cp\u003eAn excellent choice for homes, offices, narrow hallways and smaller apartments. Frees up the valuable floor space a swinging door would normally take.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-row\"\u003e\n\u003cspan class=\"feat-idx\"\u003e04\u003c\/span\u003e\n\u003ch3\u003eEasy, hassle-free setup\u003c\/h3\u003e\n\u003cp\u003eComes with professional, easy-to-follow instructions. Our dedicated customer service team is ready to help you solve any installation issue promptly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= SPEC (LIGHT) ================= --\u003e\n\u003csection class=\"spec\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"spec-inner\"\u003e\n\u003cdiv class=\"spec-left\"\u003e\n\u003cp class=\"eyebrow eyebrow-tick\"\u003eSpecifications\u003c\/p\u003e\n\u003ch2\u003eImportant details\u003c\/h2\u003e\n\u003cp class=\"lede\"\u003ePlease check your door thickness and the space above your door before ordering.\u003c\/p\u003e\n\u003cspan class=\"seal\"\u003eHardware Kit Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ctable class=\"spec-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eTrack Material\u003c\/th\u003e\n\u003ctd\u003eAluminium alloy\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eRoller Hanger Material\u003c\/th\u003e\n\u003ctd\u003eCarbon steel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFinish\u003c\/th\u003e\n\u003ctd\u003eBlack\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eWeight Capacity\u003c\/th\u003e\n\u003ctd\u003e150 kg \u003cspan class=\"small\"\u003e330 lbs\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFits Door Thickness\u003c\/th\u003e\n\u003ctd\u003e3 – 4.8 cm \u003cspan class=\"small\"\u003e1 3\/16 – 1 7\/8 in\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMinimum Space Above Door\u003c\/th\u003e\n\u003ctd\u003e17.8 cm \u003cspan class=\"small\"\u003e7 in\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eWall-to-Door Gap\u003c\/th\u003e\n\u003ctd\u003e≈ 5.6 cm \u003cspan class=\"small\"\u003e2.2 in minus door thickness\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePackage Type\u003c\/th\u003e\n\u003ctd\u003eHardware kit only \u003cspan class=\"small\"\u003edoor not included\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= CHOOSE (LIGHT) ================= --\u003e\n\u003csection class=\"choose\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"choose-head\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow eyebrow-tick\"\u003eHow to Choose\u003c\/p\u003e\n\u003ch2\u003eChoosing the right track\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cp\u003eMeasure your door width first. The track length should be \u003cstrong\u003eat least twice the door width\u003c\/strong\u003e, so the door can slide fully open without blocking the opening.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ctable class=\"track-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eTrack Length\u003c\/th\u003e\n\u003cth style=\"text-align: right;\"\u003eFits Door Width Up To\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e152 cm \u003cspan class=\"unit\"\u003e5 ft\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e76 cm \u003cspan class=\"unit\"\u003e30 in\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e183 cm \u003cspan class=\"unit\"\u003e6 ft\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e91 cm \u003cspan class=\"unit\"\u003e36 in\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e201 cm \u003cspan class=\"unit\"\u003e6.6 ft\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e99 cm \u003cspan class=\"unit\"\u003e39 in\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"choose-note\"\u003e\n\u003cspan class=\"label\"\u003ePlease Note\u003c\/span\u003e\n\u003cul\u003e\n\u003cli\u003eThis table is a guide only — always check your own door width and wall space before ordering.\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= PACKAGE (LIGHT) ================= --\u003e\n\u003csection class=\"package\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"package-head\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow eyebrow-tick\"\u003eWhat's in the Box\u003c\/p\u003e\n\u003ch2\u003eComplete hardware package\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cp\u003eEverything you need for a successful installation — packed with care and ready to fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cul class=\"package-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"idx\"\u003e01\u003c\/span\u003e \u003cspan class=\"name\"\u003eTrack rails in your chosen size\u003c\/span\u003e \u003cspan class=\"qty\"\u003e× 1\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"idx\"\u003e02\u003c\/span\u003e \u003cspan class=\"name\"\u003eRail spacers\u003c\/span\u003e \u003cspan class=\"qty\"\u003eIncluded\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"idx\"\u003e03\u003c\/span\u003e \u003cspan class=\"name\"\u003eHeavy-duty carbon steel roller hangers\u003c\/span\u003e \u003cspan class=\"qty\"\u003e× 2\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"idx\"\u003e04\u003c\/span\u003e \u003cspan class=\"name\"\u003eDoor stops\u003c\/span\u003e \u003cspan class=\"qty\"\u003e× 2\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"idx\"\u003e05\u003c\/span\u003e \u003cspan class=\"name\"\u003eAnti-jump disks\u003c\/span\u003e \u003cspan class=\"qty\"\u003e× 2\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"idx\"\u003e06\u003c\/span\u003e \u003cspan class=\"name\"\u003eAdjustable floor guide\u003c\/span\u003e \u003cspan class=\"qty\"\u003e× 1\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"package-note\"\u003e\n\u003cspan class=\"label\"\u003eDoor Not Included\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cp\u003eMinimum 17.8 cm (7 in) of space is required above your door.\u003c\/p\u003e\n\u003cp\u003eFits door thickness from 3 cm to 4.8 cm (1 3\/16 in to 1 7\/8 in).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= CTA (BLACK) ================= --\u003e\n\u003csection class=\"cta\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta-inner\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow eyebrow-tick\"\u003eCCJH\u003c\/p\u003e\n\u003ch2\u003eModern rustic charm.\u003cbr\u003e\u003cspan class=\"italic\"\u003eOutstanding performance.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThis complete hardware kit is built to last and designed to perform. Order with confidence — and feel free to contact us with any questions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cta-tag\"\u003eUK Dispatch · Free UK Delivery\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"CCJH","offers":[{"title":"152cm\/5FT","offer_id":67147422269613,"sku":"A05SFS_HLZBQ-K","price":48.99,"currency_code":"USD","in_stock":true},{"title":"182cm\/6FT","offer_id":67147422302381,"sku":"K06SFS_HLZBQ-TG","price":49.99,"currency_code":"USD","in_stock":true},{"title":"201cm\/6.6FT","offer_id":67147422335149,"sku":"K66SFS_HLZBQ-TG","price":50.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0530\/7154\/4493\/files\/16_75e84709-32ef-43f9-9202-0fd60406a00b.jpg?v=1791348861"},{"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":43.99,"currency_code":"USD","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-es\/collections\/uk.oembed","provider":"ccjh.shop","version":"1.0","type":"link"}