{"product_id":"secure-grip-layout-gauges-rjc","title":"Veilige Grip Layout Maten","description":"\u003c!--\n[AI Design Logic]\nProduct Type: Hardware \u0026 Carpentry Tools (Tall Stair Gauges)\nTarget Audience: Professional Carpenters, Builders, and DIY Enthusiasts\nVisual Style: Industrial, Precise, Rugged, Professional\nColor Strategy: Dark Slate (Metal) mixed with Construction Orange for high-contrast accents\nShape Strategy: Radius 8px (Tough, industrial, but safe handling)\nTypography Strategy: Large Type \/ Mobile-first readable (H1 44px, Body 18px+)\nMobile Table Strategy: Card-based (No horizontal scroll, full block display)\nImage Mapping: Hero=image_1, Precision=image_2, Durability=image_3, Convenience=image_4\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n            \/* Design System \/ CSS Variables *\/\n            --primary: #E67E22; \/* Industrial Orange *\/\n            --primary-hover: #D35400;\n            --text-main: #2C3E50;\n            --text-sub: #5D6D7E;\n            --bg-body: #FFFFFF;\n            --bg-card: #F8F9FA;\n            --radius-md: 4px;\n            --radius-lg: 8px;\n            --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);\n            --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);\n            --border-color: #EAECEE;\n\n            \/* Core Spacing \u0026 Typography *\/\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: clamp(2rem, 5vw, 4rem) 5%;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            color: var(--text-main);\n            box-sizing: border-box;\n            overflow-wrap: break-word;\n            word-break: break-word;\n            background: var(--bg-body);\n        }\n\n        .product-detail-container * {\n            box-sizing: border-box;\n        }\n\n        \/* Typography System *\/\n        .product-detail-container h1 { \n            font-size: clamp(32px, 4vw, 44px); \n            line-height: 1.2; \n            font-weight: 800; \n            margin: 0 0 1.5rem 0; \n            color: var(--text-main);\n        }\n        .product-detail-container h2 { \n            font-size: clamp(24px, 3.5vw, 32px); \n            line-height: 1.3; \n            font-weight: 700; \n            margin: 0 0 1.2rem 0; \n        }\n        .product-detail-container h3 { \n            font-size: clamp(20px, 2.5vw, 24px); \n            line-height: 1.4; \n            font-weight: 600; \n            margin: 0 0 1rem 0; \n        }\n        .product-detail-container p { \n            font-size: clamp(18px, 2vw, 20px); \n            line-height: 1.7; \n            color: var(--text-sub); \n            margin: 0 0 1.5rem 0; \n        }\n        \n        \/* Non-clickable Badges *\/\n        .visual-badge {\n            display: inline-block;\n            background: var(--bg-card);\n            color: var(--primary);\n            font-size: clamp(16px, 1.8vw, 18px);\n            font-weight: 700;\n            padding: 0.5rem 1rem;\n            border-radius: var(--radius-md);\n            border: 1px solid var(--border-color);\n            margin-bottom: 1.5rem;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        \/* Image Protocol (Option A: Fluid Natural Flow) *\/\n        .fluid-img {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: var(--radius-lg);\n            box-shadow: var(--shadow-sm);\n        }\n\n        \/* Placeholder specific styling to avoid fixed height but create area *\/\n        .img-placeholder {\n            width: 100%;\n            padding: clamp(3rem, 10vw, 6rem) 1rem;\n            background: var(--bg-card);\n            border: 2px dashed var(--border-color);\n            border-radius: var(--radius-lg);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--text-sub);\n            font-size: clamp(18px, 2vw, 22px);\n            font-weight: bold;\n            text-align: center;\n        }\n\n        \/* Layout Architecture *\/\n        .hero-section {\n            display: flex;\n            flex-direction: column;\n            gap: clamp(2rem, 4vw, 3rem);\n            margin-bottom: clamp(3rem, 8vw, 5rem);\n        }\n\n        .features-section {\n            display: flex;\n            flex-direction: column;\n            gap: clamp(3rem, 8vw, 5rem);\n            margin-bottom: clamp(3rem, 8vw, 5rem);\n        }\n\n        \/* Mobile Ordering Lock (Strict Pattern) *\/\n        .feature-item {\n            display: flex;\n            flex-direction: column; \/* Mobile first: strict single column stack *\/\n            gap: clamp(1.5rem, 4vw, 3rem);\n        }\n\n        .feature-item .feature-media {\n            order: 1; \/* Force image on top for mobile *\/\n            width: 100%;\n        }\n\n        .feature-item .feature-copy {\n            order: 2; \/* Force text on bottom for mobile *\/\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        \/* Desktop Z-Pattern Enhancement *\/\n        @media (min-width: 768px) {\n            .hero-section {\n                flex-direction: row;\n                align-items: center;\n            }\n            .hero-section \u003e * {\n                flex: 1;\n            }\n            .feature-item {\n                flex-direction: row;\n                align-items: center;\n            }\n            .feature-item.reverse {\n                flex-direction: row-reverse;\n            }\n            .feature-item .feature-media,\n            .feature-item .feature-copy {\n                width: 50%;\n                order: unset; \/* Remove order restriction on desktop *\/\n            }\n        }\n\n        \/* Specs Table (Mobile Card-based Lock) *\/\n        .specs-section {\n            margin-bottom: clamp(3rem, 8vw, 5rem);\n        }\n        \n        .specs-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin-top: 1.5rem;\n        }\n        \n        .specs-table th, \n        .specs-table td {\n            padding: 1.2rem;\n            text-align: left;\n            border-bottom: 1px solid var(--border-color);\n            font-size: clamp(16px, 1.8vw, 18px);\n            color: var(--text-main);\n        }\n\n        .specs-table th {\n            font-weight: 700;\n            background: var(--bg-card);\n            border-top: 1px solid var(--border-color);\n        }\n\n        \/* Strict Mobile Table Rules *\/\n        @media (max-width: 767px) {\n            .specs-table, \n            .specs-table thead, \n            .specs-table tbody, \n            .specs-table tr, \n            .specs-table th, \n            .specs-table td {\n                display: block;\n                width: 100%;\n            }\n            .specs-table thead {\n                display: none; \/* Hide native header *\/\n            }\n            .specs-table tr {\n                background: var(--bg-card);\n                border-radius: var(--radius-lg);\n                margin-bottom: 1rem;\n                border: 1px solid var(--border-color);\n                padding: 0.5rem 0;\n            }\n            .specs-table td {\n                display: flex;\n                flex-direction: row;\n                justify-content: space-between;\n                align-items: center;\n                border-bottom: 1px solid var(--border-color);\n                padding: 1rem;\n            }\n            .specs-table td:last-child {\n                border-bottom: none;\n            }\n            .specs-table td::before {\n                content: attr(data-label); \/* Map header text *\/\n                font-weight: 700;\n                color: var(--text-sub);\n                margin-right: 1rem;\n                flex-shrink: 0;\n            }\n        }\n\n        \/* FAQ Section *\/\n        .faq-section {\n            background: var(--bg-card);\n            padding: clamp(2rem, 5vw, 4rem);\n            border-radius: var(--radius-lg);\n        }\n        .faq-item {\n            margin-bottom: 2rem;\n            padding-bottom: 1.5rem;\n            border-bottom: 1px solid var(--border-color);\n        }\n        .faq-item:last-child {\n            margin-bottom: 0;\n            padding-bottom: 0;\n            border-bottom: none;\n        }\n        .faq-q {\n            font-size: clamp(20px, 2.5vw, 22px);\n            font-weight: 700;\n            color: var(--text-main);\n            margin-bottom: 0.8rem;\n        }\n        .faq-a {\n            font-size: clamp(18px, 2vw, 20px);\n            line-height: 1.7;\n            color: var(--text-sub);\n            margin: 0;\n        }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cdiv class=\"visual-badge\"\u003eProfessionele Indeling van Topkwaliteit\u003c\/div\u003e\n\n\u003ch1\u003eBeheers Elke Hoek met Volledige Precisie\u003c\/h1\u003e\n\n\u003ch2\u003eDe ultieme hoge trapmeetinstrumenten, ontworpen voor professioneel raamwerk en timmerwerk.\u003c\/h2\u003e\n\n\u003cp\u003eGemaakt van zware materialen om giswerk te elimineren. Stop met het steeds opnieuw afstellen van uw vierkanten en vergrendel perfecte afmetingen stap voor stap.\u003c\/p\u003e\n\n\u003cp style=\"font-weight: bold; color: var(--primary);\"\u003e⭐⭐⭐⭐⭐ Vertrouwd door meer dan 10.000 professionele bouwers\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003c!-- Replace with an actual img tag using class=\"fluid-img\" --\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260320100308\/c15f3a294c5c12fab6fff142a8f34c5c.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"features-section\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260320100308\/a8e4aa974dcadde689319ab9b68efadb.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eAbsolute Precisie, Geen Gedoe\u003c\/h3\u003e\n\n\u003cp\u003eOntworpen om naadloos te integreren met raamwerkvierkanten, cirkelzagen en timmermansvierkanten. Door uw exacte hoekindeling vast te zetten, elimineert u volledig de noodzaak om steeds opnieuw te meten, wat u kostbare tijd bespaart bij complexe spant- of trapprojecten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 (Reverse on Desktop) --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260320100308\/16978d38225614b363623b29c6e5d4ee.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eOngeëvenaarde Duurzaamheid\u003c\/h3\u003e\n\n\u003cp\u003eGemaakt van hoogwaardig massief metaal, zijn deze meetinstrumenten bestand tegen stoten, vallen en corrosie op veeleisende bouwplaatsen. De robuuste schroefdraad op de knoppen garandeert een superieure grip die niet wegglijdt tijdens herhaald markeren of intense trillingen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260320100308\/937cdba1bbbd7974e7209ff04659bd18.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eGeorganiseerd en Klaar voor Gebruik\u003c\/h3\u003e\n\n\u003cp\u003eVerlies nooit meer een cruciaal meetinstrument in het zaagsel. Deze complete set bevat goed zichtbare houders en een duurzame karabijnhaak, zodat u ze direct aan uw gereedschapsriem of tas kunt klikken voor snelle toegang wanneer de indeling dat vereist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Specifications Table --\u003e\n\n\u003csection class=\"specs-section\"\u003e\n\u003ch2\u003eTechnische Specificaties\u003c\/h2\u003e\n\n\u003ctable class=\"specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSpecificatie\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetail\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eBasismateriaal\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003eMetaallegering van Hoge Kwaliteit\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eHoofdtoepassing\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003eTrapindeling, Spantindeling, Zaaggeleiders\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eTotale Hoogte\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e4,7 cm \/ 1,85 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eGewicht (Set)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e150,0 g \/ 5,3 oz\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eInhoud van het Pakket\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e2x Hoge Trapmeetinstrumenten, 1x Houder, 1x Karabijnhaak\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2\u003eVeelgestelde Vragen\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003ePassen deze meetinstrumenten op standaard raamwerkvierkanten?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-a\"\u003eJa, het veelzijdige klemontwerp is zo gemaakt dat het bijna alle standaard raamwerken, timmermansvierkanten en snelvierkanten op de markt kan vastklemmen en stevig vasthouden.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003eWorden de knoppen los tijdens zware trillingen?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-a\"\u003eNee. De knoppen hebben een diepe, gestructureerde grip en schroefdraad met hoge toleranties die een strakke vergrendeling mogelijk maakt. Eenmaal gepositioneerd, houden ze uw indeling betrouwbaar vast zonder te verschuiven.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003eZijn de meegeleverde houders duurzaam genoeg voor dagelijks gebruik op de bouwplaats?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-a\"\u003eAbsoluut. De houders en de bijbehorende karabijnhaak zijn ontworpen voor ruwe bouwomgevingen, zodat uw meetinstrumenten gekoppeld en veilig bevestigd blijven aan uw gereedschapsuitrusting.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Blauw \/ 📦 1 Set (Standaard)","offer_id":46868160282797,"sku":"0328-11466517","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Zwart \/ 📦 1 Set (Standaard)","offer_id":46868160315565,"sku":"0328-11463383","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Blauw \/ 🔥 2 Sets (Pro Pakket)","offer_id":46868160348333,"sku":"0328-11464830","price":26.95,"currency_code":"USD","in_stock":true},{"title":"Zwart \/ 🔥 2 Sets (Pro Pakket)","offer_id":46868160381101,"sku":"0328-11461692","price":26.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/c15f3a294c5c12fab6fff142a8f34c5c_d0a83916-16c9-4e0f-92fd-99004c1c14ce.jpg?v=1784281477","url":"https:\/\/newjoyloo.com\/nl\/products\/secure-grip-layout-gauges-rjc","provider":"Newjoyloo","version":"1.0","type":"link"}