.wcpb{border:1px solid #e5e7eb;padding:16px;border-radius:12px;background:#fff;max-width:840px;margin:20px auto;}
.wcpb-step-head{font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.wcpb-step-head span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#111827;color:#fff;font-size:12px}
.wcpb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:12px}
.wcpb-card{display:block;border:1px solid #e5e7eb;border-radius:12px;padding:10px;text-align:center;cursor:pointer}
.wcpb-card input{display:none}
.wcpb-card .wcpb-img{height:80px;display:grid;place-items:center;margin-bottom:6px}
.wcpb-card img{max-height:76px;max-width:100%;}
.wcpb-card-title{font-size:14px}
.wcpb-card input:checked + .wcpb-img, .wcpb-card input:checked ~ .wcpb-card-title{outline:2px solid #111827}
.wcpb-fields{display:grid;gap:12px;margin-bottom:12px}
.wcpb-row{display:flex;flex-wrap:wrap;gap:12px}
.wcpb-row label{display:flex;flex-direction:column;gap:4px;flex:1 1 200px}
.wcpb-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;margin-right:8px;cursor:pointer}
.wcpb-check{display:flex;align-items:center;gap:8px;margin-top:8px}
.wcpb-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #e5e7eb;margin-top:16px;padding-top:12px}
.wcpb-total{font-weight:700;font-size:18px}