/* AxioraX Plans 2026: the Plans screen and Compare plans (js/plans.js). Light only, phone first. */
.pl .h1{margin-top:6px}
/* the spaces: one row of pills that slides sideways on a small phone */
.pl-tabs{display:flex;gap:8px;margin:18px -17.333px 0;padding:2px 17.333px 4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.pl-tabs::-webkit-scrollbar{display:none}
.pl-tabs button{flex:none;height:40px;padding:0 17px;border-radius:20px;background:var(--row);font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap;scroll-snap-align:start;transition:background .18s,color .18s}
.pl-tabs button.on{background:var(--green);color:#fff}
/* monthly or yearly */
.seg.pl-iv{margin-top:14px}
.seg.pl-iv button{gap:8px;min-width:0}
.seg.pl-iv em{font-style:normal;font-size:12px;font-weight:700;line-height:20px;height:20px;padding:0 8px;border-radius:10px;background:var(--gold-soft);color:var(--gold-ink);white-space:nowrap}
.pl-once{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;height:44px;border-radius:22px;background:var(--green-soft);color:var(--green);font-size:15px;font-weight:600;text-align:center;padding:0 14px}
/* your plan */
.pl-mine{display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px 18px;border-radius:22px;background:var(--green-soft)}
.pl-mi{flex:none;width:44px;height:44px;border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:center}
.pl-mt{flex:1;min-width:0}
.pl-mk{font-size:13.5px;line-height:18px;font-weight:600;color:var(--green)}
.pl-mn{font-size:19px;line-height:25px;font-weight:700;color:var(--ink)}
.pl-ms{font-size:14px;line-height:19px;color:var(--sub)}
/* a plan */
.pl-card{position:relative;margin-top:14px;padding:20px 20px 20px;border-radius:24px;background:var(--row);border:2px solid transparent}
.pl-card.top{border-color:#E9DFAF;background:#FFFDF6}
.pl-card.mine{border-color:var(--green);background:#fff}
.pl-ch{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}
.pl-cn{font-size:21px;line-height:28px;font-weight:700;letter-spacing:-.005em}
.pl-pop{background:var(--gold-soft);color:var(--gold-ink)}
.pl-tag{font-size:15px;line-height:21px;color:var(--sub);margin-top:2px}
.pl-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:12px}
.pl-amt{font-size:32px;line-height:38px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.pl-amt.sm{font-size:20px;line-height:26px}
.pl-u{font-weight:700;color:var(--ink)}
.pl-price .pl-u{font-size:16px}
.pl-seat{font-size:15px;color:var(--sub)}
.pl-save{font-size:14px;line-height:20px;color:var(--gold-ink);margin-top:2px}
.pl-save b{font-weight:700}
.pl-lines{display:flex;flex-direction:column;gap:11px;margin-top:16px;padding-top:16px;border-top:1px solid #E3E3E3}
.pl-card.mine .pl-lines,.pl-card.top .pl-lines{border-top-color:#EAE6D6}
.pl-card.mine .pl-lines{border-top-color:#E3E3E3}
.pl-line{display:flex;align-items:flex-start;gap:11px}
.pl-line svg{margin-top:1px}
.pl-lt{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:15px;line-height:21px}
.pl-ln{flex:1 1 auto;color:var(--ink);min-width:0}
.pl-lr{flex:none;color:var(--ink);white-space:nowrap;text-align:end;margin-inline-start:auto}
@media (max-width:374px){.pl-lt{font-size:14.5px;gap:8px}}
.pl-lv{font-weight:700}
.pl-lr b{font-weight:700}
.pl-lx{color:var(--sub)}
.pl-buy{height:50px;margin-top:18px;font-size:16.5px}
.pl-buy[data-soon]{opacity:.55}
.pl-alt{height:48px;margin-top:18px;background:#fff}
.pl-incl{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:15px;line-height:21px;color:var(--green);font-weight:600}
.pl-cmpbtn{margin-top:18px;height:52px;border-radius:26px;background:#fff;border:1.5px solid var(--line);font-size:16px}
.pl .grp{margin-top:14px}
.pl-note{margin-top:16px}
/* credit packs */
.pl-packs{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #E3E3E3}
.pl-pack{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:18px;background:#fff}
html[dir=rtl] .pl-pack{padding:12px 14px 12px 12px}
.pl-pi{flex:none;width:40px;height:40px;border-radius:20px;background:var(--gold-soft);display:flex;align-items:center;justify-content:center}
.pl-pk{flex:1;min-width:0}
.pl-pn{font-size:15.5px;line-height:21px;color:var(--ink)}
.pl-pn b{font-weight:700}
.pl-pp{display:flex;align-items:baseline;gap:5px;white-space:nowrap;margin-top:1px}
.pl-pp .pl-amt.sm{font-size:17px;line-height:22px}
.pl-pp .pl-u{font-size:13.5px}
.pl-pb{flex:none;height:40px;width:auto;padding:0 20px;border-radius:20px;font-size:15px}
/* the payment sheet */
.pl-sum{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0 12px;padding:14px 16px;border-radius:18px;background:var(--row)}
.pl-sn{font-size:17px;font-weight:700}
.pl-sn span{display:block;font-size:14px;font-weight:500;color:var(--sub)}
.pl-sp{font-size:17px;font-weight:700;white-space:nowrap}
.pl-sp span{font-size:14px;font-weight:500;color:var(--sub)}

/* ---------- Compare plans ---------- */
.plc .pl-tabs.cmp{margin-top:16px}
.plc-head{position:sticky;top:calc(var(--sat) + 58px);z-index:3;display:grid;grid-template-columns:repeat(var(--pc),minmax(0,1fr));gap:6px;margin:18px -17.333px 0;padding:10px 17.333px 10px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.plc-hc{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:8px 4px;border-radius:14px;min-width:0}
.plc-hc.me{background:var(--green-soft)}
.plc-hn{display:flex;align-items:center;justify-content:center;min-height:38px;font-size:14.5px;line-height:19px;font-weight:700;min-width:0;overflow-wrap:break-word}
.plc-hp{font-size:16px;line-height:22px;font-weight:700;margin-top:3px}
.plc-hu{font-size:12px;line-height:16px;font-weight:700;color:var(--sub)}
.plc-me{margin-top:4px;font-size:11.5px;line-height:18px;height:18px;padding:0 8px;border-radius:9px;background:var(--green);color:#fff;font-weight:700}
.plc-sec{margin:24px 2px 4px;font-size:13.5px;line-height:18px;font-weight:700;letter-spacing:.02em;color:var(--gold-ink);text-transform:uppercase}
html[dir=rtl] .plc-sec{letter-spacing:0;text-transform:none;font-size:14.5px}
.plc-row{padding:12px 0 12px;border-bottom:1px solid #EFEFEF}
.plc-rl{display:flex;align-items:center;gap:9px;font-size:15px;line-height:20px;font-weight:600;color:var(--ink)}
.plc-rl span{flex:1;min-width:0}
.plc-rl em{flex:none;font-style:normal;font-size:12.5px;font-weight:600;color:var(--sub)}
.plc-rv{display:grid;grid-template-columns:repeat(var(--pc),minmax(0,1fr));gap:6px;margin-top:8px}
.plc-c{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:6px 3px;border-radius:12px;background:var(--row);font-size:13.5px;line-height:17px;min-width:0;overflow-wrap:break-word}
.plc-c.me{background:var(--green-soft)}
.plc-c .pl-vn{font-size:17px;line-height:21px;font-weight:700;color:var(--ink)}
.plc-c .pl-u{font-size:11.5px;line-height:15px;color:var(--ink)}
.plc-c .pl-x{font-size:11.5px;line-height:15px;color:var(--green);font-weight:600}
.plc-c .pl-vt{font-size:13px;line-height:17px;font-weight:600;color:var(--ink)}
.plc-c .pl-vt.ok{color:var(--green)}
.plc-c .pl-none{font-size:13px;color:var(--ph);font-weight:600}
.plc-buy{display:grid;grid-template-columns:repeat(var(--pc),minmax(0,1fr));gap:6px;margin-top:16px}
.plc-b{display:flex;align-items:center;justify-content:center;min-width:0}
.plc-b .bp{height:42px;border-radius:21px;font-size:15px;width:100%}
.plc-b .bp[data-soon]{opacity:.55}
.plc-yours,.plc-free{display:inline-flex;align-items:center;gap:5px;height:42px;font-size:14px;font-weight:700;color:var(--green)}
.plc-free{color:var(--sub)}
/* a computer: room for the cards side by side is not needed; the column stays readable */
@media (min-width:900px){.pl .pl-card,.pl .pl-mine{max-width:none}}