/* 멤버십 서명 장면 「등급과 잠금」 + 설정↔손님 화면 (feature-sig-gate.php · feature-surface-membership.php). 틀(feature-detail.css)의 win·chip·phone·swap 부품을 그대로 쓴다. */
.fx-sm-grade{display:inline-grid;justify-items:start}
.fx-sm-tiers{margin:14px 0 0;padding:0;list-style:none}
.fx-sm-tier{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:8px;border-bottom:1px solid var(--fx-edge-paper);font-size:16px;font-weight:700;transition:background-color .3s var(--fx-ease-std)}
.fx-sm-tier__t{display:grid;gap:2px}
.fx-sm-tier__t small{font-size:14px;font-weight:500;color:var(--fx-k3);font-variant-numeric:tabular-nums}
.fx-sm-tier--pick{background:rgba(200,240,90,.3)}
.fm-armed .fx-sm-tier--pick:not(.is-on){background:transparent}
.fx-sm-li.fm-slide .fm-slide__in{min-height:0}
.fx-sm-note{display:flex;align-items:center;gap:8px;min-height:48px;padding-top:10px;font-size:15px;font-weight:600}
.fx-sm-scr{align-content:start}
.fx-sm-who{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:14px;color:var(--fx-k2)}
.fx-sm-flip{align-self:start}
.fx-sm-lock,.fx-sm-open{display:grid;gap:8px;align-content:start;padding:14px;border-radius:14px;background:var(--fx-paper-2);font-size:14px;color:var(--fx-k2)}
.fx-sm-lock{justify-items:center;text-align:center}
.fx-sm-lock b{color:#111113}
.fx-sm-post__t{font-size:16px;color:#111113}
.fx-sm-open .fx-sm-post__t{display:block}
.fx-sm-open p{line-height:1.6;color:var(--fx-k2)}
.fx-sm-blur{display:grid;gap:6px;width:100%}
.fx-sm-blur i{display:block;height:10px;border-radius:5px;background:#cfcfc8;filter:blur(2px)}
.fx-sm-lock .fx-feat-pay{width:100%}

/* 설정 ↔ 손님 화면 (멤버십) */
.fx-sm-pv__post{display:grid;gap:8px;padding:14px;border-radius:12px;background:var(--fx-paper-2);font-size:15px;color:var(--fx-k2)}
.fx-sm-pv__post p{line-height:1.6}
.fx-sm-pv__lock{display:grid;justify-items:center;gap:8px;text-align:center}
.fx-sm-pv__lock b{color:#111113}
.fx-sm-pv__btns{display:flex;gap:8px;width:100%}
.fx-sm-pv__btns .fx-feat-pv__btn{min-height:44px}
.fx-sm-pv__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;margin-top:12px;padding-top:12px;border-top:1px solid var(--fx-edge-paper)}
.fx-sm-pv__ev{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:12px;border-radius:12px;box-shadow:inset 0 0 0 1px #cfcfc8;font-size:15px;font-weight:600}
.fx-sm-pv__evb{flex:0 0 120px}
.fx-sm-pv__ev small{display:block;font-size:13px;font-weight:500;color:var(--fx-k3)}
[data-fx-surf]:not(.is-lock) [data-when="lock"],[data-fx-surf].is-lock [data-unless="lock"],
[data-fx-surf]:not(.is-badge) [data-when="badge"],[data-fx-surf].is-badge [data-unless="badge"],
[data-fx-surf]:not(.is-event) [data-when="event"],[data-fx-surf].is-event [data-unless="event"]{display:none}

@media (max-width:767px){
  .fx-sm .fx-feat-phone{margin:20px auto 0}
  .fx-sm-tier{min-height:64px}
}
@media (prefers-reduced-motion:reduce){
  .fx-sm-tier{transition:none}
}