/* Optional real kit selector. Set --brand, --brand-soft, --surface, --ink, --muted from this store palette. */
.kit-picker{margin:16px 0}.kit-picker h2{font-size:16px;margin:0 0 12px}.kit-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kit-option{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:0 7px 9px;border:1px solid #dce3eb;border-radius:10px;background:#fff;text-align:center;overflow:hidden;color:var(--ink)}.kit-option[aria-pressed=true]{border:2px solid var(--brand);padding:0 6px 8px;background:var(--brand-soft)}.kit-badge{align-self:stretch;margin:0 -8px 2px;padding:7px 2px;background:var(--surface);color:var(--brand);font-size:8px;font-weight:800;letter-spacing:.2px;white-space:nowrap}.kit-option:last-child .kit-badge{background:var(--brand);color:#fff}.kit-photo{display:block;width:74px;aspect-ratio:1;position:relative}.kit-photo img{width:100%;height:100%;object-fit:contain;border-radius:6px}.kit-photo>span{position:absolute;right:-2px;bottom:0;border-radius:20px;background:var(--brand);color:#fff;padding:1px 6px;font-size:12px;font-weight:800}.kit-name{font-size:12px;white-space:nowrap}.kit-option del{font-size:10px;color:var(--muted)}.kit-total{font-size:16px;color:var(--brand);white-space:nowrap}.kit-unit{font-size:9px;white-space:nowrap;color:var(--muted)}.kit-action{font-size:8px;font-weight:800;letter-spacing:.2px;color:var(--brand);padding-top:3px}.kit-hint{font-size:12px;line-height:1.5;margin-top:10px;color:var(--brand)}@media(max-width:350px){.kit-options{gap:5px}.kit-option{padding-left:4px;padding-right:4px}.kit-option[aria-pressed=true]{padding-left:3px;padding-right:3px}.kit-badge{font-size:7px}.kit-name{font-size:10px}.kit-total{font-size:14px}.kit-unit{font-size:8px}.kit-photo{width:64px}}
