:root { --pf-gold: #b98a3e; --pf-gold2: #e0c88f; }
/* Botons compartits (panell d'usuari i botiga pública): vermell vi amb vora daurada */
.btn-primary, .btn-danger, .btn-success {
  position: relative; border-radius: 2px;
  background: linear-gradient(180deg, #6e1424 0%, #4a0b17 55%, #3a0812 100%);
  border: 1px solid var(--pf-gold);
  color: var(--pf-gold2); text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
  box-shadow: inset 0 1px 0 rgba(255, 220, 160, .18), inset 0 0 0 3px rgba(10, 6, 4, .55), 0 4px 14px rgba(0, 0, 0, .5);
  letter-spacing: .14em;
}
.btn-primary:hover:not(:disabled), .btn-danger:hover:not(:disabled), .btn-success:hover:not(:disabled) {
  background: linear-gradient(180deg, #8a1a30 0%, #5e0f1e 55%, #4a0b17 100%);
  color: var(--white); border-color: var(--pf-gold2);
  box-shadow: inset 0 1px 0 rgba(255, 220, 160, .3), inset 0 0 0 3px rgba(10, 6, 4, .45), 0 0 18px rgba(138, 16, 32, .55);
}
.btn-primary:active:not(:disabled) { transform: translateY(1px); }
.btn-gold { border-color: var(--pf-gold); color: var(--pf-gold2); background: rgba(185, 138, 62, .06); box-shadow: inset 0 0 0 3px rgba(10, 6, 4, .5); }
.btn-gold:hover { background: rgba(185, 138, 62, .16); color: var(--white); }
.btn-ghost { border-color: rgba(185, 138, 62, .4); color: var(--text2); box-shadow: inset 0 0 0 3px rgba(10, 6, 4, .4); }
.btn-ghost:hover { border-color: var(--pf-gold2); color: var(--white); background: rgba(185, 138, 62, .08); }
.btn-primary.btn-sm { width: auto; padding: 8px 20px; }

/* Targetes d'entrada (botiga pública i panell): mateix aspecte que els plans de /society */
.plan-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.plan-card { display: flex; flex-direction: column; padding: 16px; background: rgba(15, 11, 7, .85); border: 1px solid rgba(232, 211, 173, .16); }
.plan-card-access { border-color: rgba(155, 28, 28, .6); }
.plan-card-vip { border-color: rgba(201, 168, 76, .65); }
.plan-card-img { height: 120px; background-size: cover; background-position: center; border: 1px solid rgba(232, 211, 173, .16); margin-bottom: 12px; }
.plan-card-name { font-family: 'Cinzel', serif; text-transform: uppercase; letter-spacing: .1em; font-size: 1.05rem; color: #e8d3ad; text-align: center; margin: 0 0 2px; }
.plan-card-tag { font-family: 'Cinzel', serif; text-transform: uppercase; letter-spacing: .14em; font-size: .62rem; color: var(--text-dim); text-align: center; margin-bottom: 8px; }
.plan-card-price { font-family: 'Cinzel', serif; font-size: 1.7rem; color: #e8d3ad; text-align: center; margin: 6px 0 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(155, 28, 28, .6); }
.plan-card-vip .plan-card-price { border-bottom-color: rgba(201, 168, 76, .65); }
.plan-card-feats { list-style: none; margin: 0 0 14px; padding: 0; flex: 1; }
.plan-card-feats li { position: relative; padding: 3px 0 3px 22px; font-size: .88rem; line-height: 1.35; color: var(--text2); }
.plan-card-feats li::before { content: '\2713'; position: absolute; left: 0; color: #c42a2a; }
.plan-card-vip .plan-card-feats li::before { color: #d4aa1a; }
.plan-card .plan-card-btn { width: 100%; }