/* upgrade.html — Premium plan / checkout page */
.upgrade-main{ max-width:520px; margin:0 auto; padding:44px 16px 64px; }
.upgrade-main h1{ font-family:var(--font-display); font-weight:600; font-size:26px; text-align:center; margin:0; }
.upgrade-sub{ text-align:center; color:var(--text-dim); font-size:13.5px; margin:9px 0 24px; }

.plan-status{
  border:1px solid var(--rail-border); background:var(--rail-bg); border-radius:10px;
  padding:11px 14px; font-size:13px; text-align:center; margin-bottom:22px;
}
.plan-status.expired{ border-color:rgba(232,93,93,0.45); color:var(--danger); background:rgba(232,93,93,0.08); }
.plan-status.premium{ border-color:rgba(52,199,89,0.45); }

.price-card{
  position:relative; background:var(--rail-bg); border:1px solid var(--accent);
  border-radius:14px; padding:28px 26px 24px;
}
.offer-badge{
  position:absolute; top:-11px; left:50%; transform:translateX(-50%);
  background:var(--accent); color:#1a1c22; font-size:10.5px; font-weight:700;
  letter-spacing:0.08em; padding:4px 12px; border-radius:99px; white-space:nowrap;
}
.price-name{ font-family:var(--font-display); font-weight:600; font-size:15px; color:var(--accent); text-align:center; }

.price-row{ display:flex; align-items:baseline; justify-content:center; gap:8px; margin:12px 0 4px; flex-wrap:wrap; }
.price-old{ font-size:20px; color:var(--text-dim); }
.price-now{ font-size:40px; font-weight:700; line-height:1; }
.price-period{ font-size:14px; color:var(--text-dim); }
.price-lkr{ text-align:center; font-size:13.5px; color:var(--text-dim); }
.price-lkr s{ margin-right:5px; }
.price-month{ text-align:center; font-size:13px; color:var(--success); font-weight:600; margin-top:6px; }
.offer-ends{ text-align:center; font-size:12px; color:var(--accent); margin-top:6px; }

.feature-list{ list-style:none; padding:0; margin:22px 0; font-size:13.5px; line-height:2.1; }
.feature-list li{ position:relative; padding-left:24px; }
.feature-list li::before{ content:'✓'; position:absolute; left:0; font-weight:700; color:var(--success); }

.pay-btn{ width:100%; }
.pay-note{ font-size:12px; color:var(--text-dim); text-align:center; margin:10px 0 0; line-height:1.5; }

.fine-print{ margin-top:24px; font-size:12.5px; color:var(--text-dim); line-height:1.6; }
.fine-print p{ margin:0 0 6px; color:var(--text-bright); }
.fine-print ul{ margin:0; padding-left:18px; }
.fine-print a{ color:var(--accent); text-decoration:underline; }