/* Small selectable promo boxes under the coupon field. */
.hkp-promo{margin:12px 0 4px;text-align:left}
.hkp-promo .hkp-title{margin:0 0 8px;font-size:14px;font-weight:700;line-height:1.3;color:var(--hk-ink,#1a1c3a)}
.hkp-promo .hkp-list{display:flex;flex-wrap:wrap;gap:8px}
.hkp-promo .hkp-code{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:100%;margin:0;padding:8px 14px;border:1.5px dashed #d99a3a;border-radius:10px;background:#fffaf0;color:var(--hk-ink,#1a1c3a);font:inherit;line-height:1.25;text-align:left;text-transform:none;letter-spacing:0;cursor:pointer;box-shadow:none;transition:background .15s,border-color .15s}
.hkp-promo .hkp-code b{font-size:15px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--hk-ink,#1a1c3a)}
.hkp-promo .hkp-code span{font-size:12.5px;font-weight:400;color:var(--hk-muted,#64678a)}
.hkp-promo .hkp-code:hover{background:#fff3d9}
.hkp-promo .hkp-code[aria-pressed="true"]{border-style:solid;border-color:var(--hk-navy,#1b2160);background:#eef0ff;box-shadow:0 0 0 1px var(--hk-navy,#1b2160)}
.hkp-promo .hkp-code[aria-pressed="true"] b::after{content:" \2713"}
.hkp-promo .hkp-code:focus-visible{outline:2px solid var(--hk-rose,#c02a74);outline-offset:2px}