/* Выбор тарифа сразу после регистрации (static/welcome.js) */

.modal .card.pay-card.wl-card { width: min(520px, 100%); }
.wl-aura h2 { overflow-wrap: anywhere; }

/* «Ваш тариф — бесплатный»: тот, что есть сейчас, — тихой строкой над платными */
.wl-now { margin-top: 16px; padding: 12px 14px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--border-2, var(--border)); }
.wl-now-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wl-now-head b { font-size: 15px; font-weight: 600; }
.wl-zero { margin-left: auto; color: var(--muted); font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
.wl-now p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }
.wl-badge {
  padding: 2px 8px; border-radius: 99px; background: var(--surface-3, var(--surface-2)); color: var(--text);
  font-size: 11px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase;
}

.wl-period { margin-top: 14px; }
.wl-opts { margin-top: 12px; }
.wl-name { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wl-name b { font-size: 16px; font-weight: 600; }
.wl-for { color: var(--muted); font-size: 12.5px; line-height: 1.3; margin-bottom: 4px; }
.wl-tag { padding: 2px 8px; border-radius: 99px; background: var(--text); color: var(--ink); font-size: 11px; font-weight: 600; }
.wl-opt.wl-mine:not(.tr-opt-full) { border-color: var(--text); }

.wl-foot { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px 20px; margin-top: 14px; }
.wl-foot .pay-link { margin: 0; }

@media (max-width: 480px) {
  .wl-now { margin-top: 12px; }
  .wl-opt .tr-mini { gap: 5px; }
}