.discount-box{grid-column:1/-1;box-sizing:border-box;margin:7px 0;padding:12px;border:1px solid #ffffff55;border-radius:11px;text-align:left;min-width:0;background:#ffffff0b}
.discount-label{display:block;font-size:12px;font-weight:700;margin:0 0 7px}.discount-row{display:flex;align-items:stretch;gap:8px;min-width:0}
.discount-row input{flex:1 1 0!important;width:0!important;min-width:0!important;margin:0!important;min-height:42px!important;font-size:15px!important;letter-spacing:.03em;text-transform:uppercase}
.discount-row .discount-apply{flex:0 0 auto!important;width:auto!important;min-width:90px!important;min-height:42px!important;margin:0!important;padding:8px 12px!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#173a5b!important;font:700 12px/1.3 var(--f-body,Arial,sans-serif)!important;cursor:pointer}
.discount-row .discount-apply:disabled{opacity:.5;cursor:default}.discount-note{font-size:12px!important;line-height:1.55!important;margin:8px 0 0!important;text-align:left!important;color:#d5eaff}
.discount-note.error{color:#ffe69b}.discount-note.success{color:#c7ffa6}.discount-summary{margin-top:10px;font-size:12px;line-height:1.7}.discount-summary div{display:flex;justify-content:space-between;gap:12px}.discount-summary strong{white-space:nowrap}.discount-summary .discount-final{border-top:1px solid #ffffff38;padding-top:5px;margin-top:4px;font-weight:700}
.discount-box [hidden]{display:none!important}.discount-box input:disabled{opacity:.65}
/* Let the customer form scroll within the viewport after adding an optional code. */
#book-checkout .book-pay-card{max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}
#hp-pay-modal .hp-card{max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:420px){.discount-box{padding:10px}.discount-row{gap:6px}.discount-row .discount-apply{min-width:78px!important;padding:8px!important}}