{"product_id":"rugged-retractable-badge-key-combo","title":"Rugged Retractable Badge Key Combo","description":"\u003cbr\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\"\u003e\n\u003cdiv class=\"pd-trust-tag\"\u003eBuilt for tough environments\u003c\/div\u003e\n\n\u003ch1\u003eHeavy-Duty Reach, Tactical Protection\u003c\/h1\u003e\n\n\u003cp\u003eExperience instant access to your badges and keys without detaching. This industrial-grade retractable reel and rugged PC card holder combo is designed for demanding daily use.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-hero-img-container\"\u003e\n\u003cdiv class=\"img-placeholder-container\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img43\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260527150800\/a76a6d045c90b96883b6ffb9a3d0a146.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder-container\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img44\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260527144435\/4a7adc8580c58e12c78410a36571ed33.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eExtended Reach, Smooth Operation\u003c\/h2\u003e\n\n\u003cp\u003eNever struggle to reach a scanner again. The heavy-duty internal mechanism features a nylon-coated steel wire that extends smoothly up to 31.5 inches (80cm). It's engineered for resistance against rust and daily wear, ensuring a reliable pull every time.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-badge\"\u003e31.5\" Extension\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eCoated Steel Wire\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eAnti-Rust\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- B. Feature Section 2: Load Capacity --\u003e\n\n\u003csection class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder-container\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img45\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260527144434\/0173323240a6eda15cf5a2abfb266dc2.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eEngineered for Heavy Loads\u003c\/h2\u003e\n\n\u003cp\u003eDon't let sagging keys slow you down. Equipped with a solid zinc alloy carabiner and a powerful retraction force of up to 10 oz (approx. 283g), this reel securely holds multiple keys and small tools tightly against your gear without drooping.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-badge\"\u003e10oz Retraction Force\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eZinc Alloy Carabiner\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eHeavy-Duty Build\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- B. Feature Section 3: Card Holder --\u003e\n\n\u003csection class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder-container\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img46\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260527144434\/f83f59a7e3b53dcbfc60ac399a5861de.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eTactical-Grade Card Protection\u003c\/h2\u003e\n\n\u003cp\u003eDitch fragile acrylic holders. Our card case is crafted from high-strength PC (Polycarbonate) material with a rugged, armor-like design. It offers superior impact resistance, protecting your ID or access cards from bending, scratching, and breaking in active work environments.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-badge\"\u003eHigh-Strength PC\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eImpact Resistant\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eSecure Fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003csection class=\"pd-section pd-specs\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-specs-container\"\u003e\n\u003cdiv class=\"img-placeholder-container\" style=\"margin-bottom: 24px; aspect-ratio: 16\/9;\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img51\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260527144434\/11ba3cdecffbf08d8a5a04ca54435ab5.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003ctable class=\"pd-specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Materials\"\u003eZinc Alloy, PC (Polycarbonate), Nylon-coated Steel Wire\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Retraction Length\"\u003eApprox. 31.5 inches \/ 80 cm\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Max Retraction Force\"\u003eUp to 10 oz \/ 283 g\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Total Unit Length\"\u003e5.3 inches \/ 13.50 cm\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Card Holder Dimensions\"\u003e3.9\" x 2.6\" x 0.35\" \/ 10cm x 6.50cm x 0.90cm\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Card Capacity\"\u003eHolds up to 2 standard standard credit\/ID cards\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003csection class=\"pd-section pd-faq\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eWhat is the retractable wire made of?\u003c\/div\u003e\n\n\u003cp class=\"pd-faq-answer\"\u003eThe retractable wire is made of strong steel, coated with nylon to ensure smooth operation and prevent rust or fraying.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eHow many cards can the holder fit?\u003c\/div\u003e\n\n\u003cp class=\"pd-faq-answer\"\u003eThe rugged PC card holder is designed to securely fit up to 2 standard-sized credit cards or ID badges.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eWill it sag if I attach multiple keys?\u003c\/div\u003e\n\n\u003cp class=\"pd-faq-answer\"\u003eThe heavy-duty spring mechanism has a retraction force of up to 10 oz (283g), which is sufficient to hold approximately 15-20 standard keys without sagging.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"1-Pack (Essential Tool)","offer_id":66873783845168,"sku":"0527-15554830","price":12.95,"currency_code":"USD","in_stock":true},{"title":"2-Pack (Keep a Backup-Save 20%)","offer_id":66873783877936,"sku":"0527-15554247","price":19.95,"currency_code":"USD","in_stock":true},{"title":"3-Pack (Best Value-Save 30%)","offer_id":66873783910704,"sku":"0527-15556856","price":26.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0938\/6472\/2736\/files\/a76a6d045c90b96883b6ffb9a3d0a146.jpg?v=1779868533","url":"https:\/\/eptchn.com\/products\/rugged-retractable-badge-key-combo","provider":"Eptchn","version":"1.0","type":"link"}