.shopper-plus-logo{width:260.8px;max-width:80%;height:auto;display:block;margin:30px auto;}
#login .shopper-plus-login-logo{width:180px;max-width:100%;height:auto;vertical-align:middle;}
#main #sec-plus,#subpage-plus .sec_box{background:#fff url('/img/plus-coupon-banner.png') no-repeat bottom right / 58%;}
.retained-coupon-link{display:block;width:100%;padding:20px;border-radius:12px;background:#333;color:#fff;}
#subpage-plus .color-point{color:#9ae65d;}
#subpage-plus .deco_icon{background:#1e1e1e url('/img/subpage-plus-icon.svg') no-repeat center / 30px;}
#subpage-plus .coupon-description{font-size:16px;line-height:1.9;}
.coupon-download{width:100%;min-height:180px;padding:35px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;border-radius:12px;border:1px dashed #626262;background:#fff;color:#333;line-height:1.7;cursor:pointer;}
.coupon-download:disabled{opacity:.7;cursor:wait;}
.coupon-download>span:last-child{white-space:pre-line;}
.coupon-barcode{padding:8px 12px;box-sizing:content-box;max-width:calc(100% - 24px);}
.coupon-download .coupon-plus{font-size:26px;line-height:28px;width:28px;height:28px;border-radius:50%;background:#333;color:#fff;}
.coupon-card{display:block;margin-top:20px;color:#111;}
.coupon-card-body{padding:20px;display:flex;align-items:center;gap:14px;border-radius:12px;background:#fff;}
.coupon-brand{width:46px;height:46px;flex-shrink:0;border-radius:8px;}
.coupon-card-date{padding:20px;border-radius:12px;background:#ededed;color:#777;margin-top:2px;font-size:14px;}
.coupon-state{font-size:12px;margin-left:auto;white-space:nowrap;color:#777;}
.coupon-card-status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:8px;}
.coupon-card-status .coupon-state{margin-left:0;}
.coupon-balance{font-size:13px;color:#333;}
.coupon-detail-balance{font-size:18px;font-weight:700;margin-top:10px;}
.coupon-state--used{color:#3373af;}
.coupon-state--canceled{color:#ba3838;}
.coupon-detail .coupon-state--used{color:#89bdf4;}
.coupon-detail .coupon-state--canceled{color:#ffadad;}
#coupon-issue-area[hidden]{display:none;}
.coupon-card.is-unavailable{opacity:.65;}
.coupon-status{font-size:14px;line-height:1.7;margin:16px 0;}
.coupon-status.error{color:#ffb4b4;}
.coupon-detail{text-align:center;}
.coupon-detail .coupon-brand{margin:0 auto 16px;}
.coupon-barcode{display:block;width:100%;max-width:300px;height:100px;margin:15px auto;background:white;}
.coupon-number{font-size:14px;letter-spacing:1px;word-break:break-all;}
.coupon-enlarge{display:inline-block;padding:8px 16px;margin-top:12px;background:#000;border-radius:30px;color:#fff;}
.coupon-guide{text-align:left;line-height:1.8;font-size:14px;white-space:pre-line;}
.coupon-dialog{position:fixed;z-index:1000;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:20px;}
.coupon-dialog[hidden]{display:none;}
.coupon-dialog-box{position:relative;width:100%;max-width:360px;background:#fff;color:#111;border-radius:10px;padding:35px 20px;text-align:center;}
.coupon-dialog .coupon-barcode{height:150px;}
.coupon-dialog-close{position:absolute;right:8px;top:5px;border:0;background:none;color:#111;font-size:24px;padding:5px 10px;}
.coupon-empty{padding:25px 0;color:#ccc;font-size:14px;line-height:1.8;}
.coupon-section-title{font-size:18px;font-weight:700;margin:35px 0 15px;}
.coupon-safe-link{color:#a5dcff;text-decoration:underline;}
.coupon-notice{padding:15px;background:#252525;border-radius:8px;line-height:1.7;font-size:14px;}
@media(min-width:768px){.coupon-dialog{max-width:var(--mobile-width);margin:auto;}}