/* «پلن فعلی تو» box (features/plan.js) — top of the programme page and of «پلن‌های من». Spans use child selectors (span.sc-interp). */
.pl { --pl-acc: rgb(var(--c1)); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px 20px; margin: 0 0 18px; padding: 20px 22px;
  border: 1px solid rgba(var(--c1), .35); border-radius: 22px; background: rgba(var(--c1), .08); color: rgb(var(--c5)); box-sizing: border-box; }
.pl--free { border-color: rgba(var(--c5), .12); background: rgba(var(--c5), .035); }
.pl-label { font-size: 12.5px; font-weight: 700; color: rgb(var(--c6)); }
.pl-name { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 4px 0 6px; }
.pl-name > b { font-size: clamp(26px, 3.2vw, 36px); font-weight: 900; line-height: 1.3; color: rgb(var(--c5)); }
.pl-name > em { padding: 4px 12px; border-radius: 99px; background: var(--pl-acc); color: rgb(var(--c16, 4, 14, 22)); font-style: normal; font-size: 12.5px; font-weight: 900; }
.pl--free .pl-name > em { background: rgba(var(--c5), .1); color: rgb(var(--c5)); }
.pl-main > p { margin: 0; max-width: 46em; color: rgb(var(--c6)); font-size: 14px; line-height: 1.95; }
.pl-feats { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; }
.pl-feats li { padding: 5px 11px; border-radius: 10px; background: rgba(var(--c5), .06); font-size: 12.5px; color: rgb(var(--c5)); }
.pl-side { display: grid; justify-items: end; gap: 10px; }
.pl-left { font-size: 13px; font-weight: 800; color: var(--pl-acc); white-space: nowrap; }
.pl-cta { min-height: 46px; padding: 0 22px; border: 0; border-radius: 99px; background: var(--pl-acc); color: rgb(var(--c16, 4, 14, 22)); font: inherit; font-size: 14.5px; font-weight: 900; cursor: pointer; white-space: nowrap; transition: transform .3s cubic-bezier(.16, 1, .3, 1), filter .2s; }
.pl-cta:hover { filter: brightness(1.08); }
.pl-cta:active { transform: scale(.97); }
.pl-pending { grid-column: 1 / -1; margin: 0; padding: 10px 14px; border-radius: 12px; background: rgba(212, 138, 18, .12); color: #e3a237; font-size: 13px; font-weight: 700; }
@media (max-width: 860px) {
  .pl { grid-template-columns: 1fr; margin: 0 0 14px; padding: 16px; border-radius: 18px; }
  .pl-side { grid-template-columns: 1fr auto; align-items: center; justify-items: stretch; }
  .pl-cta { min-height: 48px; }
  .pl-left { justify-self: start; }
}