/* svc-cat-icons-166.css — service-merchants.html 分类入口：12 新图标（2026-09-23 khp 最终定案，仅本页）
   旧 emoji .sc-cats 分类条由 svc-cat-icons-166.js 节点级替换为 .sm-cats（旧图标全部移除，无 fallback）。
   无「全部」chip：未选择分类 = 默认全部服务（空筛选展示全部商家）。
   布局：一行 4 个；图标尺寸 60×60。 */
.sm-cats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 4px;
  padding: 10px 8px 4px;
  margin: 0 0 6px;
  width: auto;
}
.sm-cats .sm-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 4px 0;
  min-width: 0;
  border-radius: 10px;
  cursor: pointer;
  font-family: inherit;
}
.sm-cats .sm-chip:active { transform: scale(.985); }
.sm-cats .sm-chip.on { background: rgba(249, 115, 22, 0.10); }
.sm-cats .sm-chip.on .sm-cn { color: #f97316; }
/* 图标：60×60（一行 4 个） */
.sm-cats .sm-ic { display: block; width: 60px; height: 60px; flex: none; line-height: 0; }
.sm-cats .sm-ic img { display: block; width: 60px; height: 60px; object-fit: contain; }
/* 名称：最多两行，不截断 */
.sm-cats .sm-chip .sm-cn {
  font-size: 11px;
  line-height: 1.2;
  font-weight: 600;
  color: #1f3a68;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  word-break: keep-all;
}
@media (max-width: 360px) {
  .sm-cats .sm-ic,
  .sm-cats .sm-ic img { width: 56px; height: 56px; }
}