.quantity-offers{min-width:0;margin:0 0 22px;padding:0;border:0;color:var(--ink)}
.quantity-offers legend{padding:0;font-size:15px;font-weight:700;line-height:1.45}
.quantity-offers-hint{margin:6px 0 12px;color:var(--muted);font-size:12px;line-height:1.5}
.quantity-offers-options{display:grid;gap:8px}
.quantity-offers .quantity-offer{display:flex;flex-direction:row;align-items:center;text-align:left;gap:12px;min-width:0;margin:0;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}
.quantity-offers .quantity-offer[data-selected=true]{border-color:var(--accent,#f51049);background:color-mix(in srgb,var(--accent,#f51049) 7%,var(--surface))}
.quantity-offers .quantity-offer:has(input:focus-visible){outline:2px solid var(--accent,#f51049);outline-offset:3px}
/* Keyboard focus belongs to the rounded card, not a square around the radio. */
@supports selector(:has(input:focus-visible)){
 [data-has-quantity-offers] .quantity-offers .quantity-offer input[type=radio]:focus{outline:none;box-shadow:none}
}
.quantity-offers .quantity-offer[data-unavailable=true]{opacity:.55;cursor:default}
.quantity-offers .quantity-offer input[type=radio]{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:var(--accent,#f51049)}
.quantity-offer-content{display:grid;gap:5px;flex:1;min-width:0}
.quantity-offer-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;line-height:1.4}
.quantity-offer-heading strong{font-weight:650}
.quantity-offer-badge{padding:3px 8px;border-radius:5px;background:var(--line);font-size:11px;font-weight:650;white-space:nowrap}
.quantity-offer[data-best-offer=true] .quantity-offer-badge{background:var(--accent,#f51049);color:#fff}
.quantity-offer-price{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;font-size:12px;line-height:1.4}
.quantity-offer-price b{font-size:16px;letter-spacing:-.02em}
.quantity-offer-price del{margin-left:5px;color:var(--muted);font-size:12px}
.quantity-offer-subtotal{font-size:12px;color:var(--muted);line-height:1.4}
.quantity-offers-total{margin:12px 0 0;font-size:13px;font-weight:600;line-height:1.5;text-align:right;font-variant-numeric:tabular-nums}
.cart-quantity-offer{display:block;margin-top:4px;color:var(--accent,#f51049);font-size:11px;font-weight:600}
@media(max-width:480px){.quantity-offers .quantity-offer{padding:11px 12px;gap:10px}.quantity-offers-total{text-align:left}.quantity-offers legend{font-size:14px}}