/* APACUP V53: voucher cleanup + desktop 3-card layout + clearer compare-price line */

/* Checkout voucher choices: hide audience labels, mask leftover text printed on artwork */
#voucherOptions .voucher-option .voucher-audience{display:none!important}
#voucherOptions .voucher-option .voucher-visual{position:relative!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important}
#voucherOptions .voucher-option .voucher-visual img{width:100%!important;height:100%!important;object-fit:fill!important;display:block!important}
#voucherOptions .voucher-option .voucher-visual::before,
#voucherOptions .voucher-option .voucher-visual::after{content:"";position:absolute;pointer-events:none;z-index:3;background:var(--paper,#fffdf9)}
/* remove top-left audience tag printed inside voucher artwork */
#voucherOptions .voucher-option .voucher-visual::before{left:3.2%;top:4.6%;width:24%;height:12.8%;border-radius:6px;border:1px solid rgba(220,206,196,.55)}
/* remove tiny leftover text row near the bottom of voucher artwork */
#voucherOptions .voucher-option .voucher-visual::after{left:31%;right:1.2%;bottom:0;height:13.8%;border-top:1px solid rgba(234,220,230,.82)}

/* Make old price line visible in checkout item rows */
.order-item .item-price{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:3px!important}
.order-item .item-price del{display:block!important;color:#938279!important;text-decoration:line-through!important;text-decoration-color:#b35a96!important;font:400 10.5px/1.1 "Times New Roman",serif!important;white-space:nowrap!important}
.order-item .item-price strong{display:block!important;color:#b532a5!important;font:700 13px/1.15 "Times New Roman",serif!important;white-space:nowrap!important}

/* Desktop: order-step1 voucher picker must show 3 desktop cards, not mobile rail */
@media (min-width: 900px){
  #voucherOptions.voucher-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;scroll-snap-type:none!important;gap:12px!important;padding:2px 0 10px!important}
  #voucherOptions .voucher-option{flex:none!important;min-width:0!important;width:100%!important;height:auto!important;aspect-ratio:2.46!important;scroll-snap-align:none!important}
}

/* Desktop on ưu đãi / trang chủ: three vouchers side by side */
@media (min-width: 900px){
  .ap-v20-offers .ap-v20-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}
  .ap-v20-offers .ap-v20-card{width:100%!important;max-width:none!important}
}