{"product_id":"flexibel-borrforlangning","title":"Flexibel Borrförlängning för trånga utrymmen","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\u003eHantera trånga utrymmen med ultimat flexibilitet.\u003c\/h1\u003e\n\u003cp\u003eDe robusta, böjbara förlängningsdelarna når döda vinklar, trånga motorrum och snäva utrymmen som vanliga verktyg helt enkelt inte kommer åt.\u003c\/p\u003e\n\u003cdiv class=\"badge-container\"\u003e\n\u003cdiv class=\"visual-badge\"\u003e360° Flex Reach\u003cbr\u003eSlagfast 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\u003eGör allt för att komma åt svåråtkomliga skruvar\u003c\/h2\u003e\n\u003cp\u003eInget mer krångel med skadade knogar och omöjliga vinklar. Tack vare den extremt flexibla kärnan kan detta förlängningsstycke enkelt manövreras runt strukturella hinder. Det ger exakt vridmoment vid djupt liggande bultar, vilket gör bilreparationer och komplex maskinunderhåll till en barnlek.\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\/0704\/9854\/9977\/files\/1_c4714049-d99f-4cd7-8496-8e557b806c3e.jpg?v=1785672314\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eBred kompatibilitet för hela din verktygslåda\u003c\/h2\u003e\n\u003cp\u003eUppgradera dina befintliga verktyg direkt. Utformad för att smidigt integreras med momentnycklar, spärrnycklar, elektriska skruvdragare och förlängningsstänger. Oavsett om du arbetar med ett renoveringsprojekt hemma eller utför ett jobb i en professionell verkstad, ser denna mångsidiga förlängningsstång till att du alltid har rätt räckvidd.\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\/0704\/9854\/9977\/files\/2_e350c0df-0d75-464c-a1a8-928c808a5e68.jpg?v=1785672314\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"module-spacer specs-wrapper\"\u003e\n\u003ch2\u003eIndustriell kvalitet för slagverksapplikationer\u003c\/h2\u003e\n\u003cp\u003eFlexibilitet behöver inte vara bräckligt. Denna flexibla axelförlängning är tillverkad av robusta, extremt starka material och tål de hårda kraven som slagverktyg ställer. Den pålitliga konstruktionen garanterar stabil prestanda under press, vilket gör att mekaniker och krävande hemmafixare kan lita på ett verktyg som förblir pålitligt även under de tuffaste förhållandena.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Gadgetdetektiv SE","offers":[{"title":"25cm","offer_id":49032509227225,"sku":"0324-17309407","price":140.0,"currency_code":"SEK","in_stock":true},{"title":"35cm","offer_id":49032509259993,"sku":"0324-17306054","price":165.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0704\/9854\/9977\/files\/0c8fe2b99773456c8ae844b47b83984c.jpg?v=1785671630","url":"https:\/\/gadgetdetektiv.se\/products\/flexibel-borrforlangning","provider":"Gadgetdetektiv SE","version":"1.0","type":"link"}