.coupon-field { margin-bottom:8px; }
.coupon-field label span { font-weight:400; }
.coupon-input-row { display:flex; gap:8px; }
.coupon-input-row input { min-width:0; text-transform:uppercase; }
.coupon-input-row input::placeholder { text-transform:none; }
#coupon-apply { flex-shrink:0; border:1px solid var(--line); border-radius:12px; background:var(--card); color:var(--ink); font:600 13px var(--body); padding:10px 13px; cursor:pointer; }
#coupon-apply:disabled { opacity:.5; cursor:wait; }
#coupon-apply:focus-visible, #coupon-remove:focus-visible { outline:3px solid var(--orange); outline-offset:2px; }
#coupon-message { font-size:12px; line-height:1.5; margin:7px 0 0; color:var(--muted); }
#coupon-message:empty { display:none; }
#coupon-message[data-state="error"] { color:#a43d23; }
#coupon-message[data-state="success"] { color:#2b704b; }
#coupon-remove { align-self:flex-start; font:inherit; font-size:12px; padding:6px 0; color:var(--muted); text-decoration:underline; background:none; border:0; cursor:pointer; }
#coupon-remove[hidden] { display:none; }