/* v39 - manual UPI checkout with transaction-reference verification. */
.upi-payment-panel { display:grid; grid-template-columns:1fr 108px; gap:14px; margin:16px 0; padding:15px; border:1px solid #d9e5dc; border-radius:12px; background:#f7fbf7; }
.upi-payment-panel[hidden] { display:none !important; }
.upi-payment-copy { min-width:0; }
.upi-payment-copy .eyebrow { margin-bottom:5px; }
.upi-payment-copy strong { display:block; color:#245337; font-size:15px; }
.upi-payment-copy small { display:block; margin-top:4px; color:#53655a; font-size:11px; font-weight:700; overflow-wrap:anywhere; }
.upi-payment-copy p:last-child { margin:9px 0 0; color:#5f675f; font-size:11px; line-height:1.45; }
.upi-pay-button { display:inline-block; margin-top:10px; padding:10px 12px; font-size:12px; }
.upi-qr-image { align-self:start; width:108px; height:108px; object-fit:cover; border:1px solid #d9e5dc; border-radius:8px; background:#fff; }
.upi-payment-panel > label { grid-column:1 / -1; margin:0; color:#314b38; font-size:12px; font-weight:800; }
.upi-payment-panel > label input { margin-top:6px; }

@media (max-width:650px) {
  .upi-payment-panel { grid-template-columns:1fr 88px; gap:11px; padding:12px; border-radius:10px; }
  .upi-qr-image { width:88px; height:88px; }
  .upi-payment-copy strong { font-size:14px; }
  .upi-payment-copy p:last-child { font-size:10px; }
}

/* v45 - simplified professional pay-on-delivery checkout. */
.pay-on-delivery-only {
  border: 0;
  padding: 0;
  margin: 14px 0 18px;
}
.delivery-payment-card {
  display: grid;
  grid-template-columns: 42px 1fr 24px;
  align-items: center;
  gap: 11px;
  padding: 14px;
  border: 1px solid #cde0d0;
  border-radius: 14px;
  background: linear-gradient(135deg, #f6fbf4, #ffffff);
  box-shadow: 0 5px 16px rgba(31, 82, 52, .08);
}
.delivery-payment-card input { position: absolute; opacity: 0; pointer-events: none; }
.delivery-payment-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  color: #ffffff;
  background: #2b6745;
  font-size: 22px;
  font-weight: 800;
}
.delivery-payment-card strong { display: block; color: #213f2d; font-size: 15px; }
.delivery-payment-card small { display: block; margin-top: 3px; color: #66756a; font-size: 11px; line-height: 1.4; }
.delivery-payment-check { color: #2b6745; font-size: 20px; font-weight: 900; }