{"product_id":"magnet-nut-kit-10pcs","title":"Magnet Nut Kit (10pcs)","description":"\u003cvideo id=\"video\" playsinline muted controls class=\"video-container\" width=\"100%\" style=\"border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08);\"\u003e\n  \u003csource type=\"video\/mp4\" src=\"https:\/\/m5stack-doc.oss-cn-shenzhen.aliyuncs.com\/1276\/A184_Magnet_Nut_video_EN.mp4\"\u003e\u003c\/video\u003e\n\u003cstyle\u003e\n\/* ===== Scoped Description Style ===== *\/\n.product-description.rte {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  color: #2c2c2c;\n  line-height: 1.65;\n  font-size: 16px;\n}\n\n\/* ===== Headings ===== *\/\n.product-description.rte h2 {\n  font-size: 1.8em;\n  color: #0D47A1;\n  border-left: 4px solid #1f6fe5;\n  padding-left: 12px;\n  margin-top: 32px;\n  margin-bottom: 16px;\n}\n\n\/* ===== H3 Titles Optimization ===== *\/\n.product-description.rte h3 {\n  font-size: 1.4em;\n  color: #0D47A1;\n  margin-top: 24px;\n  margin-bottom: 12px;\n  font-weight: 500;\n  padding-bottom: 6px;\n  border-bottom: 2px solid #e6e6e6;\n}\n\n\/* ===== Paragraphs ===== *\/\n.product-description.rte p {\n  margin-bottom: 20px;\n  line-height: 1.8;\n  color: #4a4f57;\n  font-size: 16px;\n}\n\n\/* ===== Paragraph Images (only in description) ===== *\/\n.product-description.rte img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  margin: 24px auto;\n  border-radius: 12px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n}\n\n\/* ===== Lists ===== *\/\n.product-description.rte ul {\n  padding-left: 20px;\n  margin-bottom: 16px;\n  list-style-type: disc;\n}\n.product-description.rte li {\n  margin-bottom: 6px;\n}\n\n\/* ===== Links ===== *\/\n.product-description.rte a {\n  color: #0288D1;\n  text-decoration: none;\n  transition: color 0.3s ease;\n}\n.product-description.rte a:hover {\n  color: #01579B;\n}\n\n\/* ===== M5Stack-style Spec Table ===== *\/\n.product-description.rte .table-container {\n  width: 100%;\n  margin: 24px 0;\n  overflow-x: auto;\n}\n.product-description.rte .table-container table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: inherit;\n  font-size: 14px;\n  color: #2c2f36;\n  background-color: #ffffff;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n}\n.product-description.rte .table-container thead th {\n  background: #1f6fe5;\n  color: #ffffff;\n  padding: 14px 16px;\n  text-align: left;\n  font-weight: 600;\n  border: none;\n  vertical-align: middle;\n}\n.product-description.rte .table-container td {\n  padding: 14px 16px;\n  border-bottom: 1px solid #e6ebf2;\n  vertical-align: middle;\n  text-align: left;\n}\n.product-description.rte .table-container tbody td:first-child {\n  width: 36%;\n  text-align: left;\n  font-weight: 500;\n  color: #4a4f57;\n  background-color: rgba(31, 111, 229, 0.02);\n}\n.product-description.rte .table-container tbody tr:nth-child(even) {\n  background-color: #f7f9fc;\n}\n@media (hover: hover) {\n  .product-description.rte .table-container tbody tr:hover {\n    background-color: #eef3ff;\n  }\n}\n\n\/* ===== Learn \u0026 Documents Button ===== *\/\n.product-description.rte #learn-and-documents-btn {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background-color: #1f6fe5;\n  color: #ffffff;\n  font-weight: 600;\n  border-radius: 6px;\n  margin-top: 8px;\n  text-decoration: none;\n  transition: background 0.3s ease;\n}\n.product-description.rte #learn-and-documents-btn:hover {\n  background-color: #1661c1;\n}\n\n\/* ===== Responsive Design for Smaller Screens (with table adjustments) ===== *\/\n@media screen and (max-width: 768px) {\n  .product-description.rte .table-container table,\n  .product-description.rte .table-container thead,\n  .product-description.rte .table-container tbody,\n  .product-description.rte .table-container th,\n  .product-description.rte .table-container td,\n  .product-description.rte .table-container tr {\n    display: block;\n    width: 100%;\n  }\n  .product-description.rte .table-container thead {\n    display: none;\n  }\n  .product-description.rte .table-container tbody tr {\n    padding: 12px 0;\n    border-bottom: 1px solid #e6ebf2;\n  }\n  .product-description.rte .table-container tbody td {\n    padding: 8px 16px;\n    border: none;\n    text-align: left;\n  }\n  .product-description.rte .table-container tbody td:first-child {\n    width: 100%;\n    background: none;\n    color: #1f6fe5;\n    font-weight: 600;\n    padding-top: 16px;\n  }\n  .product-description.rte .table-container tbody td:last-child {\n    padding-bottom: 16px;\n    color: #2c2f36;\n    line-height: 1.6;\n  }\n\n  \/* Ensure button appears correctly on mobile *\/\n  .product-description.rte #learn-and-documents-btn {\n    font-size: 14px;\n    padding: 8px 16px;\n  }\n}\n\u003c\/style\u003e\n\u003ch2 id=\"description\"\u003eDescription\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eMagnet Nut\u003c\/strong\u003e is a magnetic nut kit designed specifically for the M5Stack Unit series. It fits the LEGO-compatible holes reserved on Unit modules. With strong magnetic attraction, it easily enables quick module fastening and flexible adjustment of module placement, enabling diverse mounting solutions and improving the convenience of hardware assembly.\u003c\/p\u003e\n\u003cdiv style=\"\n  background: #ffebee;\n  border: 1px solid #ffccd1;\n  border-left: 4px solid #d32f2f;\n  border-radius: 8px;\n  padding: 14px 16px;\n  margin: 24px 0;\n\"\u003e\n  \u003cstrong style=\"\n    display: block;\n    color: #b71c1c;\n    font-size: 15px;\n    margin-bottom: 6px;\n  \"\u003e\n    Assembly Note\n  \u003c\/strong\u003e\n\n  \u003cspan style=\"\n    color: #2c2c2c;\n    font-size: 14.5px;\n    line-height: 1.6;\n  \"\u003e\n    The brass nut and base of this kit are bonded with adhesive. When assembling with the matching screws, do not overtighten, as excessive torque can cause the brass nut to come loose.\n  \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch2 id=\"features\"\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eFits the LEGO-compatible holes reserved on Unit modules\u003c\/li\u003e\n\u003cli\u003eMagnetic structure for secure connection\u003c\/li\u003e\n\u003cli\u003eMetal body, sturdy and durable\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"includes\"\u003eIncludes\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e10 x Magnet Nut\u003c\/li\u003e\n\u003cli\u003e1 x Hex Key L-Shape 2.0mm (For M2.5 Screw)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"applications\"\u003eApplications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eQuick magnetic attachment and fastening for Unit modules\u003c\/li\u003e\n\u003cli\u003eCreative DIY projects with versatile structural assembly\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"specifications\"\u003eSpecifications\u003c\/h2\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSpecification\u003c\/th\u003e\n\u003cth\u003eParameter\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Size\u003c\/td\u003e\n\u003ctd\u003e5.8 x 7.0mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Weight\u003c\/td\u003e\n\u003ctd\u003e1.0g\/pc\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Size\u003c\/td\u003e\n\u003ctd\u003e138.0 x 93.0 x 14.0mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGross Weight\u003c\/td\u003e\n\u003ctd\u003e14.0g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003eLearn and Documents\u003c\/h2\u003e\n\u003ca href=\"https:\/\/docs.m5stack.com\/en\/products\/sku\/A184\" target=\"_blank\" id=\"learn-and-documents-btn\"\u003e\n  → DOCUMENTS\n\u003c\/a\u003e\n\u003c\/div\u003e","brand":"m5stack-store","offers":[{"title":"Default Title","offer_id":50379661771009,"sku":"A184","price":5.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0056\/7689\/2250\/files\/A184_Magnet_Nut_Kit_10pcs_1.webp?v=1790220477","url":"https:\/\/shop.m5stack.com\/products\/magnet-nut-kit-10pcs","provider":"M5Stack-Store","version":"1.0","type":"link"}