/* Original Pinco title/button components; neutral cards and one gold accent. */
.pg-rewards { display:block; min-width:0; width:100%; margin:0 0 24px; color:var(--color-txt-icon-1); font-family:inherit; }
.pg-rewards *, .pg-rewards *::before, .pg-rewards *::after { box-sizing:border-box; }
.pg-rewards .pg-rewards__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:8px 0 0; padding:0; }
.pg-rewards .pg-rewards__card { display:flex; flex-direction:column; min-width:0; margin:0; padding:20px 16px 16px; border:1px solid #ffffff0d; border-radius:8px; background:var(--color-bg-4); transition:border-color .2s ease; }
.pg-rewards .pg-rewards__card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.pg-rewards .pg-rewards__tag { color:var(--color-txt-icon-2); font-size:11px; line-height:1.4; font-weight:500; }
.pg-rewards .pg-rewards__index { color:var(--color-txt-icon-3); font-size:12px; font-variant-numeric:tabular-nums; }
.pg-rewards .pg-rewards__art { display:grid; place-items:center; position:relative; height:128px; margin:8px 0; color:var(--color-brand-secondary); }
.pg-rewards .pg-rewards__art::before { content:""; position:absolute; width:128px; height:96px; border-radius:50%; background:radial-gradient(ellipse,#e9c05f12,transparent 70%); }
.pg-rewards .pg-rewards__sigil { position:relative; display:grid; place-items:center; width:80px; height:80px; transition:transform .2s ease; }
.pg-rewards .pg-rewards__sigil > svg { display:block; width:76px; height:76px; }
.pg-rewards .pg-rewards__card-body { flex:1 0 auto; margin:0 0 20px; }
.pg-rewards h3 { margin:0 0 10px; padding:0; color:var(--color-txt-icon-1); font-size:18px; line-height:1.3; font-weight:500; }
.pg-rewards .pg-rewards__card-body > p { margin:0; padding:0; color:var(--color-txt-icon-2); font-size:14px; line-height:1.55; }
.pg-rewards .pg-rewards__action { justify-content:center; gap:8px; width:100%; min-height:44px; white-space:normal; text-align:center; }
.pg-rewards .pg-rewards__arrow { font-size:18px; line-height:1; }
.pg-rewards .pg-rewards__browse-row { display:flex; justify-content:center; margin:24px 0 0; }
.pg-rewards .pg-rewards__browse { min-height:44px; justify-content:center; }
.pg-rewards .pg-rewards__footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; padding:20px 0 0; margin:0; }
.pg-rewards .pg-rewards__note { display:flex; align-items:center; gap:8px; color:var(--color-txt-icon-2); font-size:12px; line-height:1.5; }
.pg-rewards .pg-rewards__note > svg { flex:0 0 18px; color:var(--color-brand-secondary); }
.pg-rewards .pg-rewards__safer { display:inline-flex; align-items:center; gap:8px; color:var(--color-txt-icon-2); font-size:12px; line-height:1.5; text-decoration:none; }
.pg-rewards .pg-rewards__safer > span:first-child { display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:24px; border:1px solid #ffffff26; border-radius:4px; font-size:10px; font-weight:500; }
.pg-rewards :is(button,a):focus-visible { outline:2px solid var(--color-brand-secondary); outline-offset:4px; }
.pg-rewards .pg-rewards__card:focus-within { border-color:#e9c05f55; }
@media (hover:hover) {
  .pg-rewards .pg-rewards__card:hover { border-color:#e9c05f55; }
  .pg-rewards .pg-rewards__safer:hover { color:var(--color-brand-secondary); }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) { .pg-rewards .pg-rewards__card:hover .pg-rewards__sigil { transform:translateY(-3px); } }
@media (max-width:1100px) { .pg-rewards .pg-rewards__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) {
  .pg-rewards .pg-rewards__grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  .pg-rewards .pg-rewards__art { height:112px; }
  .pg-rewards .pg-rewards__footer { align-items:flex-start; flex-direction:column; gap:12px; }
}