/* Compact desktop plans, neutral surfaces and a blue first-recharge offer. */
.ljPlansModal {
  --lp-ink: #242426;
  --lp-muted: #737780;
  --lp-line: #e7e8eb;
  --lp-accent: #356cba;
  --lp-soft: #edf4ff;
  --lp-surface: #f7f8fa;
  position: fixed;
  inset: 0;
  margin: auto;
  padding: 0;
  width: min(calc(1240 * var(--lp-unit, 1px)), calc(100vw - calc(32 * var(--lp-unit, 1px))));
  max-width: none;
  max-height: calc(100dvh - calc(24 * var(--lp-unit, 1px)));
  overflow: auto;
  scrollbar-width: none;
  overscroll-behavior: contain;
  border: calc(1 * var(--lp-unit, 1px)) solid var(--lp-line);
  border-radius: calc(24 * var(--lp-unit, 1px));
  background: #fff;
  color: var(--lp-ink);
  box-shadow: 0 calc(24 * var(--lp-unit, 1px)) calc(90 * var(--lp-unit, 1px)) #24202e30;
  font: calc(14 * var(--lp-unit, 1px))/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}
.ljPlansModal, .ljPlansModal *, .ljPlansModal *::before, .ljPlansModal *::after { box-sizing: border-box; }
.ljPlansModal::-webkit-scrollbar { display: none; }
.ljPlansModal::backdrop { background: #25232c52; backdrop-filter: blur(calc(3 * var(--lp-unit, 1px))); }
.ljPlansModal button, .ljPlansModal a { font: inherit; }
.ljPlansModal button { cursor: pointer; transition: background .16s, border-color .16s, box-shadow .16s; }
.ljPlansModal button:disabled { opacity: .5; cursor: not-allowed; }
.ljPlansModal button:focus-visible, .ljPlansModal a:focus-visible { outline: calc(3 * var(--lp-unit, 1px)) solid #9ac1ff; outline-offset: calc(3 * var(--lp-unit, 1px)); }

.ljPlansBanner { display: flex; align-items: center; justify-content: center; gap: calc(44 * var(--lp-unit, 1px)); min-height: calc(66 * var(--lp-unit, 1px)); padding: calc(9 * var(--lp-unit, 1px)) calc(24 * var(--lp-unit, 1px)); border-bottom: calc(1 * var(--lp-unit, 1px)) solid #d7e6ff; background: radial-gradient(ellipse at 20% 0%, #ffffffb8, transparent 58%), linear-gradient(110deg, #e6f1ff, #dcecff 55%, #eef5ff); color: #235494; }
.ljPlansOffer { display: flex; align-items: center; gap: calc(10 * var(--lp-unit, 1px)); }
.ljPlansOfferIcon { display: grid; place-items: center; width: calc(36 * var(--lp-unit, 1px)); height: calc(36 * var(--lp-unit, 1px)); border: calc(1 * var(--lp-unit, 1px)) solid #ffffffd9; border-radius: calc(11 * var(--lp-unit, 1px)); background: #ffffff8c; box-shadow: 0 calc(3 * var(--lp-unit, 1px)) calc(12 * var(--lp-unit, 1px)) #497bd20b; }
.ljPlansOfferIcon svg { width: calc(21 * var(--lp-unit, 1px)); height: calc(21 * var(--lp-unit, 1px)); }
.ljPlansOffer strong { display: block; font-size: calc(13 * var(--lp-unit, 1px)); font-weight: 600; line-height: 1.4; }
.ljPlansOffer strong b { font-size: calc(19 * var(--lp-unit, 1px)); font-weight: 750; letter-spacing: calc(-.5 * var(--lp-unit, 1px)); }
.ljPlansOffer small { display: block; margin-top: calc(2 * var(--lp-unit, 1px)); color: #6682a5; font-size: calc(10 * var(--lp-unit, 1px)); }
.ljPlansCountdown { display: flex; align-items: center; gap: calc(12 * var(--lp-unit, 1px)); }
.ljPlansCountdown > span { color: #5576a3; font-size: calc(11 * var(--lp-unit, 1px)); }
.ljPlansClock { display: flex; align-items: center; gap: calc(12 * var(--lp-unit, 1px)); }
.ljPlansTimePart { position: relative; display: grid; justify-items: center; gap: calc(1 * var(--lp-unit, 1px)); width: calc(38 * var(--lp-unit, 1px)); padding: calc(4 * var(--lp-unit, 1px)) 0 calc(3 * var(--lp-unit, 1px)); border: calc(1 * var(--lp-unit, 1px)) solid #fff; border-radius: calc(9 * var(--lp-unit, 1px)); background: linear-gradient(#fff, #f5f9ff); box-shadow: 0 calc(3 * var(--lp-unit, 1px)) calc(8 * var(--lp-unit, 1px)) #3969b015, inset 0 calc(-1 * var(--lp-unit, 1px)) 0 #d3e2f8; }
.ljPlansTimePart + .ljPlansTimePart::before { content: ':'; position: absolute; left: calc(-9 * var(--lp-unit, 1px)); top: calc(5 * var(--lp-unit, 1px)); color: #7b9dc7; font-size: calc(17 * var(--lp-unit, 1px)); }
.ljPlansTimeValue { color: #24528f; font-size: calc(18 * var(--lp-unit, 1px)); line-height: calc(22 * var(--lp-unit, 1px)); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: calc(.5 * var(--lp-unit, 1px)); animation: ljPlansTick .22s ease-out; }
.ljPlansTimePart small { color: #8098b7; font-size: calc(9 * var(--lp-unit, 1px)); line-height: calc(11 * var(--lp-unit, 1px)); }
@keyframes ljPlansTick { from { opacity: .45; transform: translateY(calc(-3 * var(--lp-unit, 1px))); } to { opacity: 1; transform: translateY(0); } }
.ljPlansHeader { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: calc(18 * var(--lp-unit, 1px)); padding: calc(16 * var(--lp-unit, 1px)) calc(24 * var(--lp-unit, 1px)); border-bottom: calc(1 * var(--lp-unit, 1px)) solid #efedf1; }
.ljPlansHeading { display: flex; align-items: center; gap: calc(13 * var(--lp-unit, 1px)); min-width: 0; }
.ljPlansBrand { display: grid; place-items: center; width: calc(42 * var(--lp-unit, 1px)); height: calc(42 * var(--lp-unit, 1px)); flex-shrink: 0; border: calc(1 * var(--lp-unit, 1px)) solid var(--lp-line); border-radius: calc(12 * var(--lp-unit, 1px)); background: #f6f5f7; color: #39363e; }
.ljPlansBrand svg { width: calc(23 * var(--lp-unit, 1px)); height: calc(23 * var(--lp-unit, 1px)); }
.ljPlansHeader h2 { margin: 0 0 calc(3 * var(--lp-unit, 1px)); font-size: calc(21 * var(--lp-unit, 1px)); font-weight: 650; letter-spacing: calc(-.5 * var(--lp-unit, 1px)); line-height: 1.4; }
.ljPlansHeader p { margin: 0; font-size: calc(12 * var(--lp-unit, 1px)); color: var(--lp-muted); }
.ljPlansClose { display: grid; place-items: center; justify-self: end; width: calc(36 * var(--lp-unit, 1px)); height: calc(36 * var(--lp-unit, 1px)); min-height: calc(36 * var(--lp-unit, 1px)); padding: 0; border: calc(1 * var(--lp-unit, 1px)) solid #eceef1; border-radius: calc(11 * var(--lp-unit, 1px)); background: #f7f8fa; color: #737780; line-height: 0; }
.ljPlansClose svg { display: block; width: calc(20 * var(--lp-unit, 1px)); height: calc(20 * var(--lp-unit, 1px)); margin: 0; }
.ljPlansClose:hover { background: #eceef1; color: #242426; }

.ljPlansTabs, .ljPlansPeriods { display: flex; align-items: center; justify-content: center; width: max-content; padding: calc(4 * var(--lp-unit, 1px)); gap: calc(3 * var(--lp-unit, 1px)); border: calc(1 * var(--lp-unit, 1px)) solid #eeecf0; border-radius: calc(12 * var(--lp-unit, 1px)); background: #f4f3f5; }
.ljPlansTabs { margin: 0; }
.ljPlansTabs button, .ljPlansPeriods button { border: calc(1 * var(--lp-unit, 1px)) solid transparent; border-radius: calc(8 * var(--lp-unit, 1px)); padding: calc(8 * var(--lp-unit, 1px)) calc(24 * var(--lp-unit, 1px)); background: transparent; color: var(--lp-muted); font-size: calc(13 * var(--lp-unit, 1px)); font-weight: 550; }
.ljPlansTabs button:hover:not(:disabled), .ljPlansPeriods button:hover:not(:disabled) { color: var(--lp-ink); }
.ljPlansTabs button[aria-pressed=true], .ljPlansPeriods button[aria-pressed=true] { border-color: #e8e5eb; background: #fff; color: var(--lp-ink); box-shadow: 0 calc(2 * var(--lp-unit, 1px)) calc(5 * var(--lp-unit, 1px)) #24202e08; }
.ljPlansPeriodRow { display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--lp-unit, 1px)); margin: calc(14 * var(--lp-unit, 1px)) calc(24 * var(--lp-unit, 1px)) calc(22 * var(--lp-unit, 1px)); }
.ljPlansPeriodChoice { display: flex; align-items: center; gap: calc(12 * var(--lp-unit, 1px)); }
.ljPlansPeriodChoice > span { color: var(--lp-muted); font-size: calc(12 * var(--lp-unit, 1px)); }
.ljPlansPeriods { padding: calc(3 * var(--lp-unit, 1px)); border-radius: calc(10 * var(--lp-unit, 1px)); }
.ljPlansPeriods button { padding: calc(5 * var(--lp-unit, 1px)) calc(18 * var(--lp-unit, 1px)); font-size: calc(12 * var(--lp-unit, 1px)); border-radius: calc(7 * var(--lp-unit, 1px)); }
.ljPlansMine { border: calc(1 * var(--lp-unit, 1px)) solid var(--lp-line); border-radius: calc(9 * var(--lp-unit, 1px)); background: #fff; color: #625b6c; padding: calc(7 * var(--lp-unit, 1px)) calc(12 * var(--lp-unit, 1px)); font-size: calc(12 * var(--lp-unit, 1px)) !important; }
.ljPlansMine:hover { background: var(--lp-surface); }

.ljPlansGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(14 * var(--lp-unit, 1px)); padding: 0 calc(24 * var(--lp-unit, 1px)); }
.ljPlanCard { position: relative; display: flex; flex-direction: column; min-width: 0; padding: calc(18 * var(--lp-unit, 1px)) calc(16 * var(--lp-unit, 1px)) calc(16 * var(--lp-unit, 1px)); border: calc(1 * var(--lp-unit, 1px)) solid var(--lp-line); border-radius: calc(18 * var(--lp-unit, 1px)); background: #fff; }
.ljPlanCard.is-featured { border-color: #b9d3f7; background: #fbfdff; box-shadow: 0 calc(4 * var(--lp-unit, 1px)) calc(18 * var(--lp-unit, 1px)) #3969b008; }
.ljPlanRibbon { position: absolute; top: calc(-11 * var(--lp-unit, 1px)); right: calc(15 * var(--lp-unit, 1px)); display: inline-flex; align-items: center; height: calc(22 * var(--lp-unit, 1px)); padding: calc(3 * var(--lp-unit, 1px)) calc(9 * var(--lp-unit, 1px)); border: calc(1 * var(--lp-unit, 1px)) solid #cfe0f7; border-radius: calc(7 * var(--lp-unit, 1px)); background: #edf4ff; color: #356cba; font-size: calc(10 * var(--lp-unit, 1px)); font-weight: 550; }
.ljPlanCardTitle { display: flex; align-items: center; justify-content: space-between; gap: calc(6 * var(--lp-unit, 1px)); min-height: calc(26 * var(--lp-unit, 1px)); margin-bottom: calc(12 * var(--lp-unit, 1px)); }
.ljPlanCardTitle h3 { margin: 0; font-size: calc(16 * var(--lp-unit, 1px)); font-weight: 600; white-space: nowrap; }
.ljPlanBadge { border-radius: calc(5 * var(--lp-unit, 1px)); padding: calc(3 * var(--lp-unit, 1px)) calc(6 * var(--lp-unit, 1px)); background: var(--lp-soft); color: #487cb8; font-size: calc(10 * var(--lp-unit, 1px)); white-space: nowrap; }
.ljPlanPrice { display: flex; align-items: baseline; gap: calc(4 * var(--lp-unit, 1px)); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ljPlanPrice small { font-size: calc(15 * var(--lp-unit, 1px)); font-weight: 600; }
.ljPlanPrice strong { font-size: clamp(calc(27 * var(--lp-unit, 1px)), 2.55vw, calc(36 * var(--lp-unit, 1px))); font-weight: 650; letter-spacing: calc(-1.3 * var(--lp-unit, 1px)); line-height: 1.25; }
.ljPlanPrice span { color: var(--lp-muted); font-size: calc(11 * var(--lp-unit, 1px)); margin-left: calc(2 * var(--lp-unit, 1px)); }
.ljPlanSaving { display: flex; gap: calc(7 * var(--lp-unit, 1px)); flex-wrap: wrap; min-height: calc(17 * var(--lp-unit, 1px)); margin: calc(6 * var(--lp-unit, 1px)) 0 calc(12 * var(--lp-unit, 1px)); font-size: calc(11 * var(--lp-unit, 1px)); color: #8c919a; }
.ljPlanSaving b { color: var(--lp-accent); font-weight: 500; }
.ljPlanDescription { min-height: calc(42 * var(--lp-unit, 1px)); margin: 0 0 calc(13 * var(--lp-unit, 1px)); color: #7c818a; font-size: calc(11 * var(--lp-unit, 1px)); line-height: 1.85; }
.ljPlanDescription b { color: #60666f; font-weight: 550; }
.ljPlanPoints { display: grid; gap: calc(3 * var(--lp-unit, 1px)); padding: calc(12 * var(--lp-unit, 1px)); margin: auto 0 calc(12 * var(--lp-unit, 1px)); border: calc(1 * var(--lp-unit, 1px)) solid #eeeff1; border-radius: calc(12 * var(--lp-unit, 1px)); background: var(--lp-surface); }
.ljPlanPoints strong { color: #353b43; font-size: calc(19 * var(--lp-unit, 1px)); font-weight: 600; letter-spacing: calc(-.3 * var(--lp-unit, 1px)); }
.ljPlanPoints span { margin-bottom: calc(3 * var(--lp-unit, 1px)); color: #6b83a2; font-size: calc(10 * var(--lp-unit, 1px)); }
.ljPlanPoints small { color: #87909c; font-size: calc(10 * var(--lp-unit, 1px)); }
.is-featured .ljPlanPoints { border-color: #dfebfb; background: #f0f6ff; }
.ljPlansPrimary { display: inline-flex; align-items: center; justify-content: center; min-height: calc(42 * var(--lp-unit, 1px)); padding: calc(10 * var(--lp-unit, 1px)) calc(18 * var(--lp-unit, 1px)); border: calc(1 * var(--lp-unit, 1px)) solid #242426; border-radius: calc(10 * var(--lp-unit, 1px)); background: #242426; color: #fff; text-decoration: none; font-size: calc(13 * var(--lp-unit, 1px)) !important; font-weight: 550 !important; }
.ljPlansPrimary:hover:not(:disabled) { background: #3b383f; border-color: #3b383f; color: #fff; }
.ljPlanNoRenew { margin: calc(7 * var(--lp-unit, 1px)) 0 calc(12 * var(--lp-unit, 1px)); color: #9399a3; text-align: center; font-size: calc(10 * var(--lp-unit, 1px)); }
.ljPlanFeatures { display: grid; grid-template-columns: 1fr; gap: calc(6 * var(--lp-unit, 1px)); list-style: none; padding: calc(12 * var(--lp-unit, 1px)) 0 0; margin: 0; border-top: calc(1 * var(--lp-unit, 1px)) solid #efedf1; color: #7a818c; font-size: calc(11 * var(--lp-unit, 1px)); }
.ljPlansFootnote { margin: calc(12 * var(--lp-unit, 1px)) calc(24 * var(--lp-unit, 1px)) calc(16 * var(--lp-unit, 1px)); color: #969da7; text-align: center; font-size: calc(11 * var(--lp-unit, 1px)); line-height: 1.8; }
.ljPlansContext, .ljPlansIntro { margin: calc(20 * var(--lp-unit, 1px)) calc(28 * var(--lp-unit, 1px)); color: var(--lp-muted); text-align: center; font-size: calc(13 * var(--lp-unit, 1px)); }
.ljPlansLoading { padding: calc(65 * var(--lp-unit, 1px)) calc(20 * var(--lp-unit, 1px)); color: var(--lp-muted); text-align: center; }

.ljPlansError { margin: calc(18 * var(--lp-unit, 1px)) calc(28 * var(--lp-unit, 1px)); padding: calc(12 * var(--lp-unit, 1px)) calc(15 * var(--lp-unit, 1px)); border: calc(1 * var(--lp-unit, 1px)) solid #efdbdb; border-radius: calc(12 * var(--lp-unit, 1px)); background: #fff8f8; color: #ae5f62; font-size: calc(13 * var(--lp-unit, 1px)); }
.ljPlansError button { margin-left: calc(12 * var(--lp-unit, 1px)); border: 0; background: none; text-decoration: underline; color: inherit; }
.ljPlansPending, .ljPlansSuccess { display: flex; align-items: center; justify-content: space-between; gap: calc(15 * var(--lp-unit, 1px)); margin: calc(18 * var(--lp-unit, 1px)) calc(28 * var(--lp-unit, 1px)); padding: calc(18 * var(--lp-unit, 1px)); border: calc(1 * var(--lp-unit, 1px)) solid #e6dfed; border-radius: calc(14 * var(--lp-unit, 1px)); background: #faf8fc; color: #52475f; font-size: calc(13 * var(--lp-unit, 1px)); }
.ljPlansPending p { margin: calc(8 * var(--lp-unit, 1px)) 0; }
.ljPlansPending small { color: var(--lp-muted); font-size: calc(10 * var(--lp-unit, 1px)); overflow-wrap: anywhere; }
.ljPlansPending > div:last-child { display: flex; gap: calc(8 * var(--lp-unit, 1px)); flex-wrap: wrap; }
.ljPlansPending button, .ljPlansSuccess button { border: calc(1 * var(--lp-unit, 1px)) solid var(--lp-line); border-radius: calc(9 * var(--lp-unit, 1px)); padding: calc(9 * var(--lp-unit, 1px)) calc(12 * var(--lp-unit, 1px)); background: #fff; color: #62596d; font-size: calc(12 * var(--lp-unit, 1px)); }
.ljPlansMineList { margin: 0 calc(28 * var(--lp-unit, 1px)) calc(24 * var(--lp-unit, 1px)); padding: calc(15 * var(--lp-unit, 1px)); border: calc(1 * var(--lp-unit, 1px)) solid var(--lp-line); border-radius: calc(14 * var(--lp-unit, 1px)); background: #faf9fb; font-size: calc(12 * var(--lp-unit, 1px)); }
.ljPlansMineList > div { display: flex; justify-content: space-between; gap: calc(10 * var(--lp-unit, 1px)); flex-wrap: wrap; padding: calc(10 * var(--lp-unit, 1px)); }
.ljPlansMineList small { color: var(--lp-muted); }
.ljTopupGrid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: calc(14 * var(--lp-unit, 1px)); padding: calc(8 * var(--lp-unit, 1px)) calc(28 * var(--lp-unit, 1px)) calc(16 * var(--lp-unit, 1px)); }
.ljTopupCard { display: flex; flex-direction: column; align-items: center; gap: calc(13 * var(--lp-unit, 1px)); min-height: calc(184 * var(--lp-unit, 1px)); padding: calc(23 * var(--lp-unit, 1px)) calc(13 * var(--lp-unit, 1px)); border: calc(1 * var(--lp-unit, 1px)) solid var(--lp-line); border-radius: calc(16 * var(--lp-unit, 1px)); background: #fff; color: var(--lp-ink); }
.ljTopupCard:hover:not(:disabled) { border-color: #d3c6df; background: #fdfbff; }
.ljTopupCard[aria-pressed=true] { border-color: #a98dbe; box-shadow: 0 0 0 calc(1 * var(--lp-unit, 1px)) #a98dbe; background: #f8f5fc; }
.ljTopupCard > span { color: var(--lp-muted); font-size: calc(13 * var(--lp-unit, 1px)); }
.ljTopupCard > strong { font-size: calc(30 * var(--lp-unit, 1px)); font-weight: 650; }
.ljTopupCard > b { font-size: calc(16 * var(--lp-unit, 1px)); font-weight: 550; color: #665674; }
.ljTopupCard > small { color: #8b769c; font-size: calc(11 * var(--lp-unit, 1px)); }
.ljTopupCheckout { display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--lp-unit, 1px)); margin: calc(12 * var(--lp-unit, 1px)) calc(28 * var(--lp-unit, 1px)) calc(24 * var(--lp-unit, 1px)); padding: calc(20 * var(--lp-unit, 1px)) 0 0; border-top: calc(1 * var(--lp-unit, 1px)) solid var(--lp-line); color: #827788; font-size: calc(13 * var(--lp-unit, 1px)); }
.ljTopupCheckout strong { color: #52445f; }
.ljTopupCheckout .ljPlansPrimary { min-width: calc(240 * var(--lp-unit, 1px)); }

@media (min-width: 1081px) and (max-height: 800px) {
  .ljPlansHeader { padding-top: calc(14 * var(--lp-unit, 1px)); padding-bottom: calc(14 * var(--lp-unit, 1px)); }
  .ljPlansPeriodRow { margin-top: calc(12 * var(--lp-unit, 1px)); margin-bottom: calc(18 * var(--lp-unit, 1px)); }
  .ljPlanCard { padding-top: calc(16 * var(--lp-unit, 1px)); padding-bottom: calc(14 * var(--lp-unit, 1px)); }
  .ljPlanSaving { margin-bottom: calc(8 * var(--lp-unit, 1px)); }
  .ljPlanPoints { padding: calc(10 * var(--lp-unit, 1px)); gap: calc(2 * var(--lp-unit, 1px)); }
  .ljPlanNoRenew { margin-bottom: calc(9 * var(--lp-unit, 1px)); }
  .ljPlanFeatures { grid-template-columns: 1fr 1fr; gap: calc(6 * var(--lp-unit, 1px)) calc(10 * var(--lp-unit, 1px)); font-size: calc(10 * var(--lp-unit, 1px)); }
  .ljPlansFootnote { margin-bottom: calc(12 * var(--lp-unit, 1px)); }
}
@media (max-width: 1080px) {
  .ljPlansGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(24 * var(--lp-unit, 1px)) calc(16 * var(--lp-unit, 1px)); }
  .ljPlanPrice strong { font-size: calc(36 * var(--lp-unit, 1px)); }
  .ljTopupGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ljPlansPending { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 620px) {
  .ljPlansModal { width: calc(100vw - calc(16 * var(--lp-unit, 1px))); max-height: calc(100dvh - calc(16 * var(--lp-unit, 1px))); border-radius: calc(18 * var(--lp-unit, 1px)); }
  .ljPlansBanner { gap: calc(12 * var(--lp-unit, 1px)); padding: calc(10 * var(--lp-unit, 1px)) calc(12 * var(--lp-unit, 1px)); justify-content: space-between; }
  .ljPlansOffer { gap: 0; }
  .ljPlansOfferIcon { display: none; }
  .ljPlansOffer small { max-width: calc(144 * var(--lp-unit, 1px)); font-size: calc(9 * var(--lp-unit, 1px)); }
  .ljPlansCountdown { gap: 0; }
  .ljPlansCountdown > span { display: none; }
  .ljPlansClock { gap: calc(9 * var(--lp-unit, 1px)); }
  .ljPlansTimePart { width: calc(32 * var(--lp-unit, 1px)); }
  .ljPlansTimePart + .ljPlansTimePart::before { left: calc(-7 * var(--lp-unit, 1px)); }
  .ljPlansHeader { grid-template-columns: 1fr auto; padding: calc(16 * var(--lp-unit, 1px)); gap: calc(14 * var(--lp-unit, 1px)) calc(9 * var(--lp-unit, 1px)); }
  .ljPlansHeading { gap: calc(10 * var(--lp-unit, 1px)); }
  .ljPlansBrand { width: calc(36 * var(--lp-unit, 1px)); height: calc(36 * var(--lp-unit, 1px)); border-radius: calc(10 * var(--lp-unit, 1px)); }
  .ljPlansHeader h2 { font-size: calc(19 * var(--lp-unit, 1px)); }
  .ljPlansHeader p { font-size: calc(11 * var(--lp-unit, 1px)); }
  .ljPlansTabs { grid-column: 1 / -1; grid-row: 2; justify-self: center; }
  .ljPlansClose { grid-column: 2; grid-row: 1; }
  .ljPlansGrid { grid-template-columns: 1fr; padding: 0 calc(16 * var(--lp-unit, 1px)); gap: calc(24 * var(--lp-unit, 1px)); }
  .ljPlanCard { padding: calc(24 * var(--lp-unit, 1px)) calc(20 * var(--lp-unit, 1px)) calc(20 * var(--lp-unit, 1px)); }
  .ljPlanCardTitle { margin-bottom: calc(13 * var(--lp-unit, 1px)); }
  .ljPlanDescription { min-height: 0; margin-bottom: calc(16 * var(--lp-unit, 1px)); }
  .ljPlanPoints { margin-top: 0; }
  .ljPlanFeatures { grid-template-columns: 1fr 1fr; gap: calc(12 * var(--lp-unit, 1px)); }
  .ljPlanNoRenew { margin-bottom: calc(15 * var(--lp-unit, 1px)); }
  .ljPlansPeriodRow { margin: calc(20 * var(--lp-unit, 1px)) calc(16 * var(--lp-unit, 1px)) calc(25 * var(--lp-unit, 1px)); gap: calc(8 * var(--lp-unit, 1px)); }
  .ljPlansPeriodChoice { gap: calc(8 * var(--lp-unit, 1px)); }
  .ljPlansPeriodChoice > span { display: none; }
  .ljPlansPeriods button { padding: calc(5 * var(--lp-unit, 1px)) calc(12 * var(--lp-unit, 1px)); }
  .ljPlansMine { padding: calc(7 * var(--lp-unit, 1px)) calc(9 * var(--lp-unit, 1px)); }
  .ljPlansPending, .ljPlansSuccess, .ljPlansMineList, .ljPlansError { margin: calc(16 * var(--lp-unit, 1px)); }
  .ljPlansSuccess { flex-direction: column; }
  .ljTopupGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 calc(16 * var(--lp-unit, 1px)); gap: calc(12 * var(--lp-unit, 1px)); }
  .ljTopupCard { min-height: calc(165 * var(--lp-unit, 1px)); padding: calc(20 * var(--lp-unit, 1px)) calc(9 * var(--lp-unit, 1px)); }
  .ljTopupCard > strong { font-size: calc(26 * var(--lp-unit, 1px)); }
  .ljTopupCheckout { margin: calc(20 * var(--lp-unit, 1px)) calc(16 * var(--lp-unit, 1px)); gap: calc(17 * var(--lp-unit, 1px)); flex-direction: column; align-items: stretch; }
  .ljPlansFootnote { margin: calc(20 * var(--lp-unit, 1px)) calc(18 * var(--lp-unit, 1px)); }
}
@media (prefers-reduced-motion: reduce) { .ljPlansModal button { transition: none; } .ljPlansTimeValue { animation: none; } }

@media (min-width: 1500px) and (min-height: 850px) {
 .ljPlansModal {--lp-unit: clamp(1px, min(.0625vw, .11765dvh), 1.8px); width: 92vw; max-width: 2880px;}
}