.pr-wrap{max-width:1100px;margin:0 auto;padding:48px 24px 80px}

.pr-hero{text-align:center;max-width:620px;margin:0 auto 44px}
.pr-title{font-size:clamp(34px,5vw,52px);margin:0 0 12px}
.pr-title em{font-style:italic;background:linear-gradient(100deg,#F7459B,#8B3FE8);-webkit-background-clip:text;background-clip:text;color:transparent}
.pr-sub{color:#5b5054;font-size:17px;margin:0 0 24px}
.pr-balance{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(100deg,#F7459B,#8B3FE8);
  color:#fff;padding:10px 20px;border-radius:999px;font-size:14px;box-shadow:0 12px 28px -14px rgba(199,50,140,.6)}
.pr-balance b{font-size:16px}

/* 4 cards in a row on desktop */
.pr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch}

.pr-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  background:#fff;border:2px solid #f0e4ea;border-radius:24px;padding:32px 22px;cursor:pointer;
  font-family:inherit;transition:transform .18s,box-shadow .18s,border-color .18s}
.pr-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -22px rgba(140,40,120,.45)}
.pr-card.selected{border-color:#E8589A;box-shadow:0 24px 48px -22px rgba(199,50,140,.55)}

.pr-card.popular{border-color:#E8589A;transform:scale(1.04)}
.pr-card.popular:hover{transform:scale(1.04) translateY(-6px)}
.pr-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:linear-gradient(100deg,#F7459B,#8B3FE8);color:#fff;font-size:12px;font-weight:700;
  padding:5px 16px;border-radius:999px;white-space:nowrap}

.pr-card-name{font-weight:700;font-size:18px;color:#5b5054;margin-bottom:14px}
.pr-card-price{font-family:'Fraunces',serif;font-size:46px;font-weight:600;color:#1c1418;line-height:1}
.pr-card-price .cur{font-size:22px;vertical-align:super;margin-right:2px}
.pr-perlook{font-size:13px;color:#b3a39c;margin-top:6px}

.pr-credits{display:inline-flex;align-items:center;gap:7px;margin:18px 0;padding:8px 16px;
  background:#f6eef9;border-radius:999px;font-weight:700;font-size:14px;color:#6C2BD9}

.pr-features{list-style:none;padding:0;margin:0 0 22px;width:100%}
.pr-features li{font-size:14px;color:#5b5054;padding:7px 0;border-top:1px solid #f4ebf0}
.pr-features li:first-child{border-top:none;color:#1c1418;font-weight:600}

.pr-choose{margin-top:auto;width:100%;padding:13px;border-radius:999px;font-weight:700;font-size:15px;
  background:#f6eef4;color:#1c1418;transition:background .15s,color .15s}
.pr-card:hover .pr-choose,.pr-card.selected .pr-choose,.pr-card.popular .pr-choose{
  background:linear-gradient(100deg,#F7459B,#8B3FE8);color:#fff}

.pr-foot{text-align:center;color:#8a7d83;font-size:14px;margin-top:36px}

/* responsive */
@media(max-width:900px){
  .pr-grid{grid-template-columns:repeat(2,1fr)}
  .pr-card.popular{transform:none}
  .pr-card.popular:hover{transform:translateY(-6px)}
}
@media(max-width:520px){
  .pr-grid{grid-template-columns:1fr}
}