Catalogue de produits
Overview
Catalogue de produits supplied by Honor Pigments. Key published specifications: cat-wrapper { max-width 1200px; margin: 0 auto; padding: 0 20px; }; cat-header { padding 50px 0 24px; }; cat-header .cat-count { font-size 13px; color: #999; }; cat-body { display flex; gap: 32px; padding-bottom: 60px; }. Contact the supplier through the RFQ form for pricing, lead time and full datasheets.
Technical specifications
| cat-wrapper { max-width | 1200px; margin: 0 auto; padding: 0 20px; } |
|---|---|
| cat-header { padding | 50px 0 24px; } |
| cat-header .cat-count { font-size | 13px; color: #999; } |
| cat-body { display | flex; gap: 32px; padding-bottom: 60px; } |
| cat-sidebar { width | 260px; flex-shrink: 0; } |
| cat-search-row { display | flex; gap: 0; } |
| cat-search-row input { flex | 1; border: 1px solid #ddd; border-right: none; } |
| font-size | 13px; font-weight: 700; color: #CC3366; padding: 8px 14px; |
| cat-filter-btns { display | flex; gap: 0; flex-wrap: wrap; } |
| cat-grid { display | grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } |
| width | 100%; aspect-ratio: 1; overflow: hidden; background: #F8F9FA; |
| display | flex; align-items: center; justify-content: center; |
| font-weight | 600; padding: 2px 8px; margin-bottom: 6px; |
| cat-product-tags { display | flex; flex-wrap: wrap; gap: 4px; } |
| media (max-width | 1024px) { |
| cat-sidebar { display | none; } |