{"product_id":"non-scratch-magnetic-tool-grip","title":"Non-Scratch Magnetic Tool Grip","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n[AI Design Logic]\n产品类型：柔性磁性工具垫三件套\n目标受众：汽修技师、DIY爱好者、机械师\n视觉风格：实用、耐用、专业汽修工具风格\n配色策略：以黑色为主，红色边框为强调色，营造专业和力量感\n模块顺序：Hero -\u003e Feature 1 (柔性贴合) -\u003e Feature 2 (强力磁吸) -\u003e Feature 3 (表面保护) -\u003e Specifications -\u003e FAQ\n详情图映射：Hero=image_1, Feature1=image_1 (再次强调场景), Feature2=image_2, Feature3=image_3\n规格图映射：Specs=image_0, image_6\n对比模块：未加入，无明确对比需求\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n    --primary: #d32f2f; \/* Red from the product border *\/\n    --primary-hover: #b71c1c;\n    --text-main: #212121;\n    --text-sub: #616161;\n    --bg-body: #ffffff;\n    --bg-card: #f5f5f5;\n    --bg-soft: #eeeeee;\n    --radius-md: 8px;\n    --radius-lg: 16px;\n    --shadow-sm: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\n    --shadow-lg: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);\n    --border-color: #e0e0e0;\n    --spacing-section: clamp(3rem, 8vw, 5rem);\n    --spacing-element: clamp(1rem, 3vw, 2rem);\n\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, 5vw, 44px);\n    font-weight: 800;\n    margin-bottom: 1rem;\n    line-height: 1.2;\n  }\n\n  .product-detail-container h2 {\n    font-size: clamp(24px, 4vw, 32px);\n    font-weight: 700;\n    margin-bottom: 1.5rem;\n  }\n\n  .product-detail-container h3 {\n    font-size: clamp(20px, 3vw, 24px);\n    font-weight: 600;\n    margin-bottom: 1rem;\n  }\n\n  .product-detail-container p {\n    font-size: clamp(16px, 2vw, 18px);\n    color: var(--text-sub);\n    margin-bottom: 1.5rem;\n  }\n\n  \/* Layout \u0026 Components *\/\n  .pd-section {\n    margin-bottom: var(--spacing-section);\n  }\n\n  .pd-img-fluid {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: var(--radius-md);\n  }\n\n  .pd-badge {\n    display: inline-block;\n    padding: 0.5rem 1rem;\n    background: var(--bg-soft);\n    color: var(--text-main);\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 600;\n    margin-right: 0.5rem;\n    margin-bottom: 0.5rem;\n  }\n\n  \/* Hero Section *\/\n  .pd-hero {\n    text-align: center;\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .pd-hero__subtitle {\n    font-size: clamp(18px, 2.5vw, 22px);\n    color: var(--text-sub);\n    margin-bottom: 2rem;\n  }\n\n  \/* Feature Section (Z-Pattern) *\/\n  .pd-feature {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-element);\n  }\n\n  .pd-feature:nth-child(even) {\n    flex-direction: row-reverse;\n  }\n\n  .pd-feature__media,\n  .pd-feature__copy {\n    flex: 1;\n  }\n\n  .pd-feature__tags {\n    margin-top: 1.5rem;\n  }\n\n  \/* Specifications Table *\/\n  .pd-specs-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 1rem;\n  }\n\n  .pd-specs-table th,\n  .pd-specs-table td {\n    padding: 1rem;\n    text-align: left;\n    border-bottom: 1px solid var(--border-color);\n    font-size: 16px;\n  }\n\n  .pd-specs-table th {\n    font-weight: 600;\n    color: var(--text-sub);\n    width: 40%;\n    background: var(--bg-soft);\n  }\n\n  \/* FAQ *\/\n  .pd-faq__item {\n    margin-bottom: 1.5rem;\n    padding-bottom: 1.5rem;\n    border-bottom: 1px solid var(--border-color);\n  }\n\n  .pd-faq__question {\n    font-weight: 600;\n    font-size: 18px;\n    margin-bottom: 0.5rem;\n    display: flex;\n    align-items: center;\n  }\n\n  .pd-faq__question::before {\n    content: \"Q.\";\n    color: var(--primary);\n    margin-right: 0.5rem;\n    font-weight: 800;\n  }\n\n  \/* Mobile Styles *\/\n  @media (max-width: 768px) {\n    .pd-feature,\n    .pd-feature:nth-child(even) {\n      flex-direction: column;\n    }\n\n    .pd-specs-table, .pd-specs-table thead, .pd-specs-table tbody, .pd-specs-table tr, .pd-specs-table th, .pd-specs-table td {\n      display: block;\n      width: 100%;\n    }\n\n    .pd-specs-table thead {\n      display: none;\n    }\n\n    .pd-specs-table tr {\n      margin-bottom: 1rem;\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      overflow: hidden;\n    }\n\n    .pd-specs-table td {\n      padding: 0.75rem 1rem;\n      position: relative;\n      padding-left: 50%;\n      border-bottom: 1px solid var(--bg-soft);\n    }\n\n    .pd-specs-table td:last-child {\n      border-bottom: none;\n    }\n\n    .pd-specs-table td::before {\n      content: attr(data-label);\n      position: absolute;\n      left: 1rem;\n      width: 45%;\n      white-space: nowrap;\n      font-weight: 600;\n      color: var(--text-sub);\n    }\n  }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"pd-section pd-hero\"\u003e\n\u003cspan class=\"pd-badge\" style=\"background-color: var(--primary); color: white;\"\u003eEssential for Every Garage\u003c\/span\u003e\n\u003ch1\u003eKeep Your Tools Within Reach, Anywhere.\u003c\/h1\u003e\n\n\u003cp class=\"pd-hero__subtitle\"\u003eA 3-piece flexible magnetic mat set that conforms to curved surfaces and holds tools securely, making repairs faster and frustration-free.\u003c\/p\u003e\n\n\u003cdiv style=\"margin-top: 2rem;\"\u003e\n\u003cdiv style=\"background-color: #f0f0f0; border: 2px dashed #ccc; padding: 20px; text-align: center;\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img68\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260609161732\/111a883507dacdfd63fc38b0c15e6c4e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature__media\"\u003e\n\u003cdiv style=\"background-color: #f0f0f0; border: 2px dashed #ccc; padding: 20px; text-align: center; aspect-ratio: 1\/1; display: flex; align-items: center; justify-content: center;\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img69\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260609161732\/fe396aee288fafa5e423f7094d32bf42.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature__copy\"\u003e\n\u003ch2\u003eConforms to Any Curve\u003c\/h2\u003e\n\n\u003cp\u003eForget rigid trays that slide around. Our flexible design allows the mats to bend and hug car fenders, doors, or any curved metal surface. Place your tools right where you're working, even in tight or awkward spots.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-feature__tags\"\u003e\n\u003cspan class=\"pd-badge\"\u003eFlexible Design\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eSticks Anywhere\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eHands-Free Convenience\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Magnetic Strength --\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature__media\"\u003e\n\u003cdiv style=\"background-color: #f0f0f0; border: 2px dashed #ccc; padding: 20px; text-align: center; aspect-ratio: 1\/1; display: flex; align-items: center; justify-content: center;\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img70\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260609161732\/ca996bbaebe1d8d60b86e15f90645072.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature__copy\"\u003e\n\u003ch2\u003ePowerful Magnetic Hold\u003c\/h2\u003e\n\n\u003cp\u003eEmbedded with strategically placed, high-strength magnets, these mats securely hold wrenches, sockets, bolts, nuts, and other ferrous metal parts. Never lose critical hardware to the engine bay or floor again.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-feature__tags\"\u003e\n\u003cspan class=\"pd-badge\"\u003eStrong Magnets\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eSecure Grip\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003ePrevents Lost Parts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Surface Protection --\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature__media\"\u003e\n\u003cdiv style=\"background-color: #f0f0f0; border: 2px dashed #ccc; padding: 20px; text-align: center; aspect-ratio: 1\/1; display: flex; align-items: center; justify-content: center;\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img71\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260609161732\/4b0d318886864f775cedad5754143315.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature__copy\"\u003e\n\u003ch2\u003eProtects Your Work \u0026amp; Paint\u003c\/h2\u003e\n\n\u003cp\u003eThe soft, durable vinyl surface prevents scratches on delicate painted finishes, making it safe for use directly on vehicle bodywork. The textured surface also provides a non-slip grip to keep small parts from rolling away.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-feature__tags\"\u003e\n\u003cspan class=\"pd-badge\"\u003eNon-Scratch Surface\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003ePaint-Safe\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eNon-Slip Texture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\n\u003cdiv style=\"display: flex; gap: 2rem; flex-wrap: wrap; align-items: start;\"\u003e\n\u003cdiv style=\"flex: 1 1 400px;\"\u003e\n\u003ctable class=\"pd-specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Set Includes\"\u003e3 Magnetic Mats\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Large Mat Size\"\u003e12.8\" x 9.64\" (320mm x 245mm)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Medium Mat Size\"\u003e12.8\" x 4.1\" (320mm x 104mm)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Small Mat Size\"\u003e4.33\" x 4.33\" (117mm x 117mm)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Thickness\"\u003e0.3\" (7.5mm)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Total Weight\"\u003eApprox. 3.3 lbs (1.5 kg)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003eFaux Leather \/ Vinyl Surface, Magnetic Base\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-faq__item\"\u003e\n\u003cdiv class=\"pd-faq__question\"\u003eWill the magnets scratch my car's paint?\u003c\/div\u003e\n\n\u003cp\u003eNo. The magnets are fully encased within a soft, non-abrasive vinyl material specifically designed to be safe for use on painted automotive surfaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq__item\"\u003e\n\u003cdiv class=\"pd-faq__question\"\u003eHow strong are the magnets?\u003c\/div\u003e\n\n\u003cp\u003eThe magnets are powerful enough to securely hold standard hand tools like ratchets, wrenches, pliers, and sockets, even when placed on vertical or curved surfaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq__item\"\u003e\n\u003cdiv class=\"pd-faq__question\"\u003eCan these mats hold aluminum or plastic parts?\u003c\/div\u003e\n\n\u003cp\u003eThe magnetic feature only works with ferrous metals (iron, steel). However, the non-slip textured surface will still help keep non-magnetic parts from rolling away on a flat surface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"1 Set (3 Pieces)","offer_id":45708944375999,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"2 Sets (Keep a Backup - 10%)","offer_id":45708944408767,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"3 Sets (Workshop Pack - 15%)","offer_id":45708944441535,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/111a883507dacdfd63fc38b0c15e6c4e.jpg?v=1780993201","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/non-scratch-magnetic-tool-grip","provider":"Bak","version":"1.0","type":"link"}