/* Share the payment confirmation palette and backdrop; keep a usable non-modal fallback. */
.coupon-feedback-panel {
  position: relative;
  margin: 24px 0;
  padding: 24px;
  border: 1px solid #66747b;
  border-radius: 10px;
  background: #182129;
  color: #f7f6ef;
}
.coupon-dialog .coupon-feedback-panel {
  margin: 0;
  padding: 0;
  border: 0;
}
.coupon-dialog-close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  /* Keep the touch target generous while making the visible icon quieter. */
  display: grid;
  place-items: center;
  padding: 0;
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
}
/* An inset focus ring avoids the oversized global outline while retaining keyboard feedback. */
.coupon-dialog-close:focus-visible {
  outline: 2px solid #bec8cd;
  outline-offset: -8px;
  border-radius: 50%;
}
.coupon-dialog .eyebrow {
  padding-right: 32px;
}
.coupon-dialog .commerce-actions {
  gap: 12px;
}
.coupon-dialog .commerce-actions .button {
  flex: 1 1 150px;
  text-align: center;
}
/* Existing confirmation-button styles set display:block; preserve the no-JavaScript hidden state. */
.coupon-feedback-panel [data-coupon-close][hidden] {
  display: none;
}