/* Keep offer metadata quieter than the benefit and current-order savings. */
.checkout-offers-title span {
  background: #edf4f9;
  border-radius: 999px;
  display: inline-block;
  font-size: 11px;
  margin-left: 6px;
  min-width: 22px;
  padding: 2px 6px;
  text-align: center;
}
.checkout-offers-list, .checkout-offers-list.is-collapsed { max-height: none; overflow: visible; }
.checkout-offer-card { gap: 7px; padding: 13px 14px; }
.checkout-offer-code { color: #526779; font-size: 11px; letter-spacing: .08em; }
.checkout-offer-card .checkout-offer-title { color: #0e2f45; font-size: 16px; font-weight: 800; letter-spacing: -.02em; line-height: 1.35; margin: 0; text-transform: none; }
.checkout-offer-badge { font-size: 9px; font-weight: 700; padding: 2px 7px; }
.checkout-offer-desc { font-size: 12px; line-height: 1.5; }
.checkout-offer-conditions { display: flex; flex-wrap: wrap; gap: 3px 18px; list-style: none; margin: 0; padding: 0; }
.checkout-offer-conditions li { color: #435b6c; font-size: 12px; line-height: 1.5; }
.checkout-offer-bottom { background: #f0f8f4; border: 1px solid #dcece3; border-radius: 8px; gap: 12px; margin-top: 2px; padding: 9px 10px; }
.checkout-offer-bottom > div { min-width: 0; }
.checkout-offer-qualified { color: #37614e; font-size: 11px; margin: 0 0 3px; }
.checkout-offer-card .checkout-offer-savings { color: #15543e; font-size: 14px; font-weight: 800; line-height: 1.45; }
.checkout-offer-unlock { font-size: 13px; line-height: 1.5; }
.checkout-offer-apply { flex-shrink: 0; min-height: 44px; min-width: 76px; }
.checkout-offer-apply:disabled { cursor: default; opacity: .65; }
.checkout-offer-apply:focus-visible, .checkout-offer-details summary:focus-visible { outline: 2px solid #0f6c9f; outline-offset: 3px; }
.checkout-offer-applied { flex-shrink: 0; white-space: nowrap; }
.checkout-offer-details { align-items: baseline; display: flex; flex-wrap: wrap; gap: 4px 14px; justify-content: space-between; }
.checkout-offer-details, .checkout-offer-expiry { color: #586c7c; font-size: 11px; line-height: 1.5; }
.checkout-offer-details summary { cursor: pointer; padding-block: 4px; }
.checkout-offer-details p { margin: 3px 0 0; }
@media (max-width: 430px) {
  .checkout-offer-conditions { flex-direction: column; gap: 2px; }
  .checkout-offer-card { padding: 11px; }
  .checkout-offer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
  .checkout-offer-apply { width: 100%; }
}