.checkout-card [hidden] { display: none !important; }
.checkout-card form { display: grid; gap: 10px; margin: 18px 0; }
.checkout-card label { display: block; font-weight: 650; margin-top: 8px; }
.checkout-card input, .checkout-card select { width: 100%; min-height: 44px; padding: 11px 12px; border: 1px solid #c7cdd5; border-radius: 9px; font: inherit; color: #18222d; background: #fff; box-sizing: border-box; }
.checkout-card button:disabled { opacity: .6; cursor: wait; }
.checkout-card #checkout-order { border-top: 1px solid #c7cdd5; margin-top: 20px; padding-top: 14px; scroll-margin-top: 100px; }
.checkout-card #checkout-lookup-code { font-family: monospace; font-size: 13px; }
.checkout-card #checkout-message, .checkout-card #checkout-order-message { overflow-wrap: anywhere; }
.checkout-card .checkout-lookup { margin-top: 22px; }
.checkout-card #checkout-copy, .checkout-card #checkout-recheck { margin-top: 10px; }
.version-grid.single-product { grid-template-columns: minmax(0,1fr); max-width: 850px; }
.install-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
@media(max-width:650px) { .install-links { grid-template-columns: minmax(0,1fr); } }

.checkout-card .checkout-play-timing { padding: 10px 12px; border-left: 3px solid #996900; background: #fff7df; color: #59410a; border-radius: 6px; }
.checkout-card .checkout-play-help { margin-top: 16px; padding: 16px; border: 1px solid #c7d9e8; border-radius: 12px; background: #edf5fc; color: #20394d; }
.checkout-card .checkout-play-help h5 { margin: 0 0 10px; font-size: 1rem; line-height: 1.5; }
.checkout-card .checkout-play-help p { margin: 10px 0; }
.checkout-card .checkout-play-help ol { padding-left: 22px; }
.checkout-card .checkout-play-help li { margin: 8px 0; }
.checkout-card .checkout-play-help a { color: #075b91; text-decoration: underline; }

/* Keep lifetime use distinct from the six-month update entitlement. */
.payment-info .usage-benefit { display:flex; align-items:flex-start; gap:16px; padding:22px; margin:24px 0; border:1px solid #79b698; border-left:5px solid #24754e; border-radius:14px; background:#e8f5ed; color:#174c35; }
.usage-benefit-icon { flex-shrink:0; font-size:44px; line-height:1; font-weight:700; }
.payment-info .usage-benefit h3 { margin:0; font-size:clamp(20px,2vw,25px); line-height:1.35; letter-spacing:0; color:#174c35; }
.payment-info .usage-benefit p { margin:10px 0 0; font-size:14px; line-height:1.7; color:#315a46; }
@media(max-width:480px) { .payment-info .usage-benefit { padding:18px 16px; gap:12px; } .usage-benefit-icon { font-size:34px; } }

.checkout-wait-note{margin:16px 0;padding:16px;border-left:4px solid #24754e;border-radius:8px;background:#e8f5ed;color:#174c35;font-size:14px;line-height:1.7}
#checkout-copy-details{width:100%;margin-top:12px;padding:12px;border:1px solid #aeb8c4;border-radius:8px;resize:vertical;background:white;color:#172538;font:inherit}

/* Show the included apps at the point where customers choose a plan. */
.donation-card .plan-app-bundle{margin:16px 0 20px;padding:16px 0;border-top:1px solid #c7cdd5;border-bottom:1px solid #c7cdd5}.donation-card .plan-bundle-title{margin:0 0 14px;color:#174c35;font-size:18px;font-weight:750;line-height:1.4}.plan-app-bundle dl{margin:0;display:grid;gap:12px}.plan-app-bundle dt{font-size:14px;font-weight:700;color:#172538;line-height:1.5}.plan-app-bundle dd{margin:2px 0 0;font-size:13px;line-height:1.6;color:#475569}