/* Membership section: standing benefits, the current offer, and plan-card
   additions. Used on the homepage and every club page. */

/* Benefits: what every membership includes (rarely changes) */
.mb-benefits{margin-top:6px}
.mb-lead{font-size:16.5px;font-weight:300;color:#3d4654;line-height:1.7;margin:0 0 16px}
.mb-lead b{font-weight:600;color:var(--navy,#0C2340)}
.mb-perks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.mb-perks li{font-size:14px;line-height:1.3;color:var(--navy,#0C2340);background:var(--off,#F7F6F3);
  border:1px solid var(--line,#e3e1dc);border-radius:999px;padding:9px 16px}
.mem-head .mb-perks{justify-content:center;max-width:900px;margin:0 auto}

/* Offer: the part that changes month to month */
.mb-offer{border:1.5px solid var(--gold,#C6893F);border-radius:18px;background:#fff;
  padding:22px 28px;margin:28px 0 40px;max-width:640px}
.mem .mb-offer{text-align:center;margin:-14px auto 44px}
.mb-offer-k{display:block;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold,#C6893F);margin-bottom:8px}
.mb-offer-h{font-family:'Post Grotesk',-apple-system,Helvetica,Arial,sans-serif;font-size:clamp(22px,2.6vw,30px);
  line-height:1.15;color:var(--navy,#0C2340)}
.mb-offer-f{font-size:13px;line-height:1.55;color:#6b7380;margin:10px 0 0}

/* Plan cards: enrollment line under the price, buttons aligned along a row */
.mcardx{display:flex;flex-direction:column}
.mcardx .mx-ul{flex:1}
.mx-fee{font-size:13px;font-weight:600;color:var(--navy,#0C2340);margin:-12px 0 20px}
.mcardx.feat .mx-fee{color:#fff}

@media (max-width:640px){
  .mb-perks li{font-size:13px;padding:8px 13px}
  .mb-offer{padding:18px 20px}
}