.coupon-box{margin-top:16px;padding:15px;border:1px solid #d7e7e5;border-radius:14px;background:linear-gradient(135deg,#f4fffb,#f7fbff)}
.coupon-box-title{display:grid;gap:3px;margin-bottom:10px}.coupon-box-title span{font-size:14px;font-weight:900;color:#12324b}.coupon-box-title small{color:#718296;font-size:11px}
.coupon-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.coupon-form input{min-width:0;border:1px solid #cddde3;border-radius:10px;padding:11px 12px;text-transform:uppercase;font-weight:800;outline:0}.coupon-form button,.coupon-active button{border:0;border-radius:10px;background:#0b8576;color:#fff;padding:0 15px;font-weight:900;cursor:pointer}
.coupon-active{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:11px;background:#e5f8f1;color:#08735f}.coupon-active b{letter-spacing:.06em}.coupon-active span{font-size:11px}.coupon-active form{margin-left:auto}.coupon-active button{min-height:31px;background:#fff;color:#b33447;border:1px solid #efc8ce}
.discount-summary{display:grid;gap:7px;margin-top:12px;padding-top:11px;border-top:1px dashed #bfd7d3}.discount-summary>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.discount-summary .discount-line{color:#078267}.discount-summary strong{font-size:17px;color:#e33d55}
@media(max-width:420px){.coupon-box{padding:12px}.coupon-form{grid-template-columns:minmax(0,1fr) 78px}.coupon-form input{width:100%;padding:10px}.coupon-form button{padding:0 8px}.coupon-active{flex-wrap:wrap}.coupon-active form{margin-left:auto}}