.voucher-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.voucher-card { position:relative; min-width:0; overflow:hidden; padding:20px; border:1px solid #d8e1ec; border-radius:14px; background:linear-gradient(145deg,#fff 0%,#fbfcfe 100%); color:#172b45; overflow-wrap:anywhere; box-shadow:0 6px 18px #071a3508; }
.voucher-card::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:#f2b544; }
.voucher-card-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.voucher-status { padding:5px 9px; border:1px solid #d3e0ed; border-radius:999px; background:#edf3fa; color:#315b89; font-size:.75rem; font-weight:750; }
.voucher-kind { color:#66758a; font-size:.6875rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.voucher-value { display:block; margin-bottom:7px; color:#071a35; font-size:clamp(1.5rem,2.6vw,1.875rem); line-height:1.2; letter-spacing:-.03em; }
.voucher-card h3 { margin:0; color:#172b45; font-size:.9375rem; }
.voucher-expiry { margin:7px 0 15px!important; color:#5d6e83; font-size:.8125rem; }
.voucher-card-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding-top:14px; border-top:1px dashed #ccd7e3; }
.voucher-card-bottom p { margin:0; color:#66758a; font-size:.8125rem; }
.voucher-card.used,.voucher-card.expired,.voucher-card.revoked { background:#f7f9fb; box-shadow:none; }
.voucher-card.used::before,.voucher-card.expired::before,.voucher-card.revoked::before { background:#aeb9c7; }
.voucher-card:not(.available) .voucher-status { border-color:#dbe1e8; background:#e9edf2; color:#5c6b7d; }
.voucher-empty { grid-column:1/-1; padding:42px 24px; border:1px dashed #ccd7e3; border-radius:14px; background:#fbfcfe; text-align:center; }
.voucher-empty h3 { font-size:1.0625rem; }
.voucher-empty p { max-width:380px; margin:9px auto 0; color:#66758a; font-size:.875rem; }
.voucher-guidance { margin:0 0 16px; padding:14px 16px; border:1px solid #d8e2ee; border-radius:11px; background:#f1f5fa; color:#53657b; font-size:.8125rem; }
.voucher-guidance p { margin:4px 0; }
.voucher-count { display:inline-flex; align-items:center; justify-content:center; min-width:22px; min-height:22px; margin-left:auto; padding:2px 6px; border-radius:999px; background:#f2b544; color:#071a35; font-size:.75rem; font-weight:800; }
@media (max-width:580px) { .voucher-grid { grid-template-columns:minmax(0,1fr); } .voucher-card { padding:18px; } }