/* Presentation only: existing checkout field names and behavior remain authoritative. */
.pd-checkout-prompts {
  clear: both;
  display: block !important;
  margin: 18px 0 24px !important;
  color: #fff;
}

.pd-checkout-prompts .pd-prompt-card {
  margin: 0 !important;
  padding: 22px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pd-checkout-prompts .pd-prompt-card:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.pd-checkout-prompts .pd-prompt-card h3 {
  display: block !important;
  margin: 0 0 7px !important;
  color: #fff !important;
  font-size: clamp(18px, 2vw, 21px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.pd-checkout-prompts .pd-prompt-card > p {
  margin: 0 0 15px !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.pd-checkout-prompts .pd-prompt-buttons {
  display: grid !important;
  gap: 10px !important;
  width: 100%;
}

#pd-change-title ~ .pd-prompt-buttons {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

#pd-cash-title ~ .pd-prompt-buttons {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 420px;
}

#pd-referral-title ~ .pd-prompt-buttons {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pd-checkout-prompts .pd-prompt-buttons label,
.pd-checkout-prompts .pd-pill {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.76) !important;
  border-radius: 8px !important;
  background: rgba(0, 0, 0, 0.18) !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  cursor: pointer;
  box-sizing: border-box;
}

.pd-checkout-prompts .pd-prompt-buttons label:hover,
.pd-checkout-prompts .pd-pill:hover {
  border-color: #ef3340 !important;
  background: rgba(239, 51, 64, 0.14) !important;
}

.pd-checkout-prompts .pd-prompt-buttons input:checked + label,
.pd-checkout-prompts .pd-conditional input:checked + .pd-pill {
  border-color: #ef3340 !important;
  background: #ef3340 !important;
  color: #fff !important;
}

.pd-checkout-prompts .pd-prompt-buttons input:focus-visible + label,
.pd-checkout-prompts .pd-conditional input:focus-visible + .pd-pill {
  outline: 3px solid rgba(239, 51, 64, 0.42) !important;
  outline-offset: 3px !important;
}

.pd-checkout-prompts .pd-conditional {
  margin-top: 15px !important;
  padding: 15px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: transparent !important;
}

.pd-checkout-prompts .pd-conditional small {
  color: rgba(255, 255, 255, 0.72) !important;
}

.pd-checkout-prompts .pd-field-label {
  color: #fff !important;
}

.pd-checkout-prompts .pd-conditional input[type='text'] {
  width: 100% !important;
  max-width: none !important;
  min-height: 46px !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}

.pd-checkout-prompts .pd-conditional input[type='text']::placeholder {
  color: rgba(255, 255, 255, 0.58) !important;
}

@media (max-width: 767px) {
  #pd-change-title ~ .pd-prompt-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #pd-change-title ~ .pd-prompt-buttons label[for='pd_change_none'] {
    grid-column: 1 / -1;
  }

  #pd-referral-title ~ .pd-prompt-buttons {
    grid-template-columns: 1fr;
  }

  .pd-checkout-prompts .pd-prompt-card {
    padding: 19px 0 !important;
  }
}