{"product_id":"badge-en-sleutel","title":"Robuuste combinatie van badge en sleutel met intrekbaar koord","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!--\n[AI Design Logic]\n产品类型：重型伸缩钥匙扣 + 战术卡套组合\n目标受众：建筑工人、维修人员、安保、办公室职员等需要频繁使用卡\/钥匙的人群\n视觉风格：硬核工业风、战术装甲感、哑光黑色\n配色策略：以深炭黑为主色调，搭配中性灰文本，强调坚固耐用感\n模块顺序：Hero (场景引入) -\u003e Feature 1 (核心伸缩功能) -\u003e Feature 2 (高承重能力) -\u003e Feature 3 (卡套材质保护) -\u003e Specifications (规格参数) -\u003e FAQ\n详情图映射：Hero=image_1.png (使用场景), Feature1=image_3.png (内部结构), Feature2=image_4.png (挂载展示), Feature3=image_5.png (卡套材质)\n规格图映射：Specs=image_2.png (尺寸)\n对比模块：未加入 (核心卖点已在Feature中强调了与普通亚克力材质的对比，无需独立表格)\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n    \/* Design System Variables *\/\n    --primary: #222222;\n    --text-main: #1A1A1A;\n    --text-sub: #555555;\n    --bg-body: #FFFFFF;\n    --bg-card: #F8F9FA;\n    --bg-soft: #E9ECEF;\n    --radius-md: 8px;\n    --radius-lg: 12px;\n    --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);\n    --border-color: #E0E0E0;\n    \n    \/* Container styles *\/\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 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    line-height: 1.6;\n  }\n\n  \/* Typography *\/\n  .product-detail-container h1 {\n    font-size: clamp(32px, 4vw, 44px);\n    font-weight: 700;\n    margin-bottom: 16px;\n    color: var(--primary);\n  }\n  .product-detail-container h2 {\n    font-size: clamp(24px, 3vw, 32px);\n    font-weight: 600;\n    margin-bottom: 24px;\n    color: var(--primary);\n  }\n  .product-detail-container h3 {\n    font-size: 20px;\n    font-weight: 600;\n    margin-bottom: 12px;\n  }\n  .product-detail-container p {\n    font-size: clamp(16px, 1.5vw, 18px);\n    color: var(--text-sub);\n    margin-bottom: 16px;\n  }\n\n  \/* Global Components *\/\n  .pd-section {\n    margin-bottom: clamp(3rem, 6vw, 5rem);\n  }\n  .pd-img-responsive {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: var(--radius-lg);\n  }\n  .pd-badge {\n    display: inline-block;\n    padding: 6px 12px;\n    background-color: var(--bg-soft);\n    color: var(--text-main);\n    border-radius: 20px;\n    font-size: 14px;\n    font-weight: 500;\n    margin-right: 8px;\n    margin-bottom: 8px;\n  }\n  .pd-trust-tag {\n    display: inline-flex;\n    align-items: center;\n    font-weight: 500;\n    color: var(--primary);\n    margin-bottom: 16px;\n  }\n  .pd-trust-tag::before {\n    content: \"🛡️\";\n    margin-right: 8px;\n  }\n\n  \/* HERO Section *\/\n  .pd-hero {\n    text-align: center;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .pd-hero-img-container {\n    margin-top: 32px;\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n    box-shadow: var(--shadow-sm);\n  }\n\n  \/* Feature Sections (Z-Pattern) *\/\n  .pd-feature {\n    display: flex;\n    align-items: center;\n    gap: clamp(2rem, 5vw, 4rem);\n  }\n  .pd-feature:nth-child(even) {\n    flex-direction: row-reverse;\n  }\n  .pd-feature-media, .pd-feature-copy {\n    flex: 1;\n  }\n  .pd-feature-copy {\n    padding: 20px 0;\n  }\n\n  \/* Specifications *\/\n  .pd-specs-container {\n    background-color: var(--bg-card);\n    padding: clamp(2rem, 4vw, 3rem);\n    border-radius: var(--radius-lg);\n  }\n  .pd-specs-table {\n    width: 100%;\n    border-collapse: collapse;\n  }\n  .pd-specs-table th, .pd-specs-table td {\n    text-align: left;\n    padding: 16px;\n    border-bottom: 1px solid var(--border-color);\n    font-size: 16px;\n  }\n  .pd-specs-table th {\n    font-weight: 600;\n    color: var(--primary);\n    width: 35%;\n  }\n  .pd-specs-table tr:last-child td,\n  .pd-specs-table tr:last-child th {\n    border-bottom: none;\n  }\n\n  \/* FAQ *\/\n  .pd-faq-item {\n    border-bottom: 1px solid var(--border-color);\n    padding: 24px 0;\n  }\n  .pd-faq-item:last-child {\n    border-bottom: none;\n  }\n  .pd-faq-question {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--primary);\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n  }\n  .pd-faq-question::before {\n    content: \"Q.\";\n    color: var(--text-sub);\n    margin-right: 8px;\n    font-weight: 700;\n  }\n  .pd-faq-answer {\n    padding-left: 28px;\n    margin-bottom: 0;\n  }\n\n  \/* Image Placeholder Style *\/\n  .img-placeholder-container {\n    width: 100%;\n    background-color: var(--bg-soft);\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    padding: 40px;\n    color: var(--text-sub);\n    font-weight: 500;\n  }\n\n  \/* Mobile Responsive *\/\n  @media (max-width: 767px) {\n    .pd-feature, .pd-feature:nth-child(even) {\n      flex-direction: column;\n      text-align: left;\n    }\n    .pd-feature-copy {\n      padding-top: 16px;\n    }\n    \n    \/* Mobile Table *\/\n    .pd-specs-table thead { display: none; }\n    .pd-specs-table, .pd-specs-table tbody, .pd-specs-table tr, .pd-specs-table td {\n      display: block;\n      width: 100%;\n    }\n    .pd-specs-table tr { margin-bottom: 16px; border-bottom: 1px solid var(--border-color); }\n    .pd-specs-table td {\n      padding: 8px 0;\n      border: none;\n      display: flex;\n      justify-content: space-between;\n    }\n    .pd-specs-table td::before {\n      content: attr(data-label);\n      font-weight: 600;\n      color: var(--primary);\n      padding-right: 16px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003csection class=\"pd-section pd-hero\"\u003eOntworpen voor veeleisende omgevingen\u003cbr\u003e\n\u003ch1\u003eExtra groot bereik, tactische bescherming\u003c\/h1\u003e\n\u003cp\u003eKrijg direct toegang tot uw badges en sleutels zonder ze los te maken. Deze combinatie van een intrekbare haspel van industriële kwaliteit en een robuuste PC-kaarthouder is ontworpen voor veeleisend dagelijks gebruik.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder-container\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0597\/6208\/1862\/files\/2_2531651f-c97c-43ce-8eab-cc3b981d1f32.jpg?v=1782226562\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eGroter bereik, soepele bediening\u003c\/h2\u003e\n\u003cp\u003eNooit meer moeite om bij een scanner te komen. Het robuuste interne mechanisme is voorzien van een met nylon gecoate staaldraad die soepel uitschuift tot 80 cm. Het is ontworpen om roest en dagelijkse slijtage te weerstaan, waardoor je er elke keer weer op kunt vertrouwen dat de draad soepel terugtrekt.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0597\/6208\/1862\/files\/3_d80ffd42-0eba-4b1b-890d-c8c82497fbb6.jpg?v=1782226563\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eOntworpen voor zware belastingen\u003c\/h2\u003e\n\u003cp\u003eLaat je niet vertragen door doorhangende sleutels. Uitgerust met een stevige karabijnhaak van zinklegering en een krachtige terugtrekkracht tot 10 oz (ca. 283 g), houdt deze haspel meerdere sleutels en klein gereedschap stevig tegen je uitrusting vast zonder door te hangen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- B. Feature Section 3: Card Holder --\u003e\n\u003csection class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder-container\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0597\/6208\/1862\/files\/4_957620d6-4ad5-405e-9403-f03a4e7b73fb.jpg?v=1782226563\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eKaartbescherming van tactische kwaliteit\u003c\/h2\u003e\n\u003cp\u003eGooi die kwetsbare acrylhouders maar weg. Ons kaarthoesje is vervaardigd uit zeer sterk PC-materiaal (polycarbonaat) met een robuust, pantserachtig ontwerp. Het biedt superieure schokbestendigheid en beschermt je ID- of toegangskaarten tegen verbuigen, krassen en breken in actieve werkomgevingen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- C. Specifications --\u003e\n\u003csection class=\"pd-section pd-specs\"\u003e\n\u003ch2\u003eSpecificaties\u003c\/h2\u003e\n\u003cdiv class=\"pd-specs-container\"\u003e\n\u003cdiv style=\"margin-bottom: 24px; aspect-ratio: 16\/9;\" class=\"img-placeholder-container\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260527144434\/11ba3cdecffbf08d8a5a04ca54435ab5.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-specs-container\"\u003eZinklegering, PC (polycarbonaat), met nylon gecoate staaldraad\u003cbr\u003eCa. 31,5 inch \/ 80 cm\u003cbr\u003eTot 10 oz \/ 283 g\u003cbr\u003e5,3 inch \/ 13,50 cm\u003cbr\u003e3,9“ x 2,6” x 0,35\" \/ 10 cm x 6,50 cm x 0,90 cm\u003cbr\u003eBiedt plaats aan maximaal 2 standaard creditcards\/ID-kaarten\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- D. FAQ --\u003e\n\u003c\/div\u003e","brand":"Gadgetspeurder","offers":[{"title":"Default Title","offer_id":45210143883334,"sku":"0527-15554830","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0597\/6208\/1862\/files\/1_afcfcb18-0cdc-4ba0-a3ff-5bad333673bf.jpg?v=1782226563","url":"https:\/\/gadgetspeurder.nl\/products\/badge-en-sleutel","provider":"Gadgetspeurder","version":"1.0","type":"link"}