{"product_id":"the-magnetic-tool-mat","title":"The Magnetic Tool Mat","description":"\u003c!-- Paste this entire block into the product description HTML editor. --\u003e\n\u003cstyle\u003e\n  \/* Scoped to this description. No external fonts or scripts. *\/\n  .klb-mat-v1 {\n    --mat-ink: #20252b;\n    --mat-muted: #505b67;\n    --mat-red: #bd2634;\n    --mat-line: #dce1e6;\n    --mat-surface: #f4f6f8;\n    width: 100%;\n    max-width: 860px;\n    min-width: 0;\n    margin: 28px auto;\n    color: var(--mat-ink);\n    background: #fff;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n    font-size: 17px;\n    line-height: 1.75;\n    text-align: left;\n    overflow-wrap: anywhere;\n    -webkit-text-size-adjust: 100%;\n  }\n  .klb-mat-v1, .klb-mat-v1 *, .klb-mat-v1 *::before,\n  .klb-mat-v1 *::after { box-sizing: border-box; }\n  .klb-mat-v1 h2, .klb-mat-v1 p, .klb-mat-v1 ul,\n  .klb-mat-v1 ol, .klb-mat-v1 li, .klb-mat-v1 figure {\n    margin: 0;\n    padding: 0;\n  }\n  .klb-mat-v1 h2 {\n    color: var(--mat-ink);\n    font-family: inherit;\n    font-size: clamp(24px, 3.6vw, 30px);\n    font-weight: 750;\n    line-height: 1.25;\n    letter-spacing: -0.025em;\n    text-transform: none;\n  }\n  .klb-mat-v1 p + p { margin-top: 13px; }\n  .klb-mat-v1 strong { color: inherit; font-weight: 700; }\n  .klb-mat-v1 .mat-hero {\n    padding: 30px 28px;\n    color: #e6e9ed;\n    background: #20252b;\n    border-top: 4px solid var(--mat-red);\n    border-radius: 8px;\n  }\n  .klb-mat-v1 .mat-kicker {\n    margin: 0 0 13px;\n    color: #cbd2da;\n    font-size: 12px;\n    font-weight: 750;\n    line-height: 1.5;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n  .klb-mat-v1 .mat-hero h2 {\n    max-width: 690px;\n    margin-bottom: 18px;\n    color: #fff;\n    font-size: clamp(28px, 4.5vw, 38px);\n    line-height: 1.15;\n  }\n  .klb-mat-v1 .mat-benefits {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 10px;\n    margin-top: 22px;\n    list-style: none;\n  }\n  .klb-mat-v1 .mat-benefits li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    min-width: 0;\n    padding: 13px 14px;\n    color: #f2f4f6;\n    background: #2b323a;\n    border: 1px solid #46505c;\n    border-radius: 5px;\n    font-size: 15px;\n    line-height: 1.55;\n  }\n  .klb-mat-v1 .mat-check { flex: 0 0 auto; color: #ff969e; font-weight: 800; }\n  .klb-mat-v1 .mat-media {\n    margin: 22px 0 0;\n    border: 1px solid var(--mat-line);\n    border-radius: 8px;\n    overflow: hidden;\n    background: #f7f8f9;\n  }\n  .klb-mat-v1 .mat-media img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    max-height: none;\n    aspect-ratio: auto;\n    object-fit: contain;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    border-radius: 0;\n    box-shadow: none;\n  }\n  .klb-mat-v1 .mat-section {\n    margin-top: 34px;\n    padding-top: 28px;\n    border-top: 1px solid var(--mat-line);\n  }\n  .klb-mat-v1 .mat-section h2 {\n    margin-bottom: 17px;\n    padding-left: 14px;\n    border-left: 4px solid var(--mat-red);\n  }\n  .klb-mat-v1 .mat-note {\n    margin-top: 18px;\n    padding: 15px 17px;\n    color: #424c58;\n    background: var(--mat-surface);\n    border: 1px solid var(--mat-line);\n    border-left: 3px solid #7c8794;\n    border-radius: 5px;\n    font-size: 15px;\n    line-height: 1.7;\n  }\n  .klb-mat-v1 .mat-size {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: 4px 13px;\n    margin-bottom: 17px;\n    padding: 18px 20px;\n    background: var(--mat-surface);\n    border: 1px solid var(--mat-line);\n    border-radius: 6px;\n  }\n  .klb-mat-v1 .mat-size strong { font-size: 25px; line-height: 1.35; letter-spacing: -0.025em; }\n  .klb-mat-v1 .mat-size span { color: var(--mat-muted); font-size: 15px; }\n  .klb-mat-v1 .mat-steps-title { margin-top: 22px; }\n  .klb-mat-v1 .mat-steps {\n    display: grid;\n    gap: 10px;\n    margin: 13px 0 0;\n    list-style: none;\n    counter-reset: mat-step;\n  }\n  .klb-mat-v1 .mat-steps li {\n    display: flex;\n    align-items: flex-start;\n    gap: 13px;\n    padding: 14px 16px;\n    background: var(--mat-surface);\n    border: 1px solid var(--mat-line);\n    border-radius: 5px;\n    counter-increment: mat-step;\n  }\n  .klb-mat-v1 .mat-steps li::before {\n    content: counter(mat-step, decimal-leading-zero);\n    flex: 0 0 29px;\n    padding-top: 2px;\n    color: var(--mat-red);\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.8;\n    font-variant-numeric: tabular-nums;\n  }\n  .klb-mat-v1 .mat-faq {\n    border: 1px solid var(--mat-line);\n    border-radius: 7px;\n    overflow: hidden;\n  }\n  .klb-mat-v1 .mat-faq details { margin: 0; padding: 0; border: 0; background: #fff; }\n  .klb-mat-v1 .mat-faq details + details { border-top: 1px solid var(--mat-line); }\n  .klb-mat-v1 .mat-faq summary {\n    position: relative;\n    display: block;\n    min-height: 54px;\n    padding: 17px 48px 17px 18px;\n    color: var(--mat-ink);\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.5;\n    list-style: none;\n    cursor: pointer;\n  }\n  .klb-mat-v1 .mat-faq summary::-webkit-details-marker { display: none; }\n  .klb-mat-v1 .mat-faq summary::marker { content: \"\"; }\n  .klb-mat-v1 .mat-faq summary::before { content: none; }\n  .klb-mat-v1 .mat-faq summary::after {\n    content: \"+\";\n    position: absolute;\n    top: 15px;\n    right: 18px;\n    color: var(--mat-red);\n    font-size: 23px;\n    font-weight: 500;\n    line-height: 1.2;\n  }\n  .klb-mat-v1 .mat-faq details[open] summary { background: var(--mat-surface); }\n  .klb-mat-v1 .mat-faq details[open] summary::after { content: \"−\"; }\n  .klb-mat-v1 .mat-faq summary:focus-visible { outline: 2px solid var(--mat-red); outline-offset: -4px; }\n  .klb-mat-v1 .mat-faq-answer { padding: 15px 18px 19px; color: var(--mat-muted); font-size: 16px; line-height: 1.75; }\n  .klb-mat-v1 .mat-close {\n    margin-top: 30px;\n    padding: 27px 26px;\n    color: #e6e9ed;\n    background: #20252b;\n    border-left: 4px solid var(--mat-red);\n    border-radius: 7px;\n  }\n  .klb-mat-v1 .mat-close h2 { margin-bottom: 15px; color: #fff; }\n  .klb-mat-v1 .mat-close strong { color: #fff; }\n  @media (max-width: 540px) {\n    .klb-mat-v1 { margin: 20px auto; font-size: 17px; line-height: 1.75; }\n    .klb-mat-v1 .mat-hero { padding: 24px 19px; }\n    .klb-mat-v1 .mat-benefits { grid-template-columns: minmax(0, 1fr); gap: 8px; }\n    .klb-mat-v1 .mat-benefits li { padding: 12px; font-size: 15px; }\n    .klb-mat-v1 .mat-section { margin-top: 28px; padding-top: 24px; }\n    .klb-mat-v1 .mat-section h2 { padding-left: 11px; }\n    .klb-mat-v1 .mat-media { margin-top: 19px; border-radius: 6px; }\n    .klb-mat-v1 .mat-note { padding: 14px; }\n    .klb-mat-v1 .mat-size { padding: 16px; }\n    .klb-mat-v1 .mat-steps li { padding: 13px; gap: 9px; }\n    .klb-mat-v1 .mat-close { padding: 23px 19px; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"klb-mat-v1\"\u003e\n  \u003csection class=\"mat-hero\"\u003e\n    \u003cp class=\"mat-kicker\"\u003eMagnetic Tool Mat\u003c\/p\u003e\n    \u003ch2\u003eStop Chasing Bolts. Keep the Job Moving.\u003c\/h2\u003e\n    \u003cp\u003eOne loose bolt can turn a quick repair into a frustrating search.\u003c\/p\u003e\n    \u003cp\u003eKeep nuts, bolts, bits, and sockets together with a flexible magnetic tool mat that brings your workspace closer to the job. Spend less time looking for small parts—and more time getting things done.\u003c\/p\u003e\n    \u003cul class=\"mat-benefits\" role=\"list\"\u003e\n      \u003cli\u003e\n\u003cspan class=\"mat-check\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\u003cspan\u003eKeeps magnetic tools and hardware together\u003c\/span\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"mat-check\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\u003cspan\u003ePositions conveniently on compatible steel surfaces\u003c\/span\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"mat-check\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\u003cspan\u003eFlexible design fits around gentle curves\u003c\/span\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"mat-check\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\u003cspan\u003eWipes clean and rolls up for storage\u003c\/span\u003e\n\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/section\u003e\n  \u003cfigure class=\"mat-media\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0847\/0613\/2184\/files\/preview-12.webp?v=1793865957\" alt=\"Magnetic tool mat holding tools and small hardware beside an engine repair\" loading=\"lazy\" decoding=\"async\"\u003e\n  \u003c\/figure\u003e\n\n  \u003csection class=\"mat-section\"\u003e\n    \u003ch2\u003ePut Small Parts Somewhere They’ll Stay\u003c\/h2\u003e\n    \u003cp\u003eBalancing bolts on a fender. Leaving sockets on the ground. Searching through a pile of tools for the bit you just used.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003eGive those everyday essentials a dedicated place.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cp\u003eThe magnetic layer helps hold compatible steel hardware and tools, keeping them visible, organized, and within reach while you work.\u003c\/p\u003e\n    \u003cp\u003eGreat for nuts, bolts, washers, screwdriver bits, sockets, and other magnet-attracted tools.\u003c\/p\u003e\n    \u003cfigure class=\"mat-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0847\/0613\/2184\/files\/preview-15.webp?v=1793865957\" alt=\"Magnetic tool mat positioned on a steel vehicle panel with tools and fasteners\" loading=\"lazy\" decoding=\"async\"\u003e\n    \u003c\/figure\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mat-section\"\u003e\n    \u003ch2\u003eBring Your Workspace to the Repair\u003c\/h2\u003e\n    \u003cp\u003eWorking under the hood or beside a wheel? Position the mat on a suitable steel panel near your work instead of repeatedly reaching for your toolbox.\u003c\/p\u003e\n    \u003cp\u003eIts flexible construction follows gentle curves, helping you keep the parts you need close by. You can also lay it flat on a workbench for everyday organization.\u003c\/p\u003e\n    \u003cdiv class=\"mat-note\"\u003e\n\u003cstrong\u003eMagnetic attachment requires a compatible ferrous metal surface.\u003c\/strong\u003e Holding strength varies with tool weight, contact area, and surface angle.\u003c\/div\u003e\n    \u003cfigure class=\"mat-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0847\/0613\/2184\/files\/preview-14.webp?v=1793865957\" alt=\"Flexible black magnetic tool mat with red trim\" loading=\"lazy\" decoding=\"async\"\u003e\n    \u003c\/figure\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mat-section\"\u003e\n    \u003ch2\u003eBuilt for Messy Jobs. Easy to Wipe Down.\u003c\/h2\u003e\n    \u003cp\u003eGreasy hands and dirty hardware come with the territory.\u003c\/p\u003e\n    \u003cp\u003eThe oil-resistant outer surface makes cleanup simple: remove your tools and hardware, then wipe away dirt and residue with a soft cloth.\u003c\/p\u003e\n    \u003cp\u003eThe soft, non-slip backing provides a layer between your tools and the work surface. Before placing it on a vehicle, clean both the mat and the panel to remove grit.\u003c\/p\u003e\n    \u003cfigure class=\"mat-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0847\/0613\/2184\/files\/preview-16.webp?v=1793865957\" alt=\"Wiping oil and residue from the magnetic tool mat with a cloth\" loading=\"lazy\" decoding=\"async\"\u003e\n    \u003c\/figure\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mat-section\"\u003e\n    \u003ch2\u003eRoll It Up. Pack It Away.\u003c\/h2\u003e\n    \u003cp\u003eA useful addition to your workspace shouldn’t take over your toolbox.\u003c\/p\u003e\n    \u003cp\u003eWhen the job is finished, clear the mat, wipe it down, and roll it up for compact storage. Keep it in your toolbox or drawer, ready for the next repair.\u003c\/p\u003e\n    \u003cfigure class=\"mat-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0847\/0613\/2184\/files\/preview-17.webp?v=1793865957\" alt=\"Magnetic tool mat rolled up for storage in a toolbox drawer\" loading=\"lazy\" decoding=\"async\"\u003e\n    \u003c\/figure\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mat-section\"\u003e\n    \u003ch2\u003eA Practical Size for Everyday Repairs\u003c\/h2\u003e\n    \u003cdiv class=\"mat-size\"\u003e\n\u003cstrong\u003e12 × 10 inches\u003c\/strong\u003e\u003cspan\u003eApprox. 30 × 25 cm\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cp\u003eRoom to organize small hardware and frequently used tools without covering your whole workspace.\u003c\/p\u003e\n    \u003cp class=\"mat-steps-title\"\u003e\u003cstrong\u003eUse it in three simple steps:\u003c\/strong\u003e\u003c\/p\u003e\n    \u003col class=\"mat-steps\" role=\"list\"\u003e\n      \u003cli\u003ePlace it on a clean, suitable surface.\u003c\/li\u003e\n      \u003cli\u003eArrange your compatible tools and hardware.\u003c\/li\u003e\n      \u003cli\u003eRemove the contents, wipe clean, and roll up after use.\u003c\/li\u003e\n    \u003c\/ol\u003e\n    \u003cfigure class=\"mat-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0847\/0613\/2184\/files\/preview-13.webp?v=1793865957\" alt=\"Magnetic tool mat measuring approximately 30 by 25 centimeters with tools shown for scale\" loading=\"lazy\" decoding=\"async\"\u003e\n    \u003c\/figure\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mat-section\"\u003e\n    \u003ch2\u003eQuestions Before You Get Started\u003c\/h2\u003e\n    \u003cdiv class=\"mat-faq\"\u003e\n      \u003cdetails open\u003e\n        \u003csummary\u003eWill it hold every type of metal?\u003c\/summary\u003e\n        \u003cdiv class=\"mat-faq-answer\"\u003eIt works with magnet-attracted metals, such as many steel tools and fasteners. Aluminum, brass, and some stainless steels will not stick.\u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003eWill it attach to any vehicle panel?\u003c\/summary\u003e\n        \u003cdiv class=\"mat-faq-answer\"\u003eIt attaches magnetically to suitable steel panels. Aluminum, plastic, and other nonmagnetic panels will not provide magnetic attachment.\u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003eCan I use it on a workbench?\u003c\/summary\u003e\n        \u003cdiv class=\"mat-faq-answer\"\u003eYes. Lay it flat to keep compatible small tools and hardware organized during repairs, assembly, or DIY projects.\u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003eAre the tools included?\u003c\/summary\u003e\n        \u003cdiv class=\"mat-faq-answer\"\u003eTools and hardware shown are for demonstration. Your order includes the magnetic tool mat in the quantity selected.\u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mat-close\"\u003e\n    \u003ch2\u003eLess Searching. More Getting Things Done.\u003c\/h2\u003e\n    \u003cp\u003eGive your tools and small parts a place within reach.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003eChoose your pack and get ready for a more organized next repair.\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Kelbira","offers":[{"title":"Buy 1","offer_id":52902657851608,"sku":"TMTM*1","price":46.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0847\/0613\/2184\/files\/preview-13.webp?v=1793865957","url":"https:\/\/kelbira.com\/es\/products\/the-magnetic-tool-mat","provider":"Kelbira","version":"1.0","type":"link"}