.membership-wrappers .card{background:#fff;border-radius:12px;padding:20px;margin-top:18px;box-shadow:0 6px 16px rgba(0,0,0,.08)}
.membership-wrappers .price{font-size:32px;font-weight:bold;margin:10px 0}
.membership-wrappers .row{display:flex;justify-content:space-between;align-items:center;margin:18px 0;gap:12px}
.membership-wrappers .note{background:#f9f9f9;border:1px solid #ddd;padding:12px;border-radius:8px;margin:10px 0 14px;font-size:14px;line-height:1.35}

.membership-wrappers .banner{border-radius:10px;padding:12px 12px;margin:12px 0 14px;font-size:14px;line-height:1.35}
.membership-wrappers .banner strong{font-weight:700}
.membership-wrappers .banner.error{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d}
.membership-wrappers .banner.warn{background:#fffbeb;border:1px solid #fde68a;color:#78350f}

.membership-wrappers .pill{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid #ddd}
.membership-wrappers .active{background:#f0fdf4;border-color:#bbf7d0}
.membership-wrappers .inactive{background:#f3f4f6;border-color:#e5e7eb}
.membership-wrappers .issue{background:#fff7ed;border-color:#fed7aa}

.membership-wrappers button{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:bold}
.membership-wrappers .primary{background:#2563eb;color:white}
.membership-wrappers .secondary{background:white;border:1px solid #ccc}

.membership-wrappers .switch{position:relative;width:50px;height:26px}
.membership-wrappers .switch input{display:none}
.membership-wrappers .slider{position:absolute;inset:0;background:#ccc;border-radius:20px}
.membership-wrappers .slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}
.membership-wrappers input:checked + .slider{background:#22c55e}
.membership-wrappers input:checked + .slider:before{transform:translateX(24px)}

.membership-wrappers small{color:#666}