@import url('/payment-status-modern.css?v=20260916');

/* Clear separation between payment cards and expanded payment details. */
html body .modal .pay-options + #paymentDetails{margin-top:28px!important;padding-top:0!important}
html body .modal #paymentDetails > * + *{margin-top:14px!important}

/* Resolution limits: Creator shows 2K / 1080p, Ultimate shows 4K / 2K / 1080p. */
html body section.plans#plans .plan-grid article.featured .ref-features li:nth-child(2) > b{font-size:0!important}
html body section.plans#plans .plan-grid article.featured .ref-features li:nth-child(2) > b::after{content:"2K / 1080p"!important;font-size:13px!important;font-family:"Space Grotesk",Arial,sans-serif!important;font-weight:700!important;color:#eef0f7!important;white-space:nowrap!important}
html body section.plans#plans .plan-grid article:nth-child(3) .ref-features li:nth-child(2) > b{font-size:0!important}
html body section.plans#plans .plan-grid article:nth-child(3) .ref-features li:nth-child(2) > b::after{content:"4K / 2K / 1080p"!important;font-size:13px!important;font-family:"Space Grotesk",Arial,sans-serif!important;font-weight:700!important;color:#eef0f7!important;white-space:nowrap!important}

/* Frame-rate limit: Creator stays at 60 FPS; Ultimate supports 120 / 60 FPS. */
html body section.plans#plans .plan-grid article:nth-child(3) .ref-features li:nth-child(3) > b{font-size:0!important}
html body section.plans#plans .plan-grid article:nth-child(3) .ref-features li:nth-child(3) > b::after{content:"120 / 60 FPS"!important;font-size:13px!important;font-family:"Space Grotesk",Arial,sans-serif!important;font-weight:700!important;color:#eef0f7!important;white-space:nowrap!important}

/* Keep Creator internally aligned with the other cards while the Popular badge remains the only featured marker. */
html body section.plans#plans .plan-grid article.featured .plan-no{display:block!important;visibility:hidden!important;height:auto!important;min-height:13px!important;margin-top:0!important}
html body section.plans#plans .plan-grid article.featured .tag{top:12px!important;inset-inline-start:20px!important;z-index:3!important;padding:6px 11px!important;font-size:9px!important}

/* Ultimate lifetime marker: keep the badge in normal flow so it reserves the same header row as the other cards, but pin it to the card's right edge. */
html body section.plans#plans .plan-grid article:nth-child(3) .plan-no{
  visibility:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  inset:auto!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:13px!important;
  margin:0 0 36px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:1!important;
  text-align:right!important;
  direction:rtl!important;
  z-index:5!important;
}
html body section.plans#plans .plan-grid article:nth-child(3) .plan-no::after{
  content:"♾️ اشتراك مدى الحياة"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:6px 11px!important;
  border:1px solid rgba(205,174,255,.45)!important;
  border-radius:999px!important;
  background:linear-gradient(100deg,rgba(92,59,226,.94),rgba(161,74,235,.92))!important;
  box-shadow:0 8px 22px rgba(85,49,220,.25)!important;
  color:#fff!important;
  font:800 9px/1.2 Alexandria,Arial,sans-serif!important;
  white-space:nowrap!important;
}

/* Ultimate lifetime pricing label. */
html body section.plans#plans .plan-grid article:nth-child(3) > strong > small{font-size:0!important;white-space:nowrap!important}
html body section.plans#plans .plan-grid article:nth-child(3) > strong > small::after{content:"/ مدى الحياة ♾️"!important;font-size:10px!important;font-family:"Alexandria",Arial,sans-serif!important;font-weight:400!important;color:#a99bff!important}

/* Keep the lifetime badge aligned like the Creator popular badge on smaller screens too. */
@media (max-width:760px){
  html body section.plans#plans .plan-grid article:nth-child(3) .plan-no{
    width:100%!important;
    min-height:12px!important;
    margin:0 0 30px!important;
  }
  html body section.plans#plans .plan-grid article:nth-child(3) .plan-no::after{
    padding:5px 9px!important;
    font-size:8px!important;
  }
}

/* Final sync marker. */
/* ultimate-lifetime-badge-flow-20260915 */