/* Reward cards in the Shop product grid: product-sized, never cart products. */
#productGrid>.reward-shop-card-v988{
  background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:12px;
  overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);
  transition:transform .15s,box-shadow .15s;min-width:0;display:flex;flex-direction:column;
}
#productGrid>.reward-shop-card-v988:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}
#productGrid>.reward-shop-card-v988>.cover{width:100%;aspect-ratio:1/1;position:relative;background:#f2f6fa;overflow:hidden}
#productGrid>.reward-shop-card-v988>.cover img{width:100%;height:100%;object-fit:cover;display:block}
#productGrid>.reward-shop-card-v988>.body{padding:10px;flex:1;display:flex;flex-direction:column;min-width:0}
#productGrid>.reward-shop-card-v988 .name{font-size:13px;line-height:1.45;height:38px;overflow:hidden}
#productGrid>.reward-shop-card-v988 .price{display:flex;align-items:baseline;min-height:27px;gap:6px;margin:8px 0}
#productGrid>.reward-shop-card-v988 .sale{font-size:18px;font-weight:900;color:var(--orange,#2681e7);overflow-wrap:anywhere}
#productGrid>.reward-shop-card-v988 .tag{position:absolute;left:7px;top:7px;background:var(--orange,#2681e7);color:white;font-size:11px;border-radius:99px;padding:3px 7px;font-weight:800}
/* V989: independent reward-only badge — the shared promo badge sets top/right,
 * so adding bottom/left without resetting those stretches it over the whole cover. */
#productGrid>.reward-shop-card-v988 .reward-shop-promotion-v989{
  position:absolute;z-index:5;top:auto;right:auto;bottom:7px;left:7px;
  display:inline-flex;align-items:center;justify-content:center;
  width:max-content;height:auto;min-width:0;min-height:0;
  max-width:calc(100% - 14px);max-height:32px;
  margin:0;padding:4px 9px;border:0;border-radius:8px;
  background:linear-gradient(135deg,#fb6041,#ed4949);color:#fff;
  font-size:10px;font-weight:800;line-height:1.15;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  box-shadow:0 3px 9px rgba(237,73,73,.20);pointer-events:none;
}
#productGrid>.reward-shop-card-v988 .reward-shop-detail-v988{border:0;background:none;padding:3px 0;text-align:left;align-self:flex-start;cursor:pointer;color:var(--orange,#2681e7);font-weight:600;font-size:11px;min-height:26px}
#productGrid>.reward-shop-card-v988 .reward-shop-note-v988{font-size:10px;color:#64748b;margin-bottom:7px;line-height:1.4}
#productGrid>.reward-shop-card-v988 .reward-shop-actions-v988{margin-top:auto;display:flex}
#productGrid>.reward-shop-card-v988 .reward-shop-actions-v988 .btn{flex:1;min-width:0;min-height:32px;line-height:1.2;white-space:normal}
#productGrid>.reward-shop-card-v988 .reward-shop-actions-v988 .btn:disabled{opacity:.5;cursor:not-allowed}
#productGrid>.reward-shop-card-v988 .reward-shop-expiry-v988{padding:5px 9px 0;font-size:10px;color:#64748b}
#productGrid>.reward-shop-card-v988 .reward-shop-placeholder-v988{display:grid;height:100%;place-items:center;font-size:38px}
@media(max-width:760px){
  body.webshop-v724 #productGrid>.reward-shop-card-v988{border-radius:14px!important}
  body.webshop-v724 #productGrid>.reward-shop-card-v988>.cover{aspect-ratio:1.12/1!important}
  body.webshop-v724 #productGrid>.reward-shop-card-v988>.cover>img{padding:3px!important;object-fit:contain!important}
  body.webshop-v724 #productGrid>.reward-shop-card-v988 .tag{top:5px!important;left:5px!important;min-height:18px!important;padding:3px 5px!important;font-size:7.6px!important}
  body.webshop-v724 #productGrid>.reward-shop-card-v988>.body{padding:7px!important}
  body.webshop-v724 #productGrid>.reward-shop-card-v988 .name{height:29px!important;font-size:10.2px!important;line-height:1.38!important}
  body.webshop-v724 #productGrid>.reward-shop-card-v988 .price{margin:4px 0!important;min-height:22px}
  body.webshop-v724 #productGrid>.reward-shop-card-v988 .sale{font-size:14px!important}
  body.webshop-v724 #productGrid>.reward-shop-card-v988 .reward-shop-detail-v988{font-size:8.6px;min-height:24px}
  body.webshop-v724 #productGrid>.reward-shop-card-v988 .reward-shop-note-v988{font-size:8.4px}
  body.webshop-v724 #productGrid>.reward-shop-card-v988 .reward-shop-actions-v988 .btn{min-height:28px!important;padding:5px 4px!important;border-radius:9px!important;font-size:8.3px!important}
  body.webshop-v724 #productGrid>.reward-shop-card-v988 .reward-shop-expiry-v988{font-size:8px}
}

@media(max-width:760px){
  #productGrid>.reward-shop-card-v988 .reward-shop-promotion-v989{
    bottom:5px;left:5px;max-width:calc(100% - 10px);padding:3px 6px;
    font-size:8px;max-height:24px;border-radius:6px;
  }
}

/* V991: paid items stay above a distinct, full-width reward heading. */
#productGrid>.reward-shop-heading-v991{grid-column:1/-1;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;border-top:1px solid #d9e5f4;margin-top:12px;padding:16px 2px 7px;color:#20334e}
#productGrid>.reward-shop-heading-v991 strong{font-size:15px;line-height:1.3;font-weight:800}
#productGrid>.reward-shop-heading-v991 small{color:#64748b;font-size:11px}
@media(max-width:760px){#productGrid>.reward-shop-heading-v991{padding-top:12px;margin-top:7px}#productGrid>.reward-shop-heading-v991 strong{font-size:13px}}
