/* Commerce module: coupons, discount line, payment choices, payment page. */
.commerce-discount span:last-child{color:var(--green);font-weight:600}
.commerce-coupon{margin:18px 0 6px;padding:16px 0 4px;border-top:1px solid var(--line)}
.commerce-coupon h3{font-size:15px;margin:0 0 10px}
.commerce-coupon.compact{margin:10px 0 0;padding:8px 0 0}
.commerce-coupon.compact summary{cursor:pointer;font-size:13px;font-weight:500;color:var(--green);list-style-position:inside}
.coupon-form{display:flex;gap:8px;align-items:stretch;margin-top:8px}
.coupon-form input{text-transform:uppercase;letter-spacing:.04em;min-height:40px;padding:8px 11px;margin:0}
.coupon-form .button{white-space:nowrap;flex-shrink:0;width:auto;margin:0}
.commerce-coupon .button.small{min-height:40px}
.coupon-applied{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0 0;padding:10px 12px;border:1px dashed var(--green);border-radius:5px;background:var(--green-light);font-size:13px}
.coupon-applied strong{letter-spacing:.04em;color:var(--green-dark)}
.coupon-applied span{flex:1;color:var(--muted)}
.coupon-applied .text-button,.coupon-error .text-button{padding:0;font-size:12px}
.coupon-error,.coupon-result.error{color:var(--danger);font-size:13px;margin:8px 0 0}
.coupon-result{font-size:13px;margin:6px 0 0}
.coupon-result:empty{display:none}
.coupon-offers{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.coupon-offers li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:var(--cream)}
.coupon-offers strong{display:block;font-size:13px;letter-spacing:.04em}
.coupon-offers small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.coupon-offers .text-button{padding:0;color:var(--green);font-weight:600}
.payment-choice+.payment-choice{margin-top:10px}
.payment-choice:has(input:not(:checked)){border-color:var(--line);background:var(--paper)}
.commerce-payment .form-card h1{font-size:30px;margin-bottom:14px}
.commerce-payment .form-card>p{margin-bottom:18px}
.commerce-payment .summary-row small{display:block;color:var(--muted)}
@media (max-width:700px){.coupon-form input{font-size:16px}.commerce-payment .form-card h1{font-size:24px}}