.plans-hero { padding-bottom: .25rem; }
.plans-value { display: flex; flex-wrap: wrap; gap: .55rem; padding: .8rem 1rem; border: 1px solid color-mix(in srgb, var(--ds-gold) 30%, var(--ds-border)); border-radius: 1rem; background: color-mix(in srgb, var(--ds-gold) 8%, var(--ds-surface)); color: var(--ds-ink); font-size: .75rem; font-weight: 800; }
.plans-value span { display: inline-flex; align-items: center; gap: .35rem; }
.plans-value span::before { content: "✓"; color: var(--ds-positive); font-weight: 950; }
.plans--commercial { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; margin: 0; }
.plan-card { position: relative; min-width: 0; display: grid; align-content: start; gap: .75rem; padding: 1.2rem; overflow: hidden; border: 1px solid var(--ds-border); border-radius: 1.1rem; background: linear-gradient(155deg, color-mix(in srgb, var(--ds-surface-raised) 94%, var(--ds-gold) 6%), var(--ds-surface)); box-shadow: var(--ds-shadow-sm); }
.plan-card::before { content: ""; position: absolute; inset: 0 0 auto; height: .25rem; background: var(--ds-teal); }
.plan-card:nth-child(2)::before { background: var(--ds-info); }.plan-card:nth-child(3)::before { background: var(--ds-gold); }.plan-card:nth-child(4)::before { background: #8d97a6; }
.plan-card.is-current { border-color: var(--ds-gold); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ds-gold) 45%, transparent), var(--ds-shadow-panel); }
.plan-card.is-unavailable { opacity: .7; filter: saturate(.7); }.plan-card.is-unavailable::after { content: "غیرفعال"; position: absolute; inset-inline-start: .85rem; inset-block-start: .8rem; padding: .18rem .5rem; border-radius: 99px; background: var(--ds-surface-muted); color: var(--ds-muted); font-size: .64rem; font-weight: 900; }
.plan-card__top { display: flex; align-items: center; gap: .4rem; color: var(--ds-muted); font-size: .66rem; font-weight: 850; }.plan-card__signal { width: .46rem; height: .46rem; border-radius: 50%; background: var(--ds-positive); box-shadow: 0 0 0 .23rem var(--ds-positive-soft); }
.plan-card h2 { margin: 0; color: var(--ds-ink-strong); font-size: 1.08rem; }.plan-card__term { margin: -.35rem 0 0; color: var(--ds-muted); font-size: .75rem; }
.plan-card__price { display: flex; align-items: baseline; gap: .4rem; padding: .85rem 0; border-block: 1px solid var(--ds-border); color: var(--ds-muted); }.plan-card__price strong { color: var(--ds-ink-strong); font-size: 1.45rem; font-variant-numeric: tabular-nums; }.plan-card__price span { font-size: .73rem; font-weight: 800; }.plan-card__price-label { margin: -.45rem 0 0; color: var(--ds-muted); font-size: .62rem; }
.plan-card ul { display: grid; gap: .45rem; min-height: 0; margin: 0; padding: 0; list-style: none; color: var(--ds-ink); font-size: .7rem; line-height: 1.75; }.plan-card li::before { content: "•"; margin-left: .4rem; color: var(--ds-gold); font-weight: 950; }.plan-card__status { min-height: 2.75rem; display: grid; align-content: center; padding: .6rem .7rem; border-radius: .7rem; background: var(--ds-surface-muted); color: var(--ds-muted); font-size: .67rem; font-weight: 750; line-height: 1.75; }.plan-card__status--current { background: var(--ds-positive-soft); color: var(--ds-positive); }
@media (max-width: 1050px) { .plans--commercial { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .plans--commercial { grid-template-columns: 1fr; }.plans-value { display: grid; grid-template-columns: 1fr 1fr; } }