/* 판매 종료 · 이전 안내 화면 */
.wm-closed { max-width: 960px; margin: 0 auto; padding: 40px 16px 72px; display: flex; flex-direction: column; gap: 28px; }
.wm-closed-hero { padding: clamp(24px, 5vw, 36px); border-radius: var(--wm-radius-lg); background: var(--wm-nav-bg); color: #fff; }
.wm-closed-badge { display: inline-block; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,0.14); color: #fff; font-size: 13px; font-weight: 700; margin-bottom: 14px; }
.wm-closed-hero h1 { font-size: clamp(24px, 5vw, 30px); line-height: 1.3; letter-spacing: -0.6px; margin: 0 0 12px; color: #fff; }
.wm-closed-hero p { font-size: 16px; line-height: 1.7; margin: 0; color: rgba(255,255,255,0.86); }
.wm-closed-hero .wm-closed-actions { margin-top: 22px; }
.wm-closed-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.wm-closed-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: var(--wm-radius); font-size: 15px; font-weight: 700; text-decoration: none; border: 1px solid transparent; transition: background-color .15s, color .15s, border-color .15s; }
.wm-closed-btn.is-primary { background: #ffffff; color: #0c1f3f; }
.wm-closed-btn.is-primary:hover { background: #dbeafe; color: #0c1f3f; }
.wm-closed-btn.is-ghost { background: transparent; color: #ffffff; border-color: rgba(255,255,255,0.4); }
.wm-closed-btn.is-ghost:hover { background: rgba(255,255,255,0.12); color: #ffffff; border-color: #ffffff; }
.wm-closed-btn.is-solid { background: var(--wm-primary); color: #ffffff; }
.wm-closed-btn.is-solid:hover { background: var(--wm-primary-hover); color: #ffffff; }
.wm-closed-btn.is-line { background: var(--wm-surface); color: var(--wm-text); border-color: var(--wm-border); }
.wm-closed-btn.is-line:hover { border-color: var(--wm-primary); color: var(--wm-primary); }
.wm-closed-section h2 { font-size: 20px; letter-spacing: -0.3px; margin: 0 0 14px; color: var(--wm-text); }
.wm-closed-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 14px; counter-reset: wmstep; }
.wm-closed-step { counter-increment: wmstep; padding: 20px; border: 1px solid var(--wm-border); border-radius: var(--wm-radius-lg); background: var(--wm-surface); }
.wm-closed-step::before { content: counter(wmstep); display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--wm-primary-light); color: var(--wm-primary); font-weight: 800; font-size: 14px; margin-bottom: 12px; }
.wm-closed-step strong { display: block; font-size: 16px; color: var(--wm-text); margin-bottom: 6px; }
.wm-closed-step p { margin: 0; font-size: 14px; line-height: 1.65; color: var(--wm-text-sub); }
.wm-closed-list { margin: 0; padding: 20px 22px 20px 40px; border: 1px solid var(--wm-border); border-radius: var(--wm-radius-lg); background: var(--wm-surface); color: var(--wm-text); font-size: 15px; line-height: 1.8; }
.wm-closed-list li + li { margin-top: 4px; }
.wm-closed-mine { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 22px; border: 1px solid var(--wm-primary); border-radius: var(--wm-radius-lg); background: var(--wm-primary-light); }
.wm-closed-mine p { margin: 0; font-size: 15px; color: var(--wm-text); line-height: 1.6; }
.wm-closed-mine b { color: var(--wm-primary); font-size: 18px; }
.wm-closed-notice { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--wm-border); }
.wm-closed-notice li { border-bottom: 1px solid var(--wm-border); }
.wm-closed-notice a { display: flex; justify-content: space-between; gap: 12px; padding: 13px 4px; color: var(--wm-text); text-decoration: none; font-size: 15px; }
.wm-closed-notice a:hover { color: var(--wm-primary); }
.wm-closed-notice span { color: var(--wm-text-muted); font-size: 13px; flex-shrink: 0; }
.wm-closed-contact { font-size: 14px; color: var(--wm-text-sub); line-height: 1.7; margin: 0; }
.wm-closed-contact a { color: var(--wm-primary); }
.wm-closed-note { padding: 16px 18px; border: 1px solid var(--wm-primary); border-radius: var(--wm-radius); background: var(--wm-primary-light); color: var(--wm-text); }
.wm-closed-note strong { display: block; font-size: 15px; margin-bottom: 4px; }
.wm-closed-note p { margin: 0; font-size: 14px; line-height: 1.65; color: var(--wm-text-sub); }