/* =========================================================
   PRICING.HTML — page-specific styles (prefix: pricing_)
   ========================================================= */

.pricing_card{ position:relative; text-align:left; }
.pricing_card--featured{ border-color:var(--violet); background:var(--surface-2); }
.pricing_badge{
  position:absolute; top:-13px; right:28px; background:var(--grad-main); color:#fff;
   font-size:20px; padding:5px 16px; border-radius:99px;
}
.pricing_name{ font-size:20px; margin-bottom:10px; }
.pricing_desc{ font-size:20px; color:var(--text-3); min-height:58px; }
.pricing_amount{  font-weight:600; font-size:40px; color:var(--text-1); margin:18px 0 22px; }
.pricing_amount span{ font-size:18px; color:var(--text-3); font-weight:400; margin-left:4px; }
.pricing_list{ list-style:none; padding:0; margin:0 0 28px; display:flex; flex-direction:column; gap:12px; }
.pricing_list li{ font-size:14px; color:var(--text-2); display:flex; gap:10px; align-items:flex-start; }
.pricing_list i{ color:var(--violet); margin-top:3px; }

.pricing_addon{ text-align:center; }
.pricing_addon i{ font-size:28px; color:var(--violet); margin-bottom:16px; display:block; }
.pricing_addon h5{ font-size:19px; margin-bottom:8px; }
.pricing_addon p{ font-size:18px; color:var(--text-3); }

.pricing_faq-item{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md)!important; overflow:hidden; margin-bottom:14px; }
.pricing_faq-btn{
  background:transparent!important; color:var(--text-1)!important; font-weight:500;
  font-size:15.5px; box-shadow:none!important; padding:20px 24px;
}
.pricing_faq-btn::after{ filter:invert(1); }
.pricing_faq-body{ color:var(--text-2); font-size:14.5px; padding:0 24px 22px; }