
/* VIP cards remain readable on narrow mobile screens. */
.vip-content-myWelfare,.vip-content-weal{min-width:0;max-width:100%;box-sizing:border-box}
.vip-content-myWelfare-con{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.vip-content-myWelfare-con .cards{width:auto!important;min-width:0!important;margin:0!important;display:flex;flex-direction:column}
.vip-content-myWelfare-con .card{min-width:0;overflow:hidden;flex:1}
.vip-content-myWelfare-con .card-head{position:relative;overflow:hidden}
.vip-content-myWelfare-con .card-head>img{display:block;width:100%!important;max-width:100%;height:auto!important}
.vip-content-myWelfare-con .card-bottom{padding:12px!important;min-width:0}
.vip-content-myWelfare-con .card-bottom h1{font-size:14px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere}
.vip-content-myWelfare-con .card-bottom span{display:block;font-size:12px!important;line-height:1.45!important;white-space:normal!important}
.vip-content-myWelfare-con .cards>button{width:100%!important;min-height:42px;height:auto!important;padding:10px 5px!important;margin:10px 0 0!important;box-sizing:border-box;font-size:15px!important}
.vip-content-myWelfare-con .noActive{opacity:.55;cursor:default}
@media(max-width:340px){.vip-content-myWelfare-con{gap:8px!important}.vip-content-myWelfare-con .card-bottom{padding:9px!important}}
