/* Lease Return (trade.html) + the button on the Build Your Lease page */
.trade-form .opt{font-style:normal;font-weight:500;color:var(--muted)}
.trade-form textarea{min-height:96px}
.trade-for{max-width:760px;margin:0 auto;background:#FFF6F0;border:1px solid #F3C9AE;border-radius:12px;padding:12px 14px;font-weight:700;color:var(--black)}
.trade-for[hidden]{display:none}
.money{position:relative;display:block}
.money-sign{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--muted);pointer-events:none}
.money input{padding-left:30px}
.trade-form .radio{flex:1 1 130px;cursor:pointer;gap:8px;padding:12px;font-size:16px;white-space:nowrap}
.trade-form .radio:has(input:checked){border-color:var(--orange);background:#FFF6F0}
.trade-form .form-error{margin:0;padding:12px 14px;border:2px solid #d32f2f;border-radius:10px;background:#fdecea;color:#b71c1c;font-weight:600;line-height:1.4}
.trade-form .form-error[hidden]{display:none}
.trade-form .btn{font-size:17px;padding:17px 22px}
.trade-note{margin:0;text-align:center;color:var(--muted);font-size:14px}
.trade-note a{color:var(--orange);font-weight:700}
.trade-ok{max-width:560px;margin:8px auto 0;background:#000;color:#fff;border-radius:18px;padding:32px 22px 26px;text-align:center;border-bottom:3px solid var(--orange);outline:none}
.trade-ok[hidden]{display:none}
.trade-ok-check{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;background:var(--orange);display:grid;place-items:center}
.trade-ok-check svg{width:32px;height:32px}
.trade-ok h2{font-size:32px;font-weight:900;margin:0 0 10px;color:#fff}
.trade-ok p{color:#D6D6D6;font-size:17px;margin:0 0 10px}
.trade-ok a:not(.btn){color:#fff;font-weight:700}
.trade-ok .btn{margin-top:14px}
/* Build Your Lease page */
.b-pay .b-trade{margin-top:12px;flex-direction:column;gap:4px;white-space:normal;text-align:center;line-height:1.2;font-size:17px;padding:14px 18px;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}
.b-pay .b-trade:hover{background:rgba(255,255,255,.08)}
.b-trade small{display:block;font-weight:600;font-size:13px;color:#CFCFCF}
.trade-ok a[href^='tel'],.trade-note a{white-space:nowrap}
.vin-help{display:block;font-weight:500;font-size:13px;color:var(--muted);margin-top:4px}
.trade-form input[name="vin"]{text-transform:uppercase;letter-spacing:.06em;font-family:inherit}
.trade-form input[name="vin"]::placeholder{text-transform:none;letter-spacing:0}

/* lease-end month picker: same look as the other inputs (iOS centers/collapses empty date inputs) */
#trade-form input[type=month]{-webkit-appearance:none;appearance:none;display:block;min-width:0;text-align:left;line-height:1.3}
#trade-form input[type=month]::-webkit-date-and-time-value{text-align:left}
#trade-form input[type=month]::-webkit-calendar-picker-indicator{opacity:.6}
#trade-form input[type=month]:invalid::-webkit-datetime-edit{color:#8a8a8a}