.ztpw-wrap .ztpw-nav ul { margin: 0; padding: 0; }
.ztpw-wrap .ztpw-nav li { display: inline-block; margin-right: 10px; }
.ztpw-wrap .ztpw-nav a { text-decoration: none; display: inline-block; padding: 6px 10px; border-radius: 10px; }
.ztpw-wrap .ztpw-nav li.active a { font-weight: 600; }

.ztpw-wrap .ztpw-pane { display: none; }
.ztpw-wrap .ztpw-pane.active { display: block; }

.ztpw-loader, .ztpw-empty { padding: 12px; opacity: .75; }

/* fallback 卡片 */
.ztpw-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  text-decoration: none;
}
.ztpw-thumb img { width: 44px; height: 44px; object-fit: cover; border-radius: 10px; }
.ztpw-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 让商品列表变成横向滚动的小卡片 */
.ztpw-products{
  display:flex;
  gap:12px;
  flex-wrap:nowrap;
  overflow-x:auto;
  padding-bottom:6px;
  -webkit-overflow-scrolling:touch;
}
.ztpw-products::-webkit-scrollbar{ display:none; }

/* 约束每个商品卡片的宽高（兼容子比输出和fallback） */
.ztpw-products > *{
  flex:0 0 auto;
}

/* 如果子比函数输出里有 a.card / .item 之类，统一限宽 */
.ztpw-products a,
.ztpw-products .item,
.ztpw-products .card{
  width:260px;       /* 你可以调 220~320 */
  max-width:260px;
}