/* static/pricing.css */

/* базовая сетка секций */
.pricing-section { margin-top: 14px; }
.pricing-section-head { margin-bottom: 10px; }
.pricing-section-head .muted { margin-top: -4px; }

/* HERO */
.pricing-hero { padding: 18px; margin-top: 14px; }
.pricing-hero-row{
  display:flex; justify-content:space-between; align-items:center;
  gap:12px; flex-wrap:wrap; margin-top:10px;
}
.pricing-hero-left{ min-width: 260px; }
.pricing-title{ margin:0; }
.pricing-subtitle{ margin:8px 0 0; max-width: 62ch; }

.pricing-hero-actions{
  display:flex; gap:10px; flex-wrap:wrap;
}
.pricing-hero-note{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.10);
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
}

/* PREMIUM cards */
.pricing-grid{ margin-top: 12px; }
.pricing-card{ padding: 16px; }
.pricing-card-top{
  display:flex; justify-content:space-between; align-items:center; gap:12px;
}
.pricing-card-meta{ min-width: 0; }
.pricing-price{
  font-size: 28px;
  font-weight: 900;
  margin-top: 10px;
  letter-spacing: -0.2px;
}
.pricing-list{ margin-top: 12px; }
.pricing-card-actions{
  display:flex; gap:10px; flex-wrap:wrap; margin-top: 12px; align-items:center;
}

.pricing-card-best{
  border: 1px solid rgba(243,223,162,.22);
  box-shadow: 0 0 0 4px rgba(243,223,162,.06) inset;
}

/* TABLES */
.pricing-table-card{ padding: 14px; }
.table-scroll{
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
}
.pricing-table{
  width:100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 620px; /* чтобы таблица не разваливалась на мобиле */
}

/* общий вид таблицы */
.pricing-table thead th{
  text-align:left;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.2px;
  color: rgba(255,255,255,0.85);
  background: rgba(255,255,255,0.04);
  border-bottom: 1px solid rgba(255,255,255,0.12);
  padding: 12px 12px;
}
.pricing-table tbody td{
  padding: 11px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  vertical-align: top;
}
.pricing-table tbody tr:hover td{
  background: rgba(255,255,255,0.035);
}

/* скругления у “шапки” таблицы */
.pricing-table thead th:first-child{
  border-top-left-radius: 14px;
}
.pricing-table thead th:last-child{
  border-top-right-radius: 14px;
}

/* последние строки - аккуратнее */
.pricing-table tbody tr:last-child td{
  border-bottom: 0;
}

/* колонки */
.pricing-table .col-narrow{ width: 160px; }
.pricing-table .col-wide{ width: 220px; }

/* подсказка под таблицей */
.pricing-hint{
  margin-top: 10px;
  opacity: .85;
}

/* under-table actions */
.pricing-under-table{ margin-top: 12px; }

/* FAQ */
.pricing-faq{ margin-top: 12px; }
.pricing-faq-item{ padding: 14px; }
.pricing-faq-item .h3{ margin:0 0 6px; }
.pricing-faq-item .muted{ margin:0; }

/* CTA */
.pricing-cta{ margin-top: 16px; }
.pricing-cta-actions{
  display:flex; gap:10px; flex-wrap:wrap; margin-top: 10px;
}

/* адаптация: на узких экранах меньше “воздуха” */
@media (max-width: 520px){
  .pricing-hero{ padding: 16px; }
  .pricing-card{ padding: 14px; }
  .pricing-table-card{ padding: 12px; }
  .pricing-table{ min-width: 560px; }
}