.qb{margin-bottom:20px}
.qb__social{font-size:12px;font-weight:600;color:#c0392b;margin-bottom:12px;display:flex;align-items:center;gap:6px}
.qb__cards{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.qb__card{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1.5px solid #e6e6e6;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden;min-height:72px}
.qb__card:hover{border-color:#ccc;transform:scale(1.01)}
.qb__card:focus-visible{outline:2px solid #ff7a00;outline-offset:2px}
.qb__card.is-selected{border:2px solid #ff7a00;background:#fff8f0;transform:scale(1.02);box-shadow:0 4px 16px rgba(255,122,0,.12)}
.qb__card.is-selected:hover{transform:scale(1.02)}
.qb__pill{position:absolute;top:0;right:0;background:#c0392b;color:#fff;font-size:9px;font-weight:700;padding:3px 10px;border-radius:0 12px 0 10px;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 2px 6px rgba(192,57,43,.25)}
.qb__pill--green{background:#1b7a3d;box-shadow:0 2px 6px rgba(27,122,61,.25)}
.qb__card-radio{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px}
.qb__radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;transition:border-color .25s ease,background .25s ease;position:relative}
.qb__radio-circle::after{content:'';width:10px;height:10px;border-radius:50%;background:transparent;transition:background .25s ease}
.is-selected .qb__radio-circle{border-color:#ff7a00}
.is-selected .qb__radio-circle::after{background:#ff7a00}
.qb__card-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.qb__card-qty{font-size:14px;font-weight:600;color:#1a1a1a}
.qb__card-price{font-size:16px;font-weight:700;color:#1a1a1a}
.qb__card-compare{font-size:12px;color:#999;text-decoration:line-through}
.qb__card-save{font-size:11px;font-weight:600;color:#1b7a3d}
.qb__card-perunit{font-size:10px;color:#999;margin-top:2px}
.qb__card-badge-wrap{flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px}
.qb__badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}
.qb__badge--save{background:#fff0e6;color:#cc5500}
.qb__badge--popular{background:#fce8e8;color:#c0392b}
.qb__badge--value{background:#e8f5ec;color:#1b7a3d}