.ts-pi{width:100%;max-width:100%;font:inherit}
.ts-pi-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}
.ts-pi-dim{min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border-bottom:1px solid #ddd;text-align:center}
.ts-pi-stats{display:grid;grid-template-columns:repeat(3,1fr)}
.ts-pi-stat{min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;text-align:center}
.ts-pi-icon{width:27px;height:27px;flex:0 0 27px}
.ts-pi-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.ts-pi-shell{margin-top:16px}
.ts-pi-shell h3{margin:0 0 18px;font-size:16px;line-height:1.3;font-weight:700}
.ts-pi-colors{display:flex;flex-wrap:wrap;align-items:center;gap:28px}
.ts-pi-color{display:flex;align-items:center;gap:9px}
.ts-pi-color-img{display:block;width:50px;height:50px;border-radius:50%;overflow:hidden;background:#eee}
.ts-pi-color-img img{display:block;width:100%;height:100%;object-fit:cover}
.ts-pi-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:28px;padding:13px 20px;background:var(--ts-pi-cta-bg,#009447);color:var(--ts-pi-cta-text,#fff)!important;text-decoration:none!important;border-radius:var(--ts-pi-cta-radius,5px);font-size:15px;font-weight:500;transition:background-color .18s ease,transform .18s ease}
.ts-pi-cta:hover{background:var(--ts-pi-cta-hover,#007f3d);color:var(--ts-pi-cta-text,#fff)!important;transform:translateY(-1px)}
@media(max-width:640px){
  .ts-pi-dim{flex-wrap:wrap}
  .ts-pi-stats{grid-template-columns:1fr}
  .ts-pi-stat{justify-content:flex-start;border-bottom:1px solid #eee}
  .ts-pi-stat:last-child{border-bottom:0}
  .ts-pi-colors{gap:16px}
}