/* ======================================================
   SMARTIFY — Upgrade Page (Plugin-first)
   ====================================================== */

.sf-upgrade{
  max-width: 1200px;
  margin: 0 auto;
}

.sf-upgrade-hero__right {
    margin: auto;
}

.sf-upgrade-hero{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(25, 28, 33, 0.10);
  border-radius: 18px;
  padding: 24px;
}

.sf-upgrade__title{
  font-size: 24px;
  margin: 0 0 16px;
  color: #222;
  text-align: center;
  line-height: 1.4em;
}

.sf-upgrade__sub{
    margin: 0 auto 8px;
    color: #545454;
    text-align: center;
    max-width: 60ch;
}

.sf-upgrade__hint{
  background-color: #f0edfd;
  padding: 18px;
  border-radius: 10px;
  border: 1px #826def dashed;
  margin: 0 auto 16px;
  color: #545454;
  width: 90%;
}

.sf-upgrade__micro{
  margin: 0;
  color: #666666;
  text-align: center;
}

.sf-upgrade-ctaCard{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 18px;
  padding: 24px;
  background: linear-gradient(125deg, #598ee9, #8f36f7);
  color: #fff;
}

.sf-upgrade-ctaCard__title{
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.3em;
}

.sf-upgrade-ctaCard__text{
  font-size: 14px;
  line-height: 1.7;
  max-width: 60ch;
}

.sf-upgrade-ctaCard__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #FFD54A;
  color: #6c3c00;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.sf-upgrade-ctaCard__btn:hover {
  transform: scale(1.05);
}

.sf-upgrade-ctaCard__small{
  margin-top: 15px;
  font-size: 12px;
  opacity: .9;
}

.sf-upgrade-grid{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.sf-upgrade-card{
  background: #fff;
  border: 1px solid rgba(25, 28, 33, 0.10);
  border-radius: 18px;
  padding: 16px;
}

.sf-upgrade-card__ico{
  font-size: 22px;
  margin-bottom: 10px;
}

.sf-upgrade-card__title{
  font-weight: 700;
  margin-bottom: 8px;
  color: #2b2b2b;
}

.sf-upgrade-card__desc{
  color: #666666;
  font-size: 13px;
  line-height: 1.55;
}

.sf-upgrade-note{
  margin-top: 18px;
  padding: 24px;
  border-radius: 18px;
  background: rgba(130,109,239,.10);
  border: 1px solid rgba(130,109,239,.18);
  color: #545454;
}

.sf-upgrade-bottom{
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}

.sf-upgrade-bottom__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 999px;
  background: #FFD84D;
  color: #553903;
  font-weight: 700;
  text-decoration: none;
}

.sf-upgrade-bottom__small{
  color: #666666;
  font-size: 12px;
}

@media (max-width: 991px){
  .sf-upgrade-hero{ grid-template-columns: 1fr; }
  .sf-upgrade-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px){
  .sf-upgrade-grid{ grid-template-columns: 1fr; }
  .sf-upgrade__hint{ width: 98%; }
}

/* ======================================================
   Billing restricted screen — FluentCart / Portal Smartify
   ====================================================== */
.sf-upgrade-statusbar{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin:0 0 18px;
  padding:14px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(130,109,239,.22);
}

.sf-upgrade-statusbar--canceled{
  background:linear-gradient(135deg, rgba(130,109,239,.12), rgba(244,244,254,.96));
}

.sf-upgrade-statusbar--unpaid{
  background:linear-gradient(135deg, rgba(255,176,0,.12), rgba(255,255,255,.96));
  border-color:rgba(255,176,0,.28);
}

.sf-upgrade-statusbar__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:14px;
  background:#fff;
  font-size:18px;
}

.sf-upgrade-statusbar__body{
  display:flex;
  flex-direction:column;
  gap:3px;
  color:#545454;
  line-height:1.45;
}

.sf-upgrade-statusbar__body strong{
  color:#222;
  font-size:15px;
}

.sf-upgrade-statusbar__body span{
  font-size:13px;
}

.sf-upgrade-hero--restricted{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}

.sf-upgrade-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 10px;
  padding:6px 12px;
  border-radius:999px;
  background:#f4f4fe;
  color:#826def;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}

.sf-upgrade__hint--restricted{
  margin-top:10px;
}

.sf-upgrade__hint--restricted h4{
  margin:0 0 8px;
  color:#222;
  font-size:17px;
  text-align: center;
}

.sf-upgrade__hint--restricted p{
  margin:0;
  line-height:1.65;
}

.sf-upgrade-ctaCard--billing{
  min-height:250px;
  background:linear-gradient(135deg, #5c8bea 0%, #826def 48%, #8f36f7 100%);
}

.sf-upgrade-ctaCard--billing .sf-upgrade-ctaCard__title{
  font-size:18px;
  text-align:center;
}

.sf-upgrade-ctaCard--billing .sf-upgrade-ctaCard__btn{
  margin-top:18px;
  padding:13px 18px;
  box-shadow:0 12px 24px rgba(18,12,44,.16);
}

.sf-upgrade-ctaCard__support{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:12px;
  color:#fff;
  font-weight:700;
  text-decoration:none;
  opacity:.92;
}

.sf-upgrade-ctaCard__support:hover{
  color:#fff;
  opacity:1;
  text-decoration:underline;
}

.sf-upgrade-note--billing{
  background:rgba(130,109,239,.10);
  border-color:rgba(130,109,239,.20);
}

@media (max-width: 640px){
  .sf-upgrade-statusbar{
    align-items:flex-start;
    padding:13px;
  }

  .sf-upgrade-statusbar__body strong{
    font-size:14px;
  }
}