/* plans.css — انتخاب و خرید بسته اشتراک */
.pl{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%;max-width:1020px;margin-inline:auto;width:100%}
.pl-steps{display:flex;gap:6px;padding:8px}
.pl-steps span{flex:1;text-align:center;font-size:.76rem;font-weight:700;color:var(--muted);padding:10px 4px;border-radius:12px;white-space:nowrap}
.pl-steps span.on{background:var(--primary-soft);color:var(--primary-ink)}
.pl-durs{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px;padding:7px;align-self:stretch}
.pl-durs button{border:0;background:none;font-family:inherit;font-size:.84rem;font-weight:800;color:var(--muted);padding:10px 8px;border-radius:12px;cursor:pointer;white-space:nowrap;border:1px solid transparent}
.pl-durs button:hover{color:var(--primary-ink)}
.pl-durs button.on{background:linear-gradient(135deg,#b8942a,var(--primary),#eed27a);color:#231a02;box-shadow:0 6px 16px rgba(212,175,55,.35)}
.pl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
@media(max-width:1023px){.pl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.pl-grid{grid-template-columns:1fr}}
.pcard{padding:20px 16px;display:flex;flex-direction:column;gap:8px;text-align:center;cursor:pointer;transition:.22s;position:relative;overflow:hidden;border:1.5px solid var(--stroke);min-width:0}
.pcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.pcard.on{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft),var(--shadow-lg)}
.pcard.hero{border-color:rgba(212,175,55,.6)}
.pcard .flag{position:absolute;top:20px;inset-inline-start:-44px;transform:rotate(45deg);width:140px;text-align:center;font-size:.66rem;font-weight:800;background:linear-gradient(135deg,#b8942a,var(--primary),#eed27a);color:#231a02;padding:3px 0}
.pcard h3{margin:4px 0 0;font-size:1.05rem}
.pcard .price{font-size:1.15rem;font-weight:800;color:var(--primary-ink)}
.pcard .price s{color:var(--muted);font-weight:400;font-size:.82em;margin-inline-end:6px}
.pcard .price svg{vertical-align:-.14em}
.pcard ul{list-style:none;margin:6px 0 0;padding:12px 0 0;border-top:1px solid var(--stroke);display:grid;gap:8px;font-size:.76rem;color:var(--muted)}
.pcard ul b{color:var(--text)}
.pcard ul li{display:flex;align-items:center;gap:8px}
.pcard ul li svg{color:var(--primary);flex:none}
.pcard .pick{margin-top:6px;border:1.5px solid var(--stroke);background:var(--surface-2);color:var(--text);font-family:inherit;font-weight:800;font-size:.84rem;padding:11px;border-radius:13px;cursor:pointer}
.pcard.on .pick{background:linear-gradient(135deg,#b8942a,var(--primary),#eed27a);color:#231a02;border-color:transparent}
.pl-inv{padding:clamp(17px,3vw,24px)}
.pl-inv h3{margin:0 0 4px;font-size:.95rem}
.pl-inv .ln{display:flex;justify-content:space-between;gap:10px;font-size:.83rem;padding:9px 2px;border-bottom:1px dashed var(--stroke)}
.pl-inv .ln.total{font-weight:800;font-size:1rem;border:0;color:var(--primary-ink)}
.pl-inv .warn{display:flex;gap:8px;align-items:center;font-size:.74rem;color:#c22;margin-top:12px;line-height:1.9}
.pl-gw{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.pl-gw{grid-template-columns:1fr 1fr}}
.gw{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;border-radius:16px;border:1.5px solid var(--stroke);background:var(--surface-2);cursor:pointer;font-family:inherit;color:var(--text);font-size:.82rem;font-weight:700;transition:.2s}
.gw:hover{border-color:var(--primary)}
.gw.on{border-color:var(--primary);background:var(--primary-soft);box-shadow:var(--shadow)}
.gw svg{width:52px;height:34px}
.pl-pay{width:100%;padding:15px;font-size:1rem}
.pl-pay:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.pl-note{text-align:center;color:var(--muted);font-size:.72rem}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}