/* Native voucher UX Block only; inventory and campaign styles remain independent. */
.vhcm .vhcm-voucher-block { background:#fffdf8; color:#11254b; }
.vhcm .vhcm-voucher-block .vhcm-voucher-row { max-width:1220px; align-items:center; }
.vhcm .vhcm-voucher-block .vhcm-voucher-visual,
.vhcm .vhcm-voucher-block .vhcm-voucher-copy { min-width:0; }
.vhcm .vhcm-voucher-block .vhcm-voucher-visual { flex-basis:45%; max-width:45%; }
.vhcm .vhcm-voucher-block .vhcm-voucher-copy { flex-basis:55%; max-width:55%; padding-left:32px; }
.vhcm .vhcm-voucher-block p,
.vhcm .vhcm-voucher-block h2,
.vhcm .vhcm-voucher-block h3,
.vhcm .vhcm-voucher-block li,
.vhcm .vhcm-voucher-block .vhcm-button { font-family:Arial,"Segoe UI",sans-serif; }
.vhcm .vhcm-voucher-block .vhcm-voucher-overline p { color:#ad7210; font-size:14px; line-height:1.5; font-weight:700; letter-spacing:.03em; margin-bottom:12px; }
.vhcm .vhcm-voucher-block .vhcm-voucher-title h2 { font-size:38px; line-height:1.16; font-weight:700; letter-spacing:0; color:#11254b; margin:0 0 18px; }
.vhcm .vhcm-voucher-block .vhcm-voucher-emphasis h3 { color:#11254b; font-size:20px; line-height:1.35; font-weight:700; margin-bottom:16px; }
.vhcm .vhcm-voucher-block .vhcm-voucher-benefits { margin:0 0 22px; padding-left:0; list-style:none; }
.vhcm .vhcm-voucher-block .vhcm-voucher-benefits li,
.vhcm .vhcm-voucher-block .vhcm-voucher-benefits p { color:#263c5d; font-size:16px; line-height:1.5; margin:0 0 10px; }
.vhcm .vhcm-voucher-block .vhcm-voucher-benefits strong { color:#11254b; }
.vhcm .vhcm-voucher-block .vhcm-button { min-height:54px; max-width:100%; margin:0 0 12px; padding:14px 22px; border:2px solid #e8a128; border-radius:8px; background:linear-gradient(135deg,#ffd775,#eda022); color:#14294e!important; font-size:16px; line-height:1.4; font-weight:800; white-space:normal; letter-spacing:0; box-shadow:0 5px 14px #b8831724; }
.vhcm .vhcm-voucher-block .vhcm-button:hover { background:linear-gradient(135deg,#ffe19a,#f5ad30); color:#11254b!important; }
.vhcm .vhcm-voucher-block .vhcm-button:focus-visible,
.vhcm .vhcm-voucher-block .vhcm-voucher-poster a:focus-visible { outline:3px solid #183969; outline-offset:4px; }
.vhcm .vhcm-voucher-block .vhcm-voucher-condition p { color:#59667b; font-size:14px; line-height:1.5; margin:12px 0; }
.vhcm .vhcm-voucher-block .vhcm-voucher-copy a:not(.vhcm-button) { color:#173866; text-decoration:underline; text-underline-offset:3px; }
.vhcm .vhcm-voucher-block .vhcm-voucher-poster { width:100%; margin:0; }
.vhcm .vhcm-voucher-block .vhcm-voucher-poster .img-inner { padding-top:0!important; height:auto!important; border-radius:14px; overflow:hidden; box-shadow:0 12px 28px #17274920; }
.vhcm .vhcm-voucher-block .vhcm-voucher-poster img { position:static!important; display:block; width:100%; height:auto!important; max-height:none; aspect-ratio:1; object-fit:contain; }
.vhcm .vhcm-voucher-block .vhcm-voucher-steps { max-width:1220px; margin-top:8px; }
.vhcm .vhcm-voucher-block .vhcm-voucher-steps .col-inner { padding:18px; background:#fff7e7; border:1px solid #f0ddb6; border-radius:10px; height:100%; }
.vhcm .vhcm-voucher-block .vhcm-voucher-steps h3 { color:#11254b; font-size:17px; line-height:1.35; font-weight:700; margin-bottom:8px; }
.vhcm .vhcm-voucher-block .vhcm-voucher-steps p { color:#42546e; font-size:14px; line-height:1.5; margin-bottom:0; }
@media(max-width:849px) {
 .vhcm .vhcm-voucher-block .vhcm-voucher-copy { order:1; flex-basis:100%; max-width:100%; padding-left:15px; }
 .vhcm .vhcm-voucher-block .vhcm-voucher-visual { order:2; flex-basis:100%; max-width:100%; }
 .vhcm .vhcm-voucher-block .vhcm-voucher-title h2 { font-size:34px; }
 .vhcm .vhcm-voucher-block .vhcm-voucher-poster { max-width:620px; margin-right:auto; margin-left:auto; }
}
@media(max-width:549px) {
 .vhcm .vhcm-voucher-block .vhcm-voucher-overline p { font-size:14px; letter-spacing:0; margin-bottom:10px; }
 .vhcm .vhcm-voucher-block .vhcm-voucher-title h2 { font-size:29px; margin-bottom:15px; }
 .vhcm .vhcm-voucher-block .vhcm-voucher-emphasis h3 { font-size:18px; }
 .vhcm .vhcm-voucher-block .vhcm-voucher-benefits li,
 .vhcm .vhcm-voucher-block .vhcm-voucher-benefits p { font-size:15px; }
 .vhcm .vhcm-voucher-block .vhcm-button { width:100%; min-height:52px; padding:13px 14px; font-size:14px; }
 .vhcm .vhcm-voucher-block .vhcm-voucher-condition p { font-size:14px; }
 .vhcm .vhcm-voucher-block .vhcm-voucher-steps .col { padding-bottom:12px; }
}