/* build 1251: Pricing V1 (demo) - aceeasi suprafata ca Planurile, cerneala inversata */
#prcBody{
  margin-top:15px; padding:20px; border-radius:var(--r-card);
  background-color:color-mix(in srgb, var(--catFelt, #cfc6ee) 30%, #ffffff);
  --ink:var(--ink-dark); --ink-soft:var(--ink-dark-soft); --ink-faint:var(--ink-dark-faint);
  --white:var(--ink-dark); --lav:var(--ink-dark-soft); color:var(--ink-dark); text-align:left}
#prcBody p{margin:0}
.prcCard{position:relative; background:#ffffff; border-radius:var(--r-box); padding:16px 18px;
  box-shadow:inset 0 0 0 1px rgba(20,16,34,.08); margin-bottom:6px}
.prcH{font-family:var(--font-title); font-weight:700; font-size:var(--t-body); color:var(--ink-dark);
  margin:22px 2px 10px; text-align:left}
.prcNote{font-size:var(--t-small); color:var(--ink-dark-soft); margin:-4px 2px 12px !important; line-height:1.5}
.prcDemo{position:absolute; top:12px; right:12px; background:var(--catA); color:#141022; font-family:var(--font-title);
  font-weight:700; font-size:var(--t-micro); padding:4px 10px; border-radius:var(--r-pill); letter-spacing:.04em}
/* contorul de credite */
.prcMeter{text-align:center; padding:6px 0 2px}
.prcNum{display:flex; align-items:baseline; justify-content:center; gap:6px; font-family:var(--font-title); color:var(--ink-dark)}
.prcNum b{font-size:calc(var(--t-display) * 1.6); line-height:1; font-weight:700}
.prcNum span{font-size:var(--t-title); color:var(--ink-dark-faint); font-weight:700}
.prcLeft{font-size:var(--t-small); color:var(--ink-dark-soft); margin-top:4px}
.prcBar{height:10px; border-radius:var(--r-pill); background:rgba(20,16,34,.09); margin:14px 0 10px; overflow:hidden}
.prcBar i{display:block; height:100%; border-radius:inherit; background:var(--catA); transition:width .6s ease}
.prcReset{font-size:var(--t-small); color:var(--ink-dark-soft)}
.prcBought{margin-top:8px; font-size:var(--t-small); font-weight:600; color:var(--ink-dark)}
/* pasii */
.prcStep{display:flex; gap:12px; align-items:flex-start; padding:9px 0}
.prcStep + .prcStep{border-top:1px solid rgba(20,16,34,.07)}
.prcStep i{flex:0 0 28px; height:28px; border-radius:50%; background:var(--catA); color:#141022; font-style:normal;
  font-family:var(--font-title); font-weight:700; display:flex; align-items:center; justify-content:center; font-size:var(--t-small)}
.prcStep b, .prcCost b, .prcFaq b{display:block; font-family:var(--font-title); font-weight:700; font-size:var(--t-body); color:var(--ink-dark)}
.prcStep p, .prcCost p, .prcFaq p{font-size:var(--t-small); line-height:1.55; color:var(--ink-dark-soft); margin-top:3px !important}
.prcWhy p{font-size:var(--t-body); line-height:1.65; color:var(--ink-dark-soft); font-style:italic; font-family:var(--font-title)}
/* costuri */
.prcCost{display:flex; align-items:center; gap:12px; padding:10px 0}
.prcCost + .prcCost{border-top:1px solid rgba(20,16,34,.07)}
.prcCost > div{flex:1; min-width:0}
.prcPill{flex:0 0 auto; background:color-mix(in srgb, var(--catA) 22%, #ffffff); color:var(--ink-dark); border-radius:var(--r-pill);
  padding:5px 11px; font-family:var(--font-title); font-weight:700; font-size:var(--t-small); white-space:nowrap}
.prcFree .prcPill{background:rgba(20,16,34,.06)}
/* exemplul de 100 */
.prcEx{display:flex; align-items:baseline; gap:10px; padding:6px 0}
.prcEx b{flex:0 0 34px; text-align:right; font-family:var(--font-title); font-weight:700; font-size:var(--t-title); color:var(--ink-dark)}
.prcEx span{flex:1; font-size:var(--t-body); color:var(--ink-dark-soft)}
.prcEx em{font-style:normal; font-family:var(--font-title); font-weight:700; color:var(--ink-dark-faint); font-size:var(--t-small)}
.prcExTot{margin-top:10px !important; padding-top:10px; border-top:1px solid rgba(20,16,34,.07); font-size:var(--t-small); color:var(--ink-dark); font-weight:600}
/* pachete */
.prcPack{position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px; background:#ffffff;
  border-radius:var(--r-box); padding:16px 18px; margin-bottom:10px; box-shadow:inset 0 0 0 1px rgba(20,16,34,.08); cursor:pointer; transition:box-shadow .2s}
.prcPack.sel{box-shadow:inset 0 0 0 2.5px var(--catA)}
.prcPack b{font-family:var(--font-title); font-weight:700; font-size:var(--t-body); color:var(--ink-dark)}
.prcBonus{display:inline-block; margin-left:8px; font-size:var(--t-micro); font-weight:700; color:var(--ink-dark);
  background:color-mix(in srgb, var(--catA) 25%, #ffffff); padding:3px 8px; border-radius:var(--r-pill); vertical-align:middle}
.prcPrice{font-family:var(--font-title); font-weight:700; font-size:var(--t-title); color:var(--ink-dark)}
.prcBest{position:absolute; top:-9px; right:14px; background:var(--catA); color:#141022; font-family:var(--font-title);
  font-weight:700; font-size:var(--t-micro); padding:3px 10px; border-radius:var(--r-pill)}
#s-pricing.screen:not(#s-hub) #prcBody .cta{background:var(--catA) !important; color:#141022 !important; border:0 !important;
  font-family:var(--font-title) !important; font-weight:700 !important; font-size:var(--t-body) !important; margin-top:4px}
.prcMsg{text-align:center; margin-top:10px !important; font-size:var(--t-small); color:var(--ink-dark); font-weight:600}
.prcFaq{padding:9px 0}
.prcFaq + .prcFaq{border-top:1px solid rgba(20,16,34,.07)}
.prcTry{display:flex; gap:8px}
#s-pricing.screen:not(#s-hub) #prcBody .prcTry .ghost{flex:1; background:#ffffff !important; color:var(--ink-dark) !important;
  border:1px solid rgba(20,16,34,.14) !important; font-size:var(--t-small) !important; padding:12px 8px}
/* cardul mic din Profil */
#s-profile .prcMiniCard{cursor:pointer}
#s-profile .prcMiniCard .prcBar{margin:10px 0 2px; height:8px}
#s-profile .prcOpen{width:100%; margin-top:10px; font-size:12.5px}
/* textul din carduri: aliniat la stanga (regulile generale ale panoului il centrau) */
#prcBody :is(.prcStep,.prcCost,.prcFaq,.prcEx,.prcPack) :is(b,p,span,div){text-align:left !important}
#prcBody .prcExTot{text-align:left !important}
#prcBody .prcH{text-align:center}
/* build 1252: varianta simpla - 3 randuri cu bifa, 3 pachete pe un rand */
.prcPts{padding:8px 18px}
.prcPt{display:flex; align-items:center; gap:12px; padding:10px 0}
.prcPt + .prcPt{border-top:1px solid rgba(20,16,34,.07)}
.prcPt i{flex:0 0 26px; height:26px; border-radius:50%; background:var(--catA); color:#141022; font-style:normal;
  font-weight:700; display:flex; align-items:center; justify-content:center; font-size:var(--t-small)}
#prcBody .prcPt span{font-size:var(--t-body); color:var(--ink-dark); text-align:left !important; line-height:1.4}
.prcPacks{display:grid; grid-template-columns:repeat(3,1fr); gap:8px}
#prcBody .prcPacks .prcPack{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; margin:0; padding:18px 6px 14px; text-align:center}
#prcBody .prcPacks .prcPack b{font-size:var(--t-title); text-align:center !important}
#prcBody .prcPacks .prcPack span{font-size:var(--t-small); color:var(--ink-dark-soft); text-align:center !important}
#prcBody .prcPacks .prcPack .prcBest{top:-9px; right:50%; transform:translateX(50%); white-space:nowrap; color:#141022}
#prcBody .prcNote{text-align:center !important; margin:10px 0 0 !important}
.prcTry{margin-top:18px; justify-content:center}
#s-pricing.screen:not(#s-hub) #prcBody .prcTry button{flex:0 0 auto; background:none; border:0; color:var(--ink-dark-faint);
  font-family:var(--font-body); font-size:var(--t-tiny); text-decoration:underline; cursor:pointer; padding:6px 8px}