{"product_id":"flexibele-boorverlenging","title":"Flexibele boorverlenging voor krappe ruimtes","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* Design System Variables *\/\n    .product-detail-container {\n      --primary: #f59e0b; \/* Industrial Amber\/Yellow *\/\n      --primary-hover: #d97706;\n      --text-main: #111827; \/* Dark Slate *\/\n      --text-sub: #4b5563; \/* Medium Gray *\/\n      --bg-body: #ffffff;\n      --bg-card: #f9fafb;\n      --bg-dark: #1f2937;\n      --radius-md: 6px; \/* Rugged masculine look *\/\n      --radius-lg: 10px;\n      --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n      --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n      --border-color: #e5e7eb;\n      \n      \/* Base Container Settings *\/\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: clamp(2rem, 5vw, 4rem) 5%;\n      box-sizing: border-box;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n      overflow-wrap: break-word;\n      word-break: break-word;\n    }\n\n    .product-detail-container *, .product-detail-container *::before, .product-detail-container *::after {\n      box-sizing: inherit;\n    }\n\n    \/* Typography System *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 44px);\n      line-height: 1.2;\n      font-weight: 800;\n      margin: 0 0 1rem 0;\n      letter-spacing: -0.02em;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 4vw, 32px);\n      line-height: 1.3;\n      font-weight: 700;\n      margin: 0 0 1rem 0;\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(20px, 3vw, 24px);\n      line-height: 1.4;\n      font-weight: 600;\n      margin: 0 0 1rem 0;\n    }\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    \/* Shared Layout Utilities *\/\n    .module-spacer {\n      margin-top: clamp(3rem, 8vw, 6rem);\n    }\n\n    .text-center {\n      text-align: center;\n    }\n\n    \/* Media\/Images strictly anti-distortion *\/\n    .product-detail-container img, \n    .img-placeholder {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .img-placeholder {\n      background: var(--bg-card);\n      border: 2px dashed var(--border-color);\n      aspect-ratio: 4\/3;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--text-sub);\n      font-size: clamp(16px, 2vw, 18px);\n      font-weight: bold;\n    }\n\n    \/* Static Visual Badges *\/\n    .badge-container {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n\n    .visual-badge {\n      background: var(--bg-card);\n      border: 1px solid var(--border-color);\n      color: var(--text-main);\n      padding: 0.5rem 1rem;\n      border-radius: var(--radius-md);\n      font-size: clamp(16px, 1.5vw, 18px);\n      font-weight: 600;\n      display: inline-flex;\n      align-items: center;\n      gap: 0.5rem;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n    \n    .visual-badge::before {\n      content: \"✔\";\n      color: var(--primary);\n      font-size: 1.2em;\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      display: flex;\n      flex-direction: column;\n      gap: clamp(2rem, 5vw, 4rem);\n    }\n\n    .social-proof {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.5rem;\n      font-size: clamp(16px, 2vw, 18px);\n      color: var(--text-sub);\n      font-weight: 600;\n      background: var(--bg-card);\n      padding: 0.5rem 1rem;\n      border-radius: 50px;\n      margin-bottom: 1.5rem;\n    }\n    .social-proof .stars {\n      color: var(--primary);\n      letter-spacing: 2px;\n    }\n\n    \/* Feature Sections (Mobile First \u0026 Z-Pattern Desktop) *\/\n    .feature-item {\n      display: flex;\n      flex-direction: column; \/* Strict Mobile Order: Media top, Text bottom *\/\n      gap: clamp(2rem, 5vw, 4rem);\n      align-items: center;\n    }\n    \n    .feature-media, .feature-copy {\n      width: 100%;\n    }\n\n    \/* Specifications Table *\/\n    .specs-wrapper {\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: clamp(1.5rem, 4vw, 3rem);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      font-size: clamp(16px, 1.5vw, 18px);\n    }\n\n    .specs-table th, .specs-table td {\n      padding: 1rem;\n      text-align: left;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .specs-table th {\n      font-weight: 600;\n      color: var(--text-main);\n      background: var(--border-color);\n    }\n\n    \/* FAQ Section *\/\n    .faq-container {\n      display: flex;\n      flex-direction: column;\n      gap: 1.5rem;\n    }\n\n    .faq-item {\n      background: var(--bg-card);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      padding: clamp(1.5rem, 3vw, 2rem);\n    }\n\n    .faq-item h3 {\n      margin-bottom: 0.5rem;\n      color: var(--text-main);\n      display: flex;\n      gap: 1rem;\n      align-items: flex-start;\n    }\n    \n    .faq-item h3::before {\n      content: \"Q.\";\n      color: var(--primary);\n      font-weight: 900;\n    }\n\n    .faq-item p {\n      margin: 0;\n      padding-left: 2.2rem;\n    }\n\n    \/* Desktop Enhancements (Z-Pattern \u0026 Layouts) *\/\n    @media (min-width: 768px) {\n      .hero-section {\n        flex-direction: row;\n        align-items: center;\n      }\n      .hero-content, .hero-media {\n        flex: 1;\n      }\n      .feature-item {\n        flex-direction: row; \/* Z-Pattern active *\/\n      }\n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n      .feature-media, .feature-copy {\n        flex: 1;\n      }\n    }\n\n    \/* Mobile Enhancements (Strict Order \u0026 Card-based Table) *\/\n    @media (max-width: 767px) {\n      .feature-item, .feature-item:nth-child(even) {\n        flex-direction: column !important; \/* Lock mobile order *\/\n      }\n      \n      \/* Card-based Mobile Table *\/\n      .specs-table, .specs-table thead, .specs-table tbody, .specs-table tr, .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-body);\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1rem;\n        padding: 0.5rem;\n      }\n      .specs-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        border-bottom: 1px dashed var(--border-color);\n        padding: 0.75rem 0.5rem;\n        text-align: right;\n      }\n      .specs-table td:last-child {\n        border-bottom: none;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-main);\n        text-align: left;\n        padding-right: 1rem;\n      }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1\u003eOverwin krappe ruimtes met ultieme flexibiliteit.\u003c\/h1\u003e\n\u003cp\u003eDe robuuste, buigzame verlengstukken die dode hoeken, krappe motorruimtes en nauwe ruimtes bereiken waar gewoon gereedschap simpelweg niet bij kan.\u003c\/p\u003e\n\u003cdiv class=\"badge-container\"\u003e\n\u003cdiv class=\"visual-badge\"\u003e360° Flex Reach\u003cbr\u003eSlagvast Universal Fit\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324100643\/8f862cd9181481345b3d17eb7806d0c1.jpeg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item module-spacer\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324100117\/ac66dcec51adb075632c0df43fab6778.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eAlles in het werk stellen voor moeilijk bereikbare bevestigingsmiddelen\u003c\/h2\u003e\n\u003cp\u003eGeen gedoe meer met beschadigde knokkels en onmogelijke hoeken. Dankzij de uiterst flexibele kern kan deze verlengstuk moeiteloos om structurele obstakels heen worden gemanoeuvreerd. Hij zorgt voor nauwkeurige draaikracht bij diepliggende bouten, waardoor autoreparaties en complex machineonderhoud een fluitje van een cent worden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\u003cdiv class=\"feature-item module-spacer\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0597\/6208\/1862\/files\/1_d00f46b5-97a7-4b02-a384-20be181372b7.png?v=1780316245\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eBrede compatibiliteit voor uw volledige gereedschapskist\u003c\/h2\u003e\n\u003cp\u003eGeef uw bestaande gereedschap direct een upgrade. Ontworpen om naadloos te integreren met momentsleutels, ratelsleutels, elektrische moersleutels en verbindingsstangen. Of u nu aan een renovatieproject thuis werkt of een klus in een professionele werkplaats uitvoert, deze veelzijdige schacht zorgt ervoor dat u altijd het juiste bereik hebt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\u003cdiv class=\"feature-item module-spacer\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0597\/6208\/1862\/files\/2_cf37e750-db21-4ad6-abec-c71b7ce6b9fa.png?v=1780316244\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"module-spacer specs-wrapper\"\u003e\n\u003ch2\u003eIndustriële kwaliteit voor toepassingen met slagwerk\u003c\/h2\u003e\n\u003cp\u003eFlexibiliteit hoeft niet gelijk te staan aan kwetsbaarheid. Deze flexibele asverlenging is vervaardigd uit robuuste, uiterst sterke materialen en is bestand tegen de zware eisen van slagwerk. De betrouwbare constructie garandeert stabiele prestaties onder druk, waardoor monteurs en veeleisende doe-het-zelvers kunnen rekenen op een gereedschap dat zelfs onder de zwaarste omstandi heden betrouwbaar blijft.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Gadgetspeurder","offers":[{"title":"25cm","offer_id":45120040075334,"sku":"0324-17309407","price":12.99,"currency_code":"EUR","in_stock":true},{"title":"35cm","offer_id":45120040108102,"sku":"0324-17306054","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0597\/6208\/1862\/files\/0c8fe2b99773456c8ae844b47b83984c.jpg?v=1780306593","url":"https:\/\/gadgetspeurder.nl\/products\/flexibele-boorverlenging","provider":"Gadgetspeurder","version":"1.0","type":"link"}