/* A clean ticket surface with themed accents instead of a full blue rectangle. */
.coupon-voucher{--coupon-art:linear-gradient(135deg,#172d6c,#4668ed);box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left;padding:22px;min-width:0;border:1px solid #dfe5ef;border-radius:20px;background:#fff!important;background-image:none!important;color:#162238;box-shadow:0 5px 18px #1c305109;overflow:hidden;isolation:isolate;scroll-snap-align:start}
.offer-card.coupon-voucher{flex:0 0 360px;cursor:pointer}.coupon-voucher:after{display:none}.coupon-voucher:before{content:'';position:absolute;inset:0 0 auto;height:4px;background-image:var(--coupon-art);background-size:cover;background-position:center}
.voucher-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.voucher-kind{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:800;letter-spacing:.09em;color:#fff;background-image:var(--coupon-art);background-size:cover;background-position:center;border-radius:7px;padding:8px 10px;line-height:1.3}.voucher-kind svg{width:15px;height:15px;flex-shrink:0}.voucher-label{font-size:10px;font-weight:650;color:#738199}
.voucher-saving{display:flex;align-items:center;gap:13px;margin-bottom:13px}.voucher-saving>strong{font-size:46px;line-height:1.08;font-weight:850;letter-spacing:-.055em;color:#244bcc;white-space:nowrap}.voucher-saving>strong>span{font-size:27px;letter-spacing:-.03em;margin-left:2px}.voucher-caption{font-size:14px;font-weight:750;line-height:1.5;color:#1b2941}.voucher-caption>small{display:block;font-size:10px;font-weight:500;color:#718099}.voucher-saving[data-kind=fixed]>strong{font-size:34px}.voucher-saving[data-kind=freeShipping]>strong{font-size:36px}
.coupon-voucher .offer-name{font-size:14px;line-height:1.5;font-weight:700;color:#243148;margin:0 0 12px;overflow-wrap:anywhere}.voucher-conditions{display:grid;gap:5px;font-size:11px;line-height:1.5;color:#6a788d;margin-bottom:20px}.voucher-conditions>span{display:block}
.voucher-divider{position:relative;border-top:1px dashed #d8e0ee;margin:0 -22px 16px}.voucher-divider:before,.voucher-divider:after{content:'';position:absolute;top:-10px;width:18px;height:18px;border:1px solid #dfe5ef;border-radius:50%;background:#f7f7f9}.voucher-divider:before{left:-10px}.voucher-divider:after{right:-10px}
.voucher-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto}.voucher-code{display:flex;flex-direction:column;gap:5px;min-width:0}.voucher-code>small{font-size:8px;letter-spacing:.11em;font-weight:700;color:#8590a2}.voucher-code>b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;letter-spacing:.045em;color:#26344b;overflow-wrap:anywhere}.voucher-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;box-sizing:border-box;padding:11px 14px;border-radius:10px;background:#3157e8;color:#fff;font-size:11px;font-weight:750;white-space:nowrap;box-shadow:0 4px 10px #3157e81c}.voucher-action>span{font-size:17px;font-weight:500;line-height:1}
.coupon-voucher:hover .voucher-action{background:#2448d1}.coupon-voucher:focus-visible{outline:3px solid #9ab2ff;outline-offset:3px}.offer-track.single .coupon-voucher{flex:0 1 420px;max-width:420px}.coupon-voucher[data-theme=custom] .voucher-top{position:relative;margin:-22px -22px 20px;padding:22px;background-image:var(--coupon-art);background-size:cover;background-position:center}.coupon-voucher[data-theme=custom] .voucher-kind{background:#ffffff1e;border:1px solid #ffffff35}.coupon-voucher[data-theme=custom] .voucher-label{color:#e3eaff}.voucher-preview{width:100%}.promotion-preview-column>small{display:block;margin:14px 8px;font-size:11px;line-height:1.6;color:var(--muted-soft,#68788f)}
@media(max-width:760px){.offer-card.coupon-voucher{flex-basis:88%;max-width:360px;padding:20px}.offer-track.single .coupon-voucher{flex:1;max-width:none}.voucher-saving>strong{font-size:44px}.voucher-divider{margin-inline:-20px}.coupon-voucher[data-theme=custom] .voucher-top{margin:-20px -20px 20px;padding:20px}.voucher-top{margin-bottom:16px}.voucher-label{font-size:9px}.voucher-conditions{font-size:11px}.voucher-action{min-height:44px}}
@media(max-width:360px){.coupon-voucher{padding:17px}.offer-card.coupon-voucher{padding:17px}.voucher-saving{gap:10px}.voucher-saving>strong{font-size:40px}.voucher-caption{font-size:12px}.voucher-saving[data-kind=fixed]>strong{font-size:29px}.voucher-kind{font-size:8px;padding:8px}.voucher-label{font-size:8px}.voucher-action{padding:10px 12px;font-size:10px}.voucher-bottom{gap:10px}.voucher-code>b{font-size:14px}.voucher-divider{margin-inline:-17px}.coupon-voucher[data-theme=custom] .voucher-top{margin:-17px -17px 18px;padding:17px}}
/* Mobile is a compact benefit, not a large advertising block. Keep all real terms. */
@media(max-width:760px){
 .coupon-voucher,.offer-card.coupon-voucher{padding:14px 16px;border-radius:16px}
 .coupon-voucher .voucher-top{display:none}
 .coupon-voucher .voucher-saving{margin-bottom:8px;gap:10px}
 .coupon-voucher .voucher-saving>strong{font-size:36px;line-height:1}
 .coupon-voucher .voucher-saving>strong>span{font-size:22px}
 .coupon-voucher .voucher-saving[data-kind=fixed]>strong{font-size:28px}
 .coupon-voucher .voucher-saving[data-kind=freeShipping]>strong{font-size:30px}
 .coupon-voucher .voucher-caption{font-size:12px;line-height:1.3}
 .coupon-voucher .voucher-caption>small{display:none}
 .coupon-voucher .offer-name{font-size:12px;line-height:1.4;margin-bottom:7px}
 .coupon-voucher .voucher-conditions{gap:2px;font-size:10px;line-height:1.4;margin-bottom:12px}
 .coupon-voucher .voucher-divider{margin:0 -16px 10px}
 .coupon-voucher .voucher-bottom{gap:12px}
 .coupon-voucher .voucher-code>small{display:none}
 .coupon-voucher .voucher-code>b{font-size:14px}
 .coupon-voucher .voucher-action{min-height:44px;padding:10px 13px;font-size:11px;box-shadow:none}
 .coupon-voucher[data-theme=custom] .voucher-top{display:flex;margin:-14px -16px 12px;padding:9px 16px;min-height:32px;box-sizing:border-box}
 .coupon-voucher[data-theme=custom] .voucher-kind{font-size:8px;padding:5px 7px}
 .coupon-voucher[data-theme=custom] .voucher-label{display:none}
 .offer-track{padding-bottom:8px}
}