/* Ăn Chơi Hải Phòng – giao diện coupon & điểm */
.achp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin:18px 0}

.achp-pts{display:inline-flex;align-items:center;gap:7px;background:#123C46;color:#fff;
  padding:7px 14px;border-radius:999px;font-size:14px;font-weight:600;line-height:1}
.achp-pts--guest{background:transparent;color:#123C46}
.achp-pts--guest a{color:inherit;text-decoration:underline}
.achp-coin{width:20px;height:20px;border-radius:50%;background:#F2C14E;color:#5a4410;
  display:inline-grid;place-items:center;font-size:12px;font-weight:800}
.achp-balance{font-variant-numeric:tabular-nums}

/* Coupon */
.achp-coupon{background:#fff;border:1px solid #F1D8D0;border-radius:14px;padding:18px;
  display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 30px -24px rgba(224,56,43,.5)}
.achp-coupon__top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.achp-coupon__brand{font-size:13px;font-weight:600;color:#71726E}
.achp-coupon__gain{font-size:13px;font-weight:700;color:#123C46}
.achp-coupon__title{font-size:17px;font-weight:600;margin:0;line-height:1.3;color:#16181D}
.achp-coupon__sub{font-size:13.5px;color:#71726E;margin:0}
.achp-coupon__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px}
.achp-exp{font-size:12.5px;color:#a08a82}

/* Quà */
.achp-reward{background:#fff;border:1px solid #D6E8E3;border-radius:14px;padding:18px;
  display:flex;flex-direction:column;gap:10px}
.achp-reward__title{font-size:17px;font-weight:600;margin:0;color:#16181D}
.achp-reward__sub{font-size:13.5px;color:#71726E;margin:0}
.achp-reward__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px}
.achp-cost{font-size:15px;font-weight:700;color:#B62A20}

/* Nút */
.achp-collect,.achp-redeem{font:inherit;font-weight:600;font-size:13.5px;color:#fff;
  background:#E0382B;border:none;border-radius:999px;padding:9px 16px;cursor:pointer;
  transition:background .18s,transform .12s}
.achp-collect:hover,.achp-redeem:hover{background:#B62A20}
.achp-collect:active,.achp-redeem:active{transform:translateY(1px)}
.achp-collect.done,.achp-collect:disabled,.achp-redeem:disabled{background:#2e7d5b;cursor:default}
.achp-redeem{background:#123C46}
.achp-redeem:hover{background:#0c2c34}
.achp-redeem:disabled{background:#9aa7a4}

/* Danh sách & bảng */
.achp-list{list-style:none;margin:16px 0;padding:0;display:grid;gap:8px}
.achp-list li{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;
  background:#fff;border:1px solid #E9E5DD;border-radius:10px}
.achp-tag{font-size:12.5px;color:#71726E}
.achp-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.achp-table th,.achp-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #E9E5DD}
.achp-table th{font-weight:600;color:#71726E}
.achp-table .plus{color:#2e7d5b;font-weight:600}
.achp-table .minus{color:#B62A20;font-weight:600}
.achp-empty{color:#71726E;font-style:italic}

/* Toast */
.achp-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);
  background:#16181D;color:#fff;padding:13px 20px;border-radius:999px;font-size:14px;
  font-weight:500;opacity:0;pointer-events:none;transition:all .28s ease;z-index:9999;
  box-shadow:0 14px 40px -16px rgba(0,0,0,.5)}
.achp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (prefers-reduced-motion: reduce){
  .achp-collect,.achp-redeem,.achp-toast{transition:none}
}