Description:

/* ===== Scoped Description Style ===== */ .product-description.rte { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #2c2c2c; line-height: 1.65; font-size: 16px; } /* ===== Headings ===== */ .product-description.rte h2 { font-size: 1.8em; color: #0D47A1; border-left: 4px solid #1f6fe5; padding-left: 12px; margin-top: 32px; margin-bottom: 16px; } .product-description.rte h2:has(img) { border-left: none; padding-left: 0; } /* ===== Paragraph Images (only in description) ===== */ .product-description.rte img { display: block; max-width: 100%; height: auto; margin: 24px auto; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); } /* ===== Lists ===== */ .product-description.rte ul { padding-left: 20px; margin-bottom: 16px; } .product-description.rte li { margin-bottom: 6px; } /* ===== Links ===== */ .product-description.rte a { color: #0288D1; text-decoration: none; transition: color 0.3s ease; } .product-description.rte a:hover { color: #01579B; } /* ===== M5Stack-style Spec Table ===== */ .product-description.rte .table-container { width: 100%; margin: 24px 0; overflow-x: auto; } .product-description.rte .table-container table { width: 100%; border-collapse: collapse; font-family: inherit; font-size: 14px; color: #2c2f36; background-color: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); } .product-description.rte .table-container thead th { background: #1f6fe5; color: #ffffff; padding: 14px 16px; text-align: center; font-weight: 600; border: none; vertical-align: middle; } .product-description.rte .table-container thead th img { max-height: 36px; width: auto; max-width: 100%; display: inline-block; vertical-align: middle; object-fit: contain; } .product-description.rte .table-container td { padding: 14px 16px; border-bottom: 1px solid #e6ebf2; vertical-align: middle; } .product-description.rte .table-container tbody td:first-child { width: 36%; text-align: center; font-weight: 500; color: #4a4f57; background-color: rgba(31, 111, 229, 0.02); } .product-description.rte .table-container tbody tr:nth-child(even) { background-color: #f7f9fc; } @media (hover: hover) { .product-description.rte .table-container tbody tr:hover { background-color: #eef3ff; } } /* ===== Learn & Documents Button ===== */ .product-description.rte #learn-and-documents-btn { display: inline-flex; align-items: center; padding: 6px 14px; background-color: #1f6fe5; color: #ffffff; font-weight: 600; border-radius: 6px