/* ---------- creditsegory Hero ---------- */
/* .credits-hero {
  position: relative;
  min-height: 360px;
  padding: clamp(60px, 9vw, 110px) 0 clamp(48px, 7vw, 80px);
  color: var(--clr-text);
  background: linear-gradient(160deg, #ffffff 0%, #dff6f5 45%, #c8ecea 100%);
  overflow: hidden;
  isolation: isolate;
}
.credits-hero::before {
  content: "";
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(46,98,138,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(46,98,138,.05) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}
.credits-hero::after {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(circle at 85% 15%, rgba(180,235,230,.45), transparent 55%);
  pointer-events: none;
}
.credits-hero-inner { position: relative; z-index: 1; }

.credits-icon-circle {
  width: 84px; height: 84px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center; justify-content: center;
  background: rgba(46,98,138,.1);
  border: 2px solid rgba(46,98,138,.2);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: var(--clr-primary);
  font-size: 2.25rem;
  margin-bottom: 1.25rem;
  box-shadow: 0 8px 32px rgba(0,0,0,.25);
}

.credits-hero-title {
  font-family: var(--font-head);
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 800;
  margin-bottom: .75rem;
  letter-spacing: -.01em;
}

.credits-hero-lead {
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  max-width: 720px;
  opacity: .95;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}

.credits-hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
  margin-top: 1.5rem;
}
.credits-hero-stat {
  display: flex; align-items: center; gap: .55rem;
  font-size: .95rem;
}
.credits-hero-stat i {
  background: rgba(255,255,255,.18);
  width: 32px; height: 32px;
  border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: .85rem;
}

.credits-breadcrumbs {
  margin-bottom: 1.25rem;
  font-size: .9rem;
}
.credits-breadcrumbs ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin: 0; padding: 0;
  color: var(--clr-text-muted);
}
.credits-breadcrumbs li + li::before {
  content: "›";
  margin-right: .4rem;
  opacity: .5;
}
.credits-breadcrumbs a {
  color: var(--clr-primary);
  text-decoration: underline;
  text-decoration-color: rgba(46,98,138,.3);
  text-underline-offset: 3px;
}
.credits-breadcrumbs a:hover { text-decoration-color: var(--clr-primary); }
.credits-breadcrumbs [aria-current="page"] { color: var(--clr-text-muted); }

.creditsegory-main {
  padding: clamp(40px, 6vw, 72px) 0 clamp(60px, 8vw, 90px);
  background: #ffffff;
} */

/* ---- Balance card ---- */
.balance-card {
  background: #fff;
  border: 1px solid rgba(10,117,130,.15);
  border-radius: var(--radius-xl);
  padding: 2rem 2.25rem;
  box-shadow: var(--shadow-lg);
  display: flex;
  align-items: center;
  gap: 1.75rem;
  flex-wrap: wrap;
}

.balance-wrapper {
  background: #fff;
  border: 1px solid rgba(10,117,130,.15);
  border-radius: var(--radius-xl);
  padding: 2rem 2.25rem;
  box-shadow: var(--shadow-lg);
}

.balance-wrapper [class*="col"] {
	margin: 0px;
}

.hero-breadcrumbs {
	margin-bottom: 3.5rem;
}
.cta-wrapper .cta-button {
	margin-bottom: 20px;
}

.balance-icon-wrap {
  width: 72px; height: 72px;
  border-radius: var(--radius-lg);
  background: var(--clr-primary-light);
  display: flex; align-items: center; justify-content: center;
  font-size: 2rem;
  color: var(--clr-primary);
  flex-shrink: 0;
}
.balance-label {
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--clr-text-muted);
  margin-bottom: 4px;
}
.balance-number {
  font-family: var(--font-head);
  font-size: 3rem;
  font-weight: 800;
  color: var(--clr-primary);
  line-height: 1;
  display: flex; align-items: baseline; gap: 8px;
}
.balance-number span {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--clr-text-muted);
}
.balance-meta {
  font-size: .85rem;
  color: var(--clr-text-muted);
  margin-top: 6px;
}
.balance-actions {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: .65rem;
  align-items: flex-end;
}
@media (max-width: 575.98px) {
  .balance-card { flex-direction: column; align-items: flex-start; }
  .balance-actions { margin-left: 0; width: 100%; }
  .balance-actions .btn { width: 100%; justify-content: center; }
}

/* ---- Buy section ---- */
.credits-buy-section {
  padding: clamp(40px, 6vw, 72px) 0;
  background: var(--clr-bg1);
}

/* ---- Pricing cards ---- */
.pricing-card {
  background: #fff;
  border: 1px solid rgba(10,117,130,.12);
  border-radius: var(--radius-lg);
  padding: 1.75rem 1.5rem 1.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: .9rem;
  transition: box-shadow var(--transition), transform var(--transition), border-color var(--transition);
}
.pricing-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.pricing-card.pricing-featured {
  border: 2px solid var(--clr-primary);
  position: relative;
}
.pricing-popular-badge {
  position: absolute;
  top: -14px; left: 50%;
  transform: translateX(-50%);
  background: var(--clr-primary);
  color: #fff;
  font-size: .72rem; font-weight: 700;
  padding: 3px 14px;
  border-radius: 100px;
  white-space: nowrap;
}
.pricing-icon {
  width: 48px; height: 48px;
  border-radius: var(--radius-md);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem;
}
.pricing-icon-eco  { background: #e0f7ef; }
.pricing-icon-std  { background: var(--clr-primary-light); }
.pricing-icon-pro  { background: #ede9fb; }
.pricing-name { font-family: var(--font-head); font-size: 1.15rem; font-weight: 700; }
.pricing-credits-row { display: flex; align-items: baseline; gap: 6px; }
.pricing-credits-num { font-family: var(--font-head); font-size: 2.5rem; font-weight: 800; color: var(--clr-text); line-height: 1; }
.pricing-credits-lbl { font-size: .9rem; color: var(--clr-text-muted); }
.pricing-bonus {
  display: inline-flex; align-items: center; gap: 4px;
  background: #d1fae5; color: #065f46;
  font-size: .78rem; font-weight: 700;
  padding: 3px 10px; border-radius: 100px;
  width: fit-content;
}
.pricing-divider { height: 1px; background: rgba(10,117,130,.1); }
.pricing-price { font-family: var(--font-head); font-size: 1.75rem; font-weight: 800; color: var(--clr-text); }
.pricing-per { font-size: .8rem; color: var(--clr-text-muted); margin-top: -6px; }
.pricing-btn { margin-top: auto; }

/* ---- Tables section ---- */
.credits-tables-section {
  padding: clamp(40px, 6vw, 72px) 0 clamp(60px, 8vw, 90px);
  background: #fff;
}
.credits-table-card {
  background: #fff;
  border: 1px solid rgba(10,117,130,.12);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.credits-table-header {
  padding: 1.1rem 1.5rem;
  border-bottom: 1px solid rgba(10,117,130,.1);
  background: #f6fdfc;
  display: flex; align-items: center; gap: .6rem;
}
.credits-table-header h2 {
  font-size: 1rem; font-weight: 700; margin: 0;
}
.credits-table-header i { color: var(--clr-primary); }
.table-responsive { overflow-x: auto; }
.credits-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .9rem;
}
.credits-table th {
  background: #f3fbfb;
  color: var(--clr-text-muted);
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .7px;
  padding: .75rem 1.25rem;
  border-bottom: 1px solid rgba(10,117,130,.1);
  white-space: nowrap;
}
.credits-table td {
  padding: .85rem 1.25rem;
  border-bottom: 1px solid rgba(10,117,130,.07);
  color: var(--clr-text);
  vertical-align: middle;
}
.credits-table tr:last-child td { border-bottom: none; }
.credits-table tr:hover td { background: #f6feff; }
.status-badge {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: .76rem; font-weight: 700;
  padding: 3px 10px; border-radius: 100px;
}
.status-success { background: #d1fae5; color: #065f46; }
.status-pending { background: #fef3c7; color: #92400e; }
.status-failed  { background: #fee2e2; color: #991b1b; }
.amount-positive { color: #065f46; font-weight: 700; }
.amount-negative { color: #991b1b; font-weight: 700; }
.no-sub-notice {
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px;
  font-size: .83rem; color: var(--clr-text-muted);
  padding: 1.25rem 0 0;
}
.no-sub-notice i { color: #10b981; }

.actions-wrapper.row{
	display: none;
}


.credits-buy-section { padding: clamp(40px,6vw,72px) 0; background: var(--clr-bg1); }


/* Дефиниция „Какво е кредит" — самостоятелен, цитируем блок (AEO) */
.credit-def {
  background:#fff; border:1px solid rgba(10,117,130,.12); border-left:4px solid var(--clr-primary);
  border-radius:var(--radius-md); padding:1.25rem 1.5rem; box-shadow:var(--shadow-sm); max-width:760px;
}
.credit-def p { margin:0; font-size:1.02rem; line-height:1.65; }
.credit-def strong { color:var(--clr-primary-dark); }

/* Стъпки „Как работят кредитите" */
.howto-steps { display:flex; flex-wrap:wrap; gap:1.25rem; }
.howto-step { flex:1 1 220px; background:#fff; border:1px solid rgba(10,117,130,.1); border-radius:var(--radius-lg); padding:1.5rem 1.25rem; box-shadow:var(--shadow-sm); }
.howto-step-num { font-family:var(--font-head); font-weight:800; font-size:.95rem; width:32px; height:32px; border-radius:50%; background:var(--clr-primary-light); color:var(--clr-primary-dark); display:inline-flex; align-items:center; justify-content:center; margin-bottom:.75rem; }
.howto-step h3 { font-size:1.02rem; margin:0 0 .4rem; }
.howto-step p { font-size:.9rem; color:var(--clr-text-muted); margin:0; line-height:1.6; }
.howto-note { display:inline-flex; align-items:flex-start; gap:.55rem; font-size:.88rem; color:var(--clr-text-muted); margin-top:1.25rem; }
.howto-note i { color:var(--clr-primary); margin-top:.2rem; }

/* Сравнителна таблица */
.credits-table-card { background:#fff; border:1px solid rgba(10,117,130,.12); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); }
.credits-table-header { padding:1.1rem 1.5rem; border-bottom:1px solid rgba(10,117,130,.1); background:#f6fdfc; display:flex; align-items:center; gap:.6rem; }
.credits-table-header h2 { font-size:1rem; font-weight:700; margin:0; }
.credits-table-header i { color:var(--clr-primary); }
.credits-table { width:100%; border-collapse:collapse; font-size:.92rem; }
.credits-table th { background:#f3fbfb; color:var(--clr-text-muted); font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.7px; padding:.75rem 1.25rem; border-bottom:1px solid rgba(10,117,130,.1); white-space:nowrap; text-align:left; }
.credits-table td { padding:.85rem 1.25rem; border-bottom:1px solid rgba(10,117,130,.07); color:var(--clr-text); vertical-align:middle; }
.credits-table tr:last-child td { border-bottom:none; }
.credits-table tbody tr:hover td { background:#f6feff; }
.credits-table .is-featured td { background:var(--clr-primary-light); font-weight:600; }
.credits-table .save-pill { display:inline-block; background:#d1fae5; color:#065f46; font-size:.74rem; font-weight:700; padding:2px 8px; border-radius:100px; }

/* Обикновени съдържателни секции */
.credits-section { padding: clamp(40px,6vw,64px) 0; }
.credits-section.is-white { background:#fff; }
.credits-section.is-soft { background:var(--clr-bg1); }

/* Стъпки „Как да заредите за 3 стъпки" (от credits1.html, адаптирано към токените) */
.steps-row .step { flex:1 1 280px; min-width:260px; background:#fff; border:1px solid rgba(10,117,130,.12); border-radius:var(--radius-lg); padding:22px; box-shadow:var(--shadow-sm); }
.steps-row .step-num { width:36px; height:36px; border-radius:10px; background:var(--clr-primary); color:#fff; font-family:var(--font-head); font-weight:800; display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
.steps-row .step h3 { font-size:1.05rem; font-weight:700; margin:0 0 .3rem; }
.steps-row .step p { font-size:.93rem; color:var(--clr-text-muted); margin:0; }

/* CTA (от credits1.html, адаптирано към токените) */
.cta { background:linear-gradient(120deg,var(--clr-primary),#3b7aa8); border-radius:20px; color:#fff; padding:42px 30px; }
.cta-text { flex:1 1 360px; }
.cta h2 { color:#fff; font-weight:800; margin:0 0 .5rem; }
.cta p { color:rgba(255,255,255,.92); }
.btn-white { background:#fff; color:var(--clr-primary); font-weight:700; border-radius:12px; border:none; }
.btn-white:hover { background:var(--clr-primary-light); color:var(--clr-primary); }

.brixy_list_wrapper[class*=credit_pack_payments] .dt-info,
.brixy_list_wrapper[class*=biz_page_log] .dt-info{
	display: none;
}