.prd-badge{background:var(--wc);color:#fff}
.prd .lp-cat{font-weight:700;color:var(--muted,#64748b);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}
.prd .sl-top{flex-wrap:nowrap;min-width:0}
.prd-pic{height:auto;aspect-ratio:1;max-height:36vh;padding:4px;margin:0 auto;width:auto;max-width:100%}
.prd-pic img{border-radius:12px;width:100%;height:100%;object-fit:contain}
.prd-opts{display:flex;flex-direction:column;gap:7px}
.prd-o{display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:9px 12px;min-height:48px;font:inherit;color:var(--ink);transition:transform .15s,border-color .15s,opacity .2s}
.prd-o i{flex:0 0 30px;height:30px;border-radius:50%;background:var(--wc);color:#fff;font-style:normal;font-weight:800;display:flex;align-items:center;justify-content:center}
.prd-o span{font-size:16.5px;font-weight:700;line-height:1.25}
.prd-o:active{transform:scale(.98)}
.prd-o.ok{border-color:#16a34a;background:#e9fbf4;box-shadow:0 0 0 2px #16a34a inset}.prd-o.ok i{background:#16a34a}
.prd-o.x{opacity:.45;text-decoration:line-through}.prd-o.dim{opacity:.5}
.prd-foot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:44px}
.prd-show,.prd-next{min-height:44px;padding:0 22px;border-radius:999px;font-weight:800}
.prd-ans{margin:0;display:none;text-align:center;color:var(--ink);font-size:16px;line-height:1.35}
.prd-ans.on{display:block;background:#f3effd;border-radius:12px;padding:9px 14px}
.prd-ans b{display:block;font-size:18px;margin-bottom:4px}