/* --- Pricing cards: improved feature list design --- */
.pricing-card{border-radius:16px}
.pricing-card .price-text{
  font-weight:600; letter-spacing:.2px; color:#1e293b;
  margin:4px 0 8px;               /* space from slogan & QR */
}

/* QR frame */
.qr-frame{
  background:#f8fafc; border-radius:14px; padding:14px;
  box-shadow:inset 0 0 0 1px rgba(2,6,23,.06);
}

/* tiny caption under QR */
.hint{color:#607d8b; font-size:.9rem}

/* bullets */
.plan-bullets{list-style:none; margin:.75rem 0 0; padding:0}
.plan-bullets li{
  position:relative; padding:.45rem 0 .45rem 1.6rem;
  line-height:1.35; color:#37474f;
  border-bottom:1px dashed rgba(2,6,23,.06);
}
.plan-bullets li:last-child{border-bottom:none}
.plan-bullets li strong{color:#263238}
.plan-bullets li em{font-style:normal; font-weight:600}
/* force bullet text left-aligned even inside centered cards */
.pricing-card .plan-bullets, .pricing-card .plan-bullets li{ text-align:left !important; }
/* Material Icons check bullet */
.plan-bullets li:before{
  content:'check_circle'; font-family:'Material Icons';
  position:absolute; left:0; top:.15rem; font-size:18px; color:#26a69a;
}
/* collapse long lists: show first 4 */
.plan-bullets[data-collapsed="true"] li:nth-child(n+5){display:none}

/* Show more link aligned with bullets */
.show-more{
  margin:.4rem 0 0 1.6rem;        /* lines up with bullet text */
  font-weight:600; color:#1565c0; text-transform:uppercase; letter-spacing:.5px;
}
.show-more:hover{color:#0d47a1}

/* grid: rely on Materialize gutters; don't add extra gap */
.pricing-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:0}
.pricing-grid>.col{display:flex}
.pricing-grid>.col>.pricing-card,
.pricing-grid>.col>.card{display:flex;flex-direction:column;width:100%}

/* card content: consistent padding so slogan & price don't hug edges */
.pricing-card .card-content{
  padding:18px 20px 14px;         /* explicit padding; overrides any global resets */
  flex:1; display:flex; flex-direction:column;
}

/* keep card actions aligned at bottom */
.pricing-card .card-action{margin-top:0}

/* optional: keep collapsed cards same height at md+ screens */
@media (min-width:900px){
  .pricing-card .card-content{min-height:460px}
}

/* slogans (pills above price) */
.plan-slogan{
  font-size:.8rem; font-weight:700; letter-spacing:.5px; text-transform:uppercase;
  display:inline-block; line-height:1; padding:.28rem .7rem; border-radius:999px;
  margin:0 0 8px 2px;             /* tiny inset from top-left corner */
}
.plan-slogan.hybrid{background:#e8f5e9;color:#1b5e20}
.plan-slogan.self{background:#e3f2fd;color:#0d47a1}
.plan-slogan.value{background:#fff8e1;color:#e65100}



/* Slogan pill only (no other style changes) */
.plan-slogan{
  font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  display:inline-block;line-height:1;padding:.28rem .7rem;border-radius:999px;margin:0 0 8px 2px;
}
.plan-slogan.hybrid{background:#e8f5e9;color:#1b5e20; padding: 10px 0px;}
.plan-slogan.self{background:#e3f2fd;color:#0d47a1; padding: 10px 0px;}
.plan-slogan.value{background:#fff8e1;color:#e65100; padding: 10px 0px;}